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

hdy

2024-01-17 f4d049bdca9711bb1ae139a8be093d449057e21b

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

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,123 @@
<template>
  <div class="app-container">
    <el-card  style="height: 70px;margin-bottom: 10px" class="box-card" >
      <template>
        <div class="container">
          <el-row type="flex" justify="center"  style="text-align: center" >
            <el-col :span="12">
              <span style="fontSize:30px;color:black">--------------------发动机数据检查--------------------</span>
            </el-col>
          </el-row>
        </div>
      </template>
    </el-card>
   <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>
             </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>
             </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>
             </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>
             </el-form>
           </el-descriptions-item>
         </el-descriptions>
         <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-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-tabs>
     </el-col>
   </el-row>


  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      imgSrc: '',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}

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