<!--
|
* @Date: 2024-05-20 21:43:10
|
* @LastEditors: Sneed
|
* @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-main style="height: 100%;">
|
<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" :http-request="request">
|
<el-button type="primary">上传文件</el-button>
|
</el-upload>
|
<el-button style="margin-left: 8px;margin-right: auto;" type="danger" plain
|
:disabled="selection.length == 0" @click="del(selection)">删除</el-button>
|
</el-header>
|
<el-main>
|
<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="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="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="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-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>
|
</scTable>
|
</el-main>
|
</el-container>
|
</el-card>
|
</el-main>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
selection: [],
|
params: {},
|
apiObj: {
|
get: async (data) => {
|
let params = {
|
...data,
|
...this.params
|
}
|
return await this.$HTTP.get(`/api/blade-dnc/dnc-factory-file/page`, {}, { params }).then(res => {
|
return res
|
})
|
}
|
},
|
}
|
},
|
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()
|
})
|
},
|
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()
|
})
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped></style>
|
