|
|
@ -29,7 +29,7 @@ |
|
|
|
<!-- <Picker label="诉求类别" placeholder="请选择准确的类型便于派单" v-model="streetId" :items="streetOptions" |
|
|
|
@change="e => setVal('street', e, 'getChildAgencyByPid')" /> --> |
|
|
|
<van-cell required is-link title="诉求类别" @click="onShowPicker()"> |
|
|
|
<div>{{ selectedValue }}</div> |
|
|
|
<div>{{ cascaderValue }}</div> |
|
|
|
</van-cell> |
|
|
|
</div> |
|
|
|
<div class="block"> |
|
|
@ -53,9 +53,9 @@ |
|
|
|
</van-tabs> |
|
|
|
|
|
|
|
<van-popup v-model="showType" position="bottom"> |
|
|
|
<van-cascader v-model="cascaderValue" title="请选择所在地区" :options="cateOptions" @close="show = false" |
|
|
|
:field-names="{ text: 'categoryName', value: 'categoryCode', children: 'children', }" @change="onChange" |
|
|
|
@finish="onFinish" /> |
|
|
|
<van-cascader v-model="cascaderValue" title="请选择所属类别" :options="cateOptions" @close="show = false" |
|
|
|
:field-names="{ text: 'categoryName', value: 'categoryCode', children: 'children', }" @finish="onChange" |
|
|
|
/> |
|
|
|
<!-- <van-cascader :options="cateOptions" |
|
|
|
:height="400" |
|
|
|
@close="close1" @change="onChange" /> --> |
|
|
@ -83,7 +83,7 @@ export default { |
|
|
|
components: {Recording,Audio,Picker, Perfect, Map, appeal}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
cascaderValue:"", |
|
|
|
cascaderValue:"",//诉求类别 |
|
|
|
cateOptions:[], |
|
|
|
showType:false, |
|
|
|
streetId:"", |
|
|
@ -125,49 +125,33 @@ export default { |
|
|
|
this.agencyId = this.$store.state.app.agencyId; |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
onChange(value,selectedOptions) { |
|
|
|
console.log(value,selectedOptions,"skjlkfdjs"); |
|
|
|
const lastOption = this.findSelectedOption(value, this.cateOptions); |
|
|
|
if (!lastOption || !lastOption.children || lastOption.children.length === 0) { |
|
|
|
this.selectedValue = value; |
|
|
|
this.showType = false; |
|
|
|
console.log('选中项:', lastOption); |
|
|
|
} |
|
|
|
onChange(value) { |
|
|
|
console.log(value ,"skjlkfdjs"); |
|
|
|
this.cascaderValue = value.selectedOptions[value.tabIndex].categoryName; |
|
|
|
logic(value.selectedOptions[value.tabIndex].categoryName,"skdlsklfjslkfjl"); |
|
|
|
this.showType=false |
|
|
|
|
|
|
|
// const lastOption = this.findSelectedOption(value, this.cateOptions); |
|
|
|
// if (!lastOption || !lastOption.children || lastOption.children.length === 0) { |
|
|
|
// this.selectedValue = value; |
|
|
|
// this.showType = false; |
|
|
|
// console.log('选中项:', lastOption); |
|
|
|
// } |
|
|
|
}, |
|
|
|
//获取时间类型 |
|
|
|
async getCateOptions() { |
|
|
|
const url = '/governance/icEvent/getCategoryTree'; |
|
|
|
let params = {}; |
|
|
|
getCategoryTree(params).then(res => { |
|
|
|
// let treeDataNew = this.deepTree(res.data, "children"); |
|
|
|
//对子集为空数据的做null处理 |
|
|
|
let treeDataNew = this.deepTree(res.data, "children"); |
|
|
|
if (res.code === 0) { |
|
|
|
//组织级联数据 |
|
|
|
// ++this.iscascaderShow; |
|
|
|
// this.cateOptions = []; |
|
|
|
this.cateOptions = res.data; |
|
|
|
console.log(this.cateOptions,"SDSDKLJLKSDFJLK"); |
|
|
|
|
|
|
|
this.cateOptions = []; |
|
|
|
this.cateOptions = treeDataNew; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
// if (this.eventDetailCopy.parentCategoryId) { |
|
|
|
// const pids = this.eventDetailCopy.parentCategoryId.split(','); |
|
|
|
// pids.push(this.eventDetailCopy.categoryId); |
|
|
|
// let nodes = this.cateOptions; |
|
|
|
// for (let i = 0; i < pids.length; i++) { |
|
|
|
// nodes = this.buildNode(nodes, pids[i]) |
|
|
|
// } |
|
|
|
// if (nodes) { |
|
|
|
// this.formData.categoryList.push(nodes) |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
console.log(this.cateOptions,"SDSDKLJLKSDFJLK"); |
|
|
|
// const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
//重构树,去除网格 |
|
|
|
deepTree(arr, children) { |
|
|
@ -175,11 +159,8 @@ export default { |
|
|
|
return arr.map((item) => { |
|
|
|
return { |
|
|
|
...item, |
|
|
|
[children]: |
|
|
|
(item[children] && |
|
|
|
item[children].length > 0 && |
|
|
|
this.deepTree(item[children], children)) || |
|
|
|
null, |
|
|
|
[children]:item[children] &&item[children].length > 0?this.deepTree(item[children], children):null |
|
|
|
|
|
|
|
}; |
|
|
|
}); |
|
|
|
} |
|
|
|