From c247686f83047948c58da0bbe3b763b95b14a757 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期三, 22 一月 2025 18:50:52 +0800
Subject: [PATCH] 1
---
src/views/system/tijian/index.vue | 197 +++++++++++++++++++++---------------------------
1 files changed, 86 insertions(+), 111 deletions(-)
diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue
index 34913f1..06f1247 100644
--- a/src/views/system/tijian/index.vue
+++ b/src/views/system/tijian/index.vue
@@ -374,71 +374,46 @@
</el-tab-pane>
<el-tab-pane label="鍗曢」" name="second">
<div class="tab8">
- <el-row :gutter="24">
- <el-col :span="8">
- <div style="
- text-align: center;
- ">
- 椤圭洰鍒楄〃
- </div>
- <!-- @input="gaibian" -->
- <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText">
- </el-input>
- <div class="tab3">
- <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
- node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey"
- :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
- </el-tree>
- </div>
- </el-col>
- <el-col :span="8">
- <div style="
- text-align: center;
- margin-bottom: 10px;
- margin-top: 10px;
- ">
- 鏄庣粏椤圭洰鍒楄〃
- </div>
- <div class="tab3">
- <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId"
- :props="defaultProps" :filter-node-method="filterNode" show-checkbox
- @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey"
- :render-content="renderContent">
- </el-tree>
- </div>
- </el-col>
- <el-col :span="8">
- <div class="grid-content bg-purple">
- <div style="
- text-align: center;
- margin-bottom: 10px;
- margin-top: 10px;
- ">
- 宸查�夐」鐩垪琛�
- </div>
- <el-table :data="DataList" border style="width: 100%" height="400" :span-method="objectSpanMethod">
- <el-table-column prop="propinName" label="妫�鏌ラ」鐩�">
- </el-table-column>
- <el-table-column prop="sl" label="鏁伴噺" width="56px">
- </el-table-column>
- <el-table-column prop="proPrice" label="鍘熶环" width="56px"></el-table-column>
- <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px">
- </el-table-column>
-
- <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width"
- width="50px">
- <template slot-scope="scope">
- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
- title="鍒犻櫎"></el-button>
- </template>
- </el-table-column>
- </el-table>
- <h3 style="font-weight: 600">鍚堣锛歿{ marryall }}鍏�</h3>
- </div>
- </el-col>
- </el-row>
- </div>
- </el-tab-pane>
+ <div style="width: 500px; float: left; margin-right: 10px;">
+ <div style="text-align: center;">椤圭洰鍒楄〃</div>
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" style="margin-bottom: 10px;"></el-input>
+ <div class="tab3" style="overflow: hidden;">
+ <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
+ node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey"
+ :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
+ </el-tree>
+ </div>
+ </div>
+ <div style="width: 400px; float: left; margin: 0 10px;">
+ <div style="text-align: center; margin-bottom: 45px;">鏄庣粏椤圭洰鍒楄〃</div>
+ <div class="tab3" style="overflow: hidden;">
+ <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId"
+ :props="defaultProps" :filter-node-method="filterNode" show-checkbox
+ @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey"
+ :render-content="renderContent">
+ </el-tree>
+ </div>
+ </div>
+ <div style="width: 500px; float: left;">
+ <div style="text-align: center; margin-bottom: 45px;">宸查�夐」鐩垪琛�</div>
+ <div style="height: 350px; overflow-y: auto; overflow-x: hidden;">
+ <el-table :data="DataList" border style="width: 100%;" height="350" :span-method="objectSpanMethod">
+ <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"></el-table-column>
+ <el-table-column prop="sl" label="鏁伴噺" width="56px"></el-table-column>
+ <el-table-column prop="proPrice" label="鍘熶环" width="56px"></el-table-column>
+ <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="220px"></el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="50px">
+ <template slot-scope="scope">
+ <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" title="鍒犻櫎"></el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ <div style="clear: both;"></div>
+</div>
+ <h3 style="font-weight: 600; text-align: center; margin-top: 40px;">鍚堣锛歿{ marryall }}鍏�</h3>
+</el-tab-pane>
</el-tabs>
<span slot="footer" class="dialog-footer">
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -1092,10 +1067,10 @@
// this.getData();
},
mounted() {
- this.TreedataList = [];
- this.DataList = [];
- this.marryall = 0;
-},
+ this.TreedataList = [];
+ this.DataList = [];
+ this.marryall = 0;
+ },
methods: {
debounceNumberChange(currentValue, oldValue) {
clearTimeout(this.debounceTimer);
@@ -2233,15 +2208,16 @@
// 鍙栨秷鎸夐挳
cancel() {
- this.TreedataList = [];
- this.DataList = [];
- this.marryall = 0; // 閲嶇疆鍚堣
- this.Seachopen = false;
- this.taocan = false;
- this.malldisble = false;
- this.defaultKeys = [];
- this.DataLists = [];
-},
+ this.TreedataList = [];
+ this.DataList = [];
+ this.marryall = 0; // 閲嶇疆鍚堣
+ this.Seachopen = false;
+ this.taocan = false;
+ this.malldisble = false;
+ this.defaultKeys = [];
+ this.DataLists = [];
+
+ },
cancell() {
if (this.addAddress.address) {
@@ -2495,25 +2471,25 @@
}
},
handleClick(tab, event) {
- if (this.activeNames == "second") {
- this.DataList = [];
- this.checkedkey = [];
- this.TreedataList = [];
- this.marryall = 0; // 閲嶇疆鍚堣
- this.getDataList();
- } else if (this.activeNames == "third") {
- this.DataLists = [];
- this.checkedkeys = [];
- this.TreedataList = [];
- this.marryall = 0; // 閲嶇疆鍚堣
- getZhList().then((response) => {
- if (response.data) {
- this.packageList = response.data;
+ if (this.activeNames == "second") {
+ this.DataList = [];
+ this.checkedkey = [];
+ this.TreedataList = [];
+ this.marryall = 0; // 閲嶇疆鍚堣
+ this.getDataList();
+ } else if (this.activeNames == "third") {
+ this.DataLists = [];
+ this.checkedkeys = [];
+ this.TreedataList = [];
+ this.marryall = 0; // 閲嶇疆鍚堣
+ getZhList().then((response) => {
+ if (response.data) {
+ this.packageList = response.data;
+ }
+ this.loading = false;
+ });
}
- this.loading = false;
- });
- }
-},
+ },
// gaibian(val){
// let pname = val;
// getProParentIdDxList(pname).then(response=>{
@@ -2668,16 +2644,6 @@
}
}
}
-
- // if (columnIndex == 3) {
- // let rowspan = 0;
- // this.DataLists.forEach((element) => {
- // if (element.propinName === row.propinName) {
- // rowspan++;
- // }
- // });
- // return [rowspan, 1];
- // }
},
handlePackageChecked(data, checked, checkedNodes) {
if (checked == false) {
@@ -3355,11 +3321,8 @@
}
.filter-tree {
- /* max-height: 360px;
- overflow-y: auto;
- border: 1px solid #d9d9d9; */
- overflow: auto;
- flex: 1;
+ overflow-y: auto; /* 淇濈暀绾靛悜婊氬姩鏉� */
+ overflow-x: hidden; /* 闅愯棌妯悜婊氬姩鏉� */
height: 350px;
}
@@ -3470,4 +3433,16 @@
width: 100%;
display: flex;
}
+/* .tab3 {
+ overflow-y: auto;
+}
+
+.tab3::-webkit-scrollbar {
+ width: 0px;
+ background: transparent;
+}
+
+.tab3::-webkit-scrollbar-thumb {
+ background: transparent;
+} */
</style>
--
Gitblit v1.8.0