| | |
| | | <div class="table-tool-bar" style="margin-bottom: 15px"> |
| | | <my-button name="新增" @click="handleAdd" site="tools" size="medium" /> |
| | | </div> |
| | | <div v-loading="loading"> |
| | | <div :style="{ 'overflow-y': 'auto', height: 'calc(100vh - 352px)' }"> |
| | | <el-row class="card" :gutter="5" v-loading="loading"> |
| | | <el-row v-if="list.length" class="card" :gutter="5"> |
| | | <el-col v-for="(item, index) in list" :key="index" class="cm-item"> |
| | | <el-card class="card-data"> |
| | | <div class="card-container"> |
| | |
| | | |
| | | </div> |
| | | <div class="card-header-right"> |
| | | <el-button site="form" type="success" size="mini" @click="handleExport(item)" |
| | | >导出报废单</el-button |
| | | <el-button site="form" type="success" size="mini" |
| | | @click="handleExport('scrappedExport',`报废单-${item.businessFormCode}`, {id:item.id})" |
| | | >导出报废单 |
| | | </el-button |
| | | > |
| | | <el-button name="查看详情" site="form" type="info" size="mini" @click="handleDetail(item)" |
| | | >查看详情</el-button |
| | | >查看详情 |
| | | </el-button |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-empty v-else description="暂无数据"></el-empty> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-pagination |
| | | :small="false" |
| | | :current-page="pageNum" |
| | |
| | | import edit from './edit'; |
| | | import detail from './detail'; |
| | | import * as DateFormatter from '@/utils/DateFormatter'; |
| | | import listPage from '@/views/mixins/listPage'; |
| | | |
| | | export default { |
| | | name: 'index', |
| | | mixins: [listPage], |
| | | components: { MyButton, edit, detail }, |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | adddialog: false, |
| | | list: [], |
| | | // 搜索框 |
| | | items: [ |
| | |
| | | this.total = res.totalRows; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | //导入 |
| | | importOrg() { |
| | | this.importSetting.dialogShow = true; |
| | | this.importSetting.onSuccess = (response, callBack) => { |
| | | if (response.code === 1) { |
| | | this.$message.success(response.msg); |
| | | this.search(1); |
| | | } else { |
| | | this.$message.warning(response.msg); |
| | | } |
| | | callBack(); |
| | | }; |
| | | }, |
| | | // 导出 |
| | | handleExport() {}, |
| | | // 新增 |
| | | handleAdd() { |
| | | this.editSetting.id = null; |
| | | this.editSetting.info = null; |
| | | this.editSetting.title = '新增'; |
| | | this.editSetting.show = true; |
| | | }, |
| | | // 详情 |
| | | handleDetail(row) { |
| | | this.detailSetting.id = row.id; |
| | | this.detailSetting.show = true; |
| | | }, |
| | | // 分页 |
| | | handleSizeChange(pageSize) { |
| | | this.pageSize = pageSize; |
| | | this.search(1); |
| | | }, |
| | | handleCurrentChange(pageNum) { |
| | | this.pageNum = pageNum; |
| | | this.search(pageNum); |
| | | }, |
| | | // 查询table列表 |
| | | search(pageNum) { |
| | | if (pageNum) { |
| | | this.pageNum = pageNum; |
| | | } |
| | | this.fetchData(); |
| | | }, |
| | | refreshData() { |
| | | this.pageNum = 1; |
| | | this.pageSize = 10; |
| | | this.search(); |
| | | }, |
| | | fifterForm(params) { |
| | | this.filterFrom = Object.assign(this.filterFrom, params); |
| | | if (this.filterFrom.incomeTimeStart) { |
| | | this.filterFrom.incomeTimeStart = this.filterFrom.incomeTimeStart.replace(/\-/g, ''); |
| | | } |
| | | if (this.filterFrom.incomeTimeEnd) { |
| | | this.filterFrom.incomeTimeEnd = this.filterFrom.incomeTimeEnd.replace(/\-/g, ''); |
| | | } |
| | | this.search(1); |
| | | }, |
| | | }, |
| | | }; |