From 74a135c4f8b46d48a4997ac0e40ac86055b4a1a4 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期三, 17 四月 2024 16:57:25 +0800
Subject: [PATCH] 优化标准库

---
 src/components/view/b2-standard.vue |   43 ++++++++++++++++++++++++++++---------------
 1 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/components/view/b2-standard.vue b/src/components/view/b2-standard.vue
index f78bd60..6271490 100644
--- a/src/components/view/b2-standard.vue
+++ b/src/components/view/b2-standard.vue
@@ -60,6 +60,10 @@
 	.product_table .el-table {
 		height: 100%;
 	}
+  .sort{
+    width: 80% !important;
+    overflow: hidden;
+  }
 </style>
 <style>
 	.standard .el-tree-node__content {
@@ -74,7 +78,7 @@
 
 	.standard .has-gutter .el-table__cell .cell {
 		line-height: 38px;
-		background-color: #fafafa;
+		background-color: #f8f8f8;
 	}
 
 	.standard .has-gutter .el-table__cell {
@@ -105,10 +109,11 @@
 			<el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'label' }" node-key="label"
 				:filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen"
 				@node-collapse="nodeClose" v-loading="treeLoad" :expand-on-click-node="false"
-				:default-expanded-keys="expandedKeys">
+				:default-expanded-keys="expandedKeys"
+        style="max-height: 500px;overflow-y: scroll;scrollbar-width: none;">
 				<div class="custom-tree-node" slot-scope="{ node, data }">
-					<el-row>
-						<el-col :span="21">
+					<el-row style="width: 100%;">
+						<el-col :span="21" :class="{sort:node.level>3}">
 							<span><i
 									:class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
 								{{ data.code }} {{ data.label }}</span>
@@ -124,20 +129,20 @@
 		</div>
 		<div class="right">
 			<el-row class="title">
-				<el-col :span="10" style="font-size: 14px;color: #999;">{{selectTree}}</el-col>
-				<el-col :span="selectTree==''?24:14" style="text-align: right;" v-if="selectTree!=''">
-					<!-- <el-button size="small" type="primary" @click="addStandardDia = true"
+				<el-col :span="24" style="font-size: 14px;color: #999;">{{selectTree}}</el-col>
+				<!-- <el-col :span="selectTree==''?24:14" style="text-align: right;" v-if="selectTree!=''">
+					<el-button size="small" type="primary" @click="addStandardDia = true"
 						v-if="addStandardMethod">鏂板鏍囧噯</el-button>
 					<el-button size="small" type="primary" @click="addProductDia = true" v-if="addStandardProduct">鏂板椤圭洰</el-button>
 					<el-button size="small" @click="delStandardProductByIds" v-if="delStandardProduct">
 						<i class="el-icon-delete" style="color: #3A7BFA;"></i>
 						<span style="color: #3A7BFA;">鍒犻櫎</span>
-					</el-button> -->
-				</el-col>
+					</el-button>
+				</el-col> -->
 			</el-row>
 			<el-row class="standard_table" v-loading="tableLoad">
 				<el-table class="el-table" :data="standardList" style="width: 100%;" height="220px" tooltip-effect="dark"
-					highlight-current-row @row-click="rowClick">
+					highlight-current-row @row-click="rowClick" ref="standard">
 					<el-table-column prop="code" label="鏍囧噯缂栧彿" show-overflow-tooltip>
 						<template slot-scope="scope">
 							<span style="color: red;font-size: 14px;">{{scope.row['code']}}</span>
@@ -155,9 +160,11 @@
 				</el-table>
 			</el-row>
 			<el-row class="product_table" v-loading="tableLoad2">
-				<el-table :data="productList" ref="productTable" style="width: 100%;" height="100%" tooltip-effect="dark" stripe :fit="true" border
-					@selection-change="handleSelectionChange" :row-class-name="tableRowClassName" @select="upProductSelect">
-					<el-table-column type="selection" width="65"></el-table-column>
+				<el-table :data="productList" ref="productTable" style="width: 100%;" height="100%" tooltip-effect="dark" stripe
+					:fit="true" border @selection-change="handleSelectionChange" :row-class-name="tableRowClassName"
+					@select="upProductSelect">
+					<el-table-column type="selection" width="65">
+					</el-table-column>
 					<el-table-column prop="inspectionItem" label="妫�楠岄」" min-width="140" show-overflow-tooltip></el-table-column>
 					<!-- <el-table-column prop="inspectionItemClassify" label="妫�楠岄」绫诲瀷" width="120" show-overflow-tooltip></el-table-column> -->
 					<el-table-column prop="inspectionItemSubclass" label="妫�楠岄」瀛愰」" min-width="140"
@@ -174,8 +181,8 @@
 					<el-table-column prop="tell" label="瑕佹眰鎻忚堪" min-width="220px">
 						<template slot-scope="scope">
 							<el-input size="small" placeholder="瑕佹眰鎻忚堪" v-model="scope.row.tell" clearable
-								@change="(value)=>upStandardProductListOfTell(value,scope.row.id)" v-if="upStandardProduct" type="textarea"
-								:autosize="{ minRows: 1, maxRows: 3}"></el-input>
+								@change="(value)=>upStandardProductListOfTell(value,scope.row.id)" v-if="upStandardProduct"
+								type="textarea" :autosize="{ minRows: 1, maxRows: 3}"></el-input>
 							<span v-else>{{scope.row.ask}}</span>
 						</template>
 					</el-table-column>
@@ -590,6 +597,12 @@
 				}).then(res => {
 					this.tableLoad = false
 					this.standardList = res.data.standardMethodList
+          if(this.standardList&&this.standardList.length>0){
+            this.$refs.standard.setCurrentRow(this.standardList[0])
+            this.rowClick(this.standardList[0])
+          }else{
+            this.productList = [];
+          }
 				})
 			},
 			getPower() {

--
Gitblit v1.9.3