|
|
@ -167,7 +167,7 @@ |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:visible.sync="detailDialogVisible" |
|
|
:visible.sync="detailDialogVisible" |
|
|
width="820px" |
|
|
width="820px" |
|
|
class="customer-dialog todo-cache-detail-dialog" |
|
|
|
|
|
|
|
|
class="todo-cache-detail-dialog" |
|
|
append-to-body> |
|
|
append-to-body> |
|
|
<div v-loading="detailDialogLoading"> |
|
|
<div v-loading="detailDialogLoading"> |
|
|
<el-form :inline="true" label-position="top" style="height: auto;"> |
|
|
<el-form :inline="true" label-position="top" style="height: auto;"> |
|
|
@ -196,6 +196,7 @@ |
|
|
|
|
|
|
|
|
<div class="table-content-container"> |
|
|
<div class="table-content-container"> |
|
|
<el-table |
|
|
<el-table |
|
|
|
|
|
class="todo-detail-table" |
|
|
:data="detailRowList" |
|
|
:data="detailRowList" |
|
|
border |
|
|
border |
|
|
style="width: 100%; margin-top: 10px;" |
|
|
style="width: 100%; margin-top: 10px;" |
|
|
@ -203,38 +204,23 @@ |
|
|
<el-table-column prop="rowNumber" label="NO." width="50" align="center"></el-table-column> |
|
|
<el-table-column prop="rowNumber" label="NO." width="50" align="center"></el-table-column> |
|
|
<el-table-column label="良品数" width="80" align="center"> |
|
|
<el-table-column label="良品数" width="80" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-input-number |
|
|
|
|
|
:controls="false" |
|
|
|
|
|
:step="0" |
|
|
|
|
|
:value="scope.row.goodQty" |
|
|
|
|
|
disabled |
|
|
|
|
|
style="width: 100%;" |
|
|
|
|
|
class="readonly-qty-input good-qty-input"> |
|
|
|
|
|
</el-input-number> |
|
|
|
|
|
|
|
|
<div class="readonly-number good"> |
|
|
|
|
|
{{ scope.row.goodQty }} |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="面损" width="80" align="center"> |
|
|
<el-table-column label="面损" width="80" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-input-number |
|
|
|
|
|
:controls="false" |
|
|
|
|
|
:step="0" |
|
|
|
|
|
:value="scope.row.surfaceLossQty" |
|
|
|
|
|
disabled |
|
|
|
|
|
style="width: 100%;" |
|
|
|
|
|
class="readonly-qty-input"> |
|
|
|
|
|
</el-input-number> |
|
|
|
|
|
|
|
|
<div class="readonly-number"> |
|
|
|
|
|
{{ scope.row.surfaceLossQty }} |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="性能不良" width="80" align="center"> |
|
|
<el-table-column label="性能不良" width="80" align="center"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-input-number |
|
|
|
|
|
:controls="false" |
|
|
|
|
|
:step="0" |
|
|
|
|
|
:value="scope.row.poorPerformanceQty" |
|
|
|
|
|
disabled |
|
|
|
|
|
style="width: 100%;" |
|
|
|
|
|
class="readonly-qty-input"> |
|
|
|
|
|
</el-input-number> |
|
|
|
|
|
|
|
|
<div class="readonly-number"> |
|
|
|
|
|
{{ scope.row.poorPerformanceQty }} |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="不良数" width="80" align="right"> |
|
|
<el-table-column label="不良数" width="80" align="right"> |
|
|
@ -258,29 +244,15 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="Packing List" align="center" class-name="packing-list-column"> |
|
|
<el-table-column label="Packing List" align="center" class-name="packing-list-column"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div class="remark-wrapper"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
type="textarea" |
|
|
|
|
|
:value="scope.row.packingList" |
|
|
|
|
|
resize="none" |
|
|
|
|
|
:autosize="false" |
|
|
|
|
|
readonly |
|
|
|
|
|
class="remark-textarea"> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
|
|
|
<div class="readonly-text-cell"> |
|
|
|
|
|
<div class="readonly-text-scroll">{{ scope.row.packingList || '-' }}</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="备注" align="center" class-name="remark-column"> |
|
|
<el-table-column label="备注" align="center" class-name="remark-column"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div class="remark-wrapper"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
type="textarea" |
|
|
|
|
|
:value="scope.row.remark" |
|
|
|
|
|
resize="none" |
|
|
|
|
|
:autosize="false" |
|
|
|
|
|
readonly |
|
|
|
|
|
class="remark-textarea"> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
|
|
|
<div class="readonly-text-cell"> |
|
|
|
|
|
<div class="readonly-text-scroll">{{ scope.row.remark || '-' }}</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
@ -296,6 +268,7 @@ |
|
|
<ComMrbRegister |
|
|
<ComMrbRegister |
|
|
ref="comMrbRegister" |
|
|
ref="comMrbRegister" |
|
|
:visible.sync="showMrbRegisterFlag" |
|
|
:visible.sync="showMrbRegisterFlag" |
|
|
|
|
|
:load-history="false" |
|
|
@confirmed="onTodoMrbConfirmed"> |
|
|
@confirmed="onTodoMrbConfirmed"> |
|
|
</ComMrbRegister> |
|
|
</ComMrbRegister> |
|
|
</div> |
|
|
</div> |
|
|
@ -575,6 +548,7 @@ export default { |
|
|
this.$message.success('代办审核成功') |
|
|
this.$message.success('代办审核成功') |
|
|
this.getTodoStats() |
|
|
this.getTodoStats() |
|
|
this.getDataList() |
|
|
this.getDataList() |
|
|
|
|
|
this.notifyTodoBadgeRefresh() |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error((data && data.msg) || '代办审核失败') |
|
|
this.$message.error((data && data.msg) || '代办审核失败') |
|
|
} |
|
|
} |
|
|
@ -584,6 +558,11 @@ export default { |
|
|
this.currentAuditTodo = null |
|
|
this.currentAuditTodo = null |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
notifyTodoBadgeRefresh () { |
|
|
|
|
|
if (typeof window !== 'undefined' && typeof window.dispatchEvent === 'function') { |
|
|
|
|
|
window.dispatchEvent(new Event('todo-badge-refresh')) |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
showDetail (row) { |
|
|
showDetail (row) { |
|
|
if (!row) { |
|
|
if (!row) { |
|
|
return |
|
|
return |
|
|
@ -875,19 +854,35 @@ export default { |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog .readonly-number { |
|
|
.todo-cache-detail-dialog .readonly-number { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
|
|
|
line-height: 20px; |
|
|
|
|
|
padding: 0; |
|
|
|
|
|
margin: 0; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
color: #606266; |
|
|
color: #606266; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .readonly-qty-input .el-input__inner { |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
color: #606266; |
|
|
|
|
|
padding: 0 6px; |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .todo-detail-table .el-table__header-wrapper th { |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
padding-top: 0 !important; |
|
|
|
|
|
padding-bottom: 0 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .readonly-qty-input.good-qty-input .el-input__inner { |
|
|
|
|
|
color: #67c23a; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .todo-detail-table .el-table__header-wrapper th .cell { |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
line-height: 40px !important; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
padding-top: 0; |
|
|
|
|
|
padding-bottom: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .todo-detail-table .el-table__body-wrapper td { |
|
|
|
|
|
vertical-align: middle; |
|
|
|
|
|
padding-top: 4px !important; |
|
|
|
|
|
padding-bottom: 4px !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .todo-detail-table .el-table__body-wrapper td .cell { |
|
|
|
|
|
line-height: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog .readonly-number.good { |
|
|
.todo-cache-detail-dialog .readonly-number.good { |
|
|
@ -905,27 +900,27 @@ export default { |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .el-table td.remark-column, |
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .el-table td.packing-list-column { |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .todo-detail-table td.remark-column, |
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .todo-detail-table td.packing-list-column { |
|
|
padding: 0 !important; |
|
|
padding: 0 !important; |
|
|
position: relative !important; |
|
|
position: relative !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog .remark-wrapper { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog .remark-textarea { |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog .readonly-text-cell { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
|
|
|
padding: 2px 8px; |
|
|
|
|
|
background: #fafafa; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
text-align: left; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog /deep/ .remark-textarea .el-textarea__inner { |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
resize: none !important; |
|
|
|
|
|
border-radius: 0 !important; |
|
|
|
|
|
min-height: 68px !important; |
|
|
|
|
|
background: #fafafa !important; |
|
|
|
|
|
|
|
|
.todo-cache-detail-dialog .readonly-text-scroll { |
|
|
|
|
|
max-height: 68px; |
|
|
|
|
|
overflow-y: auto; |
|
|
|
|
|
white-space: pre-wrap; |
|
|
|
|
|
word-break: break-all; |
|
|
|
|
|
line-height: 18px; |
|
|
|
|
|
color: #606266; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |