From 2bea732496b4f5051233ed94e206160992351596 Mon Sep 17 00:00:00 2001 From: yuxc <yuxc@vci-tech.com> Date: 星期三, 15 一月 2025 11:02:06 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- 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