From a1aa5a9a05c211e8d78780a318fac71c9d3313f9 Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期日, 10 八月 2025 12:03:19 +0800
Subject: [PATCH] 1
---
src/views/wel/index.vue | 1058 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 960 insertions(+), 98 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index a67e4e5..a493d52 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -4,7 +4,7 @@
:addBtn="false"
:option="option"
:table-loading="loading"
- :data="data"
+ :data="treeData"
ref="crud"
v-model:search="search"
v-model:page="mypage"
@@ -13,28 +13,278 @@
@refresh-change="refreshChange"
@on-load="onLoad"
@tree-load="treeLoad"
- @row-del="rowDel"
- @row-save="rowSave"
- @row-update="rowUpdate"
+ @row-click="rowClick"
>
+ <template #search>
+ <el-row :gutter="24">
+ <el-col :span="6">
+ <el-input v-model="search.name" placeholder="璇疯緭鍏ヨ妭鐐瑰悕绉�" clearable/>
+ </el-col>
+ <el-col :span="6">
+ <el-select v-model="search.nodeType" placeholder="璇疯緭鍏ヨ妭鐐圭被鍨�" clearable>
+ <el-option v-for="item in nodeTypeList" :key="item.dictValue" :label="item.dictValue" :value="item.dictKey"/>
+ </el-select>
+ </el-col>
+ <el-col :span="6">
+ <el-button type="primary" @click="searchTree"><el-icon class="el-icon--right" style="margin-right: 6px;"><Search /></el-icon>鎼滅储</el-button>
+ <el-button :icon="Delete" @click="setClearTree"><el-icon class="el-icon--right" style="margin-right: 6px;"><Delete /></el-icon>娓呯┖</el-button>
+ </el-col>
+ </el-row>
+ </template>
+ <!-- <template #menu-left>
+ <el-button :size="size" type="primary" @click="showAdd()">鏂板鏍硅妭鐐�</el-button>
+ </template> -->
<template #name="{ row }">
<span>{{row.name}}</span>
- <el-button :size="size" text icon="el-icon-setting" type="primary" placeholder="淇敼" @click="showEdit(row)"></el-button>
- <el-button :size="size" text icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="鍒犻櫎"></el-button>
- <el-button :size="size" text v-if="row.nodeType < 70" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="鏂板瀛愮骇"></el-button>
+ <!-- <el-button :size="size" text v-if="row.nodeType != 70" icon="el-icon-setting" type="primary" placeholder="淇敼" @click="showEdit(row)" title="淇敼"></el-button>
+ <el-button :size="size" text v-if="row.nodeType != 10" icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="鍒犻櫎" title="鍒犻櫎"></el-button>
+ <el-button :size="size" text v-if="row.nodeType != 60 && row.nodeType != 70" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="鏂板瀛愮骇" title="鏂板瀛愮骇"></el-button>
+ <el-button :size="size" text v-if="row.nodeType == 60 || row.nodeType == 50" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="鏂囦欢涓婁紶" title="鏂囦欢涓婁紶"></el-button> -->
+ <!-- 娑夊瘑缃戞墠鏈� -->
+ <!-- <el-button :size="size" text v-if="row.nodeType == 70 && isSM" 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> -->
+ <!-- 鏇挎崲 -->
+ <el-button :size="size" text v-if="row.nodeType == 60 && isSM && row.parentIds.indexOf('0,1,')>-1" icon="el-icon-switch" type="primary" @click="replacement(row)" placeholder="鏇挎崲" title="鏇挎崲"></el-button>
+ <!-- <el-icon><Switch /></el-icon> -->
</template>
</avue-crud>
+ <!-- 鏂板鑺傜偣 -->
<el-dialog :title="modalTitle" append-to-body v-model="modalBox">
<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">
+ <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'">
+ <div v-html="convertToHtml(fileContent)"></div>
+ </template>
+ <template v-else-if="tabsType == 'tab4'">
+ <avue-crud :addBtn="false" :option="tabsFormOption4" :data="tabsForm4" ref="crud4" @selection-change="selectionChange">
+ <template #menu-left>
+ <el-button :size="size" type="primary" @click="comparison" :disabled="selectionList.length != 2">瀵规瘮</el-button>
+ </template>
+ </avue-crud>
+ </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>
+ <!-- 鏂囦欢瀵规瘮 -->
+ <el-drawer title="鏂囦欢瀵规瘮" append-to-body v-model="diffBox" size="100%" class="code-box">
+ <div>
+ <code-diff :old-string="this.content1" :new-string="this.content2" output-format="side-by-side" :hideStat="true" :filename="codeDiffFileName1" :newFilename="codeDiffFileName2"/>
+ </div>
+ </el-drawer>
+ <!-- 鏇挎崲 -->
+ <el-drawer title="鏇挎崲" append-to-body v-model="todolistModel" size="100%" class="code-box">
+ <div class="approve-box">
+ <div class="left">
+ <TodolistLeft :row="row" @selection-change="todoSelectionChange" />
+ </div>
+ <div class="right">
+ <TodolistRightTop :row="row" />
+ <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
+ </div>
+ </div>
+ </el-drawer>
</template>
<script>
-
+import { ElMessage } from 'element-plus';
+import TodolistLeft from './components/TodolistLeft.vue';
+import TodolistRightTop from './components/TodolistRightTop.vue';
export default {
+ components: {
+ TodolistLeft,
+ TodolistRightTop
+ },
data() {
+ let rejectText = '椹冲洖';//+this.row.categoryName;
return {
+ replaceDataId: "",
+ formApprove: {
+ title: '',
+ comment: '',
+ approve: '', // 榛樿鍚屾剰
+ assignee: ''
+ },
+ optionApprove: {
+ labelWidth: 100,
+ column: [
+ {
+ label: '娴佺▼鏍囬',
+ prop: 'title',
+ rules: [{ required: true, message: '璇疯緭鍏ユ祦绋嬫爣棰�', trigger: 'blur' }],
+ },
+ {
+ label: '鍙戦�佺粰',
+ prop: 'assignee',
+ type: 'select',
+ dicUrl: `/api/blade-mdm/flow/flow-user-list?deptId=0`,
+ dicFlag: true,
+ props: {
+ label: 'name',
+ value: 'id',
+ },
+ filterable: true,
+ span: 24,
+ disabled: false,
+ rules: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }],
+ },
+ {
+ label: '宸ュ簭鐗堟',
+ prop: 'processEdition',
+ type: 'input',
+ span: 24,
+ // disabled: true,
+ display: false,// 闅愯棌鏄剧ず
+ // rules: [{ required: true, message: '璇烽�夋嫨涓嬩竴瀹℃壒鐢ㄦ埛', trigger: 'blur' }],
+ },
+ {
+ label: '澶囨敞',
+ span: 24,
+ prop: 'comment',
+ type: 'textarea',
+ // rules: [{ required: true, message: '璇疯緭鍏ュ鎵规剰瑙�', trigger: 'blur' }],
+ rules: [
+ {
+ validator: (rule, value, callback) => {
+ console.log('-------',this.formApprove)
+ if (value === '' && this.formApprove.approve !== 'Y') {
+ callback(new Error('璇疯緭鍏ュ娉�'));
+ } else {
+ callback();
+ }
+ },
+ trigger: 'blur'
+ }
+ ]
+ },
+ ],
+ },
+ applist: [],
+ row: {},
+ todolistModel: false,
+ diffBox: false,
+ content1: "",
+ content2: "",
+ codeDiffFileName1: "",
+ codeDiffFileName2: "",
+ selectionList: [],
+ targetRow: {},
+ upgradeModal: false,
+ file: null,
+ fileContent: "",
+ isSM: true, //鏄惁鏄秹瀵嗙綉 锛屽伐鎺х綉5涓紝娑夊瘑缃�4涓�
+ isShowTabs: true,
+ nodeTypeList: [],
+ fileList: [],
+ tabsType: "tab1",
+ upgradeModalForm: {},
+ upgradeModalOption: {
+ emptyText: "鍙栨秷",
+ menuPosition: "right",
+ column: [{
+ label: '宸ュ簭鐗堟',
+ prop: 'processEdition',
+ labelWidth: "80",
+ span: 22
+ }]
+ },
+ tabsOption: {},
+ tabsOption1: {
+ column: [{
+ icon: 'el-icon-info',
+ label: '鑺傜偣淇℃伅',
+ prop: 'tab1',
+ }, {
+ icon: 'el-icon-warning',
+ label: '鐗堟湰淇℃伅',
+ prop: 'tab2',
+ }]
+ },
+ tabsOption2: {
+ column: [{
+ icon: 'el-icon-info',
+ label: '鑺傜偣淇℃伅',
+ prop: 'tab1',
+ }, {
+ icon: 'el-icon-warning',
+ label: '鐗堟湰淇℃伅',
+ prop: 'tab2',
+ }, {
+ icon: 'el-icon-warning',
+ label: '鏂囦欢鍐呭',
+ prop: 'tab3'
+ }, {
+ icon: 'el-icon-warning',
+ label: '鍘嗗彶璁板綍',
+ prop: 'tab4'
+ }]
+ },
+ tabsFormOption: {
+ submitBtn: false,
+ emptyBtn: false,
+ column: [
+ {
+ label: '鑺傜偣绫诲瀷',
+ prop: 'nodeTypeName',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '鍒涘缓浜�',
+ prop: 'createUserName',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '鑺傜偣鍚嶇О',
+ prop: 'name',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '鍒涘缓鏃堕棿',
+ prop: 'createTime',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '鑺傜偣鎻忚堪',
+ prop: 'description',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '淇敼鏃堕棿',
+ prop: 'updateTime',
+ disabled: true,
+ placeholder: " "
+ },
+ {
+ label: '澶囨敞',
+ prop: 'remark',
+ disabled: true,
+ placeholder: " "
+ }
+ ]
+ },
+ tabsForm: {},
+ uploadmodalBox: false,
+ uploadmodalForm: {},
selectedColumn: {},
modalForm: {},
modalOption: {
@@ -43,8 +293,9 @@
menuPosition: "right",
column: [
{
- label: '鑺傜偣绫诲瀷',
+ label: '鑺傜偣绫诲瀷1',
prop: 'nodeType',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
props: {
@@ -55,26 +306,34 @@
},
{
label: '璁惧锛堟満搴婏級',
- prop: 'abc'
+ prop: 'machineCode',
+ labelWidth: "120",
+ type: 'select',
+ dicUrl: '/blade-mdm/machine/page',
+ props: {
+ label: 'name',
+ value: 'code',
+ },
+ dicFormatter(res) {
+ return res.data.records;
+ }
},
{
label: '鑺傜偣鍚嶇О',
- prop: 'name'
+ prop: 'name',
+ labelWidth: "120",
},
{
label: '鑺傜偣鎻忚堪',
- prop: 'abc',
+ prop: 'description',
+ labelWidth: "120",
hide: true
- },
- {
- label: '鍏ㄨ矾寰�',
- prop: 'abc',
- span: 24
},
{
label: '澶囨敞',
prop: 'remark',
type: "textarea",
+ labelWidth: "120",
span: 24
}
]
@@ -84,8 +343,8 @@
id: "",
parentId:1,
search: {
- keyword: "",
- machineGroupCode: ""
+ name: "",
+ nodeType: ""
},
loading: true,
mypage: {
@@ -93,7 +352,30 @@
current: 1,
total: 0,
},
+ tabsFormOption4: {
+ rowKey: "id",
+ selection: true,
+ addBtn: false,
+ editBtn: false,
+ delBtn: false,
+ searchBtn: false,
+ emptyBtn: false,
+ menu: false,
+ column: [
+ {label: '鐗堟湰鍙�',prop: 'versionNumber'},
+ {label: '鍒涘缓鏃堕棿',prop: 'createTime'},
+ {label: '鍒涘缓浜�',prop: 'createUserName'},
+ ]
+ },
+ tabsForm4: {},
option: {
+ highlightCurrentRow: true,
+ rowKey: "id",
+ treeProps: {
+ children: "children",
+ hasChildren: 'hasChildren',
+ },
+ defaultExpandAll: false,
lazy: true,
rowKey: 'id',
addBtn: false,
@@ -101,19 +383,45 @@
delBtn: false,
fit: true,
menu: false,
+ searchBtn: false,
+ emptyBtn: false,
+ refreshBtn: false,
+ columnBtn: false,
+ searchShowBtn: false,
+ refreshBtn: false,
+ copyBtn: false,
+ gridBtn: false,
column: [
{
label: '鐩綍',
prop: 'name',
- width: '300'
+ width: '360'
},
{
label: '鐗堟湰',
- prop: 'abc'
+ prop: 'versionNumber',
+ formatter: (val, value, label) => {
+ if(val.nodeType == '60'){
+ if(value==-1){
+ return '';
+ }else{
+ return value;
+ }
+ }else{
+ return '';
+ }
+ }
},
{
label: '鐗堟',
- prop: 'abc'
+ prop: 'processEdition',
+ formatter: (val, value, label) => {
+ if(val.nodeType == '60'){
+ return value;
+ }else{
+ return '';
+ }
+ }
},
{
label: '鎻忚堪',
@@ -121,23 +429,46 @@
},
{
label: '绫诲瀷',
- prop: 'nodeType'
+ prop: 'nodeTypeName'
},
{
label: '璁惧',
- prop: 'abc'
+ prop: 'machineCode'
},
- {
- label: '鍥哄寲鐘舵��',
- prop: 'abc'
- },
+
{
label: '閿佸畾鐘舵��',
- prop: 'abc'
+ prop: 'isLocked',
+ formatter: (val, value, label) => {
+ if(val.nodeType == '60' || val.nodeType == '70'){
+ if(value==1){
+ return '宸查攣瀹�';
+ }else{
+ return '鏈攣瀹�';
+ }
+ }
+ }
+
},
{
label: '娴佺▼鐘舵��',
- prop: 'abc'
+ prop: 'flowStatus',
+ formatter: (val, value, label) => {
+ if(val.nodeType != '60'){
+ //闈炵▼搴忚妭鐐�
+ return '';
+ }else{
+ if(value==0||value==null){
+ return '鏈惎鍔�';
+ }else if(value == 1){
+ return '瀹℃壒涓�';
+ }else if(value == 2){
+ return '宸查�氳繃';
+ }else{
+ return '鏈畾涔�';
+ }
+ }
+ },
},
{
label: '娴嬭瘯绋嬪簭',
@@ -145,23 +476,479 @@
},
{
label: '鍒涘缓浜�',
- prop: 'createUser',
+ prop: 'createUserName',
width: '180'
}
],
},
- data: [],
+ treeData: [],
+ upData: []
};
},
+ computed: {
+ uploadmodalOption() {
+ return {
+ submitText: "淇濆瓨",
+ emptyText: "鍙栨秷",
+ menuPosition: "right",
+ column: [
+ {
+ label: '鑺傜偣绫诲瀷',
+ prop: 'nodeType',
+ labelWidth: "120",
+ type: 'select',
+ dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
+ props: {
+ label: 'dictValue',
+ value: 'dictKey',
+ },
+ disabled: true
+ },
+ {
+ label: '璁惧缂栧彿',
+ prop: 'machineCode',
+ labelWidth: "120",
+ type: 'select',
+ dicUrl: '/blade-mdm/machine/page',
+ props: {
+ label: 'name',
+ value: 'code',
+ },
+ dicFormatter(res) {
+ return res.data.records;
+ },
+ rules: [
+ {
+ required: true,
+ message: '璇疯緭鍏ヨ澶囩紪鍙�',
+ trigger: 'blur'
+ }
+ ]
+ },
+ {
+ label: '闆剁粍浠跺彿/鍥惧彿',
+ prop: 'drawingNo',
+ labelWidth: "120",
+ rules: [
+ {
+ required: true,
+ message: '璇疯緭鍏ラ浂缁勪欢鍙�/鍥惧彿',
+ trigger: 'blur'
+ }
+ ]
+ },
+ {
+ label: '宸ュ簭',
+ prop: 'processName',
+ labelWidth: "120",
+ rules: [
+ {
+ required: true,
+ message: '璇疯緭鍏ュ伐搴�',
+ trigger: 'blur'
+ }
+ ]
+ },
+ {
+ label: '宸ュ簭鐗堟湰',
+ prop: 'processEdition',
+ labelWidth: "120",
+ rules: [
+ {
+ required: true,
+ message: '璇疯緭鍏ュ伐搴忕増鏈�',
+ trigger: 'blur'
+ }
+ ]
+ },
+ {
+ label: '鏂囦欢鍒嗙被',
+ prop: 'category',
+ labelWidth: "120",
+ type: 'select',
+ dicUrl: '/blade-system/dict-biz/dictionary?code=node_file_type',
+ props: {
+ label: 'dictValue',
+ value: 'dictKey',
+ },
+ rules: [
+ {
+ required: true,
+ message: '璇烽�夋嫨鏂囦欢鍒嗙被',
+ trigger: 'change'
+ }
+ ]
+ },
+ {
+ label: '閫夋嫨鏂囦欢',
+ prop: 'uploadFile',
+ labelWidth: "120",
+ type: 'upload',
+ data: {nodeId: this.id},
+ action: "",
+ showFileList: false,
+ span: 24,
+ tip: "璇蜂笂浼犳枃浠讹紝灏嗗湪鎻愪氦鏃剁粺涓�澶勭悊",
+ action: "/blade-mdm/program/ncfile/upload",
+ rules: [
+ {
+ validator: (rule, value, callback) => {
+ if (this.fileList.length === 0) {
+ callback(new Error('璇蜂笂浼犳枃浠�'));
+ } else {
+ callback();
+ }
+ },
+ trigger: 'blur'
+ }
+ ]
+ },
+ {
+ label: '宸蹭笂浼犳枃浠�',
+ prop: 'fileList',
+ labelWidth: "120"
+ },
+ {
+ label: '澶囨敞',
+ prop: 'remark',
+ type: "textarea",
+ labelWidth: "120",
+ span: 24
+ }
+ ]
+ }
+ }
+ },
+ watch: {
+
+ },
methods: {
- rowDel(row, index, done) {
- done(row);
+ handleSubmit(form, done) {
+ //鍙戣捣绋嬪簭鏇挎崲娴佺▼
+ var obj = {
+ title: this.formApprove.title,
+ nodeId: this.id,
+ tempInstanceId: this.replaceDataId,
+ assignee: this.formApprove.assignee
+ }
+ axios({
+ url: '/blade-mdm/flow/replace/start',
+ method: 'post',
+ data: obj
+ }).then(
+ resp => {
+ this.$message({
+ type: 'success',
+ message: '鎿嶄綔鎴愬姛!',
+ });
+ done();
+ this.todolistModel = false;
+ });
+ // if(this.row.taskDefinitionKey === 'programmingTask') {
+ // // if(this.applist.length !== 1) {
+ // // done();
+ // // return this.$message.success('璇烽�夋嫨1涓▼搴�');
+ // // }
+ // }
+ // approve({
+ // ...this.formApprove,
+ // taskId: this.row.taskId,
+ // processInstanceId: this.row.processInstanceId,
+ // // programIds: this.row.taskDefinitionKey === 'programmingTask' ? this.applist.map(v => v.id).join(',') : '',
+ // }).then(res => {
+ // if(res.data.code !== 200) {
+ // this.$message.error(res.data.msg);
+ // done();
+ // return;
+ // }
+ // this.$message.success('瀹℃壒鎴愬姛');
+ // this.approveBox = false;
+ // this.onLoad(this.page, this.query);
+ // done();
+ // }).catch(err => {
+ // done();
+ // console.error(err);
+ // });
},
- rowSave (row, done) {
- done(row);
+ todoSelectionChange(applist) {
+ this.applist = applist;
},
- rowUpdate (row, index, done) {
- done(row);
+ replacement(row) { //鏇挎崲
+ this.id = row.id;
+ this.formApprove = {
+ comment: '',
+ approve: 'Y', // 榛樿鍚�
+ }
+ //鍑嗗绋嬪簭鏇挎崲娴佺▼
+ axios({
+ url: '/blade-mdm/flow/replace/prestart',
+ method: 'post',
+ params: {nodeId: row.id}
+ }).then(
+ resp => {
+ this.row = row;
+ this.replaceDataId = resp.data.data;
+ this.todolistModel = true;
+ });
+ },
+ convertToHtml(text) {
+ return text.replace(/\r\n/g, '<br>');
+ },
+ removeHasChildren(treeData) { //鏌ヨ鏃跺�欎娇鐢紝鍒犳帀hasChildren
+ return treeData.map(node => {
+ if (node.children && node.children.length > 0) {
+ node.children = this.removeHasChildren(node.children);
+ }
+ // 鍒犻櫎褰撳墠鑺傜偣鐨� hasChildren 灞炴��
+ const { hasChildren, ...rest } = node;
+ return rest;
+ });
+ },
+ // 閫掑綊鏌ユ壘鐩爣琛岋紙name="鏈哄簥1"锛�
+ findTargetRow(data, targetName) {
+ for (const item of data) {
+ if (item.name === targetName) {
+ return item; // 鎵惧埌鐩爣琛�
+ }
+ if (item.children && item.children.length > 0) {
+ const found = this.findTargetRow(item.children, targetName);
+ if (found) return found; // 鍦ㄥ瓙鑺傜偣涓壘鍒�
+ }
+ }
+ return null; // 鏈壘鍒�
+ },
+ highlightTargetRow() { // 楂樹寒鐩爣琛�
+ const targetName = this.search.name;
+ this.targetRow = this.findTargetRow(this.treeData, targetName);
+ if (this.targetRow && this.$refs.crud) {
+ this.$refs.crud.setCurrentRow(this.targetRow); // 楂樹寒鐩爣琛�
+ }
+ },
+ searchTree() {
+ axios({
+ url: '/blade-mdm/program/node/search-list',
+ method: 'get',
+ params: this.search,
+ }).then(res => {
+ this.option.defaultExpandAll = true;
+ this.treeData = this.removeHasChildren(res.data.data);
+ this.$nextTick(() => {
+ this.highlightTargetRow(); // 璁剧疆褰撳墠琛岄珮浜�
+ this.tabsForm = this.targetRow; //tabs鑺傜偣淇℃伅
+ this.nodeTypeList.forEach(item=> {
+ if(item.dictKey == this.tabsForm.nodeType) {
+ this.tabsForm.nodeTypeName = item.dictValue;
+ }
+ })
+ })
+ if(this.treeData.length == 0) {
+ return;
+ }
+ });
+ },
+ setClearTree() {
+ this.option.defaultExpandAll = false;
+ this.treeData = [];
+ this.$nextTick(()=> {
+ this.onLoad();
+ })
+ },
+ upgradeSubmit(row,done) { //鍗囩増
+ axios({
+ url: '/blade-mdm/program/ncfile/upgrade-process-edition',
+ method: 'post',
+ params: {bindNcNodeId:row.id,newProcessEdition: row.processEdition},
+ }).then(
+ 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;
+ var obj = {id: item.id}
+ axios({
+ url: '/blade-mdm/program/ncfile/remove',
+ method: 'post',
+ params: obj,
+ }).then(
+ resp => {
+ this.loading = false;
+ this.getFile(this.id);
+ }
+ );
+ },
+ uploadBefore(file,done,loading,column) {
+ 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);
+ if(this.isRepeatUpload) {
+ formData.append('cofirm','1');
+ }
+ 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;
+ if(res.data.code == 2) {
+ this.$confirm('鏂囦欢鍚嶅凡瀛樺湪锛岀‘瀹氫笂浼犲悧?', '鎻愮ず', {
+ distinguishCancelAndClose: true,
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ this.isRepeatUpload = true;
+ this.uploadmodalSubmit(row,done);
+ }).catch(action => {
+ this.isRepeatUpload = false;
+ this.$message({
+ type: 'info',
+ message:'鍙栨秷涓婁紶'
+ })
+ });
+ }else if(res.data.success) {
+ this.isRepeatUpload = false;
+ this.uploadmodalBox = false;
+ this.$message({type: 'success',message: '鎿嶄綔鎴愬姛!'});
+ this.addLocalTreeNode(row.id); //閲嶆柊鍔犺浇涓嬩竴绾�
+ }else {
+ this.isRepeatUpload = false;
+ alert(1)
+ }
+ done();
+ }
+ );
+ },
+ rowClick(row) {
+ this.tabsForm = row;
+ this.id = row.id;
+ this.isShowTabs = false;
+ this.nodeTypeList.forEach(item=> {
+ if(item.dictKey == row.nodeType) {
+ this.tabsForm.nodeTypeName = item.dictValue;
+ }
+ })
+ if(this.tabsForm.nodeType != 70) {
+ this.tabsOption = this.tabsOption1;
+ }else {
+ this.tabsOption = this.tabsOption2;
+ //鑾峰彇鏂囦欢list
+ this.getFile(row.id);
+ //鑾峰彇鍘嗗彶璁板綍
+ this.getHistory(row.id);
+ //娓呯┖瀵规瘮璁板綍
+ this.content1 = "";
+ this.content2 = "";
+ }
+ this.$nextTick(()=> {
+ this.tabsType = 'tab1';
+ this.isShowTabs = true;
+ })
+ },
+ tabsHandleChange(tabs) {
+ this.tabsType = tabs.prop;
+ },
+ showUpload(row) {//鑾峰彇闄勪欢鍐呭锛堟殏鏃舵病鐢級
+ this.fileList = [];
+ this.uploadmodalForm = row;
+ 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.uploadmodalBox = true;
+ }
+ );
+ },
+ getFile(id) { //鏌ョ湅鏂囦欢鍐呭
+ this.loading = true;
+ axios({
+ url: '/blade-mdm/program/ncfile/content-by-nodeid',
+ method: 'get',
+ params: {nodeId:id},
+ }).then(
+ res => {
+ this.loading = false;
+ this.fileContent = res.data.data;
+ }
+ );
+ },
+ getHistory(id) { //鏌ョ湅鍘嗗彶璁板綍
+ this.loading = true;
+ axios({
+ url: '/blade-mdm/program/node/history-by-nodeid',
+ method: 'get',
+ params: {id},
+ }).then(
+ res => {
+ this.loading = false;
+ this.tabsForm4 = res.data.data;
+ }
+ );
+ },
+ comparison() { //瀵规瘮
+ this.loading = true;
+ axios({
+ url: '/blade-mdm/program/node/compare-content',
+ method: 'get',
+ params: {id1:this.selectionList[0].id,id2:this.selectionList[1].id},
+ }).then(
+ res => {
+ this.loading = false;
+ this.content1 = res.data.data.content1;
+ this.content2 = res.data.data.content2;
+ this.codeDiffFileName1 = this.selectionList[0].versionNumber;
+ this.codeDiffFileName2 = this.selectionList[1].versionNumber;
+ this.diffBox = true;
+ }
+ );
+ },
+ selectionChange(list) {
+ this.selectionList = list;
},
showEdit(row,done) {
this.modalTitle = "淇敼";
@@ -169,29 +956,47 @@
this.modalForm = row;
},
showDel(row) {
- //璋冪敤鎺ュ彛
- this.loading = true;
- axios({
- url: '/blade-mdm/program/node/remove',
- method: 'post',
- params: {id: row.id},
- }).then(
- res => {
- this.loading = false;
- this.$refs.crud.rowDel(row);
- }
- );
+ this.$confirm('灏嗕細鍒犻櫎璇ヨ妭鐐瑰強鍏跺瓙鑺傜偣锛屾槸鍚︾‘璁ゅ垹闄�?', {
+ confirmButtonText: '鏄�',
+ cancelButtonText: '鍚�',
+ type: 'warning',
+ }).then(() => {
+ //璋冪敤鎺ュ彛
+ this.loading = true;
+ axios({
+ url: '/blade-mdm/program/node/remove',
+ method: 'post',
+ params: {id: row.id},
+ }).then(
+ res => {
+ this.loading = false;
+ this.addLocalTreeNode(row.parentId);
+ }
+ );
+ })
},
showAdd (row) { //鏂板瀛愯妭鐐�
- if(row.nodeType == 70) {
- return;
+ if(!row) {
+ this.modalTitle = "鏂板鏍硅妭鐐�";
+ this.modalForm.nodeType = this.nodeTypeList[0].dictKey;
+ this.modalForm.parentId = 0;
+ }else {
+ if(row.nodeType == 60) { //绋嬪簭鍖�
+ return;
+ }
+ var defalutNodeType = ""; //涓嬩竴绾ц妭鐐圭被鍨�
+ for(var i=0;i<this.nodeTypeList.length;i++) {
+ if(row.nodeType == this.nodeTypeList[i].dictKey) {
+ defalutNodeType = this.nodeTypeList[i+1].dictKey;
+ }
+ }
+ this.modalTitle = "鏂板瀛愯妭鐐�";
+ this.selectedColumn.nodeType = defalutNodeType;
+ this.selectedColumn.parentId = row.id;
+ this.selectedColumn.name = "";
+ this.selectedColumn.id = "";
+ this.modalForm = this.selectedColumn;
}
- this.modalTitle = "鏂板瀛愯妭鐐�";
- this.selectedColumn.nodeType = String(Number(row.nodeType) + 10);
- this.selectedColumn.parentId = row.id;
- this.selectedColumn.name = "";
- this.selectedColumn.id = "";
- this.modalForm = this.selectedColumn;
this.modalBox = true;
},
modalSubmit(row,done) { //鏂板瀛愯妭鐐逛繚瀛�/淇敼
@@ -212,36 +1017,47 @@
this.modalBox = false;
// 淇敼锛屾洿鏂版湰鍦版暟鎹�
if (this.modalTitle === "淇敼") {
- this.updateLocalTreeNode(this.modalForm);
+ this.addLocalTreeNode(row.parentId);
+ }else {
+ // 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
+ //this.$refs.crud.refreshTable();
+ //this.onLoad();
+ //鏂板锛屾洿鏂版湰鍦版暟鎹�
+ this.addLocalTreeNode(row.parentId);
}
this.loading = false;
done(row);
- // 濡傛灉鏄柊澧炴搷浣滐紝鍙兘闇�瑕侀噸鏂板姞杞芥暟鎹�
- // this.$refs.crud.refresh();
- // this.$refs.crud.refreshTable();
}
);
},
- 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;
+ addLocalTreeNode(parentId) {
+ if(this.modalTitle == "鏂板鏍硅妭鐐�") {
+ this.onLoad();
+ return;
+ }
+ this.loading = true;
+ var obj = {parentId: parentId}
+ axios({
+ url: '/blade-mdm/program/node/lazy-list',
+ method: 'get',
+ params: obj,
+ }).then(
+ res => {
+ var children = res.data.data || [];
+ if(parentId == 0) {
+ this.treeData = [...children];
+ }else {
+ this.$refs.crud.$refs.table.store.states.lazyTreeNodeMap.value[parentId] = [...children];
}
- if (Array.isArray(nodes[i].children) && nodes[i].children.length > 0) {
- if (updateNode(nodes[i].children)) {
- return true;
- }
- }
+ this.loading = false;
}
- return false;
- };
- updateNode(this.data);
+ );
},
modalCancel() {
this.modalBox = false;
+ },
+ uploadmodalCancel() {
+ this.uploadmodalBox = false;
},
treeLoad (tree, treeNode, resolve) {
this.loading = true;
@@ -252,8 +1068,8 @@
params: obj,
}).then(
res => {
- resolve(res.data.data);
this.loading = false;
+ resolve(res.data.data);
}
);
},
@@ -275,34 +1091,80 @@
params: obj,
}).then(
res => {
- this.data = res.data.data;
this.loading = false;
+ this.treeData = res.data.data;
+ if(this.treeData.length == 0) {
+ return;
+ }
+ this.tabsForm = res.data.data[0]; //鑺傜偣淇℃伅
+ this.nodeTypeList.forEach(item=> {
+ if(item.dictKey == this.treeData[0].nodeType) {
+ this.tabsForm.nodeTypeName = item.dictValue;
+ }
+ })
}
);
- // this.data = [{
- // id: this.parentId,
- // parentId: this.parentId,
- // date: '2016-05-02',
- // name: '鐜嬪皬铏�',
- // address: 'hhh',
- // hasChildren: true
- // },
- // {
- // id: 7,
- // parentId: 7,
- // date: '2016-05-02',
- // name: '鐜嬪皬铏�',
- // address: 'hhh',
- // hasChildren: false
- // }]
- // this.loading = false;
}
},
+ mounted() {
+ this.tabsOption = this.tabsOption1;
+ //鑾峰彇nodetype
+ axios({url: '/blade-system/dict-biz/dictionary?code=nc_node_type',method: 'get'}).then(res => {
+ this.nodeTypeList = res.data.data;
+ }
+ );
+ //鍒ゆ柇鐗堟湰 0:娑夊瘑缃戯紝1:宸ユ帶缃戯紱//宸ユ帶缃�5涓紝娑夊瘑缃�4涓� ,宸ユ帶缃戝彇娑�
+ // axios({url: '/blade-mdm/system/param/getValue?paramKey=networkType',method: 'get'}).then(res => {
+ // if(res.data.data === "0") {
+ // this.isSM = true;
+ // }
+ // }
+ // );
+ }
};
</script>
<style lang="scss">
-.el-form-item__label {
- width: 120px!important;
+.delFile {
+ color: red;
+ margin-left: 12px;
+ cursor: pointer;
}
+.fileListStyle {
+ margin-left: 10px;
+ margin-top: 12px;
+}
+.highlight-row {
+ background-color: #f0f7ff !important; /* 娴呰摑鑹茶儗鏅� */
+ font-weight: bold; /* 鍔犵矖鏂囧瓧 */
+}
+
+/* 濡傛灉闇�瑕佹偓鍋滄晥鏋� */
+.highlight-row:hover {
+ background-color: #e6f0ff !important;
+}
+.approve-box {
+ display: flex;
+
+ &>div {
+ border: 1px solid #ccc;
+ }
+
+ .left {
+ width: 400px;
+ }
+
+ .right {
+ flex: 1;
+ }
+}
+</style>
+<style>
+ .highlight-row {
+ background-color: #f0f7ff;
+ font-weight: bold;
+ }
+ .code-box .el-drawer__header {
+ margin-bottom: 0;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3