|
|
@ -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> |
|
|
|