Browse Source

fix:修复级联选择器问题

shibei_master
123456 3 years ago
parent
commit
9588eec73b
  1. 18
      src/views/modules/plugins/stats/factagencyuserhousedaily.vue

18
src/views/modules/plugins/stats/factagencyuserhousedaily.vue

@ -1,6 +1,6 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__factAgencyUserHouseDaily}">
<div class="mode-block">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="组织机构" label-width="100px"
prop="agencyId">
@ -17,9 +17,10 @@
>
</el-option>
</el-select> -->
<el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'subAgencyList',label:'agencyName',value:'agencyId'}">
<el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'subAgencyList',label:'agencyName',value:'agencyId'}" popper-class="cascader-block">
<template slot-scope="{ node, data }">
<div @click="cascaderClick(data)">
<!-- <span class="block"></span> -->
<span>{{ data.agencyName }}</span>
<span v-if="!node.isLeaf"> ({{ data.subAgencyList.length }}) </span>
</div>
@ -142,3 +143,16 @@ export default {
}
}
</script>
<style>
.block{
position: absolute;
left: 0px;
display: inline-block;
width: 35px;
height: 50px;
background: #fff;
}
.cascader-block .el-cascader-node>.el-radio{
display: none;
}
</style>

Loading…
Cancel
Save