<template>
|
<el-dialog
|
v-diadrag
|
width="60%"
|
title="工序"
|
top="5vh"
|
:visible.sync="innerVisible"
|
append-to-body
|
@close="$emit('update:currshowlist', false)"
|
:show="currshowlist"
|
class="segment-operate-dialog"
|
id="segment-operate-dialog"
|
>
|
<el-table
|
class="segment-operate-table"
|
:data="segmentOperateData"
|
style="width: 100%;"
|
border
|
highlight-current-row
|
@row-click="segmentOperateRowClick"
|
stripe
|
ref="segmentOperateTable"
|
>
|
<el-table-column align="center" width="55" label="单选">
|
<template slot-scope="scope">
|
<el-checkbox
|
class="segment-operate-single-checkbox"
|
v-model="scope.row.commonChecked"
|
disabled
|
></el-checkbox>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="operationNo"
|
label="工序编号"
|
align="center"
|
show-overflow-tooltip
|
>
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="工序"
|
align="center"
|
show-overflow-tooltip
|
>
|
</el-table-column>
|
<el-table-column
|
prop="workCenter"
|
label="工作中心"
|
align="center"
|
show-overflow-tooltip
|
>
|
</el-table-column>
|
<el-table-column prop="createTime" label="创建时间" align="center">
|
</el-table-column>
|
</el-table>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="innerVisible = false">取 消</el-button>
|
<el-button type="primary" @click="saveSelectRow">确 定</el-button>
|
</div>
|
</el-dialog>
|
</template>
|
<script>
|
import { getOperationsByTaskIds } from '@/api/plan/segmentmerge'
|
|
export default {
|
props: {
|
currshowlist: {
|
type: Boolean,
|
default: false
|
},
|
taskIds: {
|
type: Array,
|
default: () => {
|
return []
|
}
|
}
|
},
|
data() {
|
return {
|
innerVisible: false,
|
currentRow: null,
|
segmentOperateData: []
|
}
|
},
|
components: {},
|
methods: {
|
saveSelectRow() {
|
this.$emit('listenToPartEvent', this.currentRow)
|
this.innerVisible = false
|
},
|
segmentOperateRowClick(row, column) {
|
this.segmentOperateData.forEach((item) => {
|
if (row.id !== item.id) {
|
item.commonChecked = false
|
}
|
})
|
if (row.commonChecked) {
|
row.commonChecked = false
|
this.currentRow = null
|
this.$refs.segmentOperateTable.setCurrentRow()
|
} else {
|
row.commonChecked = true
|
this.currentRow = row
|
this.$refs.segmentOperateTable.setCurrentRow(row)
|
}
|
},
|
getSegmentOperateData() {
|
getOperationsByTaskIds({ ids: this.taskIds }).then((response) => {
|
console.log('response', response.data)
|
const resData = response.data.data
|
resData.forEach((item) => {
|
this.$set(item, 'commonChecked', false)
|
})
|
this.segmentOperateData = resData
|
})
|
}
|
},
|
watch: {
|
currshowlist() {
|
this.innerVisible = this.currshowlist
|
if (this.currshowlist) {
|
this.$nextTick(() => {
|
this.getSegmentOperateData()
|
})
|
}
|
}
|
},
|
mounted() {}
|
}
|
</script>
|
<style scoped>
|
.segment-operate-dialog .el-dialog__header {
|
padding: 10px 20px 10px;
|
}
|
.segment-operate-dialog .el-dialog__header .el-dialog__headerbtn {
|
top: 10px;
|
}
|
.segment-operate-dialog .el-dialog__body {
|
padding: 5px 20px;
|
}
|
|
.segment-operate-dialog .el-dialog__footer {
|
padding: 5px 20px 10px;
|
}
|
|
.segment-operate-dialog .el-dialog__body .avue-crud__pagination {
|
margin-top: 0px;
|
margin-bottom: 5px;
|
}
|
|
.segment-operate-table >>> .el-table__header th {
|
color: #666666;
|
}
|
|
.segment-operate-table >>> th {
|
padding: 3px 0px;
|
height: 31px;
|
}
|
.segment-operate-table >>> td {
|
padding: 1px 0 0 0;
|
}
|
.segment-operate-single-checkbox
|
>>> .el-checkbox__input.is-disabled.is-checked
|
.el-checkbox__inner {
|
background-color: #006eff;
|
border-color: #006eff;
|
}
|
.segment-operate-single-checkbox
|
>>> .el-checkbox__input.is-disabled
|
.el-checkbox__inner {
|
background-color: #ffffff;
|
cursor: pointer;
|
}
|
.segment-operate-single-checkbox >>> .el-checkbox__inner::after {
|
border: 1px solid #fff !important;
|
border-left: 0 !important;
|
border-top: 0 !important;
|
cursor: pointer !important;
|
}
|
</style>
|
