From 1cfc50f9ff590935f5b3541284a0ae846faec027 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期五, 15 九月 2023 14:26:02 +0800
Subject: [PATCH] modified: src/components/view/standard.vue
---
src/components/view/standard-table/target.vue | 607 ++----------------------------------------------------
1 files changed, 28 insertions(+), 579 deletions(-)
diff --git a/src/components/view/standard-table/target.vue b/src/components/view/standard-table/target.vue
index bc61bd0..85e0ecf 100644
--- a/src/components/view/standard-table/target.vue
+++ b/src/components/view/standard-table/target.vue
@@ -1,47 +1,46 @@
<template>
<div class="standard">
<div>
- <el-table ref="multipleTable" :data="aa" row-key="rowId" border max-height="675"
+ <el-table ref="multipleTable" :data="tableData" row-key="rowId" border max-height="675"
@select-all="selectAll" @select="selectTr"
@selection-change="handleSelectionChange" default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" width="60" label="搴忓彿"></el-table-column>
- <el-table-column prop="tfather" label="宸ュ簭">
+ <el-table-column prop="tfather" label="宸ュ簭" width="200" :resizable="false">
<template slot-scope="scope">
- <el-tag type="primary" v-if="scope.row.tfather != null">01</el-tag>
+ <el-tag class="tag" type="primary" v-if="scope.row.tfather != null">01</el-tag>
<span>{{scope.row.tfather}}</span>
</template>
</el-table-column>
- <el-table-column prop="tname" label="宸ヨ壓鍚嶇О" indent="110">
+ <el-table-column prop="tname" label="宸ヨ壓鍚嶇О" width="200" :resizable="false">
<template slot-scope="scope">
- <el-tag type="success" v-if="scope.row.tname != null"
- style="line-height:24px;text-align:center;width:36px;height:24px;margin-left:20px;border-radius:12px">02</el-tag>
+ <el-tag type="success" v-if="scope.row.tname != null" class="tag">02</el-tag>
<span>{{scope.row.tname}}</span>
</template>
</el-table-column>
- <el-table-column prop="pfather" label="椤圭洰">
+ <el-table-column prop="pfather" label="椤圭洰" width="200" :resizable="false">
<template slot-scope="scope">
- <el-tag type="info" color="#faf2ff" v-if="scope.row.pfather != null">
+ <el-tag type="info" color="#faf2ff" v-if="scope.row.pfather != null" class="tag">
<span style="color: #e1affb">03</span>
</el-tag>
<span>{{scope.row.pfather}}</span>
</template>
</el-table-column>
- <el-table-column prop="pname" label="鎸囨爣鍚嶇О">
+ <el-table-column prop="pname" label="鎸囨爣鍚嶇О" width="200" :resizable="false">
<template slot-scope="scope">
<span>{{scope.row.pname}}</span>
</template>
</el-table-column>
- <el-table-column prop="unit" label="鍗曚綅"></el-table-column>
- <el-table-column prop="internal" label="鍐呮帶鍊�">
+ <el-table-column prop="unit" label="鍗曚綅" :resizable="false"></el-table-column>
+ <el-table-column prop="internal" label="鍐呮帶鍊�" :resizable="false">
<template slot-scope="scope">
<el-input v-model="scope.row.internal"
v-if="scope.row.pname != null" size="small"
@blur="updateVal(scope.row)"></el-input>
</template>
</el-table-column>
- <el-table-column prop="required" label="鏍囧噯鍊�">
+ <el-table-column prop="required" label="鏍囧噯鍊�" :resizable="false">
<template slot-scope="scope">
<el-input v-model="scope.row.required"
v-if="scope.row.pname != null" size="small"
@@ -57,583 +56,20 @@
export default {
data() {
return {
+ tnameWidth:200,
+ pfatherWidth:200,
selects: [],
deleteList:[],
isAllSelect:false,
- aa: [
- {
- "children": [
- {
- "children": [
- {
- "children": [
- {
- "unit": "oo",
- "pname": "闃垮彂",
- "pid": 933,
- "rowId": 0.15062765172836556,
- "indents": 1
- },
- {
- "unit": "km",
- "pname": "鐢�2",
- "pid": 934,
- "rowId": 0.12313308041936621,
- "indents": 1
- },
- {
- "unit": "ll",
- "pname": "鐢�3",
- "pid": 935,
- "rowId": 0.3959020806139848,
- "indents": 1
- },
- {
- "unit": "璁╂垜鍘�",
- "pname": "杩樻槸鐨勪汉浼氬彈鍒�",
- "pid": 941,
- "rowId": 0.4501313017235842,
- "indents": 1
- },
- {
- "unit": "鍙戜簩鎵嬫埧",
- "pname": "绂忓▋",
- "pid": 942,
- "rowId": 0.2570941856592921,
- "indents": 1
- },
- {
- "unit": "闃垮棷鍡�",
- "pname": "1闃�",
- "pid": 943,
- "rowId": 0.3849246876222272,
- "indents": 1
- },
- {
- "unit": "sef",
- "pname": "gsd",
- "pid": 952,
- "rowId": 0.3358017758829086,
- "indents": 1
- }
- ],
- "pfather": "鐢垫皵鎬ц兘",
- "rowId": 0.11597152206451145,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鍚�",
- "pname": "鏈�1",
- "pid": 936,
- "rowId": 0.09276663783212125,
- "indents": 1
- },
- {
- "unit": "澶�",
- "pname": "鏈�2",
- "pid": 937,
- "rowId": 0.30524372216363194,
- "indents": 1
- }
- ],
- "pfather": "鏈烘",
- "rowId": 0.7172228698155356,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "t",
- "pname": "鑰�1",
- "pid": 938,
- "rowId": 0.19975939946800714,
- "indents": 1
- },
- {
- "unit": "ml",
- "pname": "鑰�2",
- "pid": 939,
- "rowId": 0.8998139964427834,
- "indents": 1
- },
- {
- "unit": "鍙�",
- "pname": "鑰�3",
- "pid": 940,
- "rowId": 0.5675579627028025,
- "indents": 1
- }
- ],
- "pfather": "鑰愮數鍘�",
- "rowId": 0.21440785353613157,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鎸変笂娆$殑闈炲父",
- "pname": "澶ф墜澶ц剼",
- "pid": 944,
- "rowId": 0.7181582304087455,
- "indents": 1
- }
- ],
- "pfather": "浣犲ソ",
- "rowId": 0.7769908541698349,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鐖卞浗VSv",
- "pname": "闃胯惃",
- "pid": 945,
- "rowId": 0.17378991618309336,
- "indents": 1
- }
- ],
- "pfather": "澶у濂�",
- "rowId": 0.8772679053462382,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "ww",
- "pname": "ww",
- "pid": 946,
- "rowId": 0.05009672998084547,
- "indents": 1
- }
- ],
- "pfather": "cao",
- "rowId": 0.9565056824143869,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "杈剧摝",
- "pname": "鎴戠殑",
- "pid": 947,
- "rowId": 0.34581383239188046,
- "indents": 1
- },
- {
- "unit": "鎴戠殑",
- "pname": "闈掕洐澶у叏",
- "pid": 948,
- "rowId": 0.5292322880840665,
- "indents": 1
- },
- {
- "unit": "鎴戠殑閽�",
- "pname": "鍙栧緱瀹屽叏鐨�",
- "pid": 949,
- "rowId": 0.9125913254753026,
- "indents": 1
- },
- {
- "unit": "璇烽棶",
- "pname": "褰撳墠",
- "pid": 950,
- "rowId": 0.7560056072797159,
- "indents": 1
- },
- {
- "unit": "sdv",
- "pname": "澹ぇ澶�",
- "pid": 951,
- "rowId": 0.5833122419533638,
- "indents": 1
- }
- ],
- "pfather": "浣犻敃",
- "rowId": 0.9766279468505832,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "闃胯揪",
- "pname": "鎵撳晩路",
- "pid": 953,
- "rowId": 0.9092338815452841,
- "indents": 1
- }
- ],
- "pfather": "闃胯开鐜�",
- "rowId": 0.8799322497096753,
- "indents": 1
- }
- ],
- "tname": "瑁佺紗",
- "rowId": 0.4071356283291181,
- "indents": 1
- },
- {
- "children": [
- {
- "children": [
- {
- "unit": "kv",
- "pname": "闀�1",
- "pid": 954,
- "rowId": 0.035463253161200026,
- "indents": 1
- },
- {
- "unit": "vv",
- "pname": "闀�2",
- "pid": 955,
- "rowId": 0.23952996321663345,
- "indents": 1
- },
- {
- "unit": "mm",
- "pname": "闀�3",
- "pid": 956,
- "rowId": 0.0009274727073673716,
- "indents": 1
- }
- ],
- "pfather": "闀垮害",
- "rowId": 0.7634749065969555,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鍚�",
- "pname": "闈�",
- "pid": 957,
- "rowId": 0.18887461651501813,
- "indents": 1
- }
- ],
- "pfather": "闈㈢Н",
- "rowId": 0.1800874562308441,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "c",
- "pname": "婀�",
- "pid": 958,
- "rowId": 0.79648815170558,
- "indents": 1
- }
- ],
- "pfather": "婀垮害",
- "rowId": 0.10207617486870801,
- "indents": 1
- }
- ],
- "tname": "鍓ョ紗",
- "rowId": 0.6177353372974288,
- "indents": 1
- },
- {
- "children": [
- {
- "children": [
- {
- "unit": "mm",
- "pname": "鐢�1",
- "pid": 959,
- "rowId": 0.14165010419857826,
- "indents": 1
- },
- {
- "unit": "km",
- "pname": "鐢�2",
- "pid": 960,
- "rowId": 0.5001292363854433,
- "indents": 1
- },
- {
- "unit": "ll",
- "pname": "鐢�3",
- "pid": 961,
- "rowId": 0.8459604367887481,
- "indents": 1
- }
- ],
- "pfather": "鐢垫皵鎬ц兘",
- "rowId": 0.7238366441537252,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鍚�",
- "pname": "鏈�1",
- "pid": 962,
- "rowId": 0.5558158468437493,
- "indents": 1
- },
- {
- "unit": "澶�",
- "pname": "鏈�2",
- "pid": 963,
- "rowId": 0.750487727539507,
- "indents": 1
- }
- ],
- "pfather": "鏈烘",
- "rowId": 0.08099595277723015,
- "indents": 1
- }
- ],
- "tname": "鍓嚎",
- "rowId": 0.6857832066163772,
- "indents": 1
- },
- {
- "children": [
- {
- "children": [
- {
- "unit": "t",
- "pname": "鑰�1",
- "pid": 964,
- "rowId": 0.025681390736394416,
- "indents": 1
- },
- {
- "unit": "ml",
- "pname": "鑰�2",
- "pid": 965,
- "rowId": 0.36284806597904873,
- "indents": 1
- },
- {
- "unit": "鍙�",
- "pname": "鑰�3",
- "pid": 966,
- "rowId": 0.32910729115405535,
- "indents": 1
- }
- ],
- "pfather": "鑰愮數鍘�",
- "rowId": 0.41438839964145635,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "kv",
- "pname": "闀�1",
- "pid": 967,
- "rowId": 0.3918751838800807,
- "indents": 1
- },
- {
- "unit": "mm",
- "pname": "闂棶",
- "pid": 968,
- "rowId": 0.5686737935255044,
- "indents": 1
- }
- ],
- "pfather": "闀垮害",
- "rowId": 0.4897629570966928,
- "indents": 1
- }
- ],
- "tname": "绌跨嚎",
- "rowId": 0.4459890408806282,
- "indents": 1
- }
- ],
- "tfather": "涓嬫枡",
- "rowId": 0.8390882975115925,
- "indents": 1
- },
- {
- "children": [
- {
- "children": [
- {
- "children": [
- {
- "unit": "vv",
- "pname": "闀�2",
- "pid": 969,
- "rowId": 0.16863376578504718,
- "indents": 1
- },
- {
- "unit": "mm",
- "pname": "闀�3",
- "pid": 970,
- "rowId": 0.2900238044012753,
- "indents": 1
- }
- ],
- "pfather": "闀垮害",
- "rowId": 0.37669687690143516,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鍚�",
- "pname": "闈�",
- "pid": 971,
- "rowId": 0.36760765245674576,
- "indents": 1
- }
- ],
- "pfather": "闈㈢Н",
- "rowId": 0.41655397960844853,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "c",
- "pname": "婀�",
- "pid": 972,
- "rowId": 0.8013524859108032,
- "indents": 1
- }
- ],
- "pfather": "婀垮害",
- "rowId": 0.30068963405418225,
- "indents": 1
- }
- ],
- "tname": "鏀拺鍧楃幆姘�",
- "rowId": 0.7725045227516729,
- "indents": 1
- }
- ],
- "tfather": "鏀拺鍧楃幆姘�",
- "rowId": 0.7921741302395957,
- "indents": 1
- },
- {
- "children": [
- {
- "children": [
- {
- "children": [
- {
- "unit": "t",
- "pname": "鑰�1",
- "pid": 978,
- "rowId": 0.7281043795556847,
- "indents": 1
- },
- {
- "unit": "ml",
- "pname": "鑰�2",
- "pid": 979,
- "rowId": 0.015058429562420983,
- "indents": 1
- },
- {
- "unit": "鍙�",
- "pname": "鑰�3",
- "pid": 980,
- "rowId": 0.5169165422760948,
- "indents": 1
- }
- ],
- "pfather": "鑰愮數鍘�",
- "rowId": 0.9785158882428673,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "kv",
- "pname": "闀�1",
- "pid": 981,
- "rowId": 0.9534130099287508,
- "indents": 1
- }
- ],
- "pfather": "闀垮害",
- "rowId": 0.4408411939308432,
- "indents": 1
- }
- ],
- "tname": "澹充綋鍠风爞",
- "rowId": 0.47569680349711807,
- "indents": 1
- }
- ],
- "tfather": "鍠风爞",
- "rowId": 0.7110660336124821,
- "indents": 1
- },
- {
- "children": [
- {
- "children": [
- {
- "children": [
- {
- "unit": "vv",
- "pname": "闀�2",
- "pid": 982,
- "rowId": 0.6503541323269595,
- "indents": 1
- },
- {
- "unit": "mm",
- "pname": "闀�3",
- "pid": 983,
- "rowId": 0.32814600334581456,
- "indents": 1
- }
- ],
- "pfather": "闀垮害",
- "rowId": 0.7584791572708673,
- "indents": 1
- },
- {
- "children": [
- {
- "unit": "鍚�",
- "pname": "闈�",
- "pid": 984,
- "rowId": 0.37940516060114016,
- "indents": 1
- }
- ],
- "pfather": "闈㈢Н",
- "rowId": 0.12296115468577762,
- "indents": 1
- }
- ],
- "tname": "鐢电紗鎵撶(",
- "rowId": 0.5185983654517894,
- "indents": 1
- }
- ],
- "tfather": "鐒婃帴",
- "rowId": 0.08397884001890477,
- "indents": 1
- }
-]
}
},
- // props:['tableData','tableType'],
+ props:['tableData','tableType'],
created() {
},
mounted() {
},
methods: {
- bb(){
- console.log(this.aa);
- },
// 琛ㄦ牸鏍戝叏閮ㄩ�変腑閰嶇疆
// 鍏ㄩ��/鍙栨秷閫夋搷浣�
selectAll(val) {
@@ -643,6 +79,7 @@
},
//閫夋嫨鏌愯
selectTr(selection, row) {
+ console.log("sss---",selection,row);
this.$set(row, "isChecked", !row.isChecked);
this.$nextTick(() => {
this.isAllSelect = row.isChecked;
@@ -651,6 +88,7 @@
},
//閫掑綊瀛愮骇
toggleSelect(data, flag, type) {
+ console.log("閫掑綊瀛愮骇---",data,flag,type);
if (type === "all") {
if (data.length > 0) {
data.forEach((item) => {
@@ -672,6 +110,7 @@
},
//鏀瑰彉閫変腑
toggleSelection(row, flag) {
+ console.log("鏀瑰彉閫変腑---",row,flag);
this.$set(row, "isChecked", flag);
this.$nextTick(() => {
if (flag) {
@@ -706,7 +145,6 @@
}).then(res=>{
this.$message.success(res.message);
}).catch(error=>{
- this.$message.error(error.message);
})
},
}
@@ -722,6 +160,17 @@
width: 100%;
height: 100%;
}
+ .tag{
+ line-height:24px;
+ text-align:center;
+ width:36px;
+ height:24px;
+
+ border-radius:12px;
+ }
+ .tag:nth-child(1){
+ margin-left:20px;
+ }
</style>
<style>
.standard * {
--
Gitblit v1.9.3