From 6169743c8e8c1547148b04b4d773bacdf7503a47 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期四, 05 十二月 2024 10:27:42 +0800
Subject: [PATCH] 表单、表格定义联调绑定查询模板
---
Source/plt-web/plt-web-ui/src/components/PLT-basic-component/transfer.vue | 58 +++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 37 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 bf99a6a..da12fef 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>
@@ -80,8 +83,9 @@
this.data = [];
newval.forEach((item) => {
this.data.push({
+ ...item,
label: item.name,
- key: item.oid,
+ key: item.oid
});
});
this.loading = false;
@@ -95,8 +99,8 @@
methods: {
dialogClose() {
this.visible = false;
- this.data = [];
- this.leftRoleData = [];
+ //this.data = [];
+ //this.rightRoleData = [];
},
sendHandler() {
if (func.isEmptyObject(this.topMethodsObj)) {
@@ -115,6 +119,8 @@
this.visible = false;
},
+ handleChange(value, direction, movedKeys) {
+ }
}
}
</script>
@@ -122,13 +128,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