新增-看板-发动机数据检查页面

hdy

2024-01-18 8f6607b970230ed2f7c9f1845e6446e50438b44b

新增-看板-发动机数据检查页面

 jcdm-ui/src/views/main/kb/engineCheck/index.vue

@@ -11,47 +11,41 @@
        </div>
      </template>
    </el-card>
   <el-row :gutter="5" style="margin-top: 10px">
   <el-row :gutter="5"  style="margin-top: 10px">
     <el-col :span="10" >
       <el-card class="bottom-card">
         <el-descriptions :column="1" >
           <el-descriptions-item>
             <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
               <el-form-item   prop="remark" >
             <span slot="label">
               <span style="font-size:45px;color:black"><strong>发动机号</strong></span>
             </span>
                 <el-input style="font-size:30px" v-model="remark" placeholder="请输入发动机号" />
               <el-form-item prop="engineNo" >
               <span slot="label" style="font-size:45px;color:black"><strong>发动机号</strong></span>
                 <el-input style="font-size:30px" v-model="form.engineNo" placeholder="请输入发动机号" >
                   <el-button slot="append" @click="EngineNohandleChange" icon="el-icon-search"></el-button>
                 </el-input>
               </el-form-item>
             </el-form>
           </el-descriptions-item>
           <el-descriptions-item>
             <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
               <el-form-item   prop="remark" >
             <span slot="label">
               <span style="font-size:45px;color:black"><strong>产品型号</strong></span>
             </span>
                 <el-input disabled style="font-size:30px" v-model="remark" placeholder="" />
               <el-form-item   prop="productType" >
               <span slot="label" style="font-size:45px;color:black"><strong>产品型号</strong></span>
                 <el-input disabled style="font-size:30px" v-model="form.productType" placeholder="" />
               </el-form-item>
             </el-form>
           </el-descriptions-item>
           <el-descriptions-item>
             <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
               <el-form-item   prop="remark" >
             <span slot="label">
               <span style="font-size:45px;color:black"><strong>工单编号</strong></span>
             </span>
                 <el-input disabled style="font-size:30px" v-model="remark" placeholder="" />
               <el-form-item   prop="orderNo" >
               <span  slot="label" style="font-size:45px;color:black"><strong>工单编号</strong></span>
                 <el-input disabled style="font-size:30px" v-model="form.orderNo" placeholder="" />
               </el-form-item>
             </el-form>
           </el-descriptions-item>
           <el-descriptions-item>
             <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
               <el-form-item   prop="remark" >
             <span slot="label">
               <span style="font-size:45px;color:black"><strong>质量状态</strong></span>
             </span>
                 <el-input disabled style="font-size:30px" v-model="remark" placeholder="" />
               <el-form-item   prop="qualityStatus" >
               <span slot="label" style="font-size:45px;color:black"><strong>质量状态</strong></span>
                 <el-input disabled style="font-size:30px" v-model="form.qualityStatus" placeholder="" />
               </el-form-item>
             </el-form>
           </el-descriptions-item>
@@ -59,65 +53,123 @@
         <el-divider></el-divider>
         <el-row :gutter="10" class="mb8" type="flex" justify="center"  style="text-align: center">
           <el-col :span="1.5">
             <el-button
               plain
               icon="el-icon-thumb"
               style="width:400px;height:160px"
               v-hasPermi="['bs:formula:add']">
             <el-button plain  style="width:400px;height:160px" v-hasPermi="['bs:formula:add']">
               <span   class="el-icon-thumb"   style="font-size:45px;color:black"></span>
               <span style="font-size:45px;color:black"><strong>强制上线</strong></span></el-button>
           </el-col>
         </el-row>
       </el-card>

     </el-col>
     <el-col :span="14">
       <el-tabs type="border-card"  style="height: 600px">
           <el-col :span="8">
             <el-table>
               <el-table-column label="序号" align="center" prop="repairIdentification" width="50px"/>
               <el-table-column label="操作内容" align="center" prop="boxCode"  width="300px"/>
             </el-table>
           </el-col>
           <el-col :span="16">
             <el-image style="height: 520px;width: 100%" :src="imgSrc"></el-image>
           </el-col>


     <el-col :span="14"  inline style="height:600px;width:850px  ">
       <el-tabs type="border-card"  >
         <el-card>
         <el-col :span="14"style="height: 270px;width:800px  ">
           <span style="font-size:25px"><strong>质量状态</strong></span>
           <el-divider></el-divider>
           {{queryParams.productType}}
         </el-col>
         </el-card>
         <el-card style="margin-top: 10px" >
         <el-col :span="14"style="height: 270px;width:800px  ">
           <span style="font-size:25px"><strong>最终结果</strong></span>
           <el-divider></el-divider>
           {{queryParams.productType}}
         </el-col>
         </el-card>
       </el-tabs>
     </el-col>
   </el-row>


  </div>
</template>
<script>

import { listOrderScheduling, getOrderScheduling, delOrderScheduling, addOrderScheduling, updateOrderScheduling } from "@/api/main/bs/orderScheduling/orderScheduling";
import {listWorkshop} from "@/api/main/bs/workshop/workshop";
import axios from 'axios';


export default {
  components: {},
  components: { },
  options: [],
  props: [],
  data() {
    return {
      imgSrc: '',
    }
      showFlag:false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        orderNo: null,
        engineNo: null,
        productType: '666',
        model: null,
        productionStatus: null,
        workingHours: null,
        currentWorkstation: null,
        qualityStatus: null,
        whetherOrPrint: null,
        report10: null,
        report20: null,
        combinedBoxTime: null,
        finalAssemblyTime: null,
        operator: null,
        operateTime: null,
        status: null,
        spareField1: null,
        spareField2: null,
        spareField3: null,
        spareField4: null,
        createUser: null,
        updateUser: null,
        remarks: null
      },

      // 表单参数
      form: {},
    };
  },

  computed: {},
  watch: {},
  created() {},
  created() {
    this.initOrderScheduling();
  },
  mounted() {},
  methods: {}
}
  methods: {

    EngineNohandleChange(){
      axios.get('@/api/main/bs/orderScheduling/orderScheduling', {
        params: {
          engineNo: this.engineNo,
        },
      })
        .then(response => {
          const dataFromOrderScheduling = response.data;
          if (dataFromOrderScheduling.length > 0) {
            const order = dataFromOrderScheduling[0];
            this.engineNo = order.engineNo;
            this.productType = order.productType;
            this.orderNo = order.orderNo;
          } else {
            // Handle case when no data is found
          }
        })
        .catch(error => {
          console.error(error);
        });
    },
  },

    initOrderScheduling(){
      listOrderScheduling(this.queryParams).then(response => {
        this.form.queryParams = response.rows;

      });
    },
  }


</script>
<style scoped>
.bottom-card{
  height: 600px;
}
.circle-button{
  height: 30px;
  width: 30px;
  //background-color: #ce0b0b;
  //background-color: #00afff;
  background-color: #13ce66;
}

span{
  font-size: 15px;
}
</style>