xinyilu/NurseStationUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

护理站所属区域

Browse Source
This commit is contained in:
闫晓茹 2022-11-04 09:55:48 +08:00
parent 1e2531f95b
commit 2f1e347b70
1 changed files with 343 additions and 344 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

687
src/views/system/station/index.vue
View File

@ -142,7 +142,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:station:edit']"
>修改</el-button
>修改</el-button
>
</el-col>
<el-col :span="1.5">
@ -154,7 +154,7 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:station:remove']"
>删除</el-button
>删除</el-button
>
</el-col>
<el-col :span="1.5">
@ -165,7 +165,7 @@
size="mini"
@click="handledata"
v-hasPermi="['system:station:importData']"
>导入</el-button
>导入</el-button
>
</el-col>
<!-- <el-col :span="1.5">
@ -211,11 +211,23 @@
</template>
</el-table-column>
<el-table-column label="所属区域" align="center" prop="area">
<!-- <span>{{ scope.row.sysAreaVOList[0].provinceName }}-</span>
<span>{{ scope.row.sysAreaVOList[0].cityName }}-</span>
<span>{{ scope.row.sysAreaVOList[0].streetName }}</span> -->
 
<template slot-scope="scope">
<span>{{
scope.row.areaName !== "null-null-null-null"
? scope.row.areaName
: ""
}}</span>
</template>
</el-table-column>
<el-table-column label="护理站地址" align="center" prop="address" :show-overflow-tooltip="true"/>
<el-table-column
label="护理站地址"
align="center"
prop="address"
:show-overflow-tooltip="true"
/>
<!-- <el-table-column
label="护理站简介"
align="center"
@ -245,7 +257,7 @@
type="text"
icon="el-icon-search"
@click="looknurseStationLabelList(scope.row)"
>查看标签信息</el-button
>查看标签信息</el-button
>
<el-button
size="mini"
@ -253,7 +265,7 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:station:edit']"
>修改</el-button
>修改</el-button
>
<el-button
size="mini"
@ -261,7 +273,7 @@
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:station:remove']"
>删除</el-button
>删除</el-button
>
</template>
</el-table-column>
@ -295,7 +307,7 @@
</el-table>
<div slot="footer" class="dialog-footer">
<el-button type="primary" plain @click="typeopen = false" size="small"
>关闭窗口</el-button
>关闭窗口</el-button
>
</div>
</el-dialog>
@ -322,7 +334,7 @@
plain
@click="nurseStationLabelopen = false"
size="small"
>关闭窗口</el-button
>关闭窗口</el-button
>
</div>
</el-dialog>
@ -602,340 +614,340 @@
</template>
<script>
import {
listStation,
getStation,
delStation,
addStation,
updateStation,
getFirstLevelInfo,
getSecondaryLevelInfo,
getSubordinateRegions,
getInfoLists,
nurseStationlabel,
getLabelList,
} from "@/api/system/station";
import { getInfoList } from "@/api/system/nurseItem";
import stationAcatar from "../stationAvatar/index.vue";
import { getListByUser } from "@/api/system/userlist.js";
import { getToken } from "@/utils/auth";
import editor from "@/components/Editor";
export default {
components: { stationAcatar, editor },
name: "Station",
data() {
var checkMobile = (rule, value, cb) => {
// 验证手机号的正则表达式
const regMobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
import {
listStation,
getStation,
delStation,
addStation,
updateStation,
getFirstLevelInfo,
getSecondaryLevelInfo,
getSubordinateRegions,
getInfoLists,
nurseStationlabel,
getLabelList,
} from "@/api/system/station";
import { getInfoList } from "@/api/system/nurseItem";
import stationAcatar from "../stationAvatar/index.vue";
import { getListByUser } from "@/api/system/userlist.js";
import { getToken } from "@/utils/auth";
import editor from "@/components/Editor";
export default {
components: { stationAcatar, editor },
name: "Station",
data() {
var checkMobile = (rule, value, cb) => {
// 验证手机号的正则表达式
const regMobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
if (regMobile.test(value)) {
return cb();
}
cb(new Error("请输入正确的联系电话"));
};
// 验证手机号的规则
var checkMobile2 = (rule, value, cb) => {
// 验证手机号的正则表达式
const regMobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
if (!value) {
//所以当没有值的时候，我们直接callback，让他不校验直接执行下一步
return cb();
} else {
if (regMobile.test(value)) {
return cb();
}
cb(new Error("请输入正确的联系电话"));
};
// 验证手机号的规则
var checkMobile2 = (rule, value, cb) => {
// 验证手机号的正则表达式
const regMobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
if (!value) {
//所以当没有值的时候，我们直接callback，让他不校验直接执行下一步
return cb();
} else {
if (regMobile.test(value)) {
return cb();
} else {
cb(new Error("请输入正确的联系电话"));
}
cb(new Error("请输入正确的联系电话"));
}
};
return {
imageUrl: "",
imageUrl2: "",
// 用户导入参数
upload: {
// 是否显示弹出层（用户导入）
open: false,
// 弹出层标题（用户导入）
title: "",
// 是否禁用上传
isUploading: false,
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url:
process.env.VUE_APP_BASE_API +
"/system/station/insertNurseStationImportList",
},
//护理类型
nurseTypeCode: "nurse_type_code",
nurseStationTypelist: [],
nurseStationType2: null,
//shengshiqu
value3: "",
value2: "",
value1: "",
value: "",
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
total2: 0,
//所属护理类型
typelooks: [],
//所属标签
looknurseStationLabel: [
{
labelDescription: "",
sort: "",
ids: 1,
},
],
// 护理站信息表格数据
stationList: [
{
sysAreaVOList: [
{
provinceName: null,
cityName: null,
streetName: null,
},
],
},
],
nurseStationlist: [],
// 弹出层标题
title: "",
// 是否显示弹出层
}
};
return {
imageUrl: "",
imageUrl2: "",
// 用户导入参数
upload: {
// 是否显示弹出层（用户导入）
open: false,
typeopen: false,
nurseStationLabelopen: false,
//权限查询
getListByUserquery: {
pageNum: 1,
pageSize: 10,
// 弹出层标题（用户导入）
title: "",
// 是否禁用上传
isUploading: false,
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url:
process.env.VUE_APP_BASE_API +
"/system/station/insertNurseStationImportList",
},
//护理类型
nurseTypeCode: "nurse_type_code",
nurseStationTypelist: [],
nurseStationType2: null,
//shengshiqu
value3: "",
value2: "",
value1: "",
value: "",
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
total2: 0,
//所属护理类型
typelooks: [],
//所属标签
looknurseStationLabel: [
{
labelDescription: "",
sort: "",
ids: 1,
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
areaCode: null,
userId: null,
nurseStationCode: null,
nurseStationName: null,
id: null,
nurseStationType: null,
agencyIntroduce: null,
nurseStationDescription: null,
longitude: null,
latitude: null,
phone: null,
address: null,
dutyPerson: null,
dutyPhone: null,
stationPictureUrl: null,
sort: null,
},
// 表单参数
form: {},
ids: 1,
provincelist: [],
arealist: [],
citylist: [],
streetlist: [],
resid: null,
// 表单校验
rules: {
agencyIntroduce: [
{ required: true, message: "请输入护理站简介", trigger: "blur" },
],
stationIntroducePcitureUrl: [
{ required: true, message: "请上传护理站简介头像", trigger: "blur" },
],
stationPictureUrl: [
{ required: true, message: "请上传护理站头像", trigger: "blur" },
],
nurseStationDescription: [
{ required: true, message: "护理站总概述不能为空", trigger: "blur" },
],
phone: [
],
// 护理站信息表格数据
stationList: [
{
sysAreaVOList: [
{
required: true,
validator: checkMobile,
trigger: "blur",
message: "",
provinceName: null,
cityName: null,
streetName: null,
},
// { required: true, message: "联系电话不能为空", trigger: "blur" },
],
// dutyPerson: [
// { required: true, message: "负责人不能为空", trigger: "blur" },
// ],
dutyPhone: [
{
validator: checkMobile2,
trigger: "blur",
message: "",
},
// { required: false, message: "负责人电话不能为空", trigger: "blur" },
],
sort: [{ required: true, message: "排序不能为空", trigger: "blur" }],
address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
longitude: [
{ required: true, message: "经度不能为空", trigger: "blur" },
],
latitude: [
{ required: true, message: "纬度不能为空", trigger: "blur" },
],
areaCode: [
{ required: true, message: "所属区域不能为空", trigger: "blur" },
],
nurseStationName: [
{ required: true, message: "护理站名称不能为空", trigger: "blur" },
],
nurseStationType: [
{ required: true, message: "请选择护理站类型", trigger: "blur" },
],
},
};
],
nurseStationlist: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
typeopen: false,
nurseStationLabelopen: false,
//权限查询
getListByUserquery: {
pageNum: 1,
pageSize: 10,
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
areaCode: null,
userId: null,
nurseStationCode: null,
nurseStationName: null,
id: null,
nurseStationType: null,
agencyIntroduce: null,
nurseStationDescription: null,
longitude: null,
latitude: null,
phone: null,
address: null,
dutyPerson: null,
dutyPhone: null,
stationPictureUrl: null,
sort: null,
},
// 表单参数
form: {},
ids: 1,
provincelist: [],
arealist: [],
citylist: [],
streetlist: [],
resid: null,
// 表单校验
rules: {
agencyIntroduce: [
{ required: true, message: "请输入护理站简介", trigger: "blur" },
],
stationIntroducePcitureUrl: [
{ required: true, message: "请上传护理站简介头像", trigger: "blur" },
],
stationPictureUrl: [
{ required: true, message: "请上传护理站头像", trigger: "blur" },
],
nurseStationDescription: [
{ required: true, message: "护理站总概述不能为空", trigger: "blur" },
],
phone: [
{
required: true,
validator: checkMobile,
trigger: "blur",
message: "",
},
// { required: true, message: "联系电话不能为空", trigger: "blur" },
],
// dutyPerson: [
// { required: true, message: "负责人不能为空", trigger: "blur" },
// ],
dutyPhone: [
{
validator: checkMobile2,
trigger: "blur",
message: "",
},
// { required: false, message: "负责人电话不能为空", trigger: "blur" },
],
sort: [{ required: true, message: "排序不能为空", trigger: "blur" }],
address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
longitude: [
{ required: true, message: "经度不能为空", trigger: "blur" },
],
latitude: [
{ required: true, message: "纬度不能为空", trigger: "blur" },
],
areaCode: [
{ required: true, message: "所属区域不能为空", trigger: "blur" },
],
nurseStationName: [
{ required: true, message: "护理站名称不能为空", trigger: "blur" },
],
nurseStationType: [
{ required: true, message: "请选择护理站类型", trigger: "blur" },
],
},
};
},
created() {
this.getList();
this.info();
},
methods: {
imgUrl(imgUrl) {
console.log(imgUrl);
this.form.stationPictureUrl = imgUrl;
},
created() {
this.getList();
this.info();
imgUrl2(imgUrl) {
console.log(imgUrl);
this.form.stationIntroducePcitureUrl = imgUrl;
},
methods: {
imgUrl(imgUrl) {
console.log(imgUrl);
this.form.stationPictureUrl = imgUrl;
},
imgUrl2(imgUrl) {
console.log(imgUrl);
this.form.stationIntroducePcitureUrl = imgUrl;
},
delnurseStationLabelList(item) {
console.log(item);
if (item.ids && !item.id) {
if (this.looknurseStationLabel.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.looknurseStationLabel = this.looknurseStationLabel.filter(
(e) => e.ids != item.ids
);
}
} else if (!item.ids && item.id) {
if (this.looknurseStationLabel.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.looknurseStationLabel = this.looknurseStationLabel.filter(
(e) => e.id != item.id
);
}
}
console.log(this.form.nurseStationLabelList);
},
addnurseStationLabelList() {
if (this.looknurseStationLabel.length == 5) {
this.$message.error("最多只能5条");
delnurseStationLabelList(item) {
console.log(item);
if (item.ids && !item.id) {
if (this.looknurseStationLabel.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.ids++;
var obj = {
labelDescription: "",
sort: "",
ids: this.ids,
};
this.looknurseStationLabel.push(obj);
this.looknurseStationLabel = this.looknurseStationLabel.filter(
(e) => e.ids != item.ids
);
}
} else if (!item.ids && item.id) {
if (this.looknurseStationLabel.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.looknurseStationLabel = this.looknurseStationLabel.filter(
(e) => e.id != item.id
);
}
}
console.log(this.form.nurseStationLabelList);
},
addnurseStationLabelList() {
if (this.looknurseStationLabel.length == 5) {
this.$message.error("最多只能5条");
} else {
this.ids++;
var obj = {
labelDescription: "",
sort: "",
ids: this.ids,
};
this.looknurseStationLabel.push(obj);
}
console.log(this.looknurseStationLabel);
},
//查看标签
looknurseStationLabelList(item) {
console.log(item);
nurseStationlabel(item.id).then((res) => {
this.looknurseStationLabel = res.rows;
this.nurseStationLabelopen = true;
console.log(this.looknurseStationLabel);
},
//查看标签
looknurseStationLabelList(item) {
console.log(item);
nurseStationlabel(item.id).then((res) => {
this.looknurseStationLabel = res.rows;
this.nurseStationLabelopen = true;
console.log(this.looknurseStationLabel);
});
},
//查看类型
looktype(item) {
// console.log(item);
this.typelooks = [];
getInfoLists(item.nurseStationType).then((res) => {
console.log(res);
this.typelooks = res.data;
this.typeopen = true;
});
},
//点击街道
clickstreet(item) {
this.form.areaCode = item.areaCode;
this.value3 = item.areaCode;
console.log(this.form);
},
//点击区县城
clickarea(item) {
this.value3 = "";
console.log(item);
getSecondaryLevelInfo(item.id).then((res) => {
console.log(res);
this.streetlist = res.data;
});
},
//点击市
clickcity(item) {
this.value2 = "";
this.value3 = "";
console.log(item);
getSecondaryLevelInfo(item.id).then((res) => {
console.log(res);
this.arealist = res.data;
});
},
//点击省
province(item) {
this.value1 = "";
this.value2 = "";
this.value3 = "";
getSecondaryLevelInfo(item.id).then((res) => {
this.citylist = res.data;
});
},
/** 查询护理站信息列表 */
getList() {
this.liststationinfo();
getFirstLevelInfo().then((res) => {
this.provincelist = res.data;
});
getInfoList().then((res) => {
this.nurseStationTypelist = res.data;
});
this.loading = true;
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
this.value3 = "";
this.value2 = "";
this.value1 = "";
this.value = "";
},
// 表单重置
reset() {
this.nurseStationType2 = [];
this.form = {
id: null,
areaCode: null,
nurseStationCode: null,
nurseStationName: null,
nurseStationType: null,
});
},
//查看类型
looktype(item) {
// console.log(item);
this.typelooks = [];
getInfoLists(item.nurseStationType).then((res) => {
console.log(res);
this.typelooks = res.data;
this.typeopen = true;
});
},
//点击街道
clickstreet(item) {
this.form.areaCode = item.areaCode;
this.value3 = item.areaCode;
console.log(this.form);
},
//点击区县城
clickarea(item) {
this.value3 = "";
console.log(item);
getSecondaryLevelInfo(item.id).then((res) => {
console.log(res);
this.streetlist = res.data;
});
},
//点击市
clickcity(item) {
this.value2 = "";
this.value3 = "";
console.log(item);
getSecondaryLevelInfo(item.id).then((res) => {
console.log(res);
this.arealist = res.data;
});
},
//点击省
province(item) {
this.value1 = "";
this.value2 = "";
this.value3 = "";
getSecondaryLevelInfo(item.id).then((res) => {
this.citylist = res.data;
});
},
/** 查询护理站信息列表 */
getList() {
this.liststationinfo();
getFirstLevelInfo().then((res) => {
this.provincelist = res.data;
});
getInfoList().then((res) => {
this.nurseStationTypelist = res.data;
});
this.loading = true;
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
this.value3 = "";
this.value2 = "";
this.value1 = "";
this.value = "";
},
// 表单重置
reset() {
this.nurseStationType2 = [];
this.form = {
id: null,
areaCode: null,
nurseStationCode: null,
nurseStationName: null,
nurseStationType: null,
agencyIntroduce: null,
nurseStationDescription: null,
@ -955,19 +967,6 @@
/** 搜索按钮操作 */
liststationinfo() {
listStation(this.queryParams).then((response) => {
response.rows.forEach((e) => {
if (e.provinceName) {
e.area =
e.provinceName +
"-" +
e.cityName +
"-" +
e.regionName +
"-" +
e.streetName;
}
} );
this.stationList = response.rows;
this.total = response.total;
this.loading = false;