update: 修改 综合查询-车辆查询-车辆详情 弹窗图片下方缺少文字的问题

src/views/ comprehensiveQuery/components/vehicleInQuiry.vue

@@ -189,7 +189,9 @@
       <!--上方文字显示-->
       <el-row>
         <el-col :span="11">
-          <div style="display: flex; align-items: center;font-size: 12px;border: 1px solid #409eff;padding: 7px;background-color: #409eff;color: #ffffff;">
+          <div
+            style="display: flex; align-items: center;font-size: 12px;border: 1px solid #409eff;padding: 7px;background-color: #409eff;color: #ffffff;"
+          >
             <span style="margin-top: 2px"> {{ form.overTime }}</span>
             <dict-tag style="margin: 0 5px" :options="dict.type.bhsp_area" :value="form.regionName" />
             <span style="margin: 0 2px">-</span>
@@ -201,25 +203,27 @@
           </div>
         </el-col>
         <el-col :span="13">
-          <div style="display: flex; align-items: center;background-color: #c3d5f0;height: 31px;">
-          </div>
+          <div style="display: flex; align-items: center;background-color: #c3d5f0;height: 31px;" />
         </el-col>
       </el-row>
       <!--图片显示-->
       <el-row :gutter="8" style="margin-left: unset;margin-right: unset;">
         <el-col :span="8" style="padding-left: unset;padding-right: unset;">
-          <div style="text-align: center;height: 188px;width: 287px;">
+          <div style="text-align: center;height: 188px;width: 287px;padding: 5px;">
             <el-image :src="baseUrl + form.frontImg" />
+            <span style="font-weight: bolder;display: block;margin-top: 10px;">正面</span>
           </div>
         </el-col>
         <el-col :span="8" style="padding-left: unset;padding-right: unset;">
-          <div style="text-align: center;height: 188px;width: 287px;">
+          <div style="text-align: center;height: 188px;width: 287px;padding: 5px;">
             <el-image :src="baseUrl + form.backImg" />
+            <span style="font-weight: bolder;display: block;margin-top: 10px;">背面</span>
           </div>
         </el-col>
         <el-col :span="8" style="padding-left: unset;padding-right: unset;">
-          <div style="text-align: center;height: 188px;width: 287px;">
+          <div style="text-align: center;height: 188px;width: 287px;padding: 5px;">
             <el-image :src="baseUrl + form.licensePlateImg" />
+            <span style="font-weight: bolder;display: block;margin-top: 10px;">车牌</span>
           </div>
         </el-col>
       </el-row>
@@ -306,7 +310,7 @@ export default {
        * 开始时间放到startTimeList数组中
        * 结束时间放到overTimeList数组中
        * 顺序为对应关系
-        */
+       */
       console.log('时间长度', this.datePickers)
       if (parseStrEmpty(this.datePickers[0].time) === '') {
         this.datePickers = [{ time: [] }]
@@ -392,15 +396,17 @@ export default {
 .date-picker {
   margin: 5px 0px 5px 20px;
 }
+
 .center-dialog {
   display: flex;
   align-items: center;
   justify-content: center;
+
   ::v-deep.el-dialog__title {
     width: 64px;
     height: 21px;
     font-size: 16px !important;
-    font-family: Source Han Sans SC,serif;
+    font-family: Source Han Sans SC, serif;
     font-weight: 500;
     line-height: 14px;
     color: #FFFFFF;