From 2240e53ef2aa4cfb5033a0987149dc97482dd29d Mon Sep 17 00:00:00 2001
From: 李喆(开发组) <lzhe@yxqiche.com>
Date: 星期三, 16 七月 2025 17:36:59 +0800
Subject: [PATCH] 1
---
src/views/wel/index.vue | 260 +++++++++++++++++++++++++++++++--------------------
1 files changed, 156 insertions(+), 104 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 17836b5..0d9a11f 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -13,9 +13,6 @@
@refresh-change="refreshChange"
@on-load="onLoad"
@tree-load="treeLoad"
- @row-del="rowDel"
- @row-save="rowSave"
- @row-update="rowUpdate"
@row-click="rowClick"
>
<template #menu-left>
@@ -27,8 +24,9 @@
<el-button :size="size" text icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="鍒犻櫎" title="鍒犻櫎"></el-button>
<el-button :size="size" text v-if="row.nodeType < 60" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="鏂板瀛愮骇" title="鏂板瀛愮骇"></el-button>
<el-button :size="size" text v-if="row.nodeType == 60" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="鏂囦欢涓婁紶" title="鏂囦欢涓婁紶"></el-button>
- <el-button :size="size" text v-if="row.nodeType == 70" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="鍗囩骇" title="鍗囩骇"></el-button>
- <el-button :size="size" text v-if="row.nodeType == 60 && !isSM" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="涓嬪彂" title="涓嬪彂"></el-button>
+ <el-button :size="size" text v-if="row.nodeType == 70" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="鍗囩増" title="鍗囩増"></el-button>
+ <!-- 宸ユ帶缃戞墠鏈� -->
+ <el-button :size="size" text v-if="row.nodeType == 70 && !isSM" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="涓嬪彂" title="涓嬪彂"></el-button>
</template>
</avue-crud>
<!-- 鏂板鑺傜偣 -->
@@ -36,18 +34,24 @@
<avue-form :option="modalOption" v-model="modalForm" @submit="modalSubmit" @reset-change="modalCancel"/>
</el-dialog>
<el-dialog title="涓婁紶鏂囦欢" append-to-body v-model="uploadmodalBox">
- <avue-form :option="uploadmodalOption" v-model="uploadmodalForm" @submit="uploadmodalSubmit" @reset-change="uploadmodalCancel" :upload-before="uploadBefore" :upload-after="uploadAfter"></avue-form>
+ <avue-form :option="uploadmodalOption" v-model="uploadmodalForm" @submit="uploadmodalSubmit" @reset-change="uploadmodalCancel" :upload-before="uploadBefore" :upload-after="uploadAfter">
+ <template #fileList="{}" slot-scope="{ value }">
+ <div v-for="(file, index) in fileList" :key="index" v-if="fileList.length != 0">
+ {{ file.name }}
+ </div>
+ <div v-else>娌℃湁涓婁紶鏂囦欢</div>
+ </template>
+ </avue-form>
</el-dialog>
<avue-tabs :option="tabsOption" @change="tabsHandleChange" style="margin-top: 30px;" v-if="isShowTabs"></avue-tabs>
- <avue-form v-if="tabsType == 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form>
- <span v-else-if="tabsType == 'tab2'">鐗堟湰淇℃伅</span>
- <template v-else-if="tabsType == 'tab3'">
- {{fileContent}}
- <!-- <div v-for="item in fileList" v-if="fileList.length > 0" class="fileListStyle">
- <span>{{item.name}}</span>
- <span class="delFile" @click="delFile(item)">X</span>
- </div> -->
- </template>
+ <avue-form v-if="tabsType == 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form>
+ <span v-else-if="tabsType == 'tab2'">鐗堟湰淇℃伅</span>
+ <template v-else-if="tabsType == 'tab3'">
+ {{fileContent}}
+ </template>
+ <el-dialog title="鍗囩増" append-to-body v-model="upgradeModal" width="500">
+ <avue-form :option="upgradeModalOption" v-model="upgradeModalForm" @submit="upgradeSubmit" @reset-change="upgradeCancel"></avue-form>
+ </el-dialog>
</basic-container>
</template>
@@ -56,12 +60,25 @@
export default {
data() {
return {
+ upgradeModal: false,
+ file: null,
fileContent: "",
isSM: false, //鏄惁鏄秹瀵嗙綉 锛屽伐鎺х綉5涓紝娑夊瘑缃�4涓�
isShowTabs: true,
nodeTypeList: [],
fileList: [],
tabsType: "tab1",
+ upgradeModalForm: {},
+ upgradeModalOption: {
+ emptyText: "鍙栨秷",
+ menuPosition: "right",
+ column: [{
+ label: '宸ュ簭鐗堟',
+ prop: 'processEdition',
+ labelWidth: "80",
+ span: 22
+ }]
+ },
tabsOption: {},
tabsOption1: {
column: [{
@@ -101,7 +118,7 @@
},
{
label: '鍒涘缓浜�',
- prop: 'createUser',
+ prop: 'createUserName',
disabled: true,
placeholder: " "
},
@@ -128,6 +145,12 @@
prop: 'updateTime',
disabled: true,
placeholder: " "
+ },
+ {
+ label: '澶囨敞',
+ prop: 'remark',
+ disabled: true,
+ placeholder: " "
}
]
},
@@ -144,6 +167,7 @@
{
label: '鑺傜偣绫诲瀷',
prop: 'nodeType',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
props: {
@@ -155,6 +179,7 @@
{
label: '璁惧锛堟満搴婏級',
prop: 'machineCode',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-mdm/machine/page',
props: {
@@ -167,17 +192,20 @@
},
{
label: '鑺傜偣鍚嶇О',
- prop: 'name'
+ prop: 'name',
+ labelWidth: "120",
},
{
label: '鑺傜偣鎻忚堪',
prop: 'description',
+ labelWidth: "120",
hide: true
},
{
label: '澶囨敞',
prop: 'remark',
type: "textarea",
+ labelWidth: "120",
span: 24
}
]
@@ -197,6 +225,11 @@
total: 0,
},
option: {
+ rowKey: "id",
+ treeProps: {
+ children: "children",
+ hasChildren: 'hasChildren',
+ },
lazy: true,
rowKey: 'id',
addBtn: false,
@@ -224,7 +257,7 @@
},
{
label: '绫诲瀷',
- prop: 'nodeType'
+ prop: 'nodeTypeName'
},
{
label: '璁惧',
@@ -248,12 +281,13 @@
},
{
label: '鍒涘缓浜�',
- prop: 'createUser',
+ prop: 'createUserName',
width: '180'
}
],
},
data: [],
+ upData: []
};
},
computed: {
@@ -266,6 +300,7 @@
{
label: '鑺傜偣绫诲瀷',
prop: 'nodeType',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
props: {
@@ -277,6 +312,7 @@
{
label: '璁惧缂栧彿',
prop: 'machineCode',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-mdm/machine/page',
props: {
@@ -289,19 +325,23 @@
},
{
label: '闆剁粍浠跺彿/鍥惧彿',
- prop: 'drawingNo'
+ prop: 'drawingNo',
+ labelWidth: "120"
},
{
label: '宸ュ簭',
- prop: 'processName'
+ prop: 'processName',
+ labelWidth: "120"
},
{
label: '宸ュ簭鐗堟湰',
- prop: 'processEdition'
+ prop: 'processEdition',
+ labelWidth: "120"
},
{
label: '鑺傜偣鍒嗙被',
prop: 'category',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-system/dict-biz/dictionary?code=node_file_type',
props: {
@@ -312,17 +352,25 @@
{
label: '閫夋嫨鏂囦欢',
prop: 'uploadFile',
+ labelWidth: "120",
type: 'upload',
data: {nodeId: this.id},
action: "",
showFileList: false,
span: 24,
+ tip: "璇蜂笂浼犳枃浠讹紝灏嗗湪鎻愪氦鏃剁粺涓�澶勭悊",
action: "/blade-mdm/program/ncfile/upload"
+ },
+ {
+ label: '鏂囦欢鍒楄〃',
+ prop: 'fileList',
+ labelWidth: "120"
},
{
label: '澶囨敞',
prop: 'remark',
type: "textarea",
+ labelWidth: "120",
span: 24
}
]
@@ -331,28 +379,43 @@
},
watch: {
uploadmodalBox(old) {
- this.onLoad();
+ //this.onLoad();
}
},
methods: {
- downsend(row) {
-
- },
- uploadAfter() {
-
- },
- upgrade(row) { //鍗囩骇
- this.loading = true;
- var obj = {id: row.id}
+ upgradeSubmit(row,done) { //鍗囩増
axios({
url: '/blade-mdm/program/ncfile/upgrade-process-edition',
method: 'post',
- data: obj,
+ params: {bindNcNodeId:row.id,newProcessEdition: row.processEdition},
}).then(
- resp => {
- this.$message.success('鍗囩骇鎴愬姛');
+ res => {
+ done();
+ this.upgradeModal = false;
+ this.$message.success('鎿嶄綔鎴愬姛');
+ this.addLocalTreeNode(row.parentId);
}
);
+ },
+ upgradeCancel() {
+ this.upgradeModal = false;
+ },
+ downsend(row) { //涓嬪彂
+ this.loading = true;
+ axios({
+ url: '/blade-mdm/program/ncfile/send-to-machine-by-nodeid',
+ method: 'post',
+ params: {nodeId:row.id},
+ }).then(
+ res => {
+ this.loading = false;
+ this.$message.success('鎿嶄綔鎴愬姛');
+ }
+ );
+ },
+ upgrade(row) { //鍗囩増
+ this.upgradeModalForm = {...row};
+ this.upgradeModal = true;
},
delFile(item) {
this.loading = true;
@@ -369,8 +432,37 @@
);
},
uploadBefore(file,done,loading,column) {
- done();
- //nodeId: this.tabsForm.id
+ this.file = file;
+ this.fileList.push(file);
+ //done(); 鏀惧紑灏变笂浼犱簡
+ return false;
+ },
+ uploadAfter() {
+ },
+ uploadmodalSubmit(row,done) { //涓婁紶鎻愪氦鎺ュ彛
+ if(this.file == null) {
+ this.$message.error('璇蜂笂浼犳枃浠�');
+ return;
+ }
+ var formData = new FormData();
+ formData.append('file', this.file);
+ formData.append('nodeId', this.id);
+ Object.keys(this.uploadmodalForm).forEach(key => {
+ formData.append(key, this.uploadmodalForm[key]);
+ });
+ this.loading = true;
+ axios({
+ url: '/blade-mdm/program/ncfile/upload',
+ method: 'post',
+ data: formData,
+ }).then(
+ res => {
+ this.loading = false;
+ this.uploadmodalBox = false;
+ this.addLocalTreeNode(row.id); //閲嶆柊鍔犺浇涓嬩竴绾�
+ done();
+ }
+ );
},
rowClick(row) {
this.tabsForm = row;
@@ -396,9 +488,22 @@
tabsHandleChange(tabs) {
this.tabsType = tabs.prop;
},
- showUpload(row) {
+ showUpload(row) {//鑾峰彇鏂囦欢鍐呭
+ this.fileList = [];
this.uploadmodalForm = row;
- this.uploadmodalBox = true;
+ this.loading = true;
+ var obj = {parentId: row.id}
+ axios({
+ url: '/blade-mdm/program/node/lazy-list',
+ method: 'get',
+ params: obj,
+ }).then(
+ res => {
+ this.loading = false;
+ this.fileList = res.data.data;
+ this.uploadmodalBox = true;
+ }
+ );
},
getFile(id) { //鏌ョ湅鏂囦欢鍐呭
this.loading = true;
@@ -412,20 +517,6 @@
this.fileContent = res.data.data;
}
);
- },
- uploadmodalSubmit(row,done) {
- this.uploadmodalBox = false;
- this.addLocalTreeNode(row.parentId); //閲嶆柊鍔犺浇涓嬩竴绾�
- done();
- },
- rowDel(row, index, done) {
- done(row);
- },
- rowSave (row, done) {
- done(row);
- },
- rowUpdate (row, index, done) {
- done(row);
},
showEdit(row,done) {
this.modalTitle = "淇敼";
@@ -447,7 +538,7 @@
}).then(
res => {
this.loading = false;
- this.$refs.crud.rowDel(row);
+ this.addLocalTreeNode(row.parentId);
}
);
})
@@ -488,7 +579,7 @@
this.modalBox = false;
// 淇敼锛屾洿鏂版湰鍦版暟鎹�
if (this.modalTitle === "淇敼") {
- this.updateLocalTreeNode(this.modalForm);
+ this.addLocalTreeNode(row.parentId);
}else {
// 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
//this.$refs.crud.refreshTable();
@@ -515,53 +606,14 @@
}).then(
res => {
var children = res.data.data || [];
- this.updateParentNodeChildren(parentId, children);
+ if(parentId == 0) {
+ this.data = [...children];
+ }else {
+ this.$refs.crud.$refs.table.store.states.lazyTreeNodeMap.value[parentId] = [...children];
+ }
this.loading = false;
}
);
- },
- updateParentNodeChildren(parentId, newChildren) { //鏂板鐨勬柟娉�
- const updateTree = (nodes) => {
- for (let i = 0; i < nodes.length; i++) {
- if (nodes[i].id === parentId) {
- // 鏇存柊鑺傜偣鏁版嵁
- nodes[i].children = [...newChildren];
- this.data = [...this.data]; // 鏇挎崲椤跺眰寮曠敤
- return true;
- }
- if (Array.isArray(nodes[i].children) && nodes[i].children.length > 0) {
- if (updateTree(nodes[i].children)) {
- return true;
- }
- }
- }
- return false;
- };
- updateTree(this.data);
- // 寮哄埗鍒锋柊
- this.$nextTick(() => {
- this.$refs.crud?.refreshTable();
- //this.$refs.crud.toggleRowExpansion('0', true);
- console.log(this.data,222)
- });
- },
- updateLocalTreeNode(nodeData) { //淇敼鐨勬柟娉�
- const updateNode = (nodes) => {
- for (let i = 0; i < nodes.length; i++) {
- if (nodes[i].id === nodeData.id) {
- // 鏇存柊鑺傜偣鏁版嵁
- Object.assign(nodes[i], nodeData);
- return true;
- }
- if (Array.isArray(nodes[i].children) && nodes[i].children.length > 0) {
- if (updateNode(nodes[i].children)) {
- return true;
- }
- }
- }
- return false;
- };
- updateNode(this.data);
},
modalCancel() {
this.modalBox = false;
@@ -578,8 +630,8 @@
params: obj,
}).then(
res => {
- resolve(res.data.data);
this.loading = false;
+ resolve(res.data.data);
}
);
},
@@ -601,14 +653,17 @@
params: obj,
}).then(
res => {
+ this.loading = false;
this.data = res.data.data;
+ if(this.data.length == 0) {
+ return;
+ }
this.tabsForm = res.data.data[0]; //鑺傜偣淇℃伅
this.nodeTypeList.forEach(item=> {
if(item.dictKey == this.data[0].nodeType) {
this.tabsForm.nodeTypeName = item.dictValue;
}
})
- this.loading = false;
}
);
}
@@ -632,9 +687,6 @@
</script>
<style lang="scss">
-.el-form-item__label {
- width: 120px!important;
-}
.delFile {
color: red;
margin-left: 12px;
--
Gitblit v1.9.3