春风项目四线(合箱线、总装线)
hdy
2024-01-18 8f6607b970230ed2f7c9f1845e6446e50438b44b
提交 | 用户 | 时间
f4d049 1 <template>
H 2   <div class="app-container">
3     <el-card  style="height: 70px;margin-bottom: 10px" class="box-card" >
4       <template>
5         <div class="container">
6           <el-row type="flex" justify="center"  style="text-align: center" >
7             <el-col :span="12">
8               <span style="fontSize:30px;color:black">--------------------发动机数据检查--------------------</span>
9             </el-col>
10           </el-row>
11         </div>
12       </template>
13     </el-card>
8f6607 14    <el-row :gutter="5"  style="margin-top: 10px">
f4d049 15      <el-col :span="10" >
H 16        <el-card class="bottom-card">
17          <el-descriptions :column="1" >
18            <el-descriptions-item>
19              <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
8f6607 20                <el-form-item prop="engineNo" >
H 21                <span slot="label" style="font-size:45px;color:black"><strong>发动机号</strong></span>
22                  <el-input style="font-size:30px" v-model="form.engineNo" placeholder="请输入发动机号" >
23                    <el-button slot="append" @click="EngineNohandleChange" icon="el-icon-search"></el-button>
24                  </el-input>
f4d049 25                </el-form-item>
H 26              </el-form>
27            </el-descriptions-item>
28            <el-descriptions-item>
29              <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
8f6607 30                <el-form-item   prop="productType" >
H 31                <span slot="label" style="font-size:45px;color:black"><strong>产品型号</strong></span>
32                  <el-input disabled style="font-size:30px" v-model="form.productType" placeholder="" />
f4d049 33                </el-form-item>
H 34              </el-form>
35            </el-descriptions-item>
36            <el-descriptions-item>
37              <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
8f6607 38                <el-form-item   prop="orderNo" >
H 39                <span  slot="label" style="font-size:45px;color:black"><strong>工单编号</strong></span>
40                  <el-input disabled style="font-size:30px" v-model="form.orderNo" placeholder="" />
f4d049 41                </el-form-item>
H 42              </el-form>
43            </el-descriptions-item>
44            <el-descriptions-item>
45              <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
8f6607 46                <el-form-item   prop="qualityStatus" >
H 47                <span slot="label" style="font-size:45px;color:black"><strong>质量状态</strong></span>
48                  <el-input disabled style="font-size:30px" v-model="form.qualityStatus" placeholder="" />
f4d049 49                </el-form-item>
H 50              </el-form>
51            </el-descriptions-item>
52          </el-descriptions>
53          <el-divider></el-divider>
54          <el-row :gutter="10" class="mb8" type="flex" justify="center"  style="text-align: center">
55            <el-col :span="1.5">
8f6607 56              <el-button plain  style="width:400px;height:160px" v-hasPermi="['bs:formula:add']">
H 57                <span   class="el-icon-thumb"   style="font-size:45px;color:black"></span>
f4d049 58                <span style="font-size:45px;color:black"><strong>强制上线</strong></span></el-button>
H 59            </el-col>
60          </el-row>
61        </el-card>
62      </el-col>
8f6607 63
H 64
65      <el-col :span="14"  inline style="height:600px;width:850px  ">
66        <el-tabs type="border-card"  >
67          <el-card>
68          <el-col :span="14"style="height: 270px;width:800px  ">
69            <span style="font-size:25px"><strong>质量状态</strong></span>
70            <el-divider></el-divider>
71            {{queryParams.productType}}
72          </el-col>
73          </el-card>
74          <el-card style="margin-top: 10px" >
75          <el-col :span="14"style="height: 270px;width:800px  ">
76            <span style="font-size:25px"><strong>最终结果</strong></span>
77            <el-divider></el-divider>
78            {{queryParams.productType}}
79          </el-col>
80          </el-card>
f4d049 81        </el-tabs>
H 82      </el-col>
83    </el-row>
84   </div>
85 </template>
86 <script>
8f6607 87
H 88 import { listOrderScheduling, getOrderScheduling, delOrderScheduling, addOrderScheduling, updateOrderScheduling } from "@/api/main/bs/orderScheduling/orderScheduling";
89 import {listWorkshop} from "@/api/main/bs/workshop/workshop";
90 import axios from 'axios';
91
92
f4d049 93 export default {
8f6607 94   components: { },
H 95   options: [],
f4d049 96   props: [],
H 97   data() {
98     return {
8f6607 99       showFlag:false,
H 100       // 查询参数
101       queryParams: {
102         pageNum: 1,
103         pageSize: 10,
104         orderNo: null,
105         engineNo: null,
106         productType: '666',
107         model: null,
108         productionStatus: null,
109         workingHours: null,
110         currentWorkstation: null,
111         qualityStatus: null,
112         whetherOrPrint: null,
113         report10: null,
114         report20: null,
115         combinedBoxTime: null,
116         finalAssemblyTime: null,
117         operator: null,
118         operateTime: null,
119         status: null,
120         spareField1: null,
121         spareField2: null,
122         spareField3: null,
123         spareField4: null,
124         createUser: null,
125         updateUser: null,
126         remarks: null
127       },
128
129       // 表单参数
130       form: {},
131     };
f4d049 132   },
8f6607 133
f4d049 134   computed: {},
H 135   watch: {},
8f6607 136   created() {
H 137     this.initOrderScheduling();
138   },
f4d049 139   mounted() {},
8f6607 140   methods: {
H 141
142     EngineNohandleChange(){
143       axios.get('@/api/main/bs/orderScheduling/orderScheduling', {
144         params: {
145           engineNo: this.engineNo,
146         },
147       })
148         .then(response => {
149           const dataFromOrderScheduling = response.data;
150           if (dataFromOrderScheduling.length > 0) {
151             const order = dataFromOrderScheduling[0];
152             this.engineNo = order.engineNo;
153             this.productType = order.productType;
154             this.orderNo = order.orderNo;
155           } else {
156             // Handle case when no data is found
157           }
158         })
159         .catch(error => {
160           console.error(error);
161         });
162     },
163   },
164
165     initOrderScheduling(){
166       listOrderScheduling(this.queryParams).then(response => {
167         this.form.queryParams = response.rows;
168
169       });
170     },
171   }
172
f4d049 173
H 174 </script>
175