refactor(wms): 提取异常钢卷表格为公共组件 AbnormalTable
将多个页面中重复的异常钢卷表格逻辑提取为公共组件 AbnormalTable,提高代码复用性和维护性
This commit is contained in:
@@ -26,39 +26,10 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="coilAbnormalList">
|
||||
<el-table-column label="位置" align="center" prop="position">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.coil_abnormal_position" :value="scope.row.position" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开始位置" align="center" prop="startPosition" />
|
||||
<el-table-column label="结束位置" align="center" prop="endPosition" />
|
||||
<el-table-column label="上下板面" align="center" prop="plateSurface"></el-table-column>
|
||||
<el-table-column label="缺陷长度" align="center" prop="length" />
|
||||
<el-table-column label="缺陷代码" align="center" prop="defectCode">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.coil_abnormal_code" :value="scope.row.defectCode" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否为主缺陷" prop="mainMark">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.mainMark" type="success">是</el-tag>
|
||||
<el-tag v-else type="danger">否</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="程度" align="center" prop="degree">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.coil_abnormal_degree" :value="scope.row.degree" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<abnormal-table v-loading="loading" ref="abnormalTable" :list="coilAbnormalList"
|
||||
:editable="true" :show-coil="false"
|
||||
@delete="handleDelete" @update="handleUpdate">
|
||||
</abnormal-table>
|
||||
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList" />
|
||||
@@ -123,12 +94,14 @@
|
||||
import { listCoilAbnormal, getCoilAbnormal, delCoilAbnormal, addCoilAbnormal, updateCoilAbnormal } from "@/api/wms/coilAbnormal";
|
||||
import { getMaterialCoil } from '@/api/wms/coil'
|
||||
import AbnormalForm from '../components/AbnormalForm';
|
||||
import AbnormalTable from '../components/AbnormalTable';
|
||||
|
||||
export default {
|
||||
name: "CoilAbnormal",
|
||||
dicts: ['coil_abnormal_code', 'coil_abnormal_position', 'coil_abnormal_degree'],
|
||||
components: {
|
||||
AbnormalForm
|
||||
AbnormalForm,
|
||||
AbnormalTable,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user