同城店铺新建流程重构

src/views/deviceOutside/index.vue

@@ -35,13 +35,27 @@
         <div class="cellcontent" v-for="(item, index) in list" :key="index">
           <van-cell>
             <div class="card">
-              <div class="title titlero btn" :data-clipboard-text="item.storeCode">
-                {{ item.storeName }}(<span style="color: #0057ba">{{ item.storeCode }}</span
-                >)<van-icon
-                  :name="paste"
-                  color="#ee0a24"
-                  size="20"
-                  style="top: 6px; margin-left: 4px" />
+              <div class="title titlero">
+                <span class="btn" :data-clipboard-text="item.storeCode">
+                  <span>{{ item.storeName }}</span>
+                  (<span style="color: #0057ba">{{ item.storeCode }}</span
+                  >)
+                  <van-icon
+                    :name="paste"
+                    color="#ee0a24"
+                    size="20"
+                    style="top: 6px; margin-left: 4px" />
+                </span>
+                <!-- "approvalStatus": 1:已结案;0:未结案， -->
+                <!-- "processApprovalStatus": 审批状态（0=未提交，1=已提交待审核，2=审批通过，3=审批拒绝） -->
+                <template v-if="item.approvalStatus == 0">
+                  <span class="statusIcon submit" v-if="item.processApprovalStatus == 1"
+                    >已提交</span
+                  >
+                  <span class="statusIcon noSubmit" v-if="item.processApprovalStatus == 0"
+                    >未提交</span
+                  >
+                </template>
               </div>
               <div class="info" style="position: relative">
                 联系人：{{ item.contactName }}
@@ -2427,6 +2441,22 @@ export default {
   color: #333;
   line-height: 22px;
   padding-right: 52px;
+  .statusIcon {
+    padding: 3px;
+    font-size: 12px;
+    margin: 0 3px;
+    color: #fff;
+    display: inline-block;
+    height: 20px;
+    line-height: 16px;
+    vertical-align: -1px;
+  }
+  .submit {
+    background: #ffba13;
+  }
+  .noSubmit {
+    background: #f11818;
+  }
 }
 .card .info {
   font-size: 14px;

src/views/deviceOutside/topStore.vue

@@ -76,13 +76,27 @@
           <div class="cellcontent" v-for="(item, index) in list" :key="index">
             <van-cell>
               <div class="card">
-                <div class="title titlero btn" :data-clipboard-text="item.storeCode">
-                  {{ item.storeName }}(<span style="color: #0057ba">{{ item.storeCode }}</span
-                  >)<van-icon
-                    :name="paste"
-                    color="#ee0a24"
-                    size="20"
-                    style="top: 6px; margin-left: 4px" />
+                <div class="title titlero">
+                  <span class="btn" :data-clipboard-text="item.storeCode">
+                    <span>{{ item.storeName }}</span>
+                    (<span style="color: #0057ba">{{ item.storeCode }}</span
+                    >)
+                    <van-icon
+                      :name="paste"
+                      color="#ee0a24"
+                      size="20"
+                      style="top: 6px; margin-left: 4px" />
+                  </span>
+                  <!-- "approvalStatus": 1:已结案;0:未结案， -->
+                  <!-- "processApprovalStatus": 审批状态（0=未提交，1=已提交待审核，2=审批通过，3=审批拒绝） -->
+                  <template v-if="item.approvalStatus == 0">
+                    <span class="statusIcon submit" v-if="item.processApprovalStatus == 1"
+                      >已提交</span
+                    >
+                    <span class="statusIcon noSubmit" v-if="item.processApprovalStatus == 0"
+                      >未提交</span
+                    >
+                  </template>
                 </div>
                 <div class="info" style="position: relative">
                   联系人：{{ item.contactName }}

src/views/deviceWithin/index.vue

@@ -53,15 +53,25 @@
       <div class="cellcontent" v-for="(item, index) in list" :key="index">
         <van-cell>
           <div class="card">
-            <div class="title btn" :data-clipboard-text="item.storeCode">
-              <span>{{ item.storeName }}</span> (<span style="color: #0057ba">{{
-                item.storeCode
-              }}</span
-              >)<van-icon
-                :name="paste"
-                color="#ee0a24"
-                size="20"
-                style="top: 6px; margin-left: 4px" />
+            <div class="title">
+              <span class="btn" :data-clipboard-text="item.storeCode">
+                <span>{{ item.storeName }}</span>
+                (<span style="color: #0057ba">{{ item.storeCode }}</span
+                >)
+                <van-icon
+                  :name="paste"
+                  color="#ee0a24"
+                  size="20"
+                  style="top: 6px; margin-left: 4px" />
+              </span>
+              <!-- "approvalStatus": 1:已结案;0:未结案， -->
+              <!-- "processApprovalStatus": 审批状态（0=未提交，1=已提交待审核，2=审批通过，3=审批拒绝） -->
+              <template v-if="item.approvalStatus == 0">
+                <span class="statusIcon submit" v-if="item.processApprovalStatus == 1">已提交</span>
+                <span class="statusIcon noSubmit" v-if="item.processApprovalStatus == 0"
+                  >未提交</span
+                >
+              </template>
             </div>
             <div class="info">
               类型：{{ item.storeCategory }} &nbsp;