我的-商品管理

app.json

@@ -1,11 +1,14 @@
 {
-  "pages":[
+  "pages": [
     "pages/main-order/main-order",
     "pages/logs/logs",
     "pages/main-message/main-message",
-    "pages/main-my/main-my"
+    "pages/main-my/main-my",
+    "pages/my-manage-goods/my-manage-goods",
+    "pages/my-manage-classify/my-manage-classify",
+    "pages/my-manage-activity/my-manage-activity"
   ],
-  "window":{
+  "window": {
     "navigationBarBackgroundColor": "#ffffff",
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "商家端",
@@ -13,7 +16,7 @@
     "backgroundTextStyle": "light"
   },
   "tabBar": {
-    "color":"#797979",
+    "color": "#797979",
     "selectedColor": "#FF9B27",
     "borderStyle": "black",
     "list": [
@@ -23,20 +26,19 @@
         "iconPath": "./images/订单.png",
         "selectedIconPath": "./images/订单 -active.png"
       },
-    {
-      "pagePath": "pages/main-message/main-message",
-      "text": "消息",
-      "iconPath": "./images/消息.png",
-      "selectedIconPath": "./images/消息-active.png"
-    }, 
-    {
-      "pagePath": "pages/main-my/main-my",
-      "text": "我的",
-      "iconPath": "./images/我的.png",
-      "selectedIconPath": "./images/我的-active.png"
-    }
-  ]
+      {
+        "pagePath": "pages/main-message/main-message",
+        "text": "消息",
+        "iconPath": "./images/消息.png",
+        "selectedIconPath": "./images/消息-active.png"
+      },
+      {
+        "pagePath": "pages/main-my/main-my",
+        "text": "我的",
+        "iconPath": "./images/我的.png",
+        "selectedIconPath": "./images/我的-active.png"
+      }
+    ]
   },
-
   "sitemapLocation": "sitemap.json"
-}
+}

pages/main-my/main-my.wxml

@@ -16,22 +16,22 @@
         <image src="./../../images/右箭头.png" mode="" />
       </view>
     </view>
-  </view> 
-  
-   <!-- <van-cell value="内容"  is-link>
+  </view>
+
+  <!-- <van-cell value="内容"  is-link>
     <view slot="title">
       <van-icon name="https://img1.baidu.com/it/u=319510654,3848329935&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1682701200&t=fa97adc474edd6b1222e12d98c1597fb" size="100px" />
       <text>二食堂一楼麻辣烫</text>
       <text>营业时间：8:00-19:00</text>
     </view>
   </van-cell>  -->
- 
+
 
 
   <view class="main-my-body-box">
-    <van-cell is-link title="商品管理" link-type="navigateTo" />
-    <van-cell is-link title="分类管理" link-type="navigateTo" />
-    <van-cell is-link title="活动管理" link-type="navigateTo" />
+    <van-cell is-link title="商品管理" link-type="navigateTo" url="../my-manage-goods/my-manage-goods" />
+    <van-cell is-link title="分类管理" link-type="navigateTo" url="../my-manage-classify/my-manage-classify" />
+    <van-cell is-link title="活动管理" link-type="navigateTo" url="../my-manage-activity/my-manage-activity" />
     <van-cell is-link title="账单统计" link-type="navigateTo" />
     <van-cell is-link title="选择骑手" link-type="navigateTo" />
     <van-cell is-link="true" title="退出登录" icon="setting-o" />

pages/main-my/main-my.wxss

@@ -2,13 +2,18 @@
   margin: 0;
   padding: 0;
   width: 750rpx;
+  height: 1400rpx;
+  background:#F2F2F2;
 }
 
 .main-my-header-box {
+  background:#ffffff;
+  border-radius: 20rpx;
   width: 718rpx;
   height: 176rpx;
-  border: 1px solid #000;
-  margin: 0 auto;
+  /* border: 1px solid #000; */
+  margin: 20rpx;
+  margin-top: 20rpx;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -18,7 +23,7 @@
 .main-my-header {
   width: 684rpx;
   height: 152rpx;
-  border: 1px solid #000;
+  /* border: 1px solid #000; */
   display: flex;
   justify-content: center;
   align-items: center;
@@ -28,17 +33,19 @@
 .main-my-header-image {
   width: 138rpx;
   height: 120rpx;
-  border: 1px solid #000;
+  /* border: 1px solid #000; */
   margin-left: 0rpx;
 }
+
 .main-my-header-image image{
   width: 138rpx;
   height: 120rpx;
 }
+
 .main-my-header-font {
   width: 350rpx;
   height: 120rpx;
-  border: 1px solid #000;
+  /* border: 1px solid #000; */
   padding-left: 30rpx;
 }
 
@@ -51,11 +58,13 @@
   color: #616161;
   font-size: 24rpx;
 }
+
 .main-my-header-right{
   width: 120rpx;
   height: 120rpx;
-  border: 1px solid #000;
+  /* border: 1px solid #000; */
 }
+
 .main-my-header-right image{
   width: 50rpx;
   height: 50rpx;
@@ -63,10 +72,10 @@
   float: right;
 }
 
-
 .main-my-body-box {
-  margin:0 15rpx;
-  border: 1px solid #000;
+  border-radius: 25rpx;
+  margin:20rpx;
+  /* border: 1px solid #000; */
 }
 /* .main-my-body-box-item{
   width: 692rpx;

pages/my-manage-activity/my-manage-activity.js

@@ -0,0 +1,66 @@
+// pages/my-manage-activity/my-manage-activity.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/my-manage-activity/my-manage-activity.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/my-manage-activity/my-manage-activity.wxml

@@ -0,0 +1,2 @@
+<!--pages/my-manage-activity/my-manage-activity.wxml-->
+<text>pages/my-manage-activity/my-manage-activity.wxml</text>

pages/my-manage-activity/my-manage-activity.wxss

@@ -0,0 +1 @@
+/* pages/my-manage-activity/my-manage-activity.wxss */

pages/my-manage-classify/my-manage-classify.js

@@ -0,0 +1,66 @@
+// pages/my-manage-classify/my-manage-classify.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/my-manage-classify/my-manage-classify.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/my-manage-classify/my-manage-classify.wxml

@@ -0,0 +1,2 @@
+<!--pages/my-manage-classify/my-manage-classify.wxml-->
+<text>pages/my-manage-classify/my-manage-classify.wxml</text>

pages/my-manage-classify/my-manage-classify.wxss

@@ -0,0 +1 @@
+/* pages/my-manage-classify/my-manage-classify.wxss */

pages/my-manage-goods/my-manage-goods.js

@@ -0,0 +1,24 @@
+Page({
+  data: {
+    value: '',
+    result: ['a', 'b'],
+    checked: true
+  },
+  onChange(e) {
+    this.setData({
+      value: e.detail,
+      checked: true,
+    });
+  },
+  onSearch() {
+    Toast('搜索' + this.data.value);
+  },
+  onClick() {
+    Toast('搜索' + this.data.value);
+  },
+  onChange_switch({ detail }) {
+    // 需要手动对 checked 状态进行更新
+    this.setData({ checked: detail });
+  },
+  
+  });

pages/my-manage-goods/my-manage-goods.json

@@ -0,0 +1,18 @@
+{
+  "usingComponents": {
+    "van-search": "@vant/weapp/search/index",
+    "van-button": "@vant/weapp/button/index",
+    "van-checkbox": "@vant/weapp/checkbox/index",
+    "van-checkbox-group": "@vant/weapp/checkbox-group/index",
+    "van-card": "@vant/weapp/card/index",
+    "van-image": "@vant/weapp/image/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "van-switch": "@vant/weapp/switch/index"
+  },
+  "navigationBarBackgroundColor": "#ffffff",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "商品管理",
+  "backgroundColor": "#eeeeee",
+  "backgroundTextStyle": "light"
+ 
+}

pages/my-manage-goods/my-manage-goods.wxml

@@ -0,0 +1,147 @@
+<van-search value="{{ value }}" placeholder="请输入搜索关键词" use-action-slot bind:change="onChange" bind:search="onSearch">
+  <view slot="action" bind:tap="onClick">搜索</view>
+</van-search>
+
+<view class="second-container">
+  <view class="second-select-box">
+    <van-checkbox value="{{ checked }}" bind:change="onChange">全选</van-checkbox>
+  </view>
+  <view class="second-button-box">
+    <van-button round color="#999999" size="small">删除</van-button>
+    <van-button round color="#999999" size="small">一键上架</van-button>
+    <van-button round color="#999999" size="small">一键下架</van-button>
+  </view>
+</view>
+
+<view class="third-container">
+
+<van-checkbox-group value="{{ value }}" bind:change="onChange">
+  <van-checkbox name="a">老式麻辣烫（微辣）</van-checkbox>
+  <van-card class="-container">
+    <view slot="thumb" class="thumb-container">
+      <van-image width="100" height="70" radius="10" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+    </view>
+    <view slot="desc" class="desc-container">
+      <view>
+        价格：9.9
+      </view>
+      <view>
+        原价：15.9
+      </view>
+      <view>
+        积分：20
+      </view>
+      <view>
+        剩余库存：20
+      </view>
+    </view>
+    <view slot="bottom" class="bottom-container">
+      <van-button round size="mini" color="#FF8E0B">活动中</van-button>
+      <view class="up-down">
+        <text>上架/下架</text>
+        <van-switch checked="{{ checked }}" bind:change="onChange_switch" active-color="#FF8E0B" size="10px" inactive-color="#999999" />
+      </view>
+
+      <van-button round size="mini" color="#999999">修改</van-button>
+      <van-button round size="mini" color="#999999">删除</van-button>
+    </view>
+  </van-card>
+</van-checkbox-group>
+<van-checkbox-group value="{{ value }}" bind:change="onChange">
+  <van-checkbox name="a">老式麻辣烫（微辣）</van-checkbox>
+  <van-card class="-container">
+    <view slot="thumb" class="thumb-container">
+      <van-image width="100" height="70" radius="10" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+    </view>
+    <view slot="desc" class="desc-container">
+      <view>
+        价格：9.9
+      </view>
+      <view>
+        原价：15.9
+      </view>
+      <view>
+        积分：20
+      </view>
+      <view>
+        剩余库存：20
+      </view>
+    </view>
+    <view slot="bottom" class="bottom-container">
+      <van-button round size="mini" color="#FF8E0B">活动中</van-button>
+      <view class="up-down">
+        <text>上架/下架</text>
+        <van-switch checked="{{ checked }}" bind:change="onChange_switch" active-color="#FF8E0B" size="10px" inactive-color="#999999" />
+      </view>
+
+      <van-button round size="mini" color="#999999">修改</van-button>
+      <van-button round size="mini" color="#999999">删除</van-button>
+    </view>
+  </van-card>
+</van-checkbox-group>
+<van-checkbox-group value="{{ value }}" bind:change="onChange">
+  <van-checkbox name="a">老式麻辣烫（微辣）</van-checkbox>
+  <van-card class="-container">
+    <view slot="thumb" class="thumb-container">
+      <van-image width="100" height="70" radius="10" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+    </view>
+    <view slot="desc" class="desc-container">
+      <view>
+        价格：9.9
+      </view>
+      <view>
+        原价：15.9
+      </view>
+      <view>
+        积分：20
+      </view>
+      <view>
+        剩余库存：20
+      </view>
+    </view>
+    <view slot="bottom" class="bottom-container">
+      <van-button round size="mini" color="#FF8E0B">活动中</van-button>
+      <view class="up-down">
+        <text>上架/下架</text>
+        <van-switch checked="{{ checked }}" bind:change="onChange_switch" active-color="#FF8E0B" size="10px" inactive-color="#999999" />
+      </view>
+
+      <van-button round size="mini" color="#999999">修改</van-button>
+      <van-button round size="mini" color="#999999">删除</van-button>
+    </view>
+  </van-card>
+</van-checkbox-group>
+<van-checkbox-group value="{{ value }}" bind:change="onChange">
+  <van-checkbox name="a">老式麻辣烫（微辣）</van-checkbox>
+  <van-card class="-container">
+    <view slot="thumb" class="thumb-container">
+      <van-image width="100" height="70" radius="10" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+    </view>
+    <view slot="desc" class="desc-container">
+      <view>
+        价格：9.9
+      </view>
+      <view>
+        原价：15.9
+      </view>
+      <view>
+        积分：20
+      </view>
+      <view>
+        剩余库存：20
+      </view>
+    </view>
+    <view slot="bottom" class="bottom-container">
+      <van-button round size="mini" color="#FF8E0B">活动中</van-button>
+      <view class="up-down">
+        <text>上架/下架</text>
+        <van-switch checked="{{ checked }}" bind:change="onChange_switch" active-color="#FF8E0B" size="10px" inactive-color="#999999" />
+      </view>
+
+      <van-button round size="mini" color="#999999">修改</van-button>
+      <van-button round size="mini" color="#999999">删除</van-button>
+    </view>
+  </van-card>
+</van-checkbox-group>
+  
+</view>

pages/my-manage-goods/my-manage-goods.wxss

@@ -0,0 +1,55 @@
+.second-container {
+  display: flex;
+  justify-content: space-between
+}
+
+.second-select-box {
+  margin-left: 40rpx;
+}
+
+.second-button-box van-button {
+  margin-left: 20rpx;
+}
+
+
+.third-container{
+  margin-top: 20rpx;
+  /* border: 1px solid #000; */
+}
+.card-container {
+  position: relative;
+}
+
+.thumb-container van-image {
+  margin-left: 30rpx;
+}
+
+.thumb-container {
+  width: 230rpx;
+  /* border: 1px solid #000; */
+}
+
+.desc-container {
+  margin-top: 10rpx;
+  margin-left: 60rpx;
+  width: 200rpx;
+  /* border: 1px solid #000; */
+}
+
+.bottom-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: 190rpx;
+  /* border: 1px solid #000; */
+  float: right;
+  position: absolute;
+  top: 10rpx;
+  right: 0rpx;
+}
+.up-down{
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+
+}