elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

服务类型下拉

V1.0
lichao 3 years ago
parent
67493afad2
commit
b9bbb8bdd2
2 changed files with 148 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 79
      src/views/modules/communityService/commonDemand/addForm.vue
  2. 71
      src/views/modules/communityService/commonDemand/index.vue

79
src/views/modules/communityService/commonDemand/addForm.vue
View File

@ -12,7 +12,7 @@
:rules="dataRule"
class="div_form"
>
<el-form-item
<!-- <el-form-item
label="服务分类"
prop="serviceCategoryKey"
label-width="150px"
@ -33,7 +33,46 @@
>
</el-option>
</el-select>
</el-form-item>-->
<!-- 服务类别 -->
<el-form-item label="服务类别"
style="display: block"
label-width="150px"
prop="serviceType">
<div class="f-flex">
<el-form-item prop="serviceType"
class="u-item-width-communitycascader f-bto0"
:rules="dataRule.serviceType" >
<el-select class="cell-width-1"
v-model.trim="formData.serviceTypeLevel1Id"
placeholder="请选择"
clearable>
<el-option v-for="item in serviceTypesLevel1"
@click.native="handleChangeServiceTypeLevel1"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="serviceType"
class="u-item-width-communitycascader f-bto0"
:rules="dataRule.serviceType" >
<el-select class="cell-width-1"
v-model.trim="formData.serviceTypeLevel2Id"
placeholder="请选择"
clearable>
<el-option v-for="item in serviceTypesLevel2"
@click.native=""
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</div>
</el-form-item>
<el-form-item
label="服务名称"
prop="serviceName"
@ -510,6 +549,10 @@
};
return {
// 公共服务分类
serviceTypesLevel1:[],
serviceTypesLevel2:[],
btnDisable: false,
casOptions: [],
scopeIdArray: [],
@ -526,6 +569,8 @@
keyWords: "",
formData: {
serviceTypeLevel1Id:'',// 公共服务（政策级别）一级分类id
serviceTypeLevel2Id:'',// 公共服务（政策级别）二级分类id
serviceCategoryKey: "",
serviceName: "", //服务名称
serviceOrgType: "", //服务组织类型 社区自组织：community_org， 志愿者：ic_user_volunteer， 联建单位：party_unit
@ -603,6 +648,9 @@
computed: {
dataRule() {
return {
serviceType: [
{ required: true, message: '政策类型不能为空', trigger: 'blur' }
],
serviceName: [
{ required: true, message: "服务名称不能为空", trigger: "change" },
],
@ -674,9 +722,38 @@
await this.iniDefaultData();
this.endLoading();
// 服务分类下拉（其实是获取的共性服务分类）
this.$http
.get("/governance/commonServiceType/selectList/0")
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.serviceTypesLevel1 = res.data;
}
})
.catch(() => {
return this.$message.error("网络错误");
});
},
methods: {
// 服务类型下拉框选中事件
handleChangeServiceTypeLevel1() {
this.formData.serviceTypeLevel2Id = ''
this.$http
.get("/governance/commonServiceType/selectList/" + this.formData.serviceTypeLevel1Id)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.serviceTypesLevel2 = res.data;
}
})
.catch(() => {
return this.$message.error("网络错误");
})
},
async iniDefaultData() {
const { defaultData } = this;
console.log("iniDefaultData3", defaultData);

71
src/views/modules/communityService/commonDemand/index.vue
View File

@ -8,6 +8,42 @@
:label-width="'80px'">
<div>
<el-form-item label="服务类别"
prop="serviceType">
<div class="f-flex">
<el-form-item prop="serviceType"
class="u-item-width-communitycascader f-bto0">
<el-select class="cell-width-1"
v-model.trim="formData.serviceTypeLevel1Id"
placeholder="请选择"
clearable>
<el-option v-for="item in serviceTypesLevel1"
@click.native="handleChangeServiceTypeLevel1"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="serviceType"
class="u-item-width-communitycascader f-bto0">
<el-select class="cell-width-1"
v-model.trim="formData.serviceTypeLevel2Id"
placeholder="请选择"
clearable>
<el-option v-for="item in serviceTypesLevel2"
@click.native=""
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</div>
</el-form-item>
<el-form-item label="服务名称"
prop="serviceName">
<el-input v-model="formData.serviceName"
@ -336,6 +372,9 @@
}
return {
// 公共服务分类
serviceTypesLevel1:[],
serviceTypesLevel2:[],
tableLoading: false,
user: {},
agencyId: '',
@ -369,7 +408,8 @@
],
formData: {
serviceTypeLevel1Id:'',// 公共服务（政策级别）一级分类id
serviceTypeLevel2Id:'',// 公共服务（政策级别）二级分类id
serviceName: '',//项目名称
serviceOrgType: '',//服务组织类型
serviceOrgId: '',//服务组织Id
@ -433,6 +473,22 @@
this.getTableData();
},
methods: {
// 服务类型下拉框选中事件
handleChangeServiceTypeLevel1() {
this.formData.serviceTypeLevel2Id = ''
this.$http
.get("/governance/commonServiceType/selectList/" + this.formData.serviceTypeLevel1Id)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.serviceTypesLevel2 = res.data;
}
})
.catch(() => {
return this.$message.error("网络错误");
})
},
handleSearch (val) {
console.log(this.formData);
@ -454,6 +510,19 @@
} else {
this.$message.error(msg)
}
this.$http
.get("/governance/commonServiceType/selectList/0")
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.serviceTypesLevel1 = res.data;
}
})
.catch(() => {
return this.$message.error("网络错误");
});
},
handleServiceChange (type, val) {

Write Preview
Loading…
Cancel
Save