|
|
@@ -29,7 +29,32 @@ |
|
|
|
@clickBtn="handleClick" |
|
|
|
/> |
|
|
|
</base-table> |
|
|
|
<pagination :limit="listQuery.size" :total="total" /> |
|
|
|
<pagination |
|
|
|
:page.sync="listQuery.current" |
|
|
|
:limit.sync="listQuery.size" |
|
|
|
:total="total" |
|
|
|
@pagination="getList()" |
|
|
|
/> |
|
|
|
<BaseDialog |
|
|
|
dialogTitle="查看图片" |
|
|
|
:dialogVisible="centervisible" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:before-close="handleCancel" |
|
|
|
> |
|
|
|
<el-image |
|
|
|
style="width: 100px; height: 100px" |
|
|
|
src="https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg" |
|
|
|
:preview-src-list="arr" |
|
|
|
> |
|
|
|
</el-image> |
|
|
|
<el-row slot="footer" type="flex" justify="end"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-button size="small" class="btnTextStyle" @click="handleCancel" |
|
|
|
>关闭</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</BaseDialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
@@ -42,37 +67,33 @@ import { |
|
|
|
import defectScatterPlotTotal from './../components/defectScatterPlotTotal.vue' |
|
|
|
const tableProps = [ |
|
|
|
{ |
|
|
|
prop: 'virtualcode', |
|
|
|
label: '缺陷编号' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'filetype', |
|
|
|
prop: 'ypos', |
|
|
|
label: 'Y轴位置(mm)' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'glassLength', |
|
|
|
prop: 'xpos', |
|
|
|
label: 'X轴位置(mm)' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'glassWidth', |
|
|
|
prop: 'defectclass', |
|
|
|
label: '缺陷尺寸等级' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'glassHeight', |
|
|
|
prop: 'defecttype', |
|
|
|
label: '缺陷类型' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'grade', |
|
|
|
prop: 'length', |
|
|
|
label: '长度(mm)' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'line', |
|
|
|
prop: 'width', |
|
|
|
label: '宽度(mm)' |
|
|
|
} |
|
|
|
] |
|
|
|
const tableBtn = [ |
|
|
|
{ |
|
|
|
type: 'detail', |
|
|
|
type: 'viewPic', |
|
|
|
btnName: '查看图片' |
|
|
|
} |
|
|
|
] |
|
|
@@ -81,6 +102,9 @@ export default { |
|
|
|
components: { defectScatterPlotTotal }, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
arr: [ |
|
|
|
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg' |
|
|
|
], |
|
|
|
formConfig: [ |
|
|
|
{ |
|
|
|
type: 'select', |
|
|
@@ -113,14 +137,17 @@ export default { |
|
|
|
detailObj: {}, |
|
|
|
tableProps, |
|
|
|
tableData: [], |
|
|
|
tableH: tableHeight(330), |
|
|
|
tableH: tableHeight(425), |
|
|
|
tableBtn, |
|
|
|
total: 0, |
|
|
|
listQuery: { |
|
|
|
current: 1, |
|
|
|
size: 20, |
|
|
|
glassId: '' |
|
|
|
} |
|
|
|
glassId: '', |
|
|
|
defectType: '' |
|
|
|
}, |
|
|
|
// 查看图片 |
|
|
|
centervisible: false |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
@@ -128,9 +155,10 @@ export default { |
|
|
|
this.listQuery.glassId = virtualcode |
|
|
|
this.getDetail(virtualcode, filetype, time) |
|
|
|
window.addEventListener('resize', () => { |
|
|
|
this.tableH = tableHeight(330) |
|
|
|
this.tableH = tableHeight(425) |
|
|
|
}) |
|
|
|
this.getListType() |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDetail(virtualcode, filetype, time) { |
|
|
@@ -142,7 +170,7 @@ export default { |
|
|
|
console.log(res) |
|
|
|
this.detailObj = res.data |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.fullInspectionDetailPlot.init() |
|
|
|
this.$refs.fullInspectionDetailPlot.init(this.detailObj) |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
@@ -151,13 +179,16 @@ export default { |
|
|
|
size: 500, |
|
|
|
current: 1 |
|
|
|
}).then((res) => { |
|
|
|
console.log(res) |
|
|
|
this.formConfig[0].selectOptions = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
pageIIS({ ...this.listQuery }).then((res) => { |
|
|
|
console.log(res) |
|
|
|
if (res.code === 0) { |
|
|
|
this.tableData = res.data.records |
|
|
|
this.total = res.data.total |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
buttonClick(val) { |
|
|
@@ -174,8 +205,19 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
handleClick(val) { |
|
|
|
console.log(val) |
|
|
|
alert('图片详情') |
|
|
|
if (val.type === 'viewPic') { |
|
|
|
if (val.data.defectid) { |
|
|
|
this.centervisible = true |
|
|
|
} else { |
|
|
|
this.$message({ |
|
|
|
message: '暂无图片', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
handleCancel() { |
|
|
|
this.centervisible = false |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|