提交一下

1

src/views/platformManager/tenantApply/modals/infodetail.vue

@@ -42,55 +42,89 @@
     </el-alert>
     <div class="detailImgList">
       <el-row class="row">
-        <el-col :span="8">
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p class="itemTitle">公司营业执照</p>
-            <el-image class="vertical" :src="activeRow.tsignPic"  :preview-src-list="[activeRow.tsignPic]" alt="" />
+            <el-image
+              class="vertical"
+              :src="activeRow.tsignPic"
+              :preview-src-list="[activeRow.tsignPic]"
+              alt=""
+            />
           </div>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p class="itemTitle">税务登记证</p>
-            <el-image class="vertical" :src="activeRow.taxRegisterPic"  :preview-src-list="[activeRow.taxRegisterPic]" alt="" /></div
+            <el-image
+              class="vertical"
+              :src="activeRow.taxRegisterPic"
+              :preview-src-list="[activeRow.taxRegisterPic]"
+              alt=""
+            /></div
         ></el-col>
-        <el-col :span="8">
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p class="itemTitle">公司开户信息</p>
-            <el-image class="vertical" :src="activeRow.companyAccountInfoPic"  :preview-src-list="[activeRow.companyAccountInfoPic]" alt="" /></div
+            <el-image
+              class="vertical"
+              :src="activeRow.companyAccountInfoPic"
+              :preview-src-list="[activeRow.companyAccountInfoPic]"
+              alt=""
+            /></div
         ></el-col>
+        <el-col :span="6">
+          <div class="imgWrapItem">
+            <p>企业公章</p>
+            <el-image
+              class="horizontal"
+              :src="activeRow.corporateChops"
+              :preview-src-list="[activeRow.corporateChops]"
+              alt=""
+            />
+          </div>
+        </el-col>
       </el-row>
       <el-row class="row">
-        <el-col :span="8" >
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p>法人身份证（正面）</p>
-            <el-image class="horizontal" :src="activeRow.legalPersonIdFrontPic"  :preview-src-list="[activeRow.legalPersonIdFrontPic]" alt="" />
+            <el-image
+              class="horizontal"
+              :src="activeRow.legalPersonIdFrontPic"
+              :preview-src-list="[activeRow.legalPersonIdFrontPic]"
+              alt=""
+            />
           </div>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p>法人身份证（反面）</p>
-            <el-image class="horizontal" :src="activeRow.legalPersonIdReversePic"  :preview-src-list="[activeRow.legalPersonIdReversePic]" alt="" />
+            <el-image
+              class="horizontal"
+              :src="activeRow.legalPersonIdReversePic"
+              :preview-src-list="[activeRow.legalPersonIdReversePic]"
+              alt=""
+            />
           </div>
         </el-col>
-        <el-col :span="8">
-          <div class="imgWrapItem">
-            <p>企业公章</p>
-            <el-image class="horizontal" :src="activeRow.corporateChops"  :preview-src-list="[activeRow.corporateChops]" alt="" />
-          </div>
-        </el-col>
-      </el-row>
-      <el-row class="row">
-        <el-col :span="8" >
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p>企业财务公章</p>
-            <el-image class="horizontal" :src="activeRow.corporateFinanceChops"  :preview-src-list="[activeRow.corporateFinanceChops]" alt="" />
+            <el-image
+              class="horizontal"
+              :src="activeRow.corporateFinanceChops"
+              :preview-src-list="[activeRow.corporateFinanceChops]"
+              alt=""
+            />
           </div>
         </el-col>
-        <el-col :span="8">
+        <el-col :span="6">
           <div class="imgWrapItem">
             <p>企业LOGO</p>
-            <a :href="activeRow.logo" class="logo">logo</a></div
-        ></el-col>
+            <a :href="activeRow.logo" class="logo">logo</a>
+          </div></el-col
+        >
       </el-row>
     </div>
   </div>
@@ -139,24 +173,39 @@ export default {
   padding: 0 20px;
 }
 .horizontal {
-  width: 260px;
-  height: 200px;
+  width: 208x;
+  height: 208px;
 }
 .vertical {
-  width: 200px;
-  height: 260px;
+  width: 208px;
+  height: 208px;
 }
 .imgWrapItem {
   margin-bottom: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #666666;
+  line-height: 20px;
   p {
-    margin-bottom: 10px;
+    margin-bottom: 8px;
   }
-  .el-image{
-    border: 1px solid #f3f3f3;
+  .el-image {
+    border: 1px solid #dedede;
+    border-radius: 4px;
+    background: #ffffff;
   }
 }
 .logo {
-  margin-top: 20px;
-    color: var(--color-primary);
+  // margin-top: 20px;
+  color: var(--color-primary);
+  width: 208px;
+  height: 208px;
+  display: inline-block;
+  line-height: 208px;
+  text-align: center;
+  border: 1px solid #dedede;
+  border-radius: 4px;
+  background: #ffffff;
 }
 </style>

src/views/platformManager/tenantApply/modals/recordDetail.vue

@@ -33,8 +33,8 @@
         <el-timeline-item v-for="(activity, index) in processList" :key="index">
           <div>
             <div class="name">{{ activity.callBackPeople }}</div>
-            <div>{{ activity.createTime }}</div>
-            <div>{{ activity.callBackLog }}</div>
+            <div class="concat">{{ activity.callBackLog }}</div>
+            <div class="timer">{{ activity.createTime }}</div>
           </div>
         </el-timeline-item>
       </el-timeline>
@@ -121,7 +121,7 @@ export default {
           applyId: this.activeRow.id,
           ...this.form,
         });
-        this.processList = res.data.rows
+        this.processList = res.data.rows;
       } catch (e) {
         console.log(e);
       }
@@ -129,21 +129,43 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .process {
   padding: 10px;
-  max-height: 600px;
+  max-height: 400px;
   overflow-y: auto;
   .name {
     font-size: 16px;
     font-weight: bold;
+    color: #262626;
+    margin-bottom: 8px;
+  }
+  .concat {
+    font-size: 14px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #666666;
+    line-height: 18px;
+    margin-bottom: 8px;
+  }
+  .timer {
+    font-size: 12px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #666666;
+    line-height: 18px;
+    margin-bottom: 8px;
   }
   div {
-    line-height: 30px;
   }
 }
 .el-timeline-item__content {
   position: relative;
-  top: -2px;
+}
+/deep/.el-timeline-item__node {
+  background-color: var(--color-primary);
+}
+/deep/.el-timeline-item__tail {
+  border-left: 2px solid var(--color-primary);
 }
 </style>