| | |
| | | <!-- |
| | | * @Date: 2024-05-20 21:43:10 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-05-20 21:57:06 |
| | | * @LastEditTime: 2024-06-16 15:52:44 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/factory-file/index.vue |
| | | --> |
| | | <template> |
| | |
| | | <el-card shadow="never" style="height: 100%;" body-style="height: 100%"> |
| | | <el-container> |
| | | <el-header> |
| | | <el-upload style="margin-left: 8px;" :show-file-list="false" class="upload" |
| | | action="/api/blade-resource/oss/endpoint/put-file"> |
| | | <el-upload style="margin-left: 8px;" :show-file-list="false" class="upload" :http-request="request"> |
| | | <el-button type="primary">上传文件</el-button> |
| | | </el-upload> |
| | | <el-button style="margin-left: 8px;margin-right: auto;" type="danger" plain |
| | |
| | | <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick" ref="table" |
| | | :params="params" :apiObj="apiObj" @selection-change="selectionChange" stripe> |
| | | <el-table-column type="selection" width="50"></el-table-column> |
| | | <el-table-column label="文件名称" prop="name"> |
| | | <!-- <template #default="scope"> |
| | | <el-icon style="margin-right: 4px;"> |
| | | <el-icon-folder v-if="scope.row.fileType === 1" /> |
| | | <el-icon-document v-else /> |
| | | </el-icon> |
| | | <a v-if="scope.row.fileType === 1" @click="goCurrent(scope.row)" |
| | | style="color: var(--el-color-primary);cursor: pointer;">{{ scope.row.name }}</a> |
| | | <a v-else @click="viewHis(scope.row)" |
| | | style="color: var(--el-color-primary);cursor: pointer;">{{ scope.row.name }}</a> |
| | | </template> --> |
| | | <el-table-column label="文件名称" prop="filename"> |
| | | <template #default="scope"> |
| | | <a @click="goCurrent(scope.row)" |
| | | style="color: var(--el-color-primary);cursor: pointer;">{{ scope.row.filename }}</a> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="版本" prop="allPathName"></el-table-column> |
| | | <el-table-column label="版本" prop="versionDesc"></el-table-column> |
| | | <el-table-column label="文件大小" prop="contentLength"></el-table-column> |
| | | <el-table-column label="文件类型" prop="suffix"></el-table-column> |
| | | <el-table-column label="创建人" prop="updateTime"></el-table-column> |
| | | <el-table-column label="创建时间" prop="updateTime"></el-table-column> |
| | | <el-table-column label="创建人" prop="createUserName"></el-table-column> |
| | | <el-table-column label="创建时间" prop="createTime"></el-table-column> |
| | | <el-table-column label="操作" fixed="right" align="right" width="160"> |
| | | <template #default="scope"> |
| | | <el-button-group> |
| | | <el-button text type="primary" size="small" |
| | | @click="table_edit(scope.row, scope.$index)">编辑</el-button> |
| | | <el-button text type="primary" size="small" @click="del([scope.row])">删除</el-button> |
| | | <el-popconfirm width="220" title="确定将选择的数据删除" @confirm="del([scope.row], '0')"> |
| | | <template #reference> |
| | | <el-button text type="primary" size="small">删除</el-button> |
| | | </template> |
| | | </el-popconfirm> |
| | | </el-button-group> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | goCurrent(row) { |
| | | console.log(row) |
| | | window.open(row.link) |
| | | // this.$HTTP.get(row.link) |
| | | }, |
| | | selectionChange(selection) { |
| | | this.selection = selection |
| | | }, |
| | | del(selection) { |
| | | |
| | | this.$HTTP.delete(`/api/blade-dnc/dnc-factory-file/remove`, {}, { data: selection.map(v => v.id) }).then(res => { |
| | | this.$refs.table.reload() |
| | | }) |
| | | }, |
| | | table_edit() { |
| | | |
| | | }, |
| | | rowClick() { |
| | | |
| | | }, |
| | | dataChange() { |
| | | |
| | | request(options) { |
| | | const formData = new FormData() |
| | | formData.append('file', options.file) |
| | | console.log(options) |
| | | this.$HTTP.post(`/api/blade-resource/oss/endpoint/put-file`, formData).then(res => { |
| | | this.$HTTP.post(`/api/blade-dnc/dnc-factory-file/insert`, { |
| | | contentLength: options.file.size, |
| | | contentType: options.file.type, |
| | | filename: options.file.name, |
| | | link: res.data.link, |
| | | objectKey: res.data.name, |
| | | originalFilename: options.file.name, |
| | | suffix: res.data.originalName.split('.').pop(), |
| | | }).then(res => { |
| | | this.$refs.table.reload() |
| | | }) |
| | | }) |
| | | } |
| | | } |
| | | } |