From ed52d8cb0db78eb8bff70329ac01a38d50d7f672 Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期三, 04 十二月 2024 16:20:13 +0800
Subject: [PATCH] 数据授权
---
Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue | 60 +++++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 39 insertions(+), 21 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 e69bd83..646d117 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
@@ -6,10 +6,9 @@
:visible.sync="visible"
append-to-body="true"
class="avue-dialog"
- style="text-align: center"
- width="50%"
+ width="800px"
@close="dialogClose">
- <div style="margin-bottom: 20px;" v-if="topMethodsObj !== {} && topMethodsObj">
+ <div style="height: 42px;line-height: 30px;margin-top: -5px;" v-if="topMethodsObj !== {} && topMethodsObj">
<div>
<span>瀵煎嚭鏂瑰紡锛�</span>
<el-radio-group v-model="radio">
@@ -18,24 +17,28 @@
<el-radio :label="2" v-if="topMethodsObj.page">椤电爜</el-radio>
</el-radio-group>
<span v-if="radio === 2" style="margin-left: 20px;color: #F56C6C; ">
- <el-input v-model="pageExport" style="width: 150px"></el-input> 锛堣緭鍏ラ〉鐮佹垨鑰呴〉闈㈣寖鍥达紝濡傦細1-10锛�</span>
+ <el-input v-model="pageExport" style="width: 150px" size="mini"></el-input> 锛堣緭鍏ラ〉鐮佹垨鑰呴〉闈㈣寖鍥达紝濡傦細1-10锛�</span>
</div>
</div>
- <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 style="text-align: center">
+ <el-transfer
+ v-model="rightRoleData"
+ v-loading="loading"
+ :data="data"
+ :filter-method="filterMethod"
+ :render-content="renderFunc"
+ @change="handleChange"
+ :titles="transferTitle"
+ filter-placeholder="鍏抽敭璇嶆悳绱�"
+ filterable
+ style="text-align:left;display: inline-block;">
+ </el-transfer>
+ </div>
+
<div slot="footer" class="dialog-footer">
<div v-if="bottomValue" class="valueInfo">宸茶缃殑鍊间负锛歔{{ bottomValue }}]</div>
- <el-button size="small" @click="visible = false">鍙� 娑�</el-button>
<el-button size="small" type="primary" @click="sendHandler">纭� 瀹�</el-button>
+ <el-button size="small" @click="visible = false">鍙� 娑�</el-button>
</div>
</el-dialog>
</template>
@@ -73,14 +76,16 @@
watch: {
//娓叉煋绌挎妗�
leftRoleData: {
+ // 闇�瑕佸湪鎵撳紑绌挎妗嗙粍浠剁殑鏃跺�欏leftRoleData杩涜璧嬪�硷紙鍙互鍙傝�僡ction绠＄悊-action鍒楄〃 瀵煎嚭鍔熻兘锛� 濡傛灉鍦╠ata閲岄潰瀹氫箟鐨勬暟鎹紝缁勪欢鍐厀atch浼氱洃鍚笉鍒皀ewVal
handler(newval) {
if (newval) {
// 娓呯┖data鏁扮粍
this.data = [];
newval.forEach((item) => {
this.data.push({
+ ...item,
label: item.name,
- key: item.oid,
+ key: item.oid
});
});
this.loading = false;
@@ -94,8 +99,8 @@
methods: {
dialogClose() {
this.visible = false;
- this.data = [];
- this.leftRoleData = [];
+ //this.data = [];
+ //this.rightRoleData = [];
},
sendHandler() {
if (func.isEmptyObject(this.topMethodsObj)) {
@@ -114,6 +119,9 @@
this.visible = false;
},
+ handleChange(value, direction, movedKeys) {
+ console.log(value, direction, movedKeys);
+ }
}
}
</script>
@@ -121,13 +129,23 @@
<style lang="scss" scoped>
/deep/ .el-transfer-panel {
height: 450px; /* 宸﹀彸涓や釜绌挎妗嗙殑楂樺害鍜屽搴� */
- width: 300px;
+ width: 322px;
}
/deep/ .el-transfer-panel__list.is-filterable {
height: 323px; /* 绌挎妗嗗垪琛ㄩ珮搴� */
}
-
+/deep/ .el-transfer__buttons .el-button{
+ display: block;
+ margin: 30px 0;
+ padding: 8px 15px;
+}
+/deep/ .el-transfer__button:first-child{
+ transform: translateY(200%);
+}
+/deep/ .el-transfer__button:nth-child(2){
+ transform: translateY(-200%);
+}
.valueInfo {
float: left;
border: 1px solid #E9E7E7;
--
Gitblit v1.9.3