提交 | 用户 | 时间
|
0ae9ac
|
1 |
<template> |
W |
2 |
<div class="app-container"> |
b849f1
|
3 |
<el-card class="box-card" > |
W |
4 |
<el-form :model="queryParams.orderNo" ref="queryForm" :inline="true" label-width="68px" > |
|
5 |
<el-form-item label-width="120" label="工单编号:" prop="orderNo"> |
0ae9ac
|
6 |
<el-input |
b849f1
|
7 |
v-model="queryParams.orderNo" |
W |
8 |
placeholder="请输入工单编号" |
0ae9ac
|
9 |
clearable |
W |
10 |
@keyup.enter.native="handleQuery" |
|
11 |
/> |
|
12 |
</el-form-item> |
b849f1
|
13 |
<el-form-item style="margin-left: 20px"> |
W |
14 |
<el-button type="primary" icon="el-icon-refresh" @click="handleQuery">查询</el-button> |
0ae9ac
|
15 |
</el-form-item> |
b849f1
|
16 |
<el-form-item style="margin-left: 360px"> |
W |
17 |
<el-checkbox-group v-model="queryParams.isRepairFlag"> |
5e2dda
|
18 |
<el-checkbox @change="cleanFlag" name="type"></el-checkbox> |
b849f1
|
19 |
</el-checkbox-group> |
W |
20 |
</el-form-item> |
379fe8
|
21 |
<el-form-item label-width="120" label="返修发动机号:" prop="repairEngineNo" style="margin-left: 5px"> |
b849f1
|
22 |
|
W |
23 |
<el-input |
|
24 |
:disabled="!queryParams.isRepairFlag" |
379fe8
|
25 |
v-model="queryParams.repairEngineNo" |
b849f1
|
26 |
clearable |
W |
27 |
@keyup.enter.native="handleQuery" |
|
28 |
/> |
|
29 |
</el-form-item> |
|
30 |
|
|
31 |
|
0ae9ac
|
32 |
</el-form> |
W |
33 |
</el-card> |
33eb46
|
34 |
<el-row :gutter="0"> |
b849f1
|
35 |
<el-col :span="20"> |
W |
36 |
<div style="height: 490px;"> |
|
37 |
<el-card style="margin-top: 10px; height: 490px; " class="box-card"> |
|
38 |
<el-table border v-loading="loading" :data="dataList" height="460" |
33eb46
|
39 |
style="width: 100%" v-if="dataList.length > 0"> |
b849f1
|
40 |
|
W |
41 |
<el-table-column :show-overflow-tooltip='true' label="工单编号" width="230" align="center" prop="orderNo"> |
33eb46
|
42 |
</el-table-column> |
b849f1
|
43 |
<el-table-column :show-overflow-tooltip='true' label="产品小系列" width="230" align="center" prop="model"> |
33eb46
|
44 |
</el-table-column> |
b849f1
|
45 |
<el-table-column :show-overflow-tooltip='true' label="SN流水号" width="230" align="center" prop="engineNo"> |
33eb46
|
46 |
</el-table-column> |
W |
47 |
<el-table-column label="状态" width="80" align="center" prop="productionStatus"> |
b849f1
|
48 |
<!-- <template slot-scope="scope">--> |
W |
49 |
<!-- <span v-if="scope.row.productionStatus === '1'">是</span>--> |
|
50 |
<!-- <span v-if="scope.row.productionStatus === '0'">否</span>--> |
|
51 |
<!-- </template>--> |
33eb46
|
52 |
<template slot-scope="scope"> |
b849f1
|
53 |
<dict-tag :options="dict.type.order_scheduling_produce_status" :value="scope.row.productionStatus"/> |
33eb46
|
54 |
</template> |
W |
55 |
</el-table-column> |
b849f1
|
56 |
<el-table-column label="是否打印" width="80" align="center" prop="whetherOrPrint"> |
W |
57 |
|
33eb46
|
58 |
<template slot-scope="scope"> |
b849f1
|
59 |
<dict-tag :options="dict.type.print_status" :value="scope.row.whetherOrPrint"/> |
33eb46
|
60 |
</template> |
b849f1
|
61 |
|
33eb46
|
62 |
</el-table-column> |
W |
63 |
<el-table-column label="打印时间" align="center" prop="null"> |
|
64 |
</el-table-column> |
|
65 |
</el-table> |
|
66 |
<el-empty v-else> |
|
67 |
<span slot="description">暂无数据</span> |
|
68 |
</el-empty> |
|
69 |
</el-card> |
|
70 |
</div> |
|
71 |
|
|
72 |
</el-col> |
b849f1
|
73 |
<el-col :span="4"> |
33eb46
|
74 |
<el-card style="margin-top: 10px; min-height: 490px" class="box-card"> |
b849f1
|
75 |
<div style="min-width: 180px;min-height: 185px"> |
W |
76 |
<vue-qr |
|
77 |
v-if="qrCode !==''" |
|
78 |
ref="qrCode" |
|
79 |
:text="qrCode" |
|
80 |
width="180" |
|
81 |
height="180" |
|
82 |
></vue-qr> |
|
83 |
</div> |
33eb46
|
84 |
|
b849f1
|
85 |
<el-button type="success" style="margin-top: 190px; margin-left: 50px; width: 100px">系统设置</el-button> |
33eb46
|
86 |
</el-card> |
W |
87 |
</el-col> |
|
88 |
</el-row> |
|
89 |
|
|
90 |
|
0ae9ac
|
91 |
</div> |
W |
92 |
</template> |
|
93 |
|
|
94 |
<script> |
33eb46
|
95 |
import {listOrderScheduling} from "@/api/main/bs/orderScheduling/orderScheduling"; |
W |
96 |
import VueQr from 'vue-qr' |
0ae9ac
|
97 |
export default { |
W |
98 |
name: "index", |
b849f1
|
99 |
dicts: ['sys_normal_disable','order_scheduling_produce_status','print_status'], |
W |
100 |
components: { |
|
101 |
VueQr, |
|
102 |
}, |
0ae9ac
|
103 |
data(){ |
W |
104 |
return{ |
b849f1
|
105 |
qrCode: '', |
0ae9ac
|
106 |
// 查询参数 |
W |
107 |
queryParams: { |
b849f1
|
108 |
orderNo: '', |
W |
109 |
isRepairFlag: '', |
379fe8
|
110 |
repairEngineNo: '' |
0ae9ac
|
111 |
}, |
W |
112 |
dataList: [] |
|
113 |
} |
|
114 |
}, |
|
115 |
methods:{ |
|
116 |
/** 搜索按钮操作 */ |
|
117 |
handleQuery() { |
|
118 |
this.getList(); |
|
119 |
}, |
33eb46
|
120 |
getList(){ |
W |
121 |
listOrderScheduling(this.queryParams).then(response => { |
|
122 |
console.log("--------------------"+response.rows) |
|
123 |
this.dataList = response.rows |
b849f1
|
124 |
if (this.queryParams.orderNo === '' || this.queryParams.orderNo === null){ |
W |
125 |
this.qrCode = '' |
|
126 |
}else { |
|
127 |
if (this.dataList.length > 0){ |
|
128 |
this.qrCode = this.queryParams.orderNo |
|
129 |
}else { |
|
130 |
this.qrCode = '' |
|
131 |
} |
|
132 |
} |
|
133 |
console.log("qrcode",this.qrCode) |
|
134 |
|
33eb46
|
135 |
}); |
W |
136 |
}, |
|
137 |
filterTag(value, row) { |
|
138 |
return row.tag === value; |
|
139 |
}, |
5e2dda
|
140 |
cleanFlag(){ |
W |
141 |
if (this.queryParams.isRepairFlag === false){ |
379fe8
|
142 |
this.queryParams.repairEngineNo = '' |
5e2dda
|
143 |
} |
W |
144 |
}, |
33eb46
|
145 |
filterHandler(value, row, column) { |
W |
146 |
const property = column['property']; |
|
147 |
return row[property] === value; |
b849f1
|
148 |
}, |
W |
149 |
|
33eb46
|
150 |
}, |
W |
151 |
mounted() { |
|
152 |
this.getList() |
0ae9ac
|
153 |
} |
W |
154 |
} |
|
155 |
</script> |
|
156 |
|
|
157 |
<style scoped> |
b849f1
|
158 |
::v-deep .el-form-item__label{ |
W |
159 |
font-size: large; |
|
160 |
} |
|
161 |
::v-deep .el-card__body{ |
|
162 |
padding: 15px 20px 0px 20px; |
|
163 |
} |
0ae9ac
|
164 |
</style> |