|
|
@@ -1,6 +1,6 @@
|
|
|
<!--编写穿梭框的插件，左右都有很多搜索条件-->
|
|
|
<template>
|
|
|
- <div>
|
|
|
+ <div class="zlOrgselect">
|
|
|
<div style="height:32px">
|
|
|
<div class="tags-box" :class="{'tags-box-disabled':disabled,'tags-box-mini':size === 'mini'}" @click="showDialog">
|
|
|
<el-tag type="success" :size="size" v-for="v in currentTempList" :key="v.id">{{ v.shortName }}</el-tag>
|
|
|
@@ -17,12 +17,16 @@
|
|
|
top="10vh"
|
|
|
:close-on-click-modal="false"
|
|
|
append-to-body
|
|
|
+ custom-class="orgSelectDialog"
|
|
|
@opened="open"
|
|
|
@closed="closed"
|
|
|
>
|
|
|
<el-row class="el-row-top">
|
|
|
- <el-col :span="11">
|
|
|
+ <el-col :span="11">
|
|
|
<el-card class="box-card leftbox" :body-style="{ height: '100%' }">
|
|
|
+ <el-row class="result_row">
|
|
|
+ <el-col :span="12">搜索条件</el-col>
|
|
|
+ </el-row>
|
|
|
<el-form
|
|
|
ref="formleft"
|
|
|
v-model="left.condition"
|
|
|
@@ -30,7 +34,7 @@
|
|
|
size="mini"
|
|
|
style="width: 95%"
|
|
|
>
|
|
|
- <el-form-item label="上级机构：">
|
|
|
+ <el-form-item label="组织机构：">
|
|
|
<tree-select
|
|
|
v-model="left.condition.orgId"
|
|
|
:searchable="searchable"
|
|
|
@@ -69,6 +73,24 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="网点层级：" >
|
|
|
+ <el-select
|
|
|
+ prop="type"
|
|
|
+ label="网点层级"
|
|
|
+ v-model="left.condition.yewdLevel"
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择网点层级"
|
|
|
+ @change="leftSearch"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_org_yewd_level"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="机构名称：">
|
|
|
<el-input
|
|
|
v-model="left.condition.orgName"
|
|
|
@@ -86,7 +108,7 @@
|
|
|
</el-row>
|
|
|
<el-table
|
|
|
style="width: 100%"
|
|
|
- height="calc(100% - 160px)"
|
|
|
+ height="calc(100% - 248px)"
|
|
|
:data="left.data"
|
|
|
@selection-change="handleLeftSelectionChange"
|
|
|
>
|
|
|
@@ -105,6 +127,9 @@
|
|
|
</el-col>
|
|
|
<el-col :span="11">
|
|
|
<el-card class="box-card" :body-style="{ height: '100%' }">
|
|
|
+ <el-row class="result_row">
|
|
|
+ <el-col :span="12">搜索条件</el-col>
|
|
|
+ </el-row>
|
|
|
<el-form
|
|
|
ref="formRight"
|
|
|
v-model="right.condition"
|
|
|
@@ -151,6 +176,24 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="网点层级：" >
|
|
|
+ <el-select
|
|
|
+ prop="type"
|
|
|
+ label="网点层级"
|
|
|
+ v-model="right.condition.yewdLevel"
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择网点层级"
|
|
|
+ @change="rightSearch"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_org_yewd_level"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="机构名称：">
|
|
|
<el-input
|
|
|
v-model="right.condition.orgName"
|
|
|
@@ -167,7 +210,7 @@
|
|
|
>
|
|
|
</el-row>
|
|
|
<el-table
|
|
|
- height="calc(100% - 160px)"
|
|
|
+ height="calc(100% - 248px)"
|
|
|
:data="right.data"
|
|
|
@selection-change="handleRightSelectionChange"
|
|
|
>
|
|
|
@@ -218,7 +261,7 @@ const defaultData = {
|
|
|
}
|
|
|
export default {
|
|
|
name: "orgSelect",
|
|
|
- dicts: ["sys_org_type"],
|
|
|
+ dicts: ["sys_org_type","sys_org_yewd_level"],
|
|
|
props: {
|
|
|
// orgList : {
|
|
|
// type: Array,
|
|
|
@@ -300,6 +343,7 @@ export default {
|
|
|
deviceName: "",
|
|
|
searchChild: false,
|
|
|
isleftOrgTypeDisabled:false,
|
|
|
+ yewdLevel:null
|
|
|
},
|
|
|
total: 0,
|
|
|
selectedCount: 0,
|
|
|
@@ -311,6 +355,7 @@ export default {
|
|
|
orgId: this.$store.getters.orgId,
|
|
|
deviceName: "",
|
|
|
searchChild: false,
|
|
|
+ yewdLevel:null
|
|
|
},
|
|
|
total: 0,
|
|
|
selectedCount: 0,
|
|
|
@@ -553,7 +598,12 @@ export default {
|
|
|
.filter(
|
|
|
// 过滤父级机构
|
|
|
(d) => !condition.orgPath || d.path.includes(condition.orgPath)
|
|
|
+ )
|
|
|
+ .filter(
|
|
|
+ // 过滤网点层级
|
|
|
+ (d) => !condition.yewdLevel || d.yewdLevel == condition.yewdLevel
|
|
|
);
|
|
|
+
|
|
|
},
|
|
|
rightSearch() {
|
|
|
const {condition} = this.right;
|
|
|
@@ -571,6 +621,9 @@ export default {
|
|
|
.filter(
|
|
|
// 过滤父级机构
|
|
|
(d) => !condition.orgPath || d.path.includes(condition.orgPath)
|
|
|
+ ).filter(
|
|
|
+ // 过滤网点层级
|
|
|
+ (d) => !condition.yewdLevel || d.yewdLevel == condition.yewdLevel
|
|
|
);
|
|
|
}
|
|
|
},
|
|
|
@@ -588,6 +641,13 @@ export default {
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
+<style lang="scss" >
|
|
|
+::v-deep .orgSelectDialog {
|
|
|
+ .el-dialog__body {
|
|
|
+ padding-top: 0 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
|
@@ -605,14 +665,11 @@ export default {
|
|
|
height: 60px;
|
|
|
}
|
|
|
|
|
|
-::v-deep .el-dialog__body {
|
|
|
- padding: 10px 5px;
|
|
|
-}
|
|
|
-
|
|
|
::v-deep .el-card__body {
|
|
|
- padding: 10px 5px;
|
|
|
+ padding: 15px 5px;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.controller {
|
|
|
margin: auto;
|
|
|
width: 80px;
|
|
|
@@ -626,7 +683,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.el-row-top {
|
|
|
- height: 500px;
|
|
|
+ height: 550px;
|
|
|
display: flex;
|
|
|
|
|
|
v-deep & > .el-col {
|
zhulu