<template>
|
<basic-container>
|
<div class="norightmenu" v-if="!isSearch">
|
<avue-crud :addBtn="false" :option="option" :table-loading="loading" :data="treeData" ref="crud"
|
v-model:search="search" v-model:page="mypage" @current-change="currentChange" @size-change="sizeChange"
|
@refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" @row-click="rowClick">
|
<template #search>
|
<el-row :gutter="24">
|
<el-col :span="6" class="search-data-flex">
|
<span class="search-data-title w68">程序状态:</span>
|
<el-checkbox-group v-model="searchTreeData.programStatus" class="marginR12">
|
<el-checkbox value="1" label="试切" />
|
<el-checkbox value="2" label="固化" />
|
<el-checkbox value="3" label="偏离" />
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="6" class="search-data-flex">
|
<span class="search-data-title">零组件号:</span>
|
<el-select v-model="searchTreeData.drawingNo" filterable remote reserve-keyword placeholder="输入至少3个字符过滤数据"
|
:remote-method="remoteMethod" :loading="searchLoading">
|
<el-option v-for="item in drawingNoList" :key="item.value" :label="item.label"
|
:value="item.value" /></el-select>
|
</el-col>
|
<el-col :span="8" class="search-data-flex">
|
<span class="search-data-title">时间范围:</span>
|
<el-date-picker v-model="searchTreeData.createTime" type="daterange" start-placeholder="开始时间"
|
end-placeholder="结束时间" :size="size" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
|
@change="createTimeChange" /><!--:disabled-date="disabledDate" 不需要禁用日期-->
|
</el-col>
|
<el-col :span="4" class="search-data-flex">
|
<el-button type="primary" @click="searchTree" :loading="treeSearchLoad"><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 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" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="升版" title="升版"></el-button> -->
|
<!-- 工控网才有 -->
|
<!-- <el-button :size="size" text v-if="row.nodeType == 70" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="下发" title="下发"></el-button> -->
|
|
<!-- 替换 v-if="permission.auto_dispatch"-->
|
<el-button :size="size" text v-if="row.nodeType == 60 && row.parentIds.indexOf('0,1,') > -1"
|
icon="el-icon-switch" type="primary" @click="replacement(row)" placeholder="替换" title="替换"></el-button>
|
<el-button :size="size" text
|
v-if="permission.lock_button && row.nodeType == 60 && row.parentIds.indexOf('0,2') > -1 && row.isLocked != 1"
|
icon="el-icon-lock" type="primary" @click="showLockDlg(row)" placeholder="锁定" title="锁定"></el-button>
|
<el-button :size="size" text
|
v-if="permission.lock_button && row.nodeType == 60 && row.parentIds.indexOf('0,2') > -1 && row.isLocked == 1"
|
icon="el-icon-unlock" type="primary" @click="startUnlock(row)" placeholder="解锁" title="解锁"></el-button>
|
</template>
|
</avue-crud>
|
</div>
|
<div class="norightmenu" v-else>
|
<avue-crud :addBtn="false" :option="option" :table-loading="loading" :data="treeData" ref="crud"
|
v-model:search="search" v-model:page="mypage" @current-change="currentChange" @size-change="sizeChange"
|
@refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" @row-click="rowClick">
|
<template #search>
|
<el-row :gutter="24">
|
<el-col :span="6" class="search-data-flex">
|
<span class="search-data-title w68">程序状态:</span>
|
<el-checkbox-group v-model="searchTreeData.programStatus" class="marginR12">
|
<el-checkbox value="1" label="试切" />
|
<el-checkbox value="2" label="固化" />
|
<el-checkbox value="3" label="偏离" />
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="4" class="search-data-flex">
|
<span class="search-data-title">零组件号:</span>
|
<el-select v-model="searchTreeData.drawingNo" filterable remote reserve-keyword placeholder="零组件号"
|
:remote-method="remoteMethod" :loading="searchLoading">
|
<el-option v-for="item in drawingNoList" :key="item.value" :label="item.label"
|
:value="item.value" /></el-select>
|
</el-col>
|
<el-col :span="8" class="search-data-flex">
|
<span class="search-data-title">时间范围:</span>
|
<el-date-picker v-model="searchTreeData.createTime" type="daterange" start-placeholder="开始时间"
|
end-placeholder="结束时间" :size="size" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
|
@change="createTimeChange" /><!--:disabled-date="disabledDate" 不需要禁用日期-->
|
</el-col>
|
<el-col :span="6" class="search-data-flex">
|
<el-button type="primary" @click="searchTree" :loading="treeSearchLoad"><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>
|
|
<!-- 替换 v-if="permission.auto_dispatch"-->
|
<el-button :size="size" text v-if="row.nodeType == 60 && row.parentIds.indexOf('0,1,') > -1"
|
icon="el-icon-switch" type="primary" @click="replacement(row)" placeholder="替换" title="替换"></el-button>
|
<el-button :size="size" text
|
v-if="permission.lock_button && row.nodeType == 60 && row.parentIds.indexOf('0,2') > -1 && row.isLocked != 1"
|
icon="el-icon-lock" type="primary" @click="showLockDlg(row)" placeholder="锁定" title="锁定"></el-button>
|
<el-button :size="size" text
|
v-if="permission.lock_button && row.nodeType == 60 && row.parentIds.indexOf('0,2') > -1 && row.isLocked == 1"
|
icon="el-icon-unlock" type="primary" @click="startUnlock(row)" placeholder="解锁" title="解锁"></el-button>
|
</template>
|
</avue-crud>
|
</div>
|
<!-- 新增节点 -->
|
<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>
|
|
<!-- 锁定对话框 -->
|
<el-dialog title="程序锁定" append-to-body v-model="lockBox">
|
<avue-form :option="lockOption" v-model="lockForm" @submit="lockSubmit" @reset-change="lockCancel" />
|
</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)" class="convertToHtml"></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" :replaceDataId="replaceDataId" :drawingNo="drawingNo" :processNo="processNo"
|
:processEdition="processEdition" @selection-change="todoSelectionChange" />
|
</div>
|
<div class="right">
|
<TodolistRightTop :row="row" :name="name" />
|
<avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
|
</div>
|
</div>
|
</el-drawer>
|
</template>
|
|
<script>
|
import debounce from 'lodash/debounce';
|
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 {
|
isSearch: null,
|
treeSearchLoad: false,
|
drawingNoList: [],
|
searchLoading: false,
|
searchTreeData: {
|
programStatus: [],
|
drawingNo: "",
|
createTime: [],
|
createTimeBegin: "",
|
createTimeEnd: ""
|
},
|
drawingNo: '',
|
processNo: '',
|
processEdition: '',
|
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) => {
|
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: "",
|
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: {
|
submitText: "保存",
|
emptyText: "取消",
|
menuPosition: "right",
|
column: [
|
{
|
label: '节点类型1',
|
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;
|
}
|
},
|
{
|
label: '节点名称',
|
prop: 'name',
|
labelWidth: "120",
|
},
|
{
|
label: '节点描述',
|
prop: 'description',
|
labelWidth: "120",
|
hide: true
|
},
|
{
|
label: '备注',
|
prop: 'remark',
|
type: "textarea",
|
labelWidth: "120",
|
span: 24
|
}
|
]
|
},
|
modalBox: false,
|
modalTitle: "",
|
|
lockOption: {
|
submitText: "锁定",
|
emptyText: "取消",
|
menuPosition: "right",
|
column: [
|
{
|
label: '程序包名',
|
prop: 'name',
|
disabled:true,
|
labelWidth: "120",
|
},
|
|
{
|
label: '锁定原因',
|
prop: 'remark',
|
type: "textarea",
|
labelWidth: "120",
|
span: 24,
|
rules: [{ required: true, message: '必填', trigger: 'blur' }],
|
}
|
]
|
},
|
lockForm: {},
|
lockBox: false,
|
|
id: "",
|
parentId: 1,
|
loading: true,
|
mypage: {
|
size: 10,
|
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: {},
|
defaultExpandedKeys: [],
|
option: {
|
highlightCurrentRow: true,
|
treeProps: {
|
children: "children",
|
hasChildren: 'hasChildren',
|
value: 'id',
|
label: 'name'
|
},
|
defaultExpandedKeys: [],
|
defaultExpandAll: false,
|
lazy: true,
|
rowKey: 'id',
|
addBtn: false,
|
editBtn: false,
|
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: '360'
|
},
|
{
|
label: '版本',
|
prop: 'versionNumber',
|
formatter: (val, value, label) => {
|
if (val.nodeType == '60') {
|
if (value == -1) {
|
return '';
|
} else {
|
return value;
|
}
|
} else {
|
return '';
|
}
|
}
|
},
|
{
|
label: '类型',
|
prop: 'nodeTypeName'
|
},/*
|
{
|
label: '设备',
|
prop: 'machineCode'
|
},
|
*/
|
{
|
label: '锁定状态',
|
prop: 'isLocked',
|
formatter: (val, value, label) => {
|
if (val.nodeType == '60') {
|
if (value == 1) {
|
return '已锁定';
|
} else {
|
return '未锁定';
|
}
|
}
|
}
|
|
},
|
{
|
label: '流程状态',
|
prop: 'flowStatus',
|
formatter: (val, value, label) => {
|
if (val.nodeType != '60') {
|
//非程序节点
|
return '';
|
} else {
|
if (value == 0 || value == -1) {
|
return '未启动';
|
} else if (value == 1) {
|
return '审批中';
|
} else if (value == 2) {
|
return '已通过';
|
} else {
|
return '';
|
}
|
}
|
},
|
},
|
{
|
label: '创建人',
|
prop: 'createUserName',
|
width: '180'
|
},
|
{
|
label: '创建时间',
|
prop: 'createTime',
|
width: '180'
|
}
|
],
|
},
|
treeData: [],
|
upData: []
|
};
|
},
|
computed: {
|
...mapGetters(['userInfo', 'permission']),
|
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: {
|
disabledDate(time) {
|
//不需要禁用日期
|
// 获取当前日期
|
const today = new Date();
|
today.setHours(0, 0, 0, 0); // 设置为当天开始时间
|
|
// 获取三个月前的日期
|
const threeMonthsAgo = new Date();
|
threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3);
|
threeMonthsAgo.setHours(0, 0, 0, 0);
|
|
// 禁用今天之后的日期 即可
|
return time.getTime() > today.getTime() || time.getTime() < threeMonthsAgo.getTime();//
|
},
|
createTimeChange(value) {
|
console.log('createTimeChange', value)
|
this.searchTreeData.createTimeBegin = value[0];
|
this.searchTreeData.createTimeEnd = value[1];
|
},
|
remoteMethod(query) {
|
if (query && query.length>2) {
|
this.searchLoading = true;
|
this.getRemote(query);
|
/*
|
axios({
|
url: '/blade-mdm/program/node/drawing-no-pick',
|
method: 'get',
|
params: { drawingNo: query }
|
}).then(resp => {
|
this.searchLoading = false;
|
var drawingNoList = [];
|
resp.data.data.forEach(item => {
|
drawingNoList.push({ label: item, value: item })
|
})
|
this.drawingNoList = drawingNoList;
|
});
|
*/
|
} else {
|
this.drawingNoList = [];
|
}
|
},
|
getRemote: debounce(function(query){
|
//防抖，这里设置600毫秒请求一次后台
|
this.getList(query)
|
},600),
|
async getList(query){
|
this.searchLoading = false;
|
axios({
|
url: '/blade-mdm/program/node/drawing-no-pick',
|
method: 'get',
|
params: { drawingNo: query }
|
}).then(resp => {
|
this.searchLoading = false;
|
var drawingNoList = [];
|
resp.data.data.forEach(item => {
|
drawingNoList.push({ label: item, value: item })
|
})
|
this.drawingNoList = drawingNoList;
|
});
|
},
|
showLockDlg(row){
|
this.lockForm = row;
|
//this.lockForm.name = row.name;
|
// this.lockForm.id = row.id;
|
this.lockForm.remark = '';
|
this.lockBox = true;
|
},
|
lockCancel() {
|
this.lockBox = false;
|
this.lockForm = {};
|
},
|
lockSubmit() {
|
//锁定提交
|
this.$confirm('是否锁定', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
}).then(() => {
|
axios({
|
url: '/blade-mdm/program/node/lock',
|
method: 'post',
|
params: this.lockForm
|
}).then(res => {
|
if (res.data.code == 200) {
|
this.$message({ type: 'success', message: '操作成功!' });
|
this.addLocalTreeNode(this.lockForm.parentId);
|
this.lockBox = false;
|
} else {
|
this.$message({ type: 'success', message: res.data.msg });
|
}
|
});
|
}).catch(action => {
|
console.log('cancel')
|
});
|
},
|
startUnlock(row) {
|
//启动解锁流程
|
this.$confirm(`是否解锁`, {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
}).then(() => {
|
axios({
|
url: '/blade-mdm/flow/lock/start-unlock',
|
method: 'post',
|
params: {nodeId: row.id }
|
}).then(res => {
|
if (res.data.code == 200) {
|
this.$message({ type: 'success', message: '解锁流程已启动!' });
|
this.addLocalTreeNode(row.parentId);
|
} else {
|
this.$message({ type: 'success', message: res.data.msg });
|
}
|
});
|
}).catch(action => {
|
console.log('cancel')
|
});
|
},
|
handleSubmit(form, done) {
|
//发起程序替换流程
|
var obj = {
|
title: this.formApprove.title,
|
nodeId: this.id,
|
tempInstanceId: this.replaceDataId,
|
comment: this.formApprove.comment,
|
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;
|
}).catch(error => {
|
window.console.log('haha', error);
|
done();
|
});
|
// 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);
|
// });
|
},
|
todoSelectionChange(applist) {
|
this.applist = applist;
|
},
|
showReplaceDlg(row) { //替换对话框
|
|
if (row.nodeType == 60) { //程序包
|
return;
|
}
|
//111
|
this.modalTitle = "新增子节点";
|
this.selectedColumn.parentId = row.id;
|
this.modalForm = this.selectedColumn;
|
|
this.modalBox = true;
|
},
|
replacement(row) { //替换
|
this.id = row.id;
|
this.formApprove = {
|
comment: '',
|
approve: 'Y', // 默认同
|
}
|
//准备程序替换流程
|
axios({
|
url: '/blade-mdm/flow/replace/pre',
|
method: 'post',
|
params: { nodeId: row.id }
|
}).then(resp => {
|
this.row = row;
|
this.replaceDataId = resp.data.data.processInstanceId;
|
this.processNo = resp.data.data.processNo;
|
this.processEdition = resp.data.data.processEdition;
|
this.drawingNo = resp.data.data.drawingNo;
|
this.formApprove.title = resp.data.data.name + "替换";
|
this.getHandler(); //获取处理人
|
this.todolistModel = true;
|
});
|
},
|
getHandler() { //获取处理人
|
axios({
|
url: '/blade-mdm/flow/replace/default-assignees',
|
method: 'get',
|
params: { drawingNo: this.drawingNo }
|
}).then(
|
resp => {
|
if (resp.data.code == 200) {
|
this.formApprove.assignee = resp.data.data.checkerId;
|
} else {
|
this.$message.success(resp.msg);
|
}
|
});
|
},
|
convertToHtml(text) {
|
return text.replace(/\n/g, '<br>');
|
},
|
// 递归查找目标行（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.searchTreeData.drawingNo;
|
this.targetRow = this.findTargetRow(this.treeData, targetName);
|
if (this.targetRow && this.$refs.crud) {
|
this.$refs.crud.setCurrentRow(this.targetRow); // 高亮目标行
|
}
|
},
|
removeHasChildren(treeData) { //查询时候使用，删掉hasChildren
|
return treeData.map(node => {
|
if (node.children && node.children.length > 0) {
|
this.defaultExpandedKeys.push(node.id);
|
console.log('>>>>>>>>', this.defaultExpandedKeys)
|
node.children = this.removeHasChildren(node.children);
|
}
|
if (node.children.length > 0) {
|
const { hasChildren, ...rest } = node;
|
return Object.assign(rest, {});
|
} else {
|
return node;
|
}
|
// 删除当前节点的 hasChildren 属性
|
});
|
},
|
searchTree() {
|
if (this.searchTreeData.programStatus.length == 0) return;
|
if (this.searchTreeData.drawingNo == "") return;
|
this.treeSearchLoad = true;
|
this.isSearch = !this.isSearch
|
this.searchTreeData.status = this.searchTreeData.programStatus.join();
|
this.treeData = []
|
this.defaultExpandedKeys = []
|
axios({
|
url: '/blade-mdm/program/node/search-list2',
|
method: 'get',
|
params: this.searchTreeData
|
}).then(res => {
|
|
if (res.data.data.length == 0) {
|
this.treeData = [];
|
this.treeSearchLoad = false;
|
return
|
};
|
// this.option.defaultExpandAll = true;
|
let treeData = this.removeHasChildren(res.data.data);
|
console.log('treeData', treeData)
|
this.option = Object.assign({},this.option,{defaultExpandedKeys: this.defaultExpandedKeys,lazy: true,defaultExpandAll: true});
|
setTimeout(() => {
|
this.treeSearchLoad = false;
|
this.treeData = treeData;
|
this.$nextTick(() => {
|
this.highlightTargetRow(); // 设置当前行高亮
|
this.tabsForm = this.targetRow; //tabs节点信息
|
if (this.tabsForm == null) return;
|
this.nodeTypeList.forEach(item => {
|
if (item.dictKey == this.tabsForm.nodeType) {
|
this.tabsForm.nodeTypeName = item.dictValue;
|
}
|
})
|
})
|
if (this.treeData.length == 0) {
|
return;
|
}
|
}, 100);
|
|
});
|
|
},
|
setClearTree() {
|
this.option.defaultExpandAll = false;
|
this.searchTreeData = {
|
programStatus: [],
|
status: '',
|
drawingNo: "",
|
createTime: [],
|
createTimeBegin: "",
|
createTimeEnd: ""
|
};
|
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 = "修改";
|
this.modalBox = true;
|
this.modalForm = row;
|
},
|
showDel(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) {
|
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.modalBox = true;
|
},
|
modalSubmit(row, done) { //新增子节点保存/修改
|
if (this.modalTitle == "修改") {
|
var url = "/blade-mdm/program/node/update";
|
} else {
|
var url = "/blade-mdm/program/node/save";
|
}
|
//调用接口
|
this.loading = true;
|
axios({
|
url,
|
method: 'post',
|
data: this.modalForm,
|
}).then(
|
res => {
|
this.$message.success('操作成功');
|
this.modalBox = false;
|
// 修改，更新本地数据
|
if (this.modalTitle === "修改") {
|
this.addLocalTreeNode(row.parentId);
|
} else {
|
// 如果是新增操作，可能需要重新加载数据
|
//this.$refs.crud.refreshTable();
|
//this.onLoad();
|
//新增，更新本地数据
|
this.addLocalTreeNode(row.parentId);
|
}
|
this.loading = false;
|
done(row);
|
}
|
);
|
},
|
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];
|
}
|
this.loading = false;
|
}
|
);
|
},
|
modalCancel() {
|
this.modalBox = false;
|
},
|
uploadmodalCancel() {
|
this.uploadmodalBox = false;
|
},
|
treeLoad(tree, treeNode, resolve) {
|
console.log('tree', tree, treeNode, this.option)
|
this.loading = true;
|
var obj = { parentId: tree.id }
|
|
axios({
|
url: '/blade-mdm/program/node/lazy-list',
|
method: 'get',
|
params: obj,
|
}).then(
|
res => {
|
this.loading = false;
|
resolve(res.data.data);
|
}
|
);
|
},
|
currentChange(current) {
|
this.mypage.current = current;
|
},
|
sizeChange(size) {
|
this.mypage.size = size;
|
},
|
refreshChange() {
|
|
},
|
onLoad() { //查询treeTable
|
if(this.isSearch !== null){
|
return
|
}
|
this.loading = true;
|
var obj = { parentId: "" }
|
|
axios({
|
url: '/blade-mdm/program/node/lazy-list',
|
method: 'get',
|
params: obj,
|
}).then(
|
res => {
|
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;
|
}
|
})
|
}
|
);
|
},
|
getPre() {
|
alert(1)
|
},
|
subtractMonths(date, months) {
|
const newDate = new Date(date);
|
const currentMonth = newDate.getMonth();
|
newDate.setMonth(currentMonth - months);
|
return newDate;
|
},
|
getBeginDate() {
|
var beginDate = this.subtractMonths(new Date(), 3);
|
return `${beginDate.getFullYear()}-${(beginDate.getMonth() + 1).toString().padStart(2, '0')}-${beginDate.getDate().toString().padStart(2, '0')}`;
|
},
|
getToday() {
|
let today = new Date();
|
return `${today.getFullYear()}-${(today.getMonth() + 1).toString().padStart(2, '0')}-${today.getDate().toString().padStart(2, '0')}`;
|
|
},
|
},
|
mounted() {
|
let b = this.getBeginDate()
|
//this.defaultTimeRange = [b,this.getToday()];
|
let defTimeRange = [b, this.getToday()];
|
this.searchTreeData.createTime = defTimeRange
|
this.createTimeChange(defTimeRange)
|
|
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;
|
}
|
);
|
}
|
};
|
</script>
|
|
<style lang="scss">
|
.norightmenu .avue-crud .avue-crud__header {
|
display: none !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;
|
}
|
}
|
|
.convertToHtml {
|
background-color: #fffee1;
|
padding: 6px 12px;
|
}
|
</style>
|
<style>
|
.highlight-row {
|
background-color: #f0f7ff;
|
font-weight: bold;
|
}
|
|
.code-box .el-drawer__header {
|
margin-bottom: 0;
|
}
|
|
.search-data-title {
|
font-size: 12px;
|
margin-right: 8px;
|
display: inline-block;
|
width: 95px;
|
}
|
|
.search-data-flex {
|
display: flex !important;
|
align-items: center;
|
}
|
|
.w68 {
|
width: 68px;
|
}
|
|
.marginR12 label {
|
margin-right: 12px;
|
}
|
</style>
|
