From 4fa97f6b365035a1f811833b54ada53a9a1a35da Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期五, 08 九月 2023 16:45:48 +0800
Subject: [PATCH] 设备维护，标准Bom
---
src/components/view/standard.vue | 83 +++++-----------
src/components/view/Technicalindex.vue | 1
src/components/view/standard-table/technology.vue | 163 +++++++++++++-------------------
3 files changed, 96 insertions(+), 151 deletions(-)
diff --git a/src/components/view/Technicalindex.vue b/src/components/view/Technicalindex.vue
index 6117dd3..4f36861 100644
--- a/src/components/view/Technicalindex.vue
+++ b/src/components/view/Technicalindex.vue
@@ -207,7 +207,6 @@
style="width: 100%;margin-bottom: 20px;"
row-key="name"
border
-
@selection-change="handleSelectionChange"
default-expand-all
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
diff --git a/src/components/view/standard-table/technology.vue b/src/components/view/standard-table/technology.vue
index edde54e..835a583 100644
--- a/src/components/view/standard-table/technology.vue
+++ b/src/components/view/standard-table/technology.vue
@@ -1,3 +1,71 @@
+<template>
+ <div class="standard">
+ <div>
+ <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="name" border
+ @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="50" label="搴忓彿">
+ </el-table-column>
+ <el-table-column prop="father" label="宸ュ簭" sortable width="200px">
+ <template slot-scope="scope">
+ <el-tag v-if="scope.row.children" :type="scope.row.children ? 'primary' : 'success'">
+ <div class="firstDiv" :style="{ color: scope.row.children ? '#16a7ff' : '#58c173' }">
+ 01
+ </div>
+ </el-tag>
+ <span style="color: black">
+ {{ scope.row.father }}
+ </span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="name" sortable label="宸ヨ壓鍚嶇О">
+ <template slot-scope="scope">
+ <el-tag v-if="!scope.row.children">
+ <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`">
+ 02
+ </div>
+ </el-tag>
+ <span style="color: black">
+ {{ scope.row.name }}
+ </span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="dg" label="璁惧缁�">
+ </el-table-column>
+ <el-table-column prop="pq" label="鐢熶骇瀹氶">
+ </el-table-column>
+ <el-table-column prop="" label="鎿嶄綔">
+ <el-butten style="color: rgb(137, 137, 229);">缂栬緫</el-butten>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ selects: []
+ }
+ },
+ props:['tableData','tableType'],
+ created() {
+ console.log(this.tableData,this.tableType)
+ },
+ mounted() {
+
+ },
+ methods: {
+ handleSelectionChange(val) {
+ this.selects = val;
+ }
+ }
+ }
+</script>
+
<style scoped>
.standard {
width: 100%;
@@ -41,98 +109,3 @@
padding-left: 23px !important;
}
</style>
-
-<template>
- <div class="standard">
- <!-- <el-table :data="tableData" border style="width: 100%" row-key="id"
- :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
- <el-table-column type="selection" width="50">
- </el-table-column>
- <template v-if="tableType==1">
- <el-table-column type="index" label="搴忓彿" width="70">
- <template slot-scope="scope">
- {{ scope.row.index }}
- </template>
- </el-table-column>
- <el-table-column prop="name" label="椤圭洰">
- <template slot-scope="scope">
- <el-tag size="mini" :type="scope.row.index? '':'success'" :style="{borderRadius: '40%',marginRight: '12px'}">{{ scope.row.index? '01':'02'}}</el-tag>
- {{scope.row.name}}
- </template>
- </el-table-column>
- <el-table-column prop="unit" label="鍗曚綅">
- </el-table-column>
- <el-table-column prop="required" label="鏍囧噯鍊�">
- </el-table-column>
- <el-table-column prop="internal" label="鍐呮帶鍊�">
- </el-table-column>
- </template>
- <template v-else>
- <el-table-column prop="name" label="宸ヨ壓鍚嶇О">
- </el-table-column>
- <el-table-column prop="device_group" label="璁惧缁�">
- </el-table-column>
- <el-table-column label="鍖归厤璁惧">
- <template>
- <el-button type="text">閫夋嫨</el-button>
- </template>
- </el-table-column>
- <el-table-column prop="quota" label="宸ユ椂瀹氶">
- </el-table-column>
- </template>
- </el-table> -->
- <div>
- <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="name" border
- @selection-change="handleSelectionChange" default-expand-all
- :tree-props="{ children: 'name', hasChildren: 'children' }">
- <el-table-column type="selection" width="55">
- </el-table-column>
- <el-table-column type="index" width="50" label="搴忓彿">
- </el-table-column>
- <el-table-column prop="name" label="宸ュ簭" sortable width="300px">
- <template slot-scope="scope">
- <el-tag>
- <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`">
- {{ scope.row.children ? "01" : "02" }}
- </div>
- </el-tag>
- <span style="color: black">{{ scope.row.name }}</span>
-
- </template>
- </el-table-column>
- <el-table-column prop="" sortable label="宸ヨ壓鍚嶇О">
- </el-table-column>
- <el-table-column prop="" label="鎸囨爣鍚嶇О">
- </el-table-column>
- <el-table-column prop="" label="鍗曚綅">
- </el-table-column>
- <el-table-column prop="" label="鍐呮帶鍊�">
- </el-table-column>
- <el-table-column prop="unit" label="鏍囧噯鍊�">
- </el-table-column>
- </el-table>
- </div>
- </div>
-</template>
-
-<script>
- export default {
- data() {
- return {
- selects: []
- }
- },
- props:['tableData','tableType'],
- created() {
- console.log(this.tableData,this.tableType)
- },
- mounted() {
-
- },
- methods: {
- handleSelectionChange(val) {
- this.selects = val;
- }
- }
- }
-</script>
diff --git a/src/components/view/standard.vue b/src/components/view/standard.vue
index 94c7173..0d1f689 100644
--- a/src/components/view/standard.vue
+++ b/src/components/view/standard.vue
@@ -42,7 +42,7 @@
<span>{{ tableType == 1 ? '椤圭洰锛�' : '宸ヨ壓鍚嶇О锛�' }}</span>
<el-input v-model="searchName" size="small" placeholder="璇疯緭鍏�" style="width: 224px;margin-right: 24px;"
clearable></el-input>
- <span>{{ tableType == 1 ? '鐗堟湰锛�' : '宸ヨ壓鍚嶇О锛�' }}</span>
+ <span>{{ tableType == 1 ? '鐗堟湰锛�' : '鐗堟湰锛�' }}</span>
<el-select v-model="VER" @change="verevent" style="width: 280px;" placeholder="璇烽�夋嫨">
<el-option v-for="item in version" :key="item" :label="item" :value="item">
</el-option>
@@ -52,54 +52,24 @@
璇�</span></el-button>
</div>
- <!-- <div v-if="this.typeselect == 0">
- 宸ヨ壓璺嚎
+ <div v-if="this.typeselect == 0">
+ <technology :tableType="tableType" :tableData="tableData"></technology>
</div>
<div v-if="this.typeselect == 1">
鎶�鏈寚鏍�
</div>
<div v-if="this.typeselect == 2">
- 鐗╂枡娓呭崟
+ <material :tableType="tableType" :tableData="tableData"></material>
</div>
<div v-if="this.typeselect == 3">
鐢熶骇宸ヨ壓
- </div> -->
-
- <!-- <div>
- <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="name" border
- @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="50" label="搴忓彿">
- </el-table-column>
- <el-table-column prop="name" label="宸ュ簭" sortable width="300px">
- <template slot-scope="scope">
- <el-tag>
- <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`">
- {{ scope.row.children ? "01" : "02" }}
- </div>
- </el-tag>
- <span style="color: black">{{ scope.row.name }}</span>
-
- </template>
- </el-table-column>
- <el-table-column prop="" sortable label="宸ヨ壓鍚嶇О">
- </el-table-column>
- <el-table-column prop="" label="鎸囨爣鍚嶇О">
- </el-table-column>
- <el-table-column prop="" label="鍗曚綅">
- </el-table-column>
- <el-table-column prop="" label="鍐呮帶鍊�">
- </el-table-column>
- <el-table-column prop="unit" label="鏍囧噯鍊�">
- </el-table-column>
- </el-table>
- </div> -->
-
- <div class="table">
- <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology>
</div>
+ <!-- <div class="table">
+ <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology>
+ </div> -->
+ <!-- <div class="table">
+ <technology v-if="tableData.length !== 0" :tableType="tableType" :tableData="tableData"></technology>
+ </div> -->
</div>
</div>
@@ -120,8 +90,10 @@
<script>
import technology from "./standard-table/technology.vue"
+import material from "./standard-table/material.vue"
export default {
- components: { technology },
+ components: { technology,material },
+
data() {
return {
// BOM鏍戞暟鎹粨鏋�
@@ -153,8 +125,8 @@
// },
mounted() {
this.selectMaterialTree()
- this.selectVersion()
this.selectAll()
+ this.selectVersion()
},
methods: {
handleSelectionChange() {
@@ -185,6 +157,20 @@
console.log(this.verdata);
})
},
+ //鍙充晶鏁版嵁
+ selectAll() {
+ console.log(this.$axios.get(this.$api.url.selectAll));
+ this.$axios.get(this.$api.url.selectAll, {
+ params: {
+ specificationsId: this.returntree.id,//tree鐨勭偣鍑诲弽棣�
+ type: this.typeselect,//绫诲瀷
+ version: this.character,//鐗堟湰
+ }
+ }).then(res => {
+ console.log(res.data);
+ this.tableData = res.data
+ })
+ },
verevent(val) {
console.log(val);
let cc = val.replace('v', '')
@@ -194,19 +180,6 @@
// const { v, ...newObj } = val;
// delete newObj.v
// console.log(newObj);
- },
- //鍙充晶鏁版嵁
- selectAll() {
- console.log(this.$axios.get(this.$api.url.selectAll));
- this.$axios.get(this.$api.url.selectAll, {
- params: {
- specificationsId: this.returntree.id,
- type: this.typeselect,
- version: this.character,
- }
- }).then(res => {
- this.tableData = res.data
- })
},
//浜旂骇鏍�
selectMaterialTree() {
--
Gitblit v1.9.3