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

被护理人信息，社区信息 按钮

Browse Source
This commit is contained in:
shidongli 2022-09-21 09:41:51 +08:00 committed by 闫晓茹
parent 319536e935
commit 61775ab88c
1 changed files with 111 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

211
src/views/system/communityInfo/index.vue
View File

@ -25,7 +25,11 @@
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="所属区域" prop="areaCode"> <el-form-item label="所属区域" prop="areaCode">
<el-select v-model="queryParams.province" clearable placeholder="请选择省"> <el-select
v-model="queryParams.province"
clearable
placeholder="请选择省"
>
<el-option <el-option
v-for="item in arealist" v-for="item in arealist"
:key="item.id" :key="item.id"
@ -250,9 +254,11 @@
:key="index" :key="index"
style="margin-top: 20px" style="margin-top: 20px"
> >
<el-form-item label="所属区域" <el-form-item
:rules="rules.communityInfoList.areaCode" label="所属区域"
:prop="`communityInfoList.${index}.areaCode`"> :rules="rules.communityInfoList.areaCode"
:prop="`communityInfoList.${index}.areaCode`"
>
<el-select v-model="item.province" clearable placeholder="请选择省"> <el-select v-model="item.province" clearable placeholder="请选择省">
<el-option <el-option
v-for="item in arealist" v-for="item in arealist"
@ -310,9 +316,10 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="社区名称" <el-form-item
:rules="rules.communityInfoList.communityName" label="社区名称"
:prop="`communityInfoList.${index}.communityName`" :rules="rules.communityInfoList.communityName"
:prop="`communityInfoList.${index}.communityName`"
> >
<el-input <el-input
v-model="item.communityName" v-model="item.communityName"
@ -320,20 +327,21 @@
maxlength="30" maxlength="30"
/> />
</el-form-item> </el-form-item>
<el-form-item label="社区经度" <el-form-item
label="社区经度"
:rules="rules.communityInfoList.communityLongitude" :rules="rules.communityInfoList.communityLongitude"
:prop="`communityInfoList.${index}.communityLongitude`" :prop="`communityInfoList.${index}.communityLongitude`"
> >
<el-input <el-input
v-model="item.communityLongitude" v-model="item.communityLongitude"
placeholder="请输入社区经度" placeholder="请输入社区经度"
maxlength="20" maxlength="20"
/> />
</el-form-item> </el-form-item>
<el-form-item label="社区纬度" <el-form-item
:rules="rules.communityInfoList.communityLatitude" label="社区纬度"
:prop="`communityInfoList.${index}.communityLatitude`" :rules="rules.communityInfoList.communityLatitude"
:prop="`communityInfoList.${index}.communityLatitude`"
> >
<el-input <el-input
v-model="item.communityLatitude" v-model="item.communityLatitude"
@ -362,7 +370,7 @@
></el-button> ></el-button>
</div> </div>
</el-form> </el-form>
<div slot="footer" class="dialog-footer" style="margin-right:45%"> <div slot="footer" class="dialog-footer" style="margin-right: 45%">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
@ -375,12 +383,20 @@
<el-input v-model="form.areaCode" placeholder="请输入所属区域编码" /> <el-input v-model="form.areaCode" placeholder="请输入所属区域编码" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="所属区域" prop="areaCode"> <el-form-item label="所属区域" prop="areaCode">
<el-input v-model="form.areaName" placeholder="请输入所属区域" maxlength="20"/> <el-input
v-model="form.areaName"
placeholder="请输入所属区域"
maxlength="20"
/>
</el-form-item> </el-form-item>
<el-form-item label="社区名称" prop="communityName"> <el-form-item label="社区名称" prop="communityName">
<el-input v-model="form.communityName" placeholder="请输入社区名称" maxlength="30"/> <el-input
v-model="form.communityName"
placeholder="请输入社区名称"
maxlength="30"
/>
</el-form-item> </el-form-item>
<el-form-item label="社区经度" prop="communityLongitude" > <el-form-item label="社区经度" prop="communityLongitude">
<el-input <el-input
v-model="form.communityLongitude" v-model="form.communityLongitude"
placeholder="请输入社区经度" placeholder="请输入社区经度"
@ -439,9 +455,9 @@ export default {
citylist: [], citylist: [],
arealists: [], arealists: [],
streetlist: [], streetlist: [],
city:"", city: "",
area:"", area: "",
areaCodes:"", areaCode: "",
value: "", value: "",
value3: "", value3: "",
value2: "", value2: "",
@ -497,56 +513,48 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
areaCode: areaCode: {
{ required: true,
required: true, message: "所属区域不能为空",
message: "所属区域不能为空", trigger: "blur",
trigger: "blur", },
}, communityName: {
communityName: required: true,
{ message: "社区名称不能为空",
required: true, trigger: "blur",
message: "社区名称不能为空", },
trigger: "blur", communityLongitude: {
}, required: true,
communityLongitude: { message: "经度不能为空",
required: true, trigger: "blur",
message: "经度不能为空", },
trigger: "blur", communityLatitude: {
}, required: true,
communityLatitude:{ message: "纬度不能为空",
required: true, trigger: "blur",
message: "纬度不能为空", },
trigger: "blur", communityInfoList: {
}, areaCode: {
communityInfoList:{ required: true,
areaCode: message: "所属区域不能为空",
{ trigger: "blur",
required: true, },
message: "所属区域不能为空", communityName: {
trigger: "blur", required: true,
}, message: "社区名称不能为空",
communityName: trigger: "blur",
{ },
required: true, communityLongitude: {
message: "社区名称不能为空", required: true,
trigger: "blur", message: "经度不能为空",
}, trigger: "blur",
communityLongitude: { },
required: true, communityLatitude: {
message: "经度不能为空", required: true,
trigger: "blur", message: "纬度不能为空",
}, trigger: "blur",
communityLatitude:{ },
required: true, },
message: "纬度不能为空",
trigger: "blur",
}
}
}, },
}; };
}, },
@ -558,7 +566,9 @@ export default {
// 查询省事件 // 查询省事件
province(item) { province(item) {
console.log(item); console.log(item);
// this.item.city="" this.queryParams.city = "";
this.queryParams.area = "";
this.queryParams.areaCode = "";
// this.value1 = ""; // this.value1 = "";
// this.value2 = ""; // this.value2 = "";
// this.value3 = ""; // this.value3 = "";
@ -571,6 +581,8 @@ export default {
}, },
// 点击市 // 点击市
clickcity(item) { clickcity(item) {
this.queryParams.area = "";
this.queryParams.areaCode = "";
this.value2 = ""; this.value2 = "";
this.value3 = ""; this.value3 = "";
console.log(item); console.log(item);
@ -581,6 +593,7 @@ export default {
}, },
//点击区县城 //点击区县城
clickarea(item) { clickarea(item) {
// this.queryParams.areaCode = "";
this.value3 = ""; this.value3 = "";
console.log(item); console.log(item);
SecondaryLevelInfo(item.id).then((res) => { SecondaryLevelInfo(item.id).then((res) => {
@ -674,10 +687,10 @@ export default {
// updateTime: null, // updateTime: null,
communityInfoList: [ communityInfoList: [
{ {
province:'', province: "",
city:'', city: "",
area:'', area: "",
areaCodes: '', areaCodes: "",
areaCode: "", areaCode: "",
communityCode: "", communityCode: "",
communityName: "", communityName: "",
@ -691,21 +704,20 @@ export default {
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1;
this.getList();
this.getList();
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.queryParams = { (this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
searchValue: null, searchValue: null,
province:null, province: null,
city:null, city: null,
area:null, area: null,
areaCodes:null, areaCodes: null,
// createBy: null, // createBy: null,
// createTime: null, // createTime: null,
@ -716,24 +728,23 @@ export default {
areaName: null, areaName: null,
areaLevel: null, areaLevel: null,
// sort: null, // sort: null,
}, }),
// FirstLevels(this.getProvincequeryParams).then((res) => {
// FirstLevels(this.getProvincequeryParams).then((res) => { // console.log(res);
// console.log(res); // this.arealist = res.data;
// this.arealist = res.data; // this.total2 = res.total;
// this.total2 = res.total; // console.log(this.arealist);
// console.log(this.arealist); // });
// }); // SecondaryLevelInfo(this.getProvincequeryParams2).then((res) => {
// SecondaryLevelInfo(this.getProvincequeryParams2).then((res) => { // console.log(res);
// console.log(res); // this.citylist = res.data;
// this.citylist = res.data; // // this.arealists=res.data;
// // this.arealists=res.data; // // this.streetlist=res.data;
// // this.streetlist=res.data; // this.total2 = res.total;
// this.total2 = res.total; // // console.log(this.arealist);
// // console.log(this.arealist); // });
// });
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
@ -751,7 +762,7 @@ export default {
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
console.log(row) console.log(row);
const id = row.id || this.ids; const id = row.id || this.ids;
getCommunityInfo(id).then((response) => { getCommunityInfo(id).then((response) => {
this.form = response.data; this.form = response.data;