|
|
|
@ -1,8 +1,23 @@ |
|
|
|
<template> |
|
|
|
<div class="upload-file"> |
|
|
|
<!-- 上传附件curd --> |
|
|
|
<div class="upload-curd"> |
|
|
|
ddd |
|
|
|
<div class="head-container packing-head"> |
|
|
|
<div class="head-search"> |
|
|
|
<!-- 搜索 --> |
|
|
|
<el-input v-model="query[inputSelect]" clearable size="small" placeholder="请输入" style="width: 245px;" class="input-prepend filter-item" @keyup.enter.native="crud.toQuery"> |
|
|
|
<el-select slot="prepend" v-model="inputSelect" style="width: 90px" @change="querySelect"> |
|
|
|
<el-option |
|
|
|
v-for="item in queryOption" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-input> |
|
|
|
<rrOperation /> |
|
|
|
</div> |
|
|
|
<div class="selct-data-head"> |
|
|
|
<p>数据来源：文件 2条数据</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!--表格渲染--> |
|
|
|
<el-table |
|
|
|
@ -13,56 +28,71 @@ |
|
|
|
@row-click="clickRowHandler" |
|
|
|
@selection-change="selectionChangeHandler" |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
<el-table-column type="index" label="序号" width="55" align="center" /> |
|
|
|
<el-table-column prop="fileName" label="文件名称" min-width="140" align="center" /> |
|
|
|
<el-table-column prop="fileFormat" label="格式" min-width="60" align="center" /> |
|
|
|
<el-table-column prop="fileSize" label="大小" min-width="85" align="center" /> |
|
|
|
<el-table-column prop="fileDpi" label="分辨率" min-width="85" align="center" /> |
|
|
|
<el-table-column prop="fileCover" label="缩览图" min-width="60" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.fileCover"> |
|
|
|
<img width="60px" height="32px" style="object-fit:cover;" :src="scope.row.fileCover" @click="showCoverVisible=true"> |
|
|
|
</div> |
|
|
|
<el-table-column type="index" label="序号" width="80" align="center" /> |
|
|
|
<el-table-column prop="fileName" label="已装" min-width="100" align="center" /> |
|
|
|
<el-table-column prop="fileFormat" label="盒名称" min-width="60" align="center" /> |
|
|
|
<el-table-column prop="fileSize" label="TID" min-width="120" align="center" /> |
|
|
|
<el-table-column prop="fileDpi" label="条形码" min-width="120" align="center" /> |
|
|
|
<el-table-column prop="create_date" label="操作" min-width="100" align="center"> |
|
|
|
<template> |
|
|
|
<el-button class="packing-handle-btn iconfont icon-weibiaoti-2" @click="open">装盒</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="create_date" label="创建时间" min-width="100" align="center" /> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { form } from '@crud/crud' |
|
|
|
import { header, form } from '@crud/crud' |
|
|
|
import rrOperation from '@crud/RR.operation' |
|
|
|
import data from './data.json' |
|
|
|
export default { |
|
|
|
name: 'UploadFile', |
|
|
|
components: {}, |
|
|
|
name: 'Packing', |
|
|
|
components: { rrOperation }, |
|
|
|
mixins: [ |
|
|
|
header(), |
|
|
|
form({}) |
|
|
|
], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tableData: [], |
|
|
|
selections: [], |
|
|
|
showCoverVisible: false, |
|
|
|
fileList: [], // 上传list |
|
|
|
sortVisible: false, // 排序 |
|
|
|
sortTableData: [], |
|
|
|
deleteVisible: false, |
|
|
|
deleteData: [] |
|
|
|
inputSelect: null, |
|
|
|
queryOption: [ |
|
|
|
{ value: '1', label: '盒名称' }, |
|
|
|
{ value: '2', label: 'TID' }, |
|
|
|
{ value: '3', label: '条形码' } |
|
|
|
] |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.tableData = data.data |
|
|
|
// 初始化带select的输入框的 - 搜索 |
|
|
|
this.inputSelect = this.queryOption[0].value |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 搜索-select |
|
|
|
querySelect(val) { |
|
|
|
this.inputSelect = val |
|
|
|
}, |
|
|
|
open() { |
|
|
|
this.$alert('装盒成功', '提示', { |
|
|
|
showConfirmButton: false |
|
|
|
}).then(() => { |
|
|
|
console.log('then') |
|
|
|
}).catch((err) => { |
|
|
|
console.log(err) |
|
|
|
}) |
|
|
|
}, |
|
|
|
// table |
|
|
|
clickRowHandler(row) { |
|
|
|
this.$refs.table.clearSelection() |
|
|
|
this.$refs.table.toggleRowSelection(row) |
|
|
|
}, |
|
|
|
// table |
|
|
|
selectionChangeHandler(val) { |
|
|
|
this.selections = val |
|
|
|
console.log(this.selections) |
|
|
|
}, |
|
|
|
// dialog - close |
|
|
|
handleClose(done) { |
|
|
|
|
