春风项目四线(合箱线、总装线)
hdy
2024-01-17 f4d049bdca9711bb1ae139a8be093d449057e21b
提交 | 用户 | 时间
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>
14    <el-row :gutter="5" style="margin-top: 10px">
15      <el-col :span="10" >
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" >
20                <el-form-item   prop="remark" >
21              <span slot="label">
22                <span style="font-size:45px;color:black"><strong>发动机号</strong></span>
23              </span>
24                  <el-input style="font-size:30px" v-model="remark" placeholder="请输入发动机号" />
25                </el-form-item>
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" >
30                <el-form-item   prop="remark" >
31              <span slot="label">
32                <span style="font-size:45px;color:black"><strong>产品型号</strong></span>
33              </span>
34                  <el-input disabled style="font-size:30px" v-model="remark" placeholder="" />
35                </el-form-item>
36              </el-form>
37            </el-descriptions-item>
38            <el-descriptions-item>
39              <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
40                <el-form-item   prop="remark" >
41              <span slot="label">
42                <span style="font-size:45px;color:black"><strong>工单编号</strong></span>
43              </span>
44                  <el-input disabled style="font-size:30px" v-model="remark" placeholder="" />
45                </el-form-item>
46              </el-form>
47            </el-descriptions-item>
48            <el-descriptions-item>
49              <el-form ref="form" :model="form"  label-width="200px" style="height: 60px;margin-top: 20px" >
50                <el-form-item   prop="remark" >
51              <span slot="label">
52                <span style="font-size:45px;color:black"><strong>质量状态</strong></span>
53              </span>
54                  <el-input disabled style="font-size:30px" v-model="remark" placeholder="" />
55                </el-form-item>
56              </el-form>
57            </el-descriptions-item>
58          </el-descriptions>
59          <el-divider></el-divider>
60          <el-row :gutter="10" class="mb8" type="flex" justify="center"  style="text-align: center">
61            <el-col :span="1.5">
62              <el-button
63                plain
64                icon="el-icon-thumb"
65                style="width:400px;height:160px"
66                v-hasPermi="['bs:formula:add']">
67                <span style="font-size:45px;color:black"><strong>强制上线</strong></span></el-button>
68            </el-col>
69          </el-row>
70        </el-card>
71
72      </el-col>
73      <el-col :span="14">
74        <el-tabs type="border-card"  style="height: 600px">
75            <el-col :span="8">
76              <el-table>
77                <el-table-column label="序号" align="center" prop="repairIdentification" width="50px"/>
78                <el-table-column label="操作内容" align="center" prop="boxCode"  width="300px"/>
79              </el-table>
80            </el-col>
81            <el-col :span="16">
82              <el-image style="height: 520px;width: 100%" :src="imgSrc"></el-image>
83            </el-col>
84        </el-tabs>
85      </el-col>
86    </el-row>
87
88
89   </div>
90 </template>
91 <script>
92 export default {
93   components: {},
94   props: [],
95   data() {
96     return {
97       imgSrc: '',
98     }
99   },
100   computed: {},
101   watch: {},
102   created() {},
103   mounted() {},
104   methods: {}
105 }
106
107 </script>
108 <style scoped>
109 .bottom-card{
110   height: 600px;
111 }
112 .circle-button{
113   height: 30px;
114   width: 30px;
115   //background-color: #ce0b0b;
116   //background-color: #00afff;
117   background-color: #13ce66;
118 }
119
120 span{
121   font-size: 15px;
122 }
123 </style>