店铺申请

src/api/storeEntry.js

+import { request } from '../utils/request';
+
+// 入驻申请列表
+export function shopList() {
+  return request({
+    url: `/sgyrdd/shop/list`,
+    method: 'GET',
+  });
+}
+
+// 申请成为商
+export function applyShop(data) {
+  return request({
+    url: `/sgyrdd/shop/apply`,
+    method: 'POST',
+    data,
+  });
+}

src/pages/storeEntry/detail.vue

@@ -5,117 +5,45 @@
       <view class="formmain">
         <wd-form ref="form" :model="formData" :rules="rules">
           <wd-cell-group border>
-            <wd-picker
-              label="店铺类型"
-              placeholder="请选择店铺类型"
-              label-width="100px"
-              prop="promotion"
-              v-model="formData.promotion"
-              :columns="promotionlist"
-            />
-            <wd-input
-              label="店铺名称"
-              label-width="100px"
-              prop="xm"
-              clearable
-              v-model="formData.xm"
-              placeholder="请输入店铺名称"
-            />
-            <wd-input
-              label="联系电话"
-              label-width="100px"
-              prop="sjh"
-              clearable
-              v-model="formData.sjh"
-              placeholder="请输入联系电话"
-            />
-            <wd-input
-              label="所在地区"
-              label-width="100px"
-              v-model="formData.szdq"
-              prop="szdq"
-              readonly
-              placeholder="请选择所在地区"
-              @click="getLocationFn"
-            />
-            <wd-input
-              label="详细地址"
-              label-width="100px"
-              prop="xxdz"
-              clearable
-              v-model="formData.xm"
-              placeholder="请输入详细地址"
-            />
-            <wd-input
-              label="小区/学校"
-              label-width="100px"
-              v-model="formData.szdq"
-              prop="szdq"
-              readonly
-              placeholder="请选择"
-              @click="getLocationFn"
-            />
+            <wd-picker label="店铺类型" placeholder="请选择店铺类型" label-width="100px" prop="promotion"
+              v-model="formData.promotion" :columns="promotionlist" />
+            <wd-input label="店铺名称" label-width="100px" prop="xm" clearable v-model="formData.xm"
+              placeholder="请输入店铺名称" />
+            <wd-input label="联系电话" label-width="100px" prop="sjh" clearable v-model="formData.sjh"
+              placeholder="请输入联系电话" />
+            <wd-input label="所在地区" label-width="100px" v-model="formData.szdq" prop="szdq" readonly
+              placeholder="请选择所在地区" @click="getLocationFn" />
+            <wd-input label="详细地址" label-width="100px" prop="xxdz" clearable v-model="formData.xm"
+              placeholder="请输入详细地址" />
+            <wd-input label="小区/学校" label-width="100px" v-model="formData.szdq" prop="szdq" readonly placeholder="请选择"
+              @click="getLocationFn" />
             <view class="flex">
+
               <view class="logo">LOGO/门头照</view>
-              <wd-upload
-                :file-list="fileList1"
-                image-mode="aspectFill"
-                :action="action"
-                @change="handleChange1"
-                :limit="1"
-                class="img1"
-              ></wd-upload>
+              <wd-upload :file-list="fileList1" image-mode="aspectFill" :action="action" @change="handleChange1"
+                :limit="1" class="img1"></wd-upload>
             </view>
             <view class="flex">
               <view class="logo">营业执照</view>
-              <wd-upload
-                :file-list="fileList1"
-                image-mode="aspectFill"
-                :action="action"
-                @change="handleChange1"
-                :limit="1"
-                class="img1"
-              ></wd-upload>
+              <wd-upload :file-list="fileList1" image-mode="aspectFill" :action="action" @change="handleChange1"
+                :limit="1" class="img1"></wd-upload>
             </view>
             <view class="flex">
               <view class="logo">身份证照</view>
-              <wd-upload
-                :file-list="fileList1"
-                image-mode="aspectFill"
-                :action="action"
-                @change="handleChange1"
-                :limit="1"
-                class="img1"
-              ></wd-upload>
-              <wd-upload
-                :file-list="fileList1"
-                image-mode="aspectFill"
-                :action="action"
-                @change="handleChange1"
-                :limit="1"
-                class="img1"
-              ></wd-upload>
+              <wd-upload :file-list="fileList1" image-mode="aspectFill" :action="action" @change="handleChange1"
+                :limit="1" class="img1"></wd-upload>
+              <wd-upload :file-list="fileList1" image-mode="aspectFill" :action="action" @change="handleChange1"
+                :limit="1" class="img1"></wd-upload>
             </view>
             <view class="flex">
               <view class="logo">店铺分类</view>
               <view class="text" @click="showclass">请选择</view>
             </view>
-            <wd-textarea
-              placeholder="请填写评价"
-              label="店铺介绍"
-              label-width="100px"
-              v-model="formData.szdq"
-              prop="szdq"
-            />
+            <wd-textarea placeholder="请填写评价" label="店铺介绍" label-width="100px" v-model="formData.szdq" prop="szdq" />
 
             <button type="primary" style="width: 80%">提交</button>
           </wd-cell-group>
-          <wd-popup
-            v-model="show"
-            position="bottom"
-            custom-style="height:300px;overflow:auto;"
-            @close="handleClose"
-          >
+          <wd-popup v-model="show" position="bottom" custom-style="height:300px;overflow:auto;" @close="handleClose">
             <view class="hcontent">
               <view class="flex1">
                 <view class="text">取消</view>
@@ -225,6 +153,7 @@ const getLocationFn = () => {
 page {
   background: #fff;
 }
+
 .uni-textarea-placeholder,
 .uni-textarea-line,
 .uni-textarea-compute,
@@ -233,11 +162,14 @@ page {
   height: 220rpx;
   border: 1px solid #d5d1d1;
 }
+
 .wd-tag {
   margin-left: 15rpx;
 }
+
 .hcontent {
   height: 100%;
+
   .flex1 {
     padding: 10px;
     display: flex;
@@ -249,23 +181,28 @@ page {
     background: #fff;
     z-index: 6;
   }
+
   .nr {
     padding-top: 42px;
     display: flex;
+
     .left {
       background: #ebe7e7;
       width: 33%;
       height: 100%;
       overflow-y: auto;
+
       .name {
         text-align: center;
         height: 40px;
         line-height: 40px;
       }
     }
+
     .right {
       background: #fff;
       width: 67%;
+
       .hname {
         font-size: 14px;
         margin: 15rpx;
@@ -282,9 +219,11 @@ page {
   height: 100vh;
   overflow-y: auto;
   padding-bottom: 40rpx;
+
   .content {
     padding-top: 88rpx;
   }
+
   .formmain {
     background: #f3f3f3;
   }
@@ -292,15 +231,16 @@ page {
   .flex {
     display: flex;
     align-items: flex-start;
-    padding: var(--wot-input-cell-padding, 10px)
-      var(--wot-input-padding, var(--wot-size-side-padding, 15px));
+    padding: var(--wot-input-cell-padding, 10px) var(--wot-input-padding, var(--wot-size-side-padding, 15px));
     background-color: var(--wot-input-cell-bg, var(--wot-color-white, rgb(255, 255, 255)));
+
     .text {
       margin-left: 16px;
       width: 60%;
       font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
       color: var(--wot-input-placeholder-color, #bfbfbf);
     }
+
     .logo {
       position: relative;
       padding-left: 12px;
@@ -308,6 +248,7 @@ page {
       display: inline-block;
       font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
       line-height: var(--wot-cell-line-height, 24px);
+
       &::after {
         position: absolute;
         left: 0;
@@ -318,6 +259,7 @@ page {
         color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
       }
     }
+
     .img1 {
       margin-left: 16px;
     }

src/pages/storeEntry/index.vue

@@ -5,17 +5,19 @@
     <view class="content">
       <!-- 列表 -->
       <view class="listcon">
-        <view class="pubList">
+        <view class="pubList" v-for="item in list" :key="item.id">
           <!-- 列表头部 -->
           <view class="titlecon">
-            <span>标题标题</span>
+            <span>{{ item.shopName }}</span>
             <span>未通过</span>
           </view>
           <!-- 列表详细 -->
           <view class="delbox">
             <view class="listPic">
-              <img src="https://www.gywb.cn/upload/web/dataset/2024/08/01/2282c5c7e93b42c88dcfc606440f9716.jpg"
-                alt="" />
+              <img
+                src="https://www.gywb.cn/upload/web/dataset/2024/08/01/2282c5c7e93b42c88dcfc606440f9716.jpg"
+                alt=""
+              />
             </view>
 
             <view class="deltxt">
@@ -36,7 +38,6 @@
             </view>
           </view>
         </view>
-       
       </view>
       <view class="shbox">审核被拒可点击修改重新提交</view>
     </view>
@@ -46,13 +47,17 @@
 
 <script setup>
 import Header from '@/pages/order/components/Header/index.vue';
+import { shopList } from '@/api/storeEntry';
+const list = ref([]);
+const getList = async () => {
+  const res = await shopList();
+  list.value = res.data;
+  console.log(res);
+};
+getList();
 </script>
 
 <style lang="scss" scoped>
-page {
-  background: #f3f3f3;
-}
-
 .container {
   position: relative;
   width: 375 * 2rpx;