春风项目四线(合箱线、总装线)
yyt
2024-01-22 c7a5e18fa52ef6faf053e584a4ae9bb5bc55943b
提交 | 用户 | 时间
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>
6eaf05 95 import {listOrderScheduling2} from "@/api/main/bs/orderScheduling/orderScheduling";
33eb46 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(){
6eaf05 121       listOrderScheduling2(this.queryParams).then(response => {
33eb46 122         console.log("--------------------"+response.rows)
W 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>