From c0bc2331e9abb2ae003c8dc0ab4524d6101493a1 Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期一, 25 九月 2023 09:12:51 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/components/view/Technicalindex.vue | 943 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 483 insertions(+), 460 deletions(-)
diff --git a/src/components/view/Technicalindex.vue b/src/components/view/Technicalindex.vue
index 623d0eb..c363f22 100644
--- a/src/components/view/Technicalindex.vue
+++ b/src/components/view/Technicalindex.vue
@@ -7,6 +7,8 @@
<el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" @click="event">鏂板</el-button>
<!-- <el-button icon="el-icon-edit-outline" @click="modify">淇敼</el-button> -->
<el-button icon="el-icon-delete" @click="dels">鍒犻櫎</el-button>
+ <el-button icon="el-icon-download" @click="clickDownload">瀵煎嚭</el-button>
+ <el-button icon="el-icon-upload2">瀵煎叆</el-button>
</el-col>
</el-row>
</div>
@@ -18,7 +20,8 @@
<el-form-item label="绫诲瀷">
<template>
<el-select v-model="value" placeholder="璇烽�夋嫨" style="width: 560px;">
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+ <el-option v-for="item in options" :key="item.value" :label="item.label"
+ :value="item.value">
</el-option>
</el-select>
</template>
@@ -69,11 +72,12 @@
<div class="left">
<el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small"
clearable @input="query"></el-input>
- <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'father'}" node-key="name"
+ <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'father' }" node-key="name"
default-expand-all @node-click="handleNodeClick" highlight-current>
<div class="custom-tree-node" slot-scope="{ node, data }">
- <span><i :class="`node_i ${data.code != '[2]'?'el-icon-folder-opened':'el-icon-tickets'}`"></i>
- {{data.code}} {{ data.name }}</span>
+ <span><i
+ :class="`node_i ${data.code != '[2]' ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+ {{ data.code }} {{ data.name }}</span>
</div>
</el-tree>
</div>
@@ -82,7 +86,7 @@
<el-table :data="tableData" style="width: 100%;overflow-y: auto;min-height: 100%" max-height="100%"
row-key="name" border @select-all="selectAll" @select="selectTr" ref="multipleTable"
@selection-change="handleSelectionChange" default-expand-all
- :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+ :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="index" width="50">
@@ -90,7 +94,7 @@
<el-table-column prop="name" label="椤圭洰" sortable width="400px">
<template slot-scope="scope">
<el-tag>
- <div class="firstDiv" :style="`color: ${scope.row.children? '#16a7ff' : '#58c173'}`">
+ <div class="firstDiv" :style="`color: ${scope.row.children ? '#16a7ff' : '#58c173'}`">
{{ scope.row.children ? "01" : "02" }}
</div>
</el-tag>
@@ -103,7 +107,8 @@
<template slot-scope="scope" style="text-align: center;">
<div v-if="!scope.row.children">
<el-button type="text" size="mini" @click="childrenClick(scope.row)">缂栬緫</el-button>
- <el-button type="text" size="mini" @click="deleteRow(scope.$index, scope.row)">鍒犻櫎</el-button>
+ <el-button type="text" size="mini"
+ @click="deleteRow(scope.$index, scope.row)">鍒犻櫎</el-button>
</div>
</template>
</el-table-column>
@@ -127,9 +132,10 @@
<el-col :span="4" style="font-size: 14px;text-align: right;">宸ュ簭:</el-col>
<el-col :span="16" :offset="1">
<template>
- <el-select v-model="edit.techFather" placeholder="璇烽�夋嫨" allow-create disabled style="width: 306px;"
- filterable @change="workevent">
- <el-option v-for="(item,index) in process" :key="item.name" :label="item.name" :value="item.name">
+ <el-select v-model="edit.techFather" placeholder="璇烽�夋嫨" allow-create disabled
+ style="width: 306px;" filterable @change="workevent">
+ <el-option v-for="(item, index) in process" :key="item.name" :label="item.name"
+ :value="item.name">
</el-option>
</el-select>
</template>
@@ -139,9 +145,10 @@
<el-col :span="4" style="font-size: 14px;text-align: right;">宸ヨ壓:</el-col>
<el-col :span="16" :offset="1">
<template>
- <el-select v-model="edit.techName" placeholder="璇烽�夋嫨" disabled style="width: 306px;" allow-create
- filterable>
- <el-option v-for="item in craftapi" :key="item.id" :label="item.name" :value="item.id">
+ <el-select v-model="edit.techName" placeholder="璇烽�夋嫨" disabled style="width: 306px;"
+ allow-create filterable>
+ <el-option v-for="item in craftapi" :key="item.id" :label="item.name"
+ :value="item.id">
</el-option>
</el-select>
</template>
@@ -189,8 +196,8 @@
<el-form-item label="宸ュ簭">
<template>
<el-select v-model="form.work" placeholder="璇烽�夋嫨" @change="workevent">
- <el-option v-for="(item,index) in process" :key="item.name" :label="item.name"
- :value="item.name">
+ <el-option v-for="(item, index) in process" :key="item.name"
+ :label="item.name" :value="item.name">
</el-option>
</el-select>
</template>
@@ -199,8 +206,10 @@
<el-col :span="11" :offset="2">
<el-form-item label="宸ヨ壓">
<template>
- <el-select v-model="form.name" style="width: 95%;" placeholder="璇烽�夋嫨" @change="craftrow">
- <el-option v-for="item in craftapi" :key="item.id" :label="item.name" :value="item.id">
+ <el-select v-model="form.name" style="width: 95%;" placeholder="璇烽�夋嫨"
+ @change="craftrow">
+ <el-option v-for="item in craftapi" :key="item.id" :label="item.name"
+ :value="item.id">
</el-option>
</el-select>
</template>
@@ -211,8 +220,10 @@
<el-col :span="11">
<el-form-item label="椤圭洰缁�">
<template>
- <el-select v-model="form.father" placeholder="璇烽�夋嫨" allow-create filterable @create="electadd">
- <el-option v-for="item in higherlevel" :key="item" :label="item" :value="item">
+ <el-select v-model="form.father" placeholder="璇烽�夋嫨" allow-create filterable
+ @create="electadd">
+ <el-option v-for="item in higherlevel" :key="item" :label="item"
+ :value="item">
</el-option>
</el-select>
</template>
@@ -234,457 +245,469 @@
</span>
</el-dialog>
</div>
+ <div>
+ <el-dialog title="瀵煎嚭绫诲瀷閫夋嫨" :visible.sync="isDownload" width="30%">
+ <el-col>
+ 璇烽�夋嫨绫诲瀷锛�
+ </el-col>
+ <el-select v-model="downloadTypeSelect" style="width: 100%;margin-top: 10px;" placeholder="璇烽�夋嫨">
+ <el-option v-for="(a, ai) in typeTable" :key="ai" :value="a"></el-option>
+ </el-select>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="isDownload = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="downloadSelect">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
</div>
</div>
</div>
</template>
<script>
- export default {
- data() {
- return {
- search: {
- type: 0,
- technology: null,
- },
- checkTreeNode: {
- id: '',
- },
- higherlevel: [],
- value: {},
- options: [],
- process: [],
- filterNode: [],
- list: [],
- form: {
- father: '',
- work: '',
- name: '',
- unit: '',
- project: '',
- },
- children: [],
- modifyevent: false,
- dialogVisible: false,
- tableData: [],
- crafval: '',
- typeselect: 0,
- upData: {},
- upDia: false,
- craftapi: [],
- edit: {
- techFather: '',
- techName: '',
- father: '',
- name: '',
- unit: '',
- id: '',
- },
- isAllSelect: false,
- bigType: []
+export default {
+ data() {
+ return {
+ search: {
+ type: 0,
+ technology: null,
+ },
+ checkTreeNode: {
+ id: '',
+ },
+ higherlevel: [],
+ value: {},
+ options: [],
+ process: [],
+ filterNode: [],
+ list: [],
+ form: {
+ father: '',
+ work: '',
+ name: '',
+ unit: '',
+ project: '',
+ },
+ children: [],
+ modifyevent: false,
+ dialogVisible: false,
+ isDownload: false,//瀵煎嚭鎸夐挳
+ downloadTypeSelect: null,
+ typeTable: [],
+ tableData: [],
+ crafval: '',
+ typeselect: 0,
+ upData: {},
+ upDia: false,
+ craftapi: [],
+ edit: {
+ techFather: '',
+ techName: '',
+ father: '',
+ name: '',
+ unit: '',
+ id: '',
+ },
+ isAllSelect: false,
+ bigType: []
+ }
+ },
+ mounted() {
+ this.chooseType()
+ },
+ methods: {
+ clickDownload() {
+ this.isDownload = true
+ this.typeTable = []
+ let data=JSON.parse(JSON.stringify(this.bigType))
+ data.unshift("鍏ㄩ儴")
+ this.typeTable=data
+ },
+ downloadSelect() {
+ console.log(this.downloadTypeSelect);
+
+ },
+ handleSelectionChange() {
+
+ },
+ chooseType() {
+ this.$axios.get(this.$api.url.chooseType).then(res => {
+ this.bigType = res.data
+ this.typeselect = res.data[0]
+ this.search.type = res.data[0]
+ this.selectAllleft()
+ this.selectAllright()
+ })
+ },
+ handleSelectionChange(val) {
+ this.selects = val;
+ this.deleteList = [];
+ val.forEach((v) => {
+ if (v.id !== undefined) {
+ this.deleteList.push(v.id);
+ }
+ });
+ },
+ // 鍏ㄩ��/鍙栨秷閫夋搷浣�
+ selectAll(val) {
+ this.isAllSelect = !this.isAllSelect;
+ let data = this.tableData;
+ this.toggleSelect(data, this.isAllSelect, "all");
+ },
+ //閫夋嫨鏌愯
+ selectTr(selection, row) {
+ this.$set(row, "isChecked", !row.isChecked);
+ this.$nextTick(() => {
+ this.isAllSelect = row.isChecked;
+ this.toggleSelect(row, row.isChecked, "tr");
+ });
+ },
+ toggleSelection(row, flag) {
+ this.$set(row, "isChecked", flag);
+ this.$nextTick(() => {
+ if (flag) {
+ this.$refs.multipleTable.toggleRowSelection(row, flag);
+ } else {
+ this.$refs.multipleTable.clearSelection();
+ }
+ });
+ },
+ //閫掑綊瀛愮骇
+ toggleSelect(data, flag, type) {
+ if (type === "all") {
+ if (data.length > 0) {
+ data.forEach((item) => {
+ this.toggleSelection(item, flag);
+ if (item.children && item.children.length > 0) {
+ this.toggleSelect(item.children, flag, type);
+ }
+ });
+ }
+ } else {
+ if (data.children && data.children.length > 0) {
+ data.children.forEach((item) => {
+ item.isChecked = !item.isChecked;
+ this.$refs.multipleTable.toggleRowSelection(item, flag);
+ this.toggleSelect(item, flag, type);
+ });
+ }
}
},
- mounted() {
- this.chooseType()
- },
- methods: {
- chooseType() {
- this.$axios.get(this.$api.url.chooseType).then(res => {
- this.bigType = res.data
- this.typeselect = res.data[0]
- this.search.type = res.data[0]
- this.selectAllleft()
- this.selectAllright()
- })
- },
- handleSelectionChange(val) {
- this.selects = val;
- this.deleteList = [];
- val.forEach((v) => {
- if (v.id !== undefined) {
- this.deleteList.push(v.id);
- }
- });
- },
- // 鍏ㄩ��/鍙栨秷閫夋搷浣�
- selectAll(val) {
- this.isAllSelect = !this.isAllSelect;
- let data = this.tableData;
- this.toggleSelect(data, this.isAllSelect, "all");
- },
- //閫夋嫨鏌愯
- selectTr(selection, row) {
- this.$set(row, "isChecked", !row.isChecked);
- this.$nextTick(() => {
- this.isAllSelect = row.isChecked;
- this.toggleSelect(row, row.isChecked, "tr");
- });
- },
- toggleSelection(row, flag) {
- this.$set(row, "isChecked", flag);
- this.$nextTick(() => {
- if (flag) {
- this.$refs.multipleTable.toggleRowSelection(row, flag);
- } else {
- this.$refs.multipleTable.clearSelection();
- }
- });
- },
- //閫掑綊瀛愮骇
- toggleSelect(data, flag, type) {
- // console.log('222');
- if (type === "all") {
- if (data.length > 0) {
- data.forEach((item) => {
- this.toggleSelection(item, flag);
- if (item.children && item.children.length > 0) {
- this.toggleSelect(item.children, flag, type);
- }
- });
- }
- } else {
- if (data.children && data.children.length > 0) {
- data.children.forEach((item) => {
- item.isChecked = !item.isChecked;
- this.$refs.multipleTable.toggleRowSelection(item, flag);
- this.toggleSelect(item, flag, type);
- });
- }
- }
- },
- //---------------------------------------------------------------------------------------------------------------------------------------
- handleClose() {},
- selectDataList() {
- this.list.forEach(a => {
- a.code = '[1]'
- if (a.children != undefined) {
- a.children.forEach(b => {
- b.code = '[2]'
- if (b.children != undefined) {
- b.children.forEach(c => {
- c.code = '[3]'
- })
- }
- })
- }
- })
- this.upIndex++
- },
- //缂栬緫
- selecTech() {
- this.$axios.get(this.$api.url.selecTech, {
- params: {
- id: this.upData.id
- }
- }).then(res => {
- this.edit = res.data[0]
- console.log(this.edit);
- })
- },
- childrenClick(val) {
- this.upData = val
- this.selecTech()
- this.upDia = true
- },
- writeTechByIdskill() {
- // console.log(this.upData.id);
- this.$axios.post(this.$api.url.writeTechByIdskill + '?id=' + this.upData.id, {
- name: this.edit.name,
- father: this.edit.father,
- techTemId: this.edit.id,
- unit: this.edit.unit
- }, {
- headers: {
- "Content-Type": "application/json"
- }
- }).then(res => {
- /* this.selectAllright() */
- this.$parent.removeAllTab()
- })
- },
- submitUpData() { //纭畾
- this.writeTechByIdskill()
- this.upDia = false
- },
- //鍒犻櫎
- delTechBy() {
- console.log(this.$api.url.delTechBy, this.upData.id);
- this.$axios.post(this.$api.url.delTechBy, {
- id: this.upData.id
- }).then(res => {
- /* this.selectAllright() */
- this.$message.success('鍒犻櫎瀹屾垚')
- this.$parent.removeAllTab()
- })
- },
- deleteRow(index, rows) {
- this.tableData.splice(index, 1)
- this.upData = rows
- this.upData.id = rows.id
- this.delTechBy()
- },
- //鎵归噺鍒犻櫎
- delAllTechskill() {
- this.$axios.post(this.$api.url.delAllTechskill, {
- ids: this.delete
- }).then(res => {
- /* this.selectAllright() */
- this.$parent.removeAllTab()
- })
- },
- dels() {
-
- let ee = []
- console.log(this.selects);
- this.selects.forEach(el => {
- if (el.children) {
- el.children.forEach(ele => {
- ee.push(ele.id)
- })
- }
- })
- // cc.splice(0,1)
- this.delete = ee.join(',')
- console.log(this.delete);
- this.delAllTechskill()
- this.$message.success('鍒犻櫎瀹屾垚')
- },
- add() {
- this.dialogVisible = false
- this.addTechMode()
- this.form = {};
- },
- electadd(value) {
- console.log(value);
- this.higherlevel.push({});
- this.form.father = value;
- },
- addTechMode() {
- this.$axios.post(this.$api.url.addTechMode, {
- father: this.form.father,
- name: this.form.project,
- techTemId: this.form.name,
- unit: this.form.unit,
- }, {
- headers: {
- "Content-Type": "application/json"
- }
- }).then(res => {
- this.$message.success('鏂板瀹屾垚')
- this.selectAllright()
-
- })
- },
- TYpe(val) {
- this.typeselect = val
- console.log(this.typeselect);
- this.selectAllleft()
- },
- edittype(val) {
- this.typeselect = val
- this.chooseTechFath()
- },
- //涓讳綋宸�
- selectAllleft() {
- this.$axios.get(this.$api.url.selectAllleft, {
- params: {
- type: this.typeselect,
- message: this.search.technology
- }
- }).then(res => {
- this.list = res.data;
- console.log(this.list);
- this.selectDataList()
- this.$nextTick(() => {
- this.$refs.tree.setCurrentKey(this.list[0].children[0].name) // 榛樿閫変腑鑺傜偣绗竴涓�
+ //---------------------------------------------------------------------------------------------------------------------------------------
+ handleClose() { },
+ selectDataList() {
+ this.list.forEach(a => {
+ a.code = '[1]'
+ if (a.children != undefined) {
+ a.children.forEach(b => {
+ b.code = '[2]'
+ if (b.children != undefined) {
+ b.children.forEach(c => {
+ c.code = '[3]'
+ })
+ }
})
- let one = this.list.filter(item => {
- return item.children.length > 0
- })[0]
- console.log(one);
- let name = one.children[0].id
- this.checkTreeNode.id = name
- console.log(name);
- this.selectAllrightStart(name)
- this.selectDataList();
- });
- },
- selectAllrightStart(name) {
- this.$axios.get(this.$api.url.selectAllright, {
- params: {
- id: name
- }
- }).then(res => {
- this.tableData = res.data;
- console.log(this.tableData);
- });
- },
- //
- //鏌ヨ
- query(val) {
- this.selectAllleft()
- },
- //鍙�
- selectAllright() {
- this.$axios.get(this.$api.url.selectAllright, {
- params: {
- id: this.checkTreeNode.id
- }
- }).then(res => {
- this.tableData = res.data;
- console.log(this.tableData);
- });
- },
- craftrow(val) {
- this.crafval = val
- this.chooseProFath()
- },
- //涓婄骇
- chooseProFath() {
- console.log(this.checkTreeNode.id);
- this.$axios.get(this.$api.url.chooseProFath, {
- params: {
- techTemId: this.crafval
- }
- }).then(res => {
- this.higherlevel = res.data;
- console.log(this.higherlevel);
- }, {
- headers: {
- "Content-Type": "application/json"
- }
- })
- },
- //宸ュ簭宸ヨ壓
- chooseTechFath() {
- this.$axios.get(this.$api.url.chooseTechFath, {
- params: {
- type: this.typeselect
- }
- }).then(res => {
- this.process = res.data;
- console.log(this.process);
- }, {
- headers: {
- "Content-Type": "application/json"
- }
- })
- },
- workevent(val) {
- console.log(val);
- let idx = this.process.findIndex(el => el.name === val)
- this.craftapi = this.process[idx].children
- },
-
- handleNodeClick(data) {
- this.checkTreeNode = data
- console.log(this.checkTreeNode.id);
+ }
+ })
+ this.upIndex++
+ },
+ //缂栬緫
+ selecTech() {
+ this.$axios.get(this.$api.url.selecTech, {
+ params: {
+ id: this.upData.id
+ }
+ }).then(res => {
+ this.edit = res.data[0]
+ })
+ },
+ childrenClick(val) {
+ this.upData = val
+ this.selecTech()
+ this.upDia = true
+ },
+ writeTechByIdskill() {
+ this.$axios.post(this.$api.url.writeTechByIdskill + '?id=' + this.upData.id, {
+ name: this.edit.name,
+ father: this.edit.father,
+ techTemId: this.edit.id,
+ unit: this.edit.unit
+ }, {
+ headers: {
+ "Content-Type": "application/json"
+ }
+ }).then(res => {
+ /* this.selectAllright() */
+ this.$parent.removeAllTab()
+ })
+ },
+ submitUpData() { //纭畾
+ this.writeTechByIdskill()
+ this.upDia = false
+ },
+ //鍒犻櫎
+ delTechBy() {
+ this.$axios.post(this.$api.url.delTechBy, {
+ id: this.upData.id
+ }).then(res => {
+ /* this.selectAllright() */
+ this.$message.success('鍒犻櫎瀹屾垚')
+ this.$parent.removeAllTab()
+ })
+ },
+ deleteRow(index, rows) {
+ this.tableData.splice(index, 1)
+ this.upData = rows
+ this.upData.id = rows.id
+ this.delTechBy()
+ },
+ //鎵归噺鍒犻櫎
+ delAllTechskill() {
+ this.$axios.post(this.$api.url.delAllTechskill, {
+ ids: this.delete
+ }).then(res => {
+ /* this.selectAllright() */
+ this.$parent.removeAllTab()
+ })
+ },
+ dels() {
+ let ee = []
+ this.selects.forEach(el => {
+ if (el.children) {
+ el.children.forEach(ele => {
+ ee.push(ele.id)
+ })
+ }
+ })
+ // cc.splice(0,1)
+ this.delete = ee.join(',')
+ this.delAllTechskill()
+ this.$message.success('鍒犻櫎瀹屾垚')
+ },
+ add() {
+ this.dialogVisible = false
+ this.addTechMode()
+ this.form = {};
+ },
+ electadd(value) {
+ this.higherlevel.push({});
+ this.form.father = value;
+ },
+ addTechMode() {
+ this.$axios.post(this.$api.url.addTechMode, {
+ father: this.form.father,
+ name: this.form.project,
+ techTemId: this.form.name,
+ unit: this.form.unit,
+ }, {
+ headers: {
+ "Content-Type": "application/json"
+ }
+ }).then(res => {
+ this.$message.success('鏂板瀹屾垚')
this.selectAllright()
- },
- event() {
- this.dialogVisible = true
- this.chooseProFath()
- this.chooseTechFath()
- },
- modify() {
- this.modifyevent = true
- },
- //缂栬緫
- }
+ })
+ },
+ TYpe(val) {
+ this.typeselect = val
+ this.selectAllleft()
+ },
+ edittype(val) {
+ this.typeselect = val
+ this.chooseTechFath()
+ },
+ //涓讳綋宸�
+ selectAllleft() {
+ this.$axios.get(this.$api.url.selectAllleft, {
+ params: {
+ type: this.typeselect,
+ message: this.search.technology
+ }
+ }).then(res => {
+ this.list = res.data;
+ this.selectDataList()
+ this.$nextTick(() => {
+ this.$refs.tree.setCurrentKey(this.list[0].children[0].name) // 榛樿閫変腑鑺傜偣绗竴涓�
+ })
+ let one = this.list.filter(item => {
+ return item.children.length > 0
+ })[0]
+ let name = one.children[0].id
+ this.checkTreeNode.id = name
+ this.selectAllrightStart(name)
+ this.selectDataList();
+ });
+ },
+ selectAllrightStart(name) {
+ this.$axios.get(this.$api.url.selectAllright, {
+ params: {
+ id: name
+ }
+ }).then(res => {
+ this.tableData = res.data;
+ });
+ },
+ //
+ //鏌ヨ
+ query(val) {
+ this.selectAllleft()
+ },
+ //鍙�
+ selectAllright() {
+ this.$axios.get(this.$api.url.selectAllright, {
+ params: {
+ id: this.checkTreeNode.id
+ }
+ }).then(res => {
+ this.tableData = res.data;
+ });
+ },
+ craftrow(val) {
+ this.crafval = val
+ this.chooseProFath()
+ },
+ //涓婄骇
+ chooseProFath() {
+ this.$axios.get(this.$api.url.chooseProFath, {
+ params: {
+ techTemId: this.crafval
+ }
+ }).then(res => {
+ this.higherlevel = res.data;
+ }, {
+ headers: {
+ "Content-Type": "application/json"
+ }
+ })
+ },
+ //宸ュ簭宸ヨ壓
+ chooseTechFath() {
+ this.$axios.get(this.$api.url.chooseTechFath, {
+ params: {
+ type: this.typeselect
+ }
+ }).then(res => {
+ this.process = res.data;
+ }, {
+ headers: {
+ "Content-Type": "application/json"
+ }
+ })
+ },
+ workevent(val) {
+ let idx = this.process.findIndex(el => el.name === val)
+ this.craftapi = this.process[idx].children
+ },
+
+ handleNodeClick(data) {
+ this.checkTreeNode = data
+ this.selectAllright()
+ },
+ event() {
+ this.dialogVisible = true
+ this.chooseProFath()
+ this.chooseTechFath()
+ },
+ modify() {
+ this.modifyevent = true
+ },
+ //缂栬緫
+
}
+}
</script>
<style scoped>
- .title .el-button {
- height: 32px;
- border: 1px solid rgba(190, 190, 190, 0.44);
- box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
- padding: 0 12px;
- }
+.title .el-button {
+ height: 32px;
+ border: 1px solid rgba(190, 190, 190, 0.44);
+ box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
+ padding: 0 12px;
+}
- .title {
- margin-bottom: 10px;
- padding: 0 20px;
- }
+.title {
+ margin-bottom: 10px;
+ padding: 0 20px;
+}
- .title * {
- font-size: 16px;
- }
+.title * {
+ font-size: 16px;
+}
- .choose {
- padding: 21px 24px;
- display: flex;
- align-items: center;
- background-color: #fff;
- border-bottom: 3px solid rgb(245, 247, 251);
- }
+.choose {
+ padding: 21px 24px;
+ display: flex;
+ align-items: center;
+ background-color: #fff;
+ border-bottom: 3px solid rgb(245, 247, 251);
+}
- .choose * {
- font-size: 14px;
- }
+.choose * {
+ font-size: 14px;
+}
- .choose .el-button {
- height: 32px;
- border: 1px solid rgba(190, 190, 190, 0.44);
- box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
- padding: 0 12px;
- }
+.choose .el-button {
+ height: 32px;
+ border: 1px solid rgba(190, 190, 190, 0.44);
+ box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41);
+ padding: 0 12px;
+}
- .thing {
- width: 100%;
- height: calc(100% - 78px);
- background-color: #fff;
- display: flex;
- }
+.thing {
+ width: 100%;
+ height: calc(100% - 78px);
+ background-color: #fff;
+ display: flex;
+}
- .thing .left {
- width: 295px;
- height: calc(100% - 20px);
- border-right: 3px solid rgb(245, 247, 251);
- padding: 16px;
- overflow-y: auto;
- }
+.thing .left {
+ width: 295px;
+ height: calc(100% - 20px);
+ border-right: 3px solid rgb(245, 247, 251);
+ padding: 16px;
+ overflow-y: auto;
+}
- .thing .left .custom-tree-node span {
- font-size: 14px;
- }
+.thing .left .custom-tree-node span {
+ font-size: 14px;
+}
- .thing .left .custom-tree-node {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: 14px;
- padding-right: 8px;
- }
+.thing .left .custom-tree-node {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 14px;
+ padding-right: 8px;
+}
- .node_i {
- color: orange;
- }
+.node_i {
+ color: orange;
+}
- .el-icon-delete {
- display: none;
- color: #004EA2;
- }
+.el-icon-delete {
+ display: none;
+ color: #004EA2;
+}
- .custom-tree-node:hover .el-icon-delete {
- display: inline;
- }
+.custom-tree-node:hover .el-icon-delete {
+ display: inline;
+}
- .thing .right {
- width: calc(100% - 305px);
- height: calc(100% - 25px);
- overflow: hidden;
- padding: 10px;
- }
+.thing .right {
+ width: calc(100% - 305px);
+ height: calc(100% - 25px);
+ overflow: hidden;
+ padding: 10px;
+}
- .table_do {
- color: #004ea0;
- cursor: pointer;
- }
+.table_do {
+ color: #004ea0;
+ cursor: pointer;
+}
- .firstDiv {
- /* float: left;
+.firstDiv {
+ /* float: left;
width: 20px;
height: 20px;
border-radius: 60px;
@@ -694,29 +717,29 @@
display: flex;
align-items: center;
margin-right: 8px; */
- /* border-radius: 60px; */
- }
+ /* border-radius: 60px; */
+}
- .el-tag {
- border-radius: 50%;
- }
+.el-tag {
+ border-radius: 50%;
+}
</style>
<style>
- .record_content .title .el-button * {
- font-size: 14px;
- }
+.record_content .title .el-button * {
+ font-size: 14px;
+}
- .record_content .title .el-button--default {
- color: #004EA2;
- }
+.record_content .title .el-button--default {
+ color: #004EA2;
+}
- .record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
- background: rgba(58, 124, 253, 0.2);
- color: #004EA2;
- }
+.record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+ background: rgba(58, 124, 253, 0.2);
+ color: #004EA2;
+}
- .record_content .el-tree-node__content {
- height: 30px;
- border-radius: 2px;
- }
+.record_content .el-tree-node__content {
+ height: 30px;
+ border-radius: 2px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3