|
|
@ -90,16 +90,7 @@ |
|
|
|
<div v-else-if="item === 'OM_WorkOrder-ActStartTime'"> {{ parseTime(scope.row[item]) }} </div> |
|
|
|
<div v-else-if="item === 'OM_WorkOrder-ActEndTime'"> {{ parseTime(scope.row[item]) }} </div> |
|
|
|
<div v-else-if="item === 'OM_WorkOrderStatus-Status'" |
|
|
|
:class="['bg-div',{'not-plan-bg':scope.row[item] == 10}, |
|
|
|
{'has-plan-bg':scope.row[item] == 20}, |
|
|
|
{'has-lock-bg':scope.row[item] == 24}, |
|
|
|
{'has-issued-bg':scope.row[item] == 26}, |
|
|
|
{'interrupt-bg':scope.row[item] == 39}, |
|
|
|
{'in-production-bg':scope.row[item] == 40}, |
|
|
|
{'has-complete-bg':scope.row[item] == 80}, |
|
|
|
{'has-shipment-bg':scope.row[item] == 90}, |
|
|
|
{'freeze-bg': scope.row[item] == 95}, |
|
|
|
{'has-cancel-bg': scope.row[item] == 98}]"> {{ fieldTrans(scope.row[item]) }} </div> |
|
|
|
:class="[colorData[scope.row[item]], 'bg-div']"> {{ fieldTrans(scope.row[item]) }} </div> |
|
|
|
<div v-else-if="item === 'OM_WorkOrder-OrderType'"> {{ orderTypeTrans(scope.row[item]) }} </div> |
|
|
|
<span v-else>{{ scope.row[item] }}</span> |
|
|
|
</template> |
|
|
@ -297,16 +288,9 @@ |
|
|
|
<el-table-column v-for="(item, index) in detailsHeaders" :key="index+'aaa'" :label="getColumnName(item)" :show-overflow-tooltip="true" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="item === 'OM_SerialOrder-SerialOrderStatus'" |
|
|
|
:class="['bg-div',{'not-plan-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 10}, |
|
|
|
{'has-plan-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 20}, |
|
|
|
{'has-lock-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 24}, |
|
|
|
{'has-issued-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 26}, |
|
|
|
{'interrupt-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 39}, |
|
|
|
{'in-production-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 40}, |
|
|
|
{'has-complete-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 80}, |
|
|
|
{'has-shipment-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 90}, |
|
|
|
{'freeze-bg': scope.row[item]['OM_SerialOrderStatus-Status'] == 95}, |
|
|
|
{'has-cancel-bg': scope.row[item]['OM_SerialOrderStatus-Status'] == 98}]"> {{ fieldTrans(scope.row[item]['OM_SerialOrderStatus-Status']) }} </div> |
|
|
|
:class="[colorData[scope.row[item]['OM_SerialOrderStatus-Status']], 'bg-div']"> |
|
|
|
{{ fieldTrans(scope.row[item]['OM_SerialOrderStatus-Status']) }} |
|
|
|
</div> |
|
|
|
<span v-else>{{ scope.row[item] }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
@ -422,6 +406,18 @@ export default { |
|
|
|
detailsHeaders: [], |
|
|
|
detailsTimeHeaders: [], |
|
|
|
detailsLoading: true, |
|
|
|
colorData:{ |
|
|
|
10:'not-plan-bg', |
|
|
|
20:'has-plan-bg', |
|
|
|
24:'has-lock-bg', |
|
|
|
26:'has-issued-bg', |
|
|
|
39:'interrupt-bg', |
|
|
|
40:'in-production-bg', |
|
|
|
80:'has-complete-bg', |
|
|
|
90:'has-shipment-bg', |
|
|
|
95:'freeze-bg', |
|
|
|
98:'has-cancel-bg', |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|