车间导入

懒羊羊

2024-01-18 dbe5f1d0156bd5bef1067c548ff39fe93d10205e

 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" value="form.productType" 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,88 @@
         <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']">
               <span style="font-size:45px;color:black"><strong>强制上线</strong></span></el-button>
             <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-button @click="scanCompleted" style="float: right" type="primary">扫码完成</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} from "@/api/main/bs/orderScheduling/orderScheduling";

export default {
  components: {},
  components: { },
  options: [],
  props: [],
  data() {
    return {
      imgSrc: '',
    }
      showFlag:false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        engineNo: null,
      },

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

  computed: {},
  watch: {},
  created() {},
  created() {
  },
  mounted() {},
  methods: {}
}
  methods: {
    scanCompleted(){

    },
    EngineNohandleChange(){
      if(this.form.engineNo !== null && this.form.engineNo !== undefined){
        this.queryParams.engineNo = this.form.engineNo;
        listOrderScheduling(this.queryParams).then(response => {
          this.$message('扫码完成'+response.rows[0].model);
          console.log("--------------------"+response.rows[0])
          this.form.productType = response.rows[0].model
          this.form.orderNo = response.rows[0].orderNo
          this.form.qualityStatus = response.rows[0].qualityStatus
        });
      }
    },
  },


  }


</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>