refactor(inspectiontask/index.vue): 修改：勤策移动端_售点稽查_终端信息的样式布局位置

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/inspectionTask/index.vue

@@ -6,9 +6,17 @@
       @click-left="router.back()">
     </van-nav-bar>
     <div class="content">
-      <p class="title">稽查任务:</p>
+      <!-- <p class="title">稽查任务:</p> -->
       <!-- 终端名称 -->
       <div class="terminal-wrap">
+        <div class="terminal-name">
+          <span>终端名称：</span>
+          <van-field v-model="form.storeName"
+            placeholder="请输入终端名"
+            @change="handleStoreNameChange"
+            class="store-name-input" />
+        </div>
+        <div class="img-info">
           <div>
             <van-image fit="scale-down"
               width="2.25rem"
@@ -17,17 +25,14 @@
               @click="previewStoreImage"></van-image>
           </div>
           <div class="terminal-info">
-          <div class="terminal-name">
-            <span>终端名称：</span>
-            <van-field v-model="form.storeName"
-              placeholder="请输入终端名"
-              @change="handleStoreNameChange" />
-          </div>
+
             <p>终端编码：P0500052306</p>
             <p>经销商：秦皇岛红朗森商贸有限公司</p>
             <p>地址：河北省秦皇岛市海港区北环路街道秦皇岛冻结附录</p>
           </div>
         </div>
+
+      </div>
       <!-- 地址 -->
       <div class="location-wrap">
         <van-icon name="location-o"
@@ -472,13 +477,8 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
         border-radius: 10px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         display: flex;
-        gap: 20px;
-
-        .terminal-info {
-          flex: 1;
-          display: flex;
         flex-direction: column;
-          justify-content: space-between;
+        gap: 20px;
 
         .terminal-name {
           color: black;
@@ -495,15 +495,35 @@ const deleteLongTimePictureArr = async (file, { name, index }) => {
           .van-cell {
             padding: 0;
           }
+
+          .store-name-input {
+            ::v-deep(input) {
+              border-bottom: 1px solid gray;
+            }
+          }
         }
 
+        .img-info {
+          display: flex;
+          gap: 20px;
+
+          .terminal-info {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+
             p {
               font-size: 14px;
-            margin: 0;
+              margin: 5px;
               color: #a1a1a1;
+
+              &:first-child {
+                margin-top: 0;
+              }
+            }
           }
         }
-
 
       }