From 328b0158c3d97f87efc7da22a1e3f5a7c258b127 Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期四, 04 七月 2024 19:17:17 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue |   79 ++++++++++++++++++++++-----------------
 1 files changed, 44 insertions(+), 35 deletions(-)

diff --git a/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue b/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue
index 8afee4f..68f7a40 100644
--- a/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue
+++ b/Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue
@@ -1,59 +1,59 @@
 <template>
-    <el-dialog
-      v-dialogDrag
-      :close-on-click-modal="false"
-      :destroy-on-close="true"
-      :title="title"
-      :visible.sync="visible"
-      append-to-body="true"
-      class="avue-dialog"
-      style="text-align: center"
-      width="40%"
-      @close="dialogClose">
-      <el-transfer
-        v-model="rightRoleData"
-        v-loading="loading"
-        :data="data"
-        :filter-method="filterMethod"
-        :render-content="renderFunc"
-        :titles="['鐜版湁瑙掕壊', '鎷ユ湁瑙掕壊']"
-        filter-placeholder="瑙掕壊鍚嶇О鎼滅储"
-        filterable
-        style="text-align: left; display: inline-block;">
-      </el-transfer>
-      <span slot="footer" class="dialog-footer">
-    <el-button @click="visible = false">鍙� 娑�</el-button>
-    <el-button type="primary" @click="sendHandler">纭� 瀹�</el-button>
-  </span>
-    </el-dialog>
+  <el-dialog
+    v-dialogDrag
+    :close-on-click-modal="false"
+    :destroy-on-close="true"
+    :title="title"
+    :visible.sync="visible"
+    append-to-body="true"
+    class="avue-dialog"
+    style="text-align: center"
+    width="50%"
+    @close="dialogClose">
+    <el-transfer
+      v-model="rightRoleData"
+      v-loading="loading"
+      :data="data"
+      :filter-method="filterMethod"
+      :render-content="renderFunc"
+      :titles="transferTitle"
+      filter-placeholder="鍏抽敭璇嶆悳绱�"
+      filterable
+      style="text-align: left; display: inline-block;">
+    </el-transfer>
+    <div slot="footer" class="dialog-footer">
+      <div class="valueInfo" v-if="bottomValue">宸茶缃殑鍊间负锛歔{{bottomValue}}]</div>
+      <el-button @click="visible = false" size="small">鍙� 娑�</el-button>
+      <el-button type="primary" @click="sendHandler" size="small">纭� 瀹�</el-button>
+    </div>
+  </el-dialog>
 </template>
 
 <script>
 export default {
   name: "transfer",
-  props: ['title', 'leftRoleData', 'rightRoleData'],
+  props: ['title', 'leftRoleData', 'rightRoleData', 'transferTitle' , 'bottomValue'],
   data() {
     return {
       visible: false, // 閫氳繃 this.$refs.transfer.visible = true; 寮�鍚瓙缁勪欢瀵硅瘽妗�
       data: [],
-      value: [],
       loading: false,
       filterMethod(query, item) {
         return item.label.indexOf(query) > -1;
       },
       renderFunc(h, option) {
-        return <span><i class="el-icon-s-custom"></i> { option.label }</span>;
+        return <span><i class="el-icon-s-custom"></i> {option.label}</span>;
       }
     }
   },
   watch: {
     //娓叉煋绌挎妗�
     leftRoleData: {
-      handler(newval, oldval) {
+      handler(newval) {
         if (newval) {
           // 娓呯┖data鏁扮粍
           this.data = [];
-          newval.forEach((city, index) => {
+          newval.forEach((city) => {
             this.data.push({
               label: city.name,
               key: city.oid,
@@ -82,11 +82,20 @@
 </script>
 
 <style lang="scss" scoped>
-/deep/ .el-transfer-panel{ /* 宸﹀彸涓や釜绌挎妗嗙殑楂樺害鍜屽搴� */
-  height: 450px;
+/deep/ .el-transfer-panel {
+  height: 450px; /* 宸﹀彸涓や釜绌挎妗嗙殑楂樺害鍜屽搴� */
+  width: 300px;
 }
+
 /deep/ .el-transfer-panel__list.is-filterable {
   height: 323px; /* 绌挎妗嗗垪琛ㄩ珮搴� */
 }
-
+.valueInfo{
+  float: left;
+  border: 1px solid #E9E7E7;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 6px 12px;
+  line-height: 1;
+}
 </style>

--
Gitblit v1.9.3