hdy
2024-07-10 a4362dfe3e0e9c6fad426685da0065455799d018
提交 | 用户 | 时间
0cceb6 1 <template>
Y 2   <div class="app-container">
3     <el-card   class="box-card"  style="height: 60px" >
4       <template>
5         <div class="container" type="flex" justify="center" style="text-align:center">
6 <!--          <el-row   type="flex" justify="center" style="text-align:center;height: 12px" >-->
7 <!--            <el-col  type="flex" justify="center"  :span="14" style="text-align:center">-->
8           <el-divider><span style="font-size:22px;color:black"><strong>发动机数据检查</strong></span></el-divider>
9 <!--            </el-col>-->
10 <!--          </el-row>-->
11         </div>
12       </template>
13     </el-card>
14    <el-row :gutter="0"  >
15      <el-col :span="14">
16        <el-card   class="box-card" style="margin-top: 5px" >
17              <el-form ref="form" :model="form"  label-width="25%"   >
18                <el-form-item prop="engineNo" style="margin-top: 16px">
19                <span slot="label" style="font-size:22px;color:black;"><strong>发动机号</strong></span>
20                  <el-input style="font-size:20px" v-model="form.engineNo" placeholder="请输入发动机号" clearable  @keyup.enter.native="EngineNohandleChange" >
21                    <el-button slot="append" plain type="info" @click="EngineNohandleChange(form.engineNo)" icon="el-icon-search"></el-button>
22                  </el-input>
23                </el-form-item>
24              </el-form>
25              <el-form ref="form" :model="form"  label-width="25%"  >
26                <el-form-item   prop="productType"style="margin-top: 30px" >
27                   <span slot="label" style="font-size:22px;color:black"><strong>机型</strong></span>
28                  <el-input disabled style="font-size:20px"  value="form.productType" v-model="form.productType" placeholder="" />
29                </el-form-item>
30              </el-form>
31              <el-form ref="form" :model="form"  label-width="25%"  >
32                <el-form-item   prop="orderNo" style="margin-top: 30px">
33                <span  slot="label" style="font-size:22px;color:black"><strong>工单编号</strong></span>
34                  <el-input disabled style="font-size:20px" v-model="form.orderNo" placeholder="" />
35                </el-form-item>
36              </el-form>
37              <el-form ref="form" :model="form"  label-width="25%"  >
38                <el-form-item   prop="currentWorkstation" style="margin-top: 30px">
39                <span slot="label" style="font-size:22px;color:black"><strong>质量状态</strong></span>
40                  <el-input disabled style="font-size:20px" v-model:value="form.add" placeholder="" />
41                </el-form-item>
42              </el-form>
43          <el-divider></el-divider>
44
45          <el-row :gutter="10" class="mb8" type="flex" justify="center"  style="text-align: center">
46            <el-col :span="1.5">
47              <el-button plain  :disabled="buttondisabled" type="primary" style="width:400px;height:160px" v-hasPermi="['bs:formula:add']" @click="forceOnline">
48                <span   class="el-icon-thumb"   style="font-size:40px;color:black"></span>
49                <span style="font-size:45px;color:black"><strong>强制上线</strong></span>
50              </el-button>
51            </el-col>
52          </el-row>
53        </el-card>
54      </el-col>
55
56      <el-col :span="10"  inline style="margin-top: 5px">
57          <el-card class="custom-content"  style="height: 264px">
58          <el-col :span="14">
59            <span style="font-size:25px"><strong>质量状态</strong></span>
60            <el-divider></el-divider>
61            {{this.form.engineCheckList}}
62          </el-col>
63          </el-card>
64          <el-card class="custom-content" style="height: 264px" >
65          <el-col :span="14"style="  ">
66            <span style="font-size:25px"><strong>最终结果</strong></span>
67            <el-divider></el-divider>
68            {{queryParams.productType}}
69          </el-col>
70          </el-card>
71      </el-col>
72    </el-row>
73   </div>
74 </template>
75 <script>
76
77 import { listOrderScheduling, getOrderScheduling, delOrderScheduling, addOrderScheduling, updateOrderScheduling } from "@/api/main/bs/orderScheduling/orderScheduling";
78 import { listPassingStationCollection, getPassingStationCollection, delPassingStationCollection, addPassingStationCollection, updatePassingStationCollection } from "@/api/main/da/passingStationCollection/passingStationCollection";
79 import {listLineInfo} from "@/api/main/bs/lineInfo/lineInfo";
80
81 export default {
82   components: { },
83   options: [],
84   props: [],
85   data() {
86     return {
87       options: [],
88       total: 0,
89       engineCheckList:[],
90       showFlag:false,
91       buttondisabled:true,
92       // 查询参数
93       queryParams: {
94         pageNum: 1,
95         pageSize: 10,
96         engineNo: null,
97         productType:null,
98         orderNo:null,
99         qualityStatus:null,
100         currentWorkstation: null,
101         add: null,
102         engineCheckList:'暂无数据',
103       },
104       // 表单参数
105       form: {
106         engineNo: null,
107         productType:null,
108         orderNo:null,
109         qualityStatus:null,
110         currentWorkstation: null,
111         add: null,
112         engineCheckList:'暂无数据',
113       },
114       add: null,
115     };
116   },
117   computed: {},
118   watch: {},
119   created() {},
120   mounted() {},
121   methods: {
122     reset() {
123       this.form = {
124         engineNo:null,
125         productType:null,
126         orderNo:null,
127         qualityStatus:null,
128         currentWorkstation: null,
129         add: null,
130         engineCheckList:'暂无数据',
131       };
132       this.resetForm("form");
133     },
134     EngineNohandleChange(){
135       if(this.form.engineNo !== null && this.form.engineNo !== undefined){
136         let OrderSchedulingParam = {engineNo: null}
137         OrderSchedulingParam.engineNo = this.form.engineNo;
138         listOrderScheduling(OrderSchedulingParam).then(response => {
139           if(response.total === 1 ){
140             this.form.productType = response.rows[0].model
141             this.form.orderNo = response.rows[0].orderNo
142             this.form.qualityStatus = response.rows[0].qualityStatus
143             this.form.currentWorkstation = response.rows[0].currentWorkstation
144             this.form.add= response.rows[0].currentWorkstation+ response.rows[0].qualityStatus
145             if(this.form.qualityStatus ==='不合格'){
146               this.buttondisabled = false;
147             }
148             else{
149               this.buttondisabled = true;
150             }
151           }
152           else{
153             this.reset();
154             this.buttondisabled = true
155             const h = this.$createElement;
156             this.$message({
157               message: h('p',null, [
158                        h('span', null, '警告 '),
159                        h('i', { style: 'color: black' }, '输入的发动机号有误'),
160                        h()]),
161               type: 'error',
162               center: true,
163               offset:300
164             });
165           }
166         });
167         let PassingStationCollectionParam = {sfcCode: null}
168         PassingStationCollectionParam.sfcCode = this.form.engineNo;
169         listPassingStationCollection(PassingStationCollectionParam).then(ponse =>{
170           this.engineCheckList = ponse.rows.locationCode ;
171           if(ponse.rows.length >= 1 && this.form.engineNo !== undefined){
172             this.form.engineCheckList = ''
173             for (let i = 0; i < ponse.rows.length; i++) {
174               this.form.engineCheckList += '   工位:'+ ponse.rows[i].locationCode+'['+ponse.rows[i].outRsSign+']'
175             }
176           }
177           else{
178             this.form.engineCheckList = '暂无数据'
179           }
180         });
181       }
182     },
183
184
185   },
186   }
187
188
189 </script>
190 <style scoped>
191 ::v-deep .el-input__inner{
192   height: 40px;
193 }
194 ::v-deep .el-form-item__label {
195   line-height: 40px;
196 }
197 .custom-content {
198   height: 50%; /* 设置高度为50% */
199 }
200 /*.my-custom-modal .el-dialog__wrapper {*/
201 /*  width: 400px; !* 设置宽度 *!*/
202 /*  height: 200px; !* 设置高度 *!*/
203 /*  top: 50px; !* 设置距离页面顶部的位置 *!*/
204 /*  left: 50px; !* 设置距离页面左侧的位置 *!*/
205 /*}*/
206 </style>