feat: 同步APP端审核详情联调；优化当全部驳回时跳到开店入驻页面，同时携带id到url

src/views/start/check.vue

@@ -6,32 +6,35 @@
         { nodata: ![2, 21].includes(auditInfo.approval_status) },
       ]"
     >
-      <div class="tit">
+      <div class="myresult">
         <el-result
-          :icon="
-            auditInfo.approval_status == 1
-              ? 'success'
-              : [3, 5].includes(auditInfo.approval_status)
-              ? 'warning'
-              : 'error'
-          "
-          :title="auditInfo?.approval_remark"
-          :sub-title="
-            auditInfo.approval_status == 1
-              ? '你的店铺已开通，立即前往小发同城商家端APP开始营业吧~'
-              : [3, 5].includes(auditInfo.approval_status)
-              ? '审核中，1-7个工作日内答复，请耐心等待'
-              : '请正确填写以下店铺资料'
-          "
+          v-if="[2].includes(auditInfo.approval_status)"
+          icon="error"
+          title="很遗憾，您无法入驻我们的商城"
+          :sub-title="`拒绝原因：${auditInfo.approval_remark}`"
         >
         </el-result>
 
         <el-result
-        v-if="auditInfo.has_ec_signed == 2 && auditInfo.lkl_ec_result_url"
+          v-if="
+            [3].includes(auditInfo.approval_status) &&
+            !auditInfo.lkl_ec_result_url
+          "
+          icon="warning"
+          title="审核中，1-7个工作日内答复，请耐心等待"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            auditInfo.approval_status == 5 &&
+            auditInfo.has_ec_signed == 2 &&
+            auditInfo.lkl_ec_result_url
+          "
           class="result"
           icon="warning"
-        title="申请通过：请在24小时内签署合同，过期会失效"
-        sub-title="您还没有签署，请签署"
+          title="开店申请资料已通过！请尽快签署合同！"
+          sub-title="签署合同链接24小时内有效，过期需重新申请！"
         >
           <template #extra>
             <el-button type="danger" @click="toSign">立即签署</el-button>
@@ -39,24 +42,136 @@
         </el-result>
 
         <el-result
-      v-if="auditInfo.has_apply_mer == 1 && auditInfo.has_ec_signed == 1"
+          v-if="
+            [21].includes(auditInfo.approval_status) &&
+            auditInfo.has_ec_signed == 1
+          "
           class="result"
-        icon="info"
-        title="店铺初始化中，请耐心等待"
+          icon="warning"
+          title="合同签署完成，商家信息正在提交审核，请耐心等待。"
         >
         </el-result>
 
         <el-result
           v-if="
-          (auditInfo.has_ec_signed == 1 && auditInfo.has_apply_mer == 2) ||
-          auditInfo.approval_status == 21
+            [21].includes(auditInfo.approval_status) &&
+            auditInfo.has_ec_signed == 2
           "
           class="result"
           icon="error"
-        title="进件失败，需要管理员处理"
+          title="抱歉，系统未能完成处理，请联系客服进一步审核后重试。"
         >
         </el-result>
 
+        <el-result
+          v-if="
+            auditInfo.approval_status == 5 &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.store_status == 2
+          "
+          class="result"
+          icon="error"
+          title="系统正在初始化店铺，预计很快完成，请您稍后再来探索。"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            [21].includes(auditInfo.approval_status) &&
+            auditInfo.has_ec_signed == 1 &&
+            auditInfo.has_apply_mer == 2
+          "
+          class="result"
+          icon="error"
+          title=" 抱歉，系统未能完成处理，请联系客服进一步审核后重试。"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            auditInfo.approval_status == 5 &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.has_apply_split == 2 &&
+            auditInfo.store_status == 1
+          "
+          class="result"
+          icon="success"
+          title=" 店铺创建成功，系统正在处理分账业务申请"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            [21].includes(auditInfo.approval_status) &&
+            auditInfo.has_ec_signed == 1 &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.store_status == 2
+          "
+          class="result"
+          icon="error"
+          title=" 店铺创建未成功，请联系客服协助处理，我们将尽快为您解决。"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            auditInfo.approval_status == 5 &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.store_status == 1 &&
+            auditInfo.has_apply_split == 1 &&
+            auditInfo.has_bind_receiver == 2
+          "
+          class="result"
+          icon="success"
+          title="分账业务申请已通过，系统正在处理接收方绑定"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            [21].includes(auditInfo.approval_status) &&
+            auditInfo.has_ec_signed == 1 &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.store_status == 1 &&
+            auditInfo.has_apply_split == 2
+          "
+          class="result"
+          icon="error"
+          title="分账业务处理遇到小问题，需要客服再次确认哦~请稍后联系他们完成审核后重试。"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            [21].includes(auditInfo.approval_status) &&
+            auditInfo.has_ec_signed == 1 &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.store_status == 1 &&
+            auditInfo.has_apply_split == 1 &&
+            auditInfo.has_bind_receiver == 2
+          "
+          class="result"
+          icon="success"
+          title="分账接收方绑定成功，入驻流程即将完成"
+        >
+        </el-result>
+
+        <el-result
+          v-if="
+            [1, 5].includes(auditInfo.approval_status) &&
+            auditInfo.has_apply_mer == 1 &&
+            auditInfo.store_status == 1 &&
+            auditInfo.has_apply_split == 1 &&
+            auditInfo.has_bind_receiver == 1
+          "
+          class="result"
+          icon="error"
+          title="很抱歉，您的分账请求未能通过审核，请联系我们的客服人员获取帮助。"
+        >
+        </el-result>
+        <view class="time" v-if="auditInfo.approval_status != 4">
+          申请时间：{{ auditInfo.created_at }}
+        </view>
       </div>
     </div>
 
@@ -238,7 +353,12 @@
     </div>
 
     <el-dialog v-model="dialogSigned" width="100%">
-      <iframe :src="auditInfo?.lkl_ec_result_url" class="signed_iframe" border="0" frameborder="0"></iframe>
+      <iframe
+        :src="auditInfo?.lkl_ec_result_url"
+        class="signed_iframe"
+        border="0"
+        frameborder="0"
+      ></iframe>
     </el-dialog>
 
     <el-dialog v-model="dialogVisible" width="max-content">
@@ -366,9 +486,9 @@ let auditInfo = ref<{ [key: string]: any }>({
 });
 const formConfig = reactive(JSON.parse(JSON.stringify(config.formConfig)));
 
-const toSign = ()=>{
-  dialogSigned.value = true
-}
+const toSign = () => {
+  dialogSigned.value = true;
+};
 
 const handleGetAuditInfo = async () => {
   const res = (await GetAuditInfo({
@@ -383,6 +503,11 @@ const handleGetAuditInfo = async () => {
   let arr = JSON.parse(res.data.approval_invalid_col);
   arr = uniq(arr);
 
+  if (arr.includes("all")) {
+    router.push({ name: "start", query: { id: res.auditInfo.id } });
+    return;
+  }
+
   const arr2 = formConfig.reduce((acc, item) => {
     if (arr.includes(item.key)) {
       if (item.key == "license_image") {
@@ -428,7 +553,13 @@ const checkForm = async () => {
   });
 
   if (isValid) {
-    if ( difference(['license_type','license_image','license_number'], auditInfo.value.approval_invalid_col).length==0 && applyFormData?.license_type != 1) {
+    if (
+      difference(
+        ["license_type", "license_image", "license_number"],
+        auditInfo.value.approval_invalid_col
+      ).length == 0 &&
+      applyFormData?.license_type != 1
+    ) {
       if (!applyFormData?.license_image?.length) {
         ElMessage.error("请上传许可证图片");
         return;
@@ -810,7 +941,6 @@ const handleUploadError = (error, file) => {
 };
 
 onMounted(() => {
-  // bankListRemoteMethod();
 
   if (!isLoggedIn.value) {
     router.push({ name: "index" });
@@ -856,11 +986,11 @@ onMounted(() => {
   line-height: 20px;
 }
 
-.result{
+.result {
   margin: 30px 0;
 }
 
-.signed_iframe{
+.signed_iframe {
   width: 100%;
   height: 50vh;
 }
@@ -873,12 +1003,41 @@ onMounted(() => {
   justify-content: center;
   background: #eee;
 
-  .tit {
-    font-size: 16px;
-    margin-bottom: 15px;
+  .myresult {
+    display: flex;
+    flex-direction: column;
+    gap: 40px;
     :deep(.el-result) {
       padding: 0;
     }
+    :deep(.el-result) {
+      .el-result__icon {
+        position: relative;
+        &::after {
+          content: "";
+          width: 0px;
+          height: 35px;
+          position: absolute;
+          top: -36px;
+          left: 50%;
+          border-right: 1px #ccc dashed;
+        }
+      }
+
+      &:first-of-type {
+        .el-result__icon {
+          position: relative;
+          &::after {
+            display: none;
+            height: 0;
+          }
+        }
+      }
+    }
+    .time {
+      font-size: 14px;
+      text-align: center;
+    }
   }
 
   .steps-container {

src/views/start/start.vue

@@ -743,13 +743,19 @@
                 <el-tooltip placement="top" effect="light">
                   <template #content>
                     <div class="bank_name_cont">
-                     <p>如开户地为县级市或乡镇区无法搜索到，可选择相同银行的市级支行网点</p>
+                      <p>
+                        如开户地为县级市或乡镇区无法搜索到，可选择相同银行的市级支行网点
+                      </p>
                     </div>
                   </template>
 
                   <el-button type="info" link>
-                    <el-icon color="#e6a23c" size="14" style="margin-right:5px"
-                      ><WarningFilled /></el-icon
+                    <el-icon
+                      color="#e6a23c"
+                      size="14"
+                      style="margin-right: 5px"
+                    >
+                      <WarningFilled /> </el-icon
                     >搜不到我的开户银行，怎么处理？</el-button
                   >
                 </el-tooltip>
@@ -773,7 +779,7 @@
 
 <script lang="ts" setup>
 import { ref, reactive, onMounted, watch } from "vue";
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import { ElMessage } from "element-plus";
 import { Plus, Search, WarningFilled } from "@element-plus/icons-vue";
 
@@ -791,6 +797,7 @@ import {
 } from "@/api/login";
 import { batchNoApi, imgOcrResultApi } from "@/api/upload";
 import { compressImage } from "@/utils/file";
+import { isNumber } from "lodash";
 
 interface Bank {
   id: number;
@@ -808,6 +815,7 @@ const orcImgTypeConf = {
 
 const userStore = useUserStore();
 const router = useRouter();
+const route = useRoute();
 
 const processData = () => {
   const { provinceData, cityData: cityList, areaData } = cityData;
@@ -858,6 +866,7 @@ const uploadFiles = reactive({
 
 let orcTimeout = 0;
 let currentFile = ref(null);
+let pid = ref("");
 let currentBbatchNo = ref("");
 let legal_person_date_type = ref(2);
 let individual_date_type = ref(2);
@@ -1113,9 +1122,18 @@ const handleMerchApply = async () => {
     individual_id_addr,
     individual_id_period_begin,
     individual_id_period_end,
-    email,
   } = applyFormData;
+
+  let ext = {};
+
+  if (pid.value) {
+    ext = {
+      id: pid.value,
+    };
+  }
+
   const res = await merchApply({
+    ...ext,
     bank_name,
     bank_district,
     bank_area,
@@ -1679,10 +1697,18 @@ const clearOtherFields = () => {
 };
 
 onMounted(() => {
+  console.log(id);
   if (!isLoggedIn.value) {
     router.push({ name: "index" });
     return;
   }
+
+  const id = route.query?.id;
+
+  if (isNumber(id)) {
+    pid.value = id;
+  }
+
   GetStoreCategories()
     .then((res) => {
       if (res.code === 0 && res.status === 200) {
@@ -1775,11 +1801,14 @@ onMounted(() => {
   align-items: center;
   margin-left: 10px;
 }
+
 .bank_name_cont {
   width: 360px;
-  h3{
+
+  h3 {
     margin-bottom: 12px;
   }
+
   p {
     font-size: 14px;
     margin-bottom: 12px;