商家端 我要开店模块完成

src/pages/tabbar/mine/openStore/corporateInformation.vue

@@ -20,7 +20,7 @@
       <view class="content-item">
         <view class="item-l"> 证件号 </view>
         <view class="item-r">
-          <u--input placeholder="请输入证件号" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入证件号" border="surround" v-model="value" ></u--input>
         </view>
       </view>
       <view class="content-item">
@@ -30,7 +30,7 @@
       <view class="content-item">
         <view class="item-l"> 有效期 </view>
         <view class="item-r">
-          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" ></u--input>
         </view>
       </view>
     </view>

src/pages/tabbar/mine/openStore/qualificationInformation.vue

@@ -9,13 +9,13 @@
       <view class="content-item">
         <view class="item-l"> 证件编号 </view>
         <view class="item-r">
-          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" ></u--input>
         </view>
       </view>
       <view class="content-item">
         <view class="item-l"> 有效期 </view>
         <view class="item-r">
-          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" ></u--input>
         </view>
       </view>
       <view class="content-item">
@@ -33,13 +33,13 @@
       <view class="content-item">
         <view class="item-l"> 证件编号 </view>
         <view class="item-r">
-          <u--input placeholder="请输入证件编号" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入证件编号" border="surround" v-model="value" ></u--input>
         </view>
       </view>
       <view class="content-item">
         <view class="item-l"> 有效期 </view>
         <view class="item-r">
-          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入证件有效期" border="surround" v-model="value" ></u--input>
         </view>
       </view>
       <view class="content-item">

src/pages/tabbar/mine/openStore/selectCategory.vue

@@ -32,15 +32,9 @@
             <view class="item-title">
               <text>{{item.name}}</text>
             </view>
-            <view class="item-box" v-for="itm of item.foods" :key="idx">
-              <view class="item-l">
-                <img class="l-img" src="@/static/QR57a.jpg" alt="">
-              </view>
-              <view class="item-r">
-                <p class='p1'>yizhiyang的鲜花{{itm.name}}11111111111111</p>
-                <p class='p2'>月售100</p>
-                <p class='p2'>库存90</p>
-                <p class='p3'>￥100起</p>
+            <view class="item-box" >
+              <view class="item"  v-for="(itm,idx) of item.foods" :key="idx" :class="itm.type ? 'act-type' : ''" @click="handlerSelectItem(itm,idx)">
+                {{ itm.name }}
               </view>
             </view>
           </view>
@@ -70,19 +64,22 @@
                 "cat": 383,
                 "name": "蔬菜",
                 "icon": "http://nq348.com/uploads/category/20220315/1aeed6fa43b54cd68cce0c4883160f91.png",
-                "key": "蔬菜"
+                "key": "蔬菜",
+                "type":false
               },
               {
                 "cat": 384,
                 "name": "食用菌",
                 "icon": "http://nq348.com/uploads/category/20220418/09839c618b35b510d50151f9a17793ee.png",
-                "key": "食用菌"
+                "key": "食用菌",
+                "type":false
               },
               {
                 "cat": 385,
                 "name": "水果",
                 "icon": "http://nq348.com/uploads/category/20220418/5294ad2fc7effc9629cbfdb8baf41773.png",
-                "key": "水果"
+                "key": "水果",
+                "type":false
               }
             ]
           },
@@ -92,33 +89,37 @@
                 "cat": 434,
                 "name": "包装",
                 "icon": "http://nq348.com/uploads/category/20220418/ebdfd326333344825adbe81dbd89e2c9.png",
-                "key": "包装"
+                "key": "包装",
+                "type":false
               },
               {
                 "cat": 435,
                 "name": "安全溯源",
                 "icon": "http://nq348.com/uploads/category/20220418/03230c63f066f46005abf5f576df0ed1.png",
-                "key": "安全溯源"
+                "key": "安全溯源",
+                "type":false
               },
               {
                 "cat": 436,
                 "name": "农用百货",
                 "icon": "http://nq348.com/uploads/category/20220418/93393f2df3264faba86bb449a0c10a79.png",
-                "key": "农用百货"
+                "key": "农用百货",
+                "type":false
               },
               {
                 "cat": 437,
                 "name": "仓储物流",
                 "icon": "http://nq348.com/uploads/category/20220418/f553505ebabbcb1bf762b288716cf1e7.png",
-                "key": "仓储物流"
+                "key": "仓储物流",
+                "type":false
               }
             ]
           }
         ],
         list1: [{
-          name: '在售中',
+          name: '主营服务',
         }, {
-          name: '已下架',
+          name: '辅盈服务(选填)',
         }],
       }
     },
@@ -266,6 +267,11 @@
           this.delete_type = false
         }
       },
+      // 选择类型
+      handlerSelectItem(itm,idx){
+        console.log('itm',itm,idx);
+        itm.type = !itm.type
+      },
       // 跳转到下一步
       handlerSkipNext(){
         uni.navigateTo({
@@ -395,47 +401,20 @@
   }
 
   .item-box {
-    display: flex;
-    margin-bottom: 10rpx;
-
-    .item-l {
-      border: 2rpx solid #EEF0F0;
-      border-radius: 20rpx;
-      margin-right: 20rpx;
-
-      .l-img {
-        width: 140rpx;
-        height: 130rpx;
-        border-radius: 20rpx;
-      }
+    display: grid;
+    grid-template-columns: 30% 30% 30%;
+    justify-content: space-between;
+    .item{
+      margin-bottom: 10rpx;
+      background-color: #EDEBEB;
+      color:#000;
+      padding: 10rpx;
+      text-align: center;
+      border-radius: 10rpx;
     }
-
-    .item-r {
-
-      .p1,
-      .type_p1 {
-        width: 350rpx;
-        font-size: 28rpx;
-        color: #000;
-        margin-bottom: 5rpx;
-        overflow-x: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .type_p1 {
-        width: 480rpx;
-      }
-
-      .p2 {
-        font-size: 24rpx;
-        color: #A4A5AD;
-      }
-
-      .p3 {
-        font-size: 26rpx;
-        color: #D6534D;
-      }
+    .act-type{
+      border: 2rpx solid #5992BB !important;
+      color: #5992BB !important;
     }
   }
 
@@ -457,7 +436,7 @@
     color: #fff;
     font-size: 32rpx;
     border-radius: 40rpx;
-    margin-top: 40rpx;
+    margin-bottom: 40rpx;
     width: 95%;
   }
   ::v-deep .u-input--radius.data-v-fdbb9fe6,

src/pages/tabbar/mine/openStore/storeInformation.vue

@@ -21,7 +21,7 @@
       <view class="content-item">
         <view class="item-l"> 主营服务 </view>
         <view class="item-r">
-          <!-- <u--input placeholder="请选择主营服务" border="surround" suffixIcon="arrow-right" v-model="value" type='number'></u--input> -->
+          <!-- <u--input placeholder="请选择主营服务" border="surround" suffixIcon="arrow-right" v-model="value" ></u--input> -->
           <uni-data-select class="data_select" placeholder="请选择主营服务" v-model="value1" :localdata="range"
             @change="change"></uni-data-select>
           <u-icon name="arrow-right" color="#97989A" size="18"></u-icon>
@@ -31,7 +31,7 @@
         <view class="item-l"> 辅营服务 </view>
         <view class="item-r">
           <!-- <u--input placeholder="请选择辅营服务" border="surround" suffixIcon="arrow-right" v-model="value"
-            type='number'></u--input> -->
+            ></u--input> -->
           <uni-data-select class="data_select" placeholder="请选择辅营服务" v-model="value1" :localdata="range"
             @change="change"></uni-data-select>
           <u-icon name="arrow-right" color="#97989A" size="18"></u-icon>
@@ -43,20 +43,20 @@
       <view class="content-item">
         <view class="item-l"> 店铺名称 </view>
         <view class="item-r">
-          <u--input placeholder="请输入店铺名称" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入店铺名称" border="surround" v-model="value" ></u--input>
         </view>
       </view>
       <view class="content-item">
         <view class="item-l"> 所在地 </view>
         <view class="item-r">
           <u--input placeholder="请选择所在地" border="surround" suffixIcon="arrow-right" v-model="value"
-            type='number'></u--input>
+           ></u--input>
         </view>
       </view>
       <view class="content-item">
         <view class="item-l"> 详细地址 </view>
         <view class="item-r">
-          <u--input placeholder="请输入门店详细地址" border="surround" v-model="value" type='number'></u--input>
+          <u--input placeholder="请输入门店详细地址" border="surround" v-model="value" ></u--input>
         </view>
       </view>
     </view>

src/pages/tabbar/store/shopManage.vue

@@ -59,7 +59,9 @@
         <view class="page-view">
           <view class="class-item2" :id="'item' + index" v-for="(item , index) in tabbar" :key="index">
             <view class="item-box" v-for="itm of item.foods" :key="idx">
-                <u-checkbox shape='circle'> </u-checkbox>
+               <u-checkbox-group>
+               	<u-checkbox v-model="checked" shape="circle" ></u-checkbox>
+               </u-checkbox-group>
               <view class="item-l">
                 <img class="l-img" src="@/static/QR57a.jpg" alt="">
               </view>
@@ -263,6 +265,7 @@
         }, {
           name: '已下架',
         }],
+        checked:false,
         search: '',
         delete_type: false,
       }