elink-star
/
epmet-oper-gov
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

级联bug

dev
tianq 3 years ago
parent
86eb9cf0dd
commit
7efdfe151b
3 changed files with 45 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 18
      src/views/modules/census/census-accountActiveList.vue
  2. 12
      src/views/modules/census/census-accountList.vue
  3. 47
      src/views/modules/census/census-nineList.vue

18
src/views/modules/census/census-accountActiveList.vue
View File

@ -6,16 +6,15 @@
<div> <div>
<el-form-item label="所属组织" prop="gridId"> <el-form-item label="所属组织" prop="gridId">
<el-cascader <el-cascader
class="customer_cascader"
ref="myCascader" ref="myCascader"
filterable filterable
clearable
v-model="formData.orgId" v-model="formData.orgId"
:options="orgOptions" :options="orgOptions"
:props="orgOptionProps" :props="orgOptionProps"
clearable
:show-all-levels="false" :show-all-levels="false"
@change="handleChangeAgency" @change="handleChangeAgency"
></el-cascader> />
</el-form-item> </el-form-item>
<el-form-item label="上报时间" prop="startTime"> <el-form-item label="上报时间" prop="startTime">
<el-date-picker <el-date-picker
@ -143,11 +142,17 @@ export default {
agencyIdArray: [], agencyIdArray: [],
orgOptions: [], orgOptions: [],
orgOptionProps: { orgOptionProps: {
// multiple: false,
// value: 'agencyId',
// label: 'agencyName',
// children: 'subAgencyList',
// checkStrictly: true
multiple: false, multiple: false,
value: 'agencyId', checkStrictly: true,
label: 'agencyName', emitPath: false,
children: 'subAgencyList', children: 'subAgencyList',
checkStrictly: true label: 'agencyName',
value: 'agencyId'
}, },
tableData: [], tableData: [],
@ -198,7 +203,6 @@ export default {
handleChangeAgency(val) { handleChangeAgency(val) {
let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; let obj = this.$refs['myCascader'].getCheckedNodes()[0].data;
console.log(obj); console.log(obj);
this.formData.orgId = obj.agencyId;
this.formData.level = obj.level; this.formData.level = obj.level;
}, },

12
src/views/modules/census/census-accountList.vue
View File

@ -4,18 +4,17 @@
<div class="div_search"> <div class="div_search">
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'80px'"> <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'80px'">
<div> <div>
<el-form-item label="所属组织" prop="gridId"> <el-form-item label="所属组织" prop="orgId">
<el-cascader <el-cascader
class="customer_cascader"
ref="myCascader" ref="myCascader"
filterable filterable
clearable
v-model="formData.orgId" v-model="formData.orgId"
:options="orgOptions" :options="orgOptions"
:props="orgOptionProps" :props="orgOptionProps"
:show-all-levels="false" clearable
@change="handleChangeAgency" @change="handleChangeAgency"
></el-cascader> :show-all-levels="false"
/>
</el-form-item> </el-form-item>
<el-form-item label="上报时间" prop="startDate"> <el-form-item label="上报时间" prop="startDate">
<el-date-picker <el-date-picker
@ -185,6 +184,7 @@ export default {
return time.getTime() > nowData; return time.getTime() > nowData;
}; };
return { return {
optionsA: [],
pieChart: '', pieChart: '',
pieOption: {}, pieOption: {},
pieInitState: false, pieInitState: false,
@ -202,6 +202,7 @@ export default {
orgOptionProps: { orgOptionProps: {
multiple: false, multiple: false,
value: 'agencyId', value: 'agencyId',
emitPath: false,
label: 'agencyName', label: 'agencyName',
children: 'subAgencyList', children: 'subAgencyList',
checkStrictly: true checkStrictly: true
@ -341,7 +342,6 @@ export default {
handleChangeAgency(val) { handleChangeAgency(val) {
let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; let obj = this.$refs['myCascader'].getCheckedNodes()[0].data;
console.log(obj); console.log(obj);
this.formData.orgId = obj.agencyId;
this.formData.level = obj.level; this.formData.level = obj.level;
}, },
getOrgTreeList() { getOrgTreeList() {

47
src/views/modules/census/census-nineList.vue
View File

@ -4,11 +4,10 @@
<div class="div_search"> <div class="div_search">
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'80px'"> <el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'80px'">
<div> <div>
<el-form-item label="所属组织" prop="gridId"> <el-form-item label="所属组织" prop="orgId">
<el-cascader <el-cascader
class="customer_cascader" class="customer_cascader"
ref="myCascader" ref="myCascader"
filterable
clearable clearable
v-model="formData.orgId" v-model="formData.orgId"
:options="orgOptions" :options="orgOptions"
@ -67,7 +66,7 @@
<div class="content"> <div class="content">
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
<div class="num">{{ item.value }}</div> <div class="num">{{ item.value }}</div>
<div class="unit" :style="{ color: color[index] }">{{ item.value / 100 }}%</div> <div class="unit" :style="{ color: color[index] }">{{ item.radio }}%</div>
</div> </div>
</div> </div>
</div> </div>
@ -125,7 +124,6 @@
:detailId="detailId" :detailId="detailId"
:detailData="detailData" :detailData="detailData"
@handleClose="handleClose" @handleClose="handleClose"
/> />
</div> </div>
</div> </div>
@ -160,7 +158,8 @@ export default {
return time.getTime() > nowData; return time.getTime() > nowData;
}; };
return { return {
orgType:"agency", orgId: '',
orgType: 'agency',
dialogVisible: false, dialogVisible: false,
detailId: '', detailId: '',
detailData: {}, detailData: {},
@ -169,7 +168,9 @@ export default {
user: {}, user: {},
gridList: [], //所属网格list--场所区域 gridList: [], //所属网格list--场所区域
tableData: [], tableData: [],
formData: {}, formData: {
orgId: ''
},
pageNo: 1, pageNo: 1,
pageSize: window.localStorage.getItem('pageSize') || 20, pageSize: window.localStorage.getItem('pageSize') || 20,
total: 1, total: 1,
@ -190,6 +191,7 @@ export default {
value: 'agencyId', value: 'agencyId',
label: 'agencyName', label: 'agencyName',
children: 'subAgencyList', children: 'subAgencyList',
emitPath: false,
checkStrictly: true checkStrictly: true
}, },
TableHeight: '', TableHeight: '',
@ -241,11 +243,11 @@ export default {
this.getTableData(); this.getTableData();
}, },
handleSearch(val) { handleSearch(val) {
console.log("val",val); let tmp = this.formData.orgId;
if(this.formData.orgId.length==0){ if (!tmp && typeof tmp != 'undefined' && tmp != 0) {
this.formData.orgId=""; this.formData.orgId = '';
} }
console.log(this.formData);
this.pageNo = 1; this.pageNo = 1;
this.placeType = ''; this.placeType = '';
this.getTableData(); this.getTableData();
@ -288,7 +290,7 @@ export default {
this.getTableData(); this.getTableData();
}, },
async getsubData() { async getsubData() {
console.log("this.orgType",this.orgType) console.log('this.orgType', this.orgType);
this.$refs.pieChart.showLoading(); this.$refs.pieChart.showLoading();
let url = '/gov/org/enterprise/count-type'; let url = '/gov/org/enterprise/count-type';
let param = { let param = {
@ -327,7 +329,14 @@ export default {
let data = [...this.pieData.list]; let data = [...this.pieData.list];
this.chartData.name = data.map(item => item.placeTypeName); this.chartData.name = data.map(item => item.placeTypeName);
this.chartData.data = data.map(item => { this.chartData.data = data.map(item => {
return { value: item.total, id: item.agencyId, placeType: item.placeType, name: item.placeTypeName }; return {
value: item.total,
id: item.agencyId,
placeType: item.placeType,
name: item.placeTypeName,
radio: item.total == 0 ? '0' : ((item.total / this.pieData.total) * 100).toFixed(2)
};
console.log(item, this.pieData.total);
}); });
console.log('chartData', this.chartData); console.log('chartData', this.chartData);
@ -444,7 +453,9 @@ export default {
data: { data: {
pageSize, pageSize,
pageNo, pageNo,
...formData orgId: this.formData.orgId,
orgType: this.orgType,
placeType: this.placeType
}, },
responseType: 'blob' responseType: 'blob'
}) })
@ -475,7 +486,7 @@ export default {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg); return this.$message.error(res.msg);
} else { } else {
// console.log('获取组织树成功', res.data); console.log('获取组织树成功', res.data);
// let { agencyList, subAgencyList } = res.data; // let { agencyList, subAgencyList } = res.data;
// const _arr = [{ ...agencyList, subAgencyList: [...subAgencyList] }]; // const _arr = [{ ...agencyList, subAgencyList: [...subAgencyList] }];
// this.orgOptions = this.deepTree(_arr); // this.orgOptions = this.deepTree(_arr);
@ -489,12 +500,10 @@ export default {
}, },
handleChangeAgency(val) { handleChangeAgency(val) {
let obj = this.$refs['myCascader'].getCheckedNodes()[0].data; let obj = this.$refs['myCascader'].getCheckedNodes()[0].data;
console.log(obj); if (obj) {
this.formData.orgId = obj.agencyId; this.orgType = obj.level === 'grid' ? 'grid' : 'agency';
if (obj.level == 'grid') {
this.orgType = 'grid';
} else { } else {
this.orgType = "agency"; this.orgType = '';
} }
}, },
deepTree(arr) { deepTree(arr) {

Write Preview
Loading…
Cancel
Save