From f8fc7760fb9b40483a90869ce50676108e0e4073 Mon Sep 17 00:00:00 2001
From: 李林 <z1292839451@163.com>
Date: 星期四, 29 二月 2024 11:28:35 +0800
Subject: [PATCH] 功能调整

---
 src/components/tool/value-table.vue |  115 +++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 79 insertions(+), 36 deletions(-)

diff --git a/src/components/tool/value-table.vue b/src/components/tool/value-table.vue
index 83f2202..648a160 100644
--- a/src/components/tool/value-table.vue
+++ b/src/components/tool/value-table.vue
@@ -30,6 +30,10 @@
 		align-items: center;
 		justify-content: center;
 	}
+
+	.body{
+		overflow-x: hidden;
+	}
 </style>
 <style>
 	.value-table .el-upload {
@@ -46,7 +50,8 @@
 		<div class="table">
 			<el-table ref="eltable" :data="tableData" style="width: 100%;" height="100%" tooltip-effect="dark" border
 				@selection-change="selectChange" @select="select" v-loading="loading" @sort-change="sortChange"
-				@row-click="rowClick" :show-summary="data.countFleid!=undefined && data.countFleid.length > 0" :summary-method="getSummaries">
+				@row-click="rowClick" :show-summary="data.countFleid!=undefined && data.countFleid.length > 0"
+				:summary-method="getSummaries">
 				<el-table-column type="selection" width="65" v-if="data.showSelect">
 				</el-table-column>
 				<el-table-column align="center" type="index" label="搴忓彿" width="70" v-if="data.isIndex">
@@ -76,43 +81,79 @@
 				:total="total">
 			</el-pagination>
 		</div>
-		<el-dialog title="缂栬緫" :visible.sync="upDia" width="500px">
-			<div class="body" v-if="upDia">
-				<el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;">
-					<el-col :span="6" style="text-align: right;">
-						<span class="required-span" v-if="showUpReq(a.label)">* </span>{{a.value}}锛�
-					</el-col>
-					<el-col :span="16" :offset="1">
-						<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
-							v-if="showType(a.label, data.selectField) == null" :disabled="isDisabled(a.label)"></el-input>
-						<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
-							style="width: 100%;" :disabled="isDisabled(a.label)">
-							<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
-								:label="b.label"></el-option>
-						</el-select>
-					</el-col>
-				</el-row>
+		<el-dialog title="缂栬緫" :visible.sync="upDia" :width="data.row==1?'500px':500+data.row * 200 + 'px'">
+			<div class="body" v-if="upDia" style="max-height: 550px;overflow-y: auto;padding: 5px 0;">
+				<div v-if="data.row > 1">
+					<div v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;">
+						<el-col :span="6/data.row" style="text-align: right;">
+							<span class="required-span" v-if="showUpReq(a.label)">* </span>{{a.value}}锛�
+						</el-col>
+						<el-col :span="16/data.row" :offset="1">
+							<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
+								v-if="showType(a.label, data.selectField) == null" :disabled="isDisabled(a.label)"></el-input>
+							<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
+								style="width: 100%;" :disabled="isDisabled(a.label)">
+								<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
+									:label="b.label"></el-option>
+							</el-select>
+						</el-col>
+					</div>
+				</div>
+				<div v-else>
+					<el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;">
+						<el-col :span="6" style="text-align: right;">
+							<span class="required-span" v-if="showUpReq(a.label)">* </span>{{a.value}}锛�
+						</el-col>
+						<el-col :span="16" :offset="1">
+							<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
+								v-if="showType(a.label, data.selectField) == null" :disabled="isDisabled(a.label)"></el-input>
+							<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
+								style="width: 100%;" :disabled="isDisabled(a.label)">
+								<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
+									:label="b.label"></el-option>
+							</el-select>
+						</el-col>
+					</el-row>
+				</div>
 			</div>
 			<span slot="footer" class="dialog-footer">
 				<el-button @click="upDia = false">鍙� 娑�</el-button>
 				<el-button type="primary" @click="saveUpData" :loading="upLoad">纭� 瀹�</el-button>
 			</span>
 		</el-dialog>
-		<el-dialog title="鏂板" :visible.sync="addDia" width="500px">
+		<el-dialog title="鏂板" :visible.sync="addDia" :width="data.row==1?'500px':500+data.row * 200 + 'px'">
 			<div class="body" v-if="addDia" style="max-height: 550px;overflow-y: auto;padding: 5px 0;">
-				<el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;">
-					<el-col :span="6" style="text-align: right;"><span class="required-span" v-if="showAddReq(a.label)">*
-						</span>{{a.value}}锛�</el-col>
-					<el-col :span="16" :offset="1">
-						<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
-							v-if="showType(a.label, data.selectField) == null"></el-input>
-						<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
-							style="width: 100%;" :placeholder="`璇烽�夋嫨${a.value}`">
-							<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
-								:label="b.label"></el-option>
-						</el-select>
-					</el-col>
-				</el-row>
+				<div v-if="data.row > 1">
+					<div v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;">
+						<el-col :span="6/data.row" style="text-align: right;"><span class="required-span"
+								v-if="showAddReq(a.label)">*
+							</span>{{a.value}}锛�</el-col>
+						<el-col :span="16/data.row" :offset="1">
+							<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
+								v-if="showType(a.label, data.selectField) == null"></el-input>
+							<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
+								style="width: 100%;" :placeholder="`璇烽�夋嫨${a.value}`">
+								<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
+									:label="b.label"></el-option>
+							</el-select>
+						</el-col>
+					</div>
+				</div>
+				<div v-else>
+					<el-row v-for="(a, ai) in upHead" :key="ai" style="line-height: 50px;">
+						<el-col :span="6" style="text-align: right;"><span class="required-span" v-if="showAddReq(a.label)">*
+							</span>{{a.value}}锛�</el-col>
+						<el-col :span="16" :offset="1">
+							<el-input v-model="upData[a.label]" size="small" clearable :placeholder="`璇疯緭鍏�${a.value}`"
+								v-if="showType(a.label, data.selectField) == null"></el-input>
+							<el-select v-model="upData[a.label]" size="small" v-if="showType(a.label, data.selectField) != null"
+								style="width: 100%;" :placeholder="`璇烽�夋嫨${a.value}`">
+								<el-option v-for="(b, bi) in data.selectField[a.label].select" :key="bi" :value="b.value"
+									:label="b.label"></el-option>
+							</el-select>
+						</el-col>
+					</el-row>
+				</div>
 			</div>
 			<span slot="footer" class="dialog-footer">
 				<el-button @click="addDia = false">鍙� 娑�</el-button>
@@ -185,6 +226,7 @@
 						isIndex: true,
 						showSelect: true,
 						select: true,
+						row: 1,
 						do: [{
 							id: 'update',
 							font: '缂栬緫',
@@ -225,6 +267,7 @@
 					isIndex: true,
 					showSelect: true,
 					select: true,
+					row: 1,
 					do: [{
 						font: '鍒犻櫎',
 						type: 'text'
@@ -372,7 +415,7 @@
 				else if (val.method == 'doDiy') {
 					if (val.id == 'update') {
 						this.upDia = true,
-						this.upData = this.HaveJson(row)
+							this.upData = this.HaveJson(row)
 						this.upHead = this.HaveJson(this.tableHead)
 						this.upHead = this.upHead.filter(a => a.label != 'createTime' && a.label != 'updateTime')
 						delete this.upData.orderBy
@@ -634,13 +677,13 @@
 						return;
 					}
 					const values = data.map(item => Number(item[column.property]));
-					if(this.data.countFleid==undefined){
+					if (this.data.countFleid == undefined) {
 						sums[index] = ''
 						return
 					}
-					if (this.data.countFleid.filter(str=>{
-						return str === column.property
-					}).length > 0) {
+					if (this.data.countFleid.filter(str => {
+							return str === column.property
+						}).length > 0) {
 						sums[index] = values.reduce((prev, curr) => {
 							const value = Number(curr);
 							if (!isNaN(value)) {

--
Gitblit v1.9.3