Browse Source

政策找人:增加政策类型双下拉框

feature
wxz 3 years ago
parent
commit
cb1de69384
  1. 170
      src/views/modules/communityService/policy/addPolicy.vue
  2. 2
      src/views/modules/communityService/policy/policyList.vue

170
src/views/modules/communityService/policy/addPolicy.vue

@ -8,25 +8,56 @@
:rules="dataRule" :rules="dataRule"
:disabled="formType==='detail'" :disabled="formType==='detail'"
class="div_form"> class="div_form">
<!-- 政策类型 -->
<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.policyTypeLevel1Id"
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.policyTypeLevel2Id"
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="政策级别" <el-form-item label="政策标题"
style="display: block" prop="title"
label-width="150px" label-width="150px"
prop="policyLevel"> style="display: block">
<el-select class="item_width_2" <el-input class="item_width_1"
v-model="formData.policyLevel" placeholder="请输入政策标题"
placeholder="全部" v-model="formData.title">
clearable> </el-input>
<el-option v-for="item in policyLevelArray"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="政策日期" <el-form-item label="政策有效期"
style="display: block" style="display: block"
label-width="150px" label-width="150px"
prop="startDate"> prop="startDate">
@ -47,14 +78,21 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="政策标题" <el-form-item label="政策级别"
prop="title" style="display: block"
label-width="150px" label-width="150px"
style="display: block"> prop="policyLevel">
<el-input class="item_width_1" <el-select class="item_width_2"
placeholder="请输入政策标题" v-model="formData.policyLevel"
v-model="formData.title"> placeholder="全部"
</el-input> clearable>
<el-option v-for="item in policyLevelArray"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="政策内容" <el-form-item label="政策内容"
@ -70,7 +108,7 @@
v-model="formData.content"></el-input> v-model="formData.content"></el-input>
</el-form-item> </el-form-item>
<div v-for="(item,index) in formData.ruleList" <!-- <div v-for="(item,index) in formData.ruleList"
:key="index" :key="index"
style="margin-bottom:15px"> style="margin-bottom:15px">
@ -101,15 +139,15 @@
:index="index"></rule> :index="index"></rule>
</div> </div>
</div> </div> -->
<div class="btn-add-rule"> <!-- <div class="btn-add-rule">
<el-button type="primary" <el-button type="primary"
size="mini" size="mini"
@click="addRule">增加细则</el-button> @click="addRule">增加细则</el-button>
</div> </div> -->
<el-form-item label="匹配资源类型" <!-- <el-form-item label="匹配资源类型"
prop="serviceScope" prop="serviceScope"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
@ -119,7 +157,7 @@
:options="demandOptions" :options="demandOptions"
:props="optionProps" :props="optionProps"
@change="handleCateSlect"></el-cascader> @change="handleCateSlect"></el-cascader>
</el-form-item> </el-form-item> -->
<el-form-item class="block" <el-form-item class="block"
label="附件" label="附件"
@ -187,16 +225,19 @@ export default {
return { return {
ruleList: [ // ruleList: [
{ // {
ruleName: '', // ruleName: '',
resiRuleList: [], // resiRuleList: [],
houseRuleList: [], // houseRuleList: [],
statRuleList: [] // statRuleList: []
} // }
], // ],
policyLevelArray: [], policyLevelArray: [],
//
serviceTypesLevel1:[],
serviceTypesLevel2:[],
btnDisable: false, btnDisable: false,
demandOptions: [], demandOptions: [],
@ -211,6 +252,8 @@ export default {
}, },
formData: { formData: {
policyTypeLevel1Id:'',// id
policyTypeLevel2Id:'',// id
policyLevel: '',// policyLevel: '',//
startDate: '',//yyyy-MM-dd startDate: '',//yyyy-MM-dd
endDate: '',//yyyy-MM-dd endDate: '',//yyyy-MM-dd
@ -218,14 +261,14 @@ export default {
content: '',// content: '',//
categoryList: [], categoryList: [],
attachmentList: [], attachmentList: [],
ruleList: [ // ruleList: [
{ // {
ruleName: '', // ruleName: '',
resiRuleList: [], // resiRuleList: [],
houseRuleList: [], // houseRuleList: [],
statRuleList: [] // statRuleList: []
} // }
], // ],
}, },
@ -297,7 +340,7 @@ export default {
let arr = element.codePath.split(',') let arr = element.codePath.split(',')
this.demandIdArray.push(arr) this.demandIdArray.push(arr)
}); });
this.formData.ruleList = data.ruleList // this.formData.ruleList = data.ruleList
this.formData = data this.formData = data
@ -324,6 +367,7 @@ export default {
async getDictOptions () { async getDictOptions () {
//
this.$http this.$http
.post("/sys/dict/data/dictlist", { .post("/sys/dict/data/dictlist", {
dictType: "policy_level", dictType: "policy_level",
@ -339,6 +383,19 @@ export default {
return this.$message.error("网络错误"); return this.$message.error("网络错误");
}); });
//
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("网络错误");
});
}, },
@ -656,6 +713,8 @@ export default {
resetData () { resetData () {
this.ruleList = [] this.ruleList = []
this.formData = { this.formData = {
serviceTypeLevel1Id:'',
serviceTypeLevel2Id:'',
policyLevel: '',// policyLevel: '',//
startDate: '',//yyyy-MM-dd startDate: '',//yyyy-MM-dd
endDate: '',//yyyy-MM-dd endDate: '',//yyyy-MM-dd
@ -680,6 +739,23 @@ export default {
if (loading) { if (loading) {
loading.close() loading.close()
} }
},
//
handleChangeServiceTypeLevel1() {
this.formData.policyTypeLevel2Id = ''
this.$http
.get("/governance/commonServiceType/selectList/" + this.formData.policyTypeLevel1Id)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.serviceTypesLevel2 = res.data;
}
})
.catch(() => {
return this.$message.error("网络错误");
})
} }
}, },
computed: { computed: {
@ -697,7 +773,9 @@ export default {
return { return {
serviceType: [
{ required: true, message: '政策类型不能为空', trigger: 'blur' }
],
policyLevel: [ policyLevel: [
{ required: true, message: '政策级别不能为空', trigger: 'change' } { required: true, message: '政策级别不能为空', trigger: 'change' }
], ],

2
src/views/modules/communityService/policy/policyList.vue

@ -401,7 +401,7 @@ export default {
async getTableData () { async getTableData () {
this.tableLoading = true this.tableLoading = true
const url = "/heart/policy/list"; const url = "/governance/policy/list";
// const url = "http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/recordList"; // const url = "http://yapi.elinkservice.cn/mock/245/heart/icServiceProject/service/recordList";
const { pageSize, pageNo, formData } = this; const { pageSize, pageNo, formData } = this;
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {

Loading…
Cancel
Save