82 lines
2.7 KiB
Vue
82 lines
2.7 KiB
Vue
|
<template>
|
||
|
|
<el-table :data="list">
|
||
|
|
<el-table-column label="异常钢卷" align="center" prop="coilId" v-if="showCoil">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<coil-no :coilId="scope.row.coilId">
|
||
|
|
{{ scope.row.coilNo }}
|
||
|
|
</coil-no>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="缺陷描述" align="center" prop="remark" show-overflow-tooltip />
|
||
|
|
<el-table-column label="上下板面" align="center" prop="plateSurface"></el-table-column>
|
||
|
|
<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="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" v-if="editable">
|
||
|
|
<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>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import CoilNo from '@/components/KLPService/Renderer/CoilNo'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
list: {
|
||
|
|
type: Array,
|
||
|
|
default: () => []
|
||
|
|
},
|
||
|
|
editable: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
},
|
||
|
|
showCoil: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
CoilNo
|
||
|
|
},
|
||
|
|
dicts: ['coil_abnormal_position', 'coil_abnormal_code', 'coil_abnormal_degree'],
|
||
|
|
methods: {
|
||
|
|
handleDelete(row) {
|
||
|
|
if (this.editable) {
|
||
|
|
this.$emit('delete', row);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
handleUpdate(row) {
|
||
|
|
if (this.editable) {
|
||
|
|
this.$emit('update', row);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|