| | |
| | | <!-- |
| | | * @Date: 2025-07-01 20:45:15 |
| | | * @LastEditors: gaoshp |
| | | * @LastEditTime: 2025-08-20 21:03:19 |
| | | * @LastEditTime: 2025-08-27 20:40:57 |
| | | * @FilePath: /mdmweb/src/views/flow/components/TodolistLeft.vue |
| | | --> |
| | | <template> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <h4>零组件号: {{row.variables.drawingNo}} 工序号: {{row.variables.processNo }} 工序版次: {{ row.variables.processEdition }}</h4> |
| | | <el-collapse> |
| | | <el-collapse-item title="文件" name="1"> |
| | | <el-table :data="fileData" border @row-click="showContent" max-height="200" highlight-current-row> |
| | | <el-table-column type="index" label="#" width="40" align="center" /> |
| | | <el-table-column prop="name" label="文件名"> |
| | | <template #default="{ row }"> |
| | | <div style="display: flex;align-items: center;"> |
| | | <span>{{ row.name }}</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column fixed="right" label="操作" width="150" align="center"> |
| | | <template #default="scope"> |
| | | <a style="color: blue;cursor: pointer;font-size: 12px;margin-right: 4px;" type="text" size="small" |
| | | @click.stop="downloadFile(scope.$index, scope.row)">下载</a> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | |
| | | <h4>程序内容</h4> |
| | | <div v-html="appContent" class="app-content"> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getAppList, getSelectedAppList, getContent, removeAtt } from '@/api/flow/todolist'; |
| | | import { getAppList,getFileData, getSelectedAppList, getContent, removeAtt } from '@/api/flow/todolist'; |
| | | import { exportBlob } from '@/api/common'; |
| | | import { getToken } from '@/utils/auth'; |
| | | import NProgress from 'nprogress'; |
| | |
| | | }, |
| | | appData: [], |
| | | selectionList: [], |
| | | fileData: [],//已选文件 |
| | | optionApp: { |
| | | menu: false, |
| | | gridBtn: false, |
| | |
| | | }, |
| | | mounted() { |
| | | this.getAttList(); |
| | | this.getFileData(); |
| | | this.onLoad(this.page); |
| | | |
| | | }, |
| | | methods: { |
| | | getFileData () { |
| | | getFileData(this.row.processInstanceId).then(res => { |
| | | if (res.data.code !== 200) { |
| | | this.$message.error(res.data.msg || '获取文件失败'); |
| | | return; |
| | | } else { |
| | | this.fileData = res.data.data || []; |
| | | } |
| | | }) |
| | | }, |
| | | diffFile(index, row) { |
| | | console.log(row) |
| | | axios({ |