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 | 679 +++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 551 insertions(+), 128 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 3b6bc1f..0d9a11f 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -13,24 +13,205 @@
@refresh-change="refreshChange"
@on-load="onLoad"
@tree-load="treeLoad"
- @row-save="rowSave"
- @row-update="rowUpdate"
- @row-del="rowDel"
+ @row-click="rowClick"
>
- <template #menu="{row, size}">
- <el-button :size="size"
- text
- type="primary"
- @click="handleAdd(row)">鏂板瀛愮骇</el-button>
+ <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 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 == 70 && !isSM" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="涓嬪彂" title="涓嬪彂"></el-button>
</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'">
+ {{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>
<script>
+
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: [{
+ 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'
+ }]
+ },
+ 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: '鑺傜偣绫诲瀷',
+ 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: "",
id: "",
parentId:1,
search: {
@@ -44,154 +225,403 @@
total: 0,
},
option: {
+ rowKey: "id",
+ treeProps: {
+ children: "children",
+ hasChildren: 'hasChildren',
+ },
lazy: true,
rowKey: 'id',
addBtn: false,
- // editBtn: false,
- // delBtn: false,
- // labelWidth: 120,
- // emptyBtn: false,
- // searchSpan: 8,
+ editBtn: false,
+ delBtn: false,
fit: true,
+ menu: false,
column: [
{
label: '鐩綍',
prop: 'name',
- width: '200',
- display: false
+ width: '360'
},
{
label: '鐗堟湰',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '鐗堟',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '鎻忚堪',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '绫诲瀷',
- prop: 'nodeType',
- display: false
+ prop: 'nodeTypeName'
},
{
label: '璁惧',
- prop: '',
- display: false
+ prop: 'machineCode'
},
{
label: '鍥哄寲鐘舵��',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '閿佸畾鐘舵��',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '娴佺▼鐘舵��',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '娴嬭瘯绋嬪簭',
- prop: '',
- display: false
+ prop: 'abc'
},
{
label: '鍒涘缓浜�',
- prop: 'createUser',
- display: false
- },
+ prop: 'createUserName',
+ width: '180'
+ }
+ ],
+ },
+ data: [],
+ upData: []
+ };
+ },
+ computed: {
+ uploadmodalOption() {
+ return {
+ submitText: "淇濆瓨",
+ emptyText: "鍙栨秷",
+ menuPosition: "right",
+ column: [
{
label: '鑺傜偣绫诲瀷',
- prop: 'modalSelect',
+ prop: 'nodeType',
+ labelWidth: "120",
type: 'select',
dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
props: {
label: 'dictValue',
value: 'dictKey',
},
- hide: true
+ disabled: true
},
{
- label: '璁惧锛堟満搴婏級',
- prop: '',
- hide: 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',
- hide: true
+ label: '闆剁粍浠跺彿/鍥惧彿',
+ prop: 'drawingNo',
+ labelWidth: "120"
},
{
- label: '鑺傜偣鎻忚堪',
- prop: '',
- hide: true
+ label: '宸ュ簭',
+ prop: 'processName',
+ labelWidth: "120"
},
{
- label: '鍏ㄨ矾寰�',
- prop: '',
- hide: true,
- span: 24
+ label: '宸ュ簭鐗堟湰',
+ prop: 'processEdition',
+ labelWidth: "120"
+ },
+ {
+ label: '鑺傜偣鍒嗙被',
+ prop: 'category',
+ labelWidth: "120",
+ type: 'select',
+ dicUrl: '/blade-system/dict-biz/dictionary?code=node_file_type',
+ props: {
+ label: 'dictValue',
+ value: 'dictKey',
+ }
+ },
+ {
+ 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",
- hide: true,
+ labelWidth: "120",
span: 24
}
- ],
- },
- data: [],
- };
+ ]
+ }
+ }
+ },
+ watch: {
+ uploadmodalBox(old) {
+ //this.onLoad();
+ }
},
methods: {
- rowDel (row, index, done) {
- // alert(1);
- // done(row);
+ 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);
+ }
+ );
},
- rowSave(row, done) { //鏂板瀛愯妭鐐�
- console.log(row,123)
- // row.parentId = 1;
- // row.id = 9;
- // console.log(row,11)
- // done(row);
+ upgradeCancel() {
+ this.upgradeModal = false;
},
- rowUpdate (row, index, done) {
- //alert(3);
- //done(row);
+ 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('鎿嶄綔鎴愬姛');
+ }
+ );
},
- handleAdd (row) { //鏂板瀛愯妭鐐�
+ 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);
+ 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;
this.id = row.id;
- this.$refs.crud.rowAdd();
+ 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.$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.fileList = res.data.data;
+ 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;
+ }
+ );
+ },
+ 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 = "10";
+ this.modalForm.parentId = 0;
+ }else {
+ if(row.nodeType == 60) {
+ return;
+ }
+ 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) { //鏂板瀛愯妭鐐逛繚瀛�/淇敼
+ 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.data = [...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) {
- // setTimeout(() => {
- // this.parentId += 1;
- // var hasChildren = true;
- // if(this.parentId == 6) {
- // this.$message.error("鍒板ご浜�");
- // hasChildren = false;
- // }
- // resolve([{
- // id: this.parentId,
- // parentId: this.parentId,
- // date: '2016-05-01',
- // name: '鐜嬪皬铏�',
- // address: '鏂板',
- // hasChildren: hasChildren
- // }]);
- // console.log(tree,111)
- // }, 100);
this.loading = true;
var obj = {parentId: tree.id}
axios({
@@ -200,30 +630,10 @@
params: obj,
}).then(
res => {
- resolve(res.data.data);
this.loading = false;
+ resolve(res.data.data);
}
);
- // 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;
- },
- handleEdit(row,index) {
-
},
currentChange(current) {
this.mypage.current = current;
@@ -243,34 +653,47 @@
params: obj,
}).then(
res => {
- this.data = res.data.data;
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.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;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3