From 7acbfc9ec91fc7cc6f0f57541331900165311bf5 Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期三, 06 八月 2025 20:18:32 +0800
Subject: [PATCH] update
---
src/views/flow/components/TodolistLeft.vue | 118 +++++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 91 insertions(+), 27 deletions(-)
diff --git a/src/views/flow/components/TodolistLeft.vue b/src/views/flow/components/TodolistLeft.vue
index cccd3a0..171c421 100644
--- a/src/views/flow/components/TodolistLeft.vue
+++ b/src/views/flow/components/TodolistLeft.vue
@@ -1,22 +1,24 @@
<!--
* @Date: 2025-07-01 20:45:15
* @LastEditors: gaoshp
- * @LastEditTime: 2025-07-07 19:41:56
+ * @LastEditTime: 2025-08-06 20:16:01
* @FilePath: /mdmweb/src/views/flow/components/TodolistLeft.vue
-->
<template>
<basic-container>
- <div class="tool" v-show="row.taskDefinitionKey === 'programmingTask'">
- <el-button type="primary" @click="addApp">娣诲姞绋嬪簭</el-button>
+ <div class="tool" v-show="['programmingTask','cureProgramTask'].includes(row.taskDefinitionKey)">
+ <avue-form :option="attOption"
+ v-model="attForm"
+ :upload-after="uploadAfter" class="att-box"></avue-form>
</div>
- <el-table :data="tableData" border @row-click="showContent">
- <el-table-column prop="machineCode" label="鍔犲伐鏈哄簥">
- </el-table-column>
+ <el-table :data="tableData" border @row-click="showContent" max-height="200">
+ <!-- <el-table-column prop="machineCode" label="鍔犲伐鏈哄簥">
+ </el-table-column> -->
<el-table-column prop="name" label="绋嬪簭鍚嶇О">
</el-table-column>
- <el-table-column fixed="right" label="鎿嶄綔" width="100">
- <template #default="scope" v-show="row.taskDefinitionKey === 'programmingTask'">
- <el-button type="text" size="small" @click.stop="del(scope.$index,scope.row)">鍒犻櫎</el-button>
+ <el-table-column fixed="right" label="鎿嶄綔" width="60" align="center">
+ <template #default="scope" >
+ <el-button v-show="['programmingTask','cureProgramTask'].includes(row.taskDefinitionKey)" type="text" size="small" @click.stop="del(scope.$index,scope.row)">鍒犻櫎</el-button>
</template>
</el-table-column>
</el-table>
@@ -39,7 +41,7 @@
</template>
<script>
-import { getAppList,getSelectedAppList,getContent } from '@/api/flow/todolist';
+import { getAppList,getSelectedAppList,getContent,removeAtt} from '@/api/flow/todolist';
export default {
props: {
row: {
@@ -48,6 +50,28 @@
},
data() {
return {
+ showContentId: '',
+ attForm: {
+ att: '',
+ }, //绋嬪簭涓婁紶琛ㄥ崟
+ attOption: {
+ submitBtn: false,
+ emptyBtn: false,
+ menu: false,
+ column: [
+ {
+ label: '娣诲姞绋嬪簭',
+ prop: 'att',
+ type: 'upload',
+ multiple: true,
+ action: '/api/blade-mdm/flow/mgr/ncupload',
+ span: 24,
+ data: {
+ processInstanceId: this.row.processInstanceId
+ },
+ }
+ ]
+ }, //绋嬪簭涓婁紶
tableData: [],//宸查�夌▼搴�
appContent: '',//绋嬪簭鍐呭
appDialog: false,
@@ -85,28 +109,42 @@
label: '绋嬪簭鍚嶇О',
prop: 'name',
},
- {
- label: '宸ュ簭鍚嶇О',
- prop: 'processName',
- },
+ // {
+ // label: '宸ュ簭鍚嶇О',
+ // prop: 'processName',
+ // },
],
},
}
},
mounted() {
- console.log(this.row,'row')
- getSelectedAppList(this.row.processInstanceId).then(res => {
- if (res.data.code !== 200) {
- this.$message.error('鑾峰彇宸查�夌▼搴忓け璐�');
- return;
- } else {
- this.appData = res.data
- }
- this.$emit('selection-change',this.tableData)
- })
+ this.getAttList();
this.onLoad(this.page);
},
methods: {
+ uploadAfter(res, done, loading, column) {
+ if (res.code === 200) {
+ this.getAttList();
+ this.$message.success('涓婁紶鎴愬姛');
+ this.attForm.att = '';
+ return done();
+ } else {
+ console.log(res)
+ this.$message.warning(res.msg || '涓婁紶澶辫触');
+ done()
+ }
+ },
+ getAttList () {
+ getSelectedAppList(this.row.processInstanceId).then(res => {
+ if (res.data.code !== 200) {
+ this.$message.error('鑾峰彇宸查�夌▼搴忓け璐�');
+ return;
+ } else {
+ this.tableData = res.data.data || [];
+ }
+ // this.$emit('selection-change',this.tableData)
+ })
+ },
addApp() {
this.appDialog = true;
},
@@ -136,6 +174,8 @@
this.$emit('selection-change',this.tableData)
},
showContent (row, column, event) {
+ if(!row?.id) return this.appContent = '';
+ this.showContentId = row.id
getContent(row.id).then(res => {
if(res.data.code === 200) {
this.appContent = res.data.data
@@ -145,8 +185,18 @@
})
},
del (index,row) {
- this.tableData = this.tableData.filter(item => item.id !== row.id);
- this.$emit('selection-change',this.tableData)
+ if(row.id === this.showContentId) {
+ this.showContentId = '';
+ this.showContent(null, null, null);
+ }
+ removeAtt(row.id).then(res => {
+ if(res.data.code === 200) {
+ this.$message.success('鍒犻櫎鎴愬姛');
+ this.getAttList();
+ } else {
+ this.$message.error('鍒犻櫎澶辫触');
+ }
+ })
}
},
}
@@ -163,7 +213,21 @@
}
.app-content {
background-color: #fffee1;
- padding: 10px;
+ padding: 10px 30px;
min-height: 100px;
+ overflow: auto;
+ max-height: 400px;
+ white-space: pre-wrap;
}
+
+</style>
+<style lang="scss">
+ .att-box {
+ .el-form-item--default {
+ margin-bottom: 0;
+ }
+ .avue-form__menu--center {
+ display: none;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3