feat：新增产品列表操作、评论

commit/product.js

@@ -164,4 +164,64 @@ export function reviewGoodsReplyApi(id,data) {
         data,
         apiType
     })
+}
+
+
+/**
+ * @description 商品列表 -- 上下架
+ */
+
+export function changeshowApi(id, data) {
+     return myRequestPhp({
+         url: `${pre}mer/store/product/status/${id}`,
+         method: 'POST',
+         data,
+         apiType
+     })
+}
+/**
+ * @description 商品列表--删除
+ */
+export function destoryApi(id,data) {
+     return myRequestPhp({
+         url: `${pre}mer/store/product/destory/${id}`,
+         method: 'DELETE',
+         data,
+         apiType
+     })
+}
+
+/**
+ * @description 商品列表 -- 删除
+ */
+export function productDeleteApi(id,data) {
+     return myRequestPhp({
+         url: `${pre}mer/store/product/delete/${id}`,
+         method: 'DELETE',
+         data,
+         apiType
+     })
+}
+
+/***
+ * @description 商品列表 -- 恢复商品
+ */
+export function productRestoreApi(id,data) {
+      return myRequestPhp({
+          url: `${pre}mer/store/product/restore/${id}`,
+          method: 'POST',
+          data,
+          apiType
+      })
+}
+
+
+
+export function Addseckill(data) {
+     return myRequestPhp({
+         url: `${pre}mer/store/product/seckill`,
+         method: 'POST',
+         data,
+         apiType
+     })
 }

commit/requestPhp.js

@@ -13,7 +13,8 @@ export function myRequestPhp(options) {
 	let header = {
 		'Content-Type': 'application/json;charset=UTF-8',
 		// 'X-Token': 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcGkuaHh4ZmIuY29tIiwiYXVkIjoiYXBpLmh4eGZiLmNvbSIsImlhdCI6MTc0MDM3MTM1NSwibmJmIjoxNzQwMzcxMzU1LCJleHAiOjE3NTExNzEzNTUsImp0aSI6WzI5OCwibWVyIl19.j2f8VwdwWY4zBpcijHntzUZ9YUms2SxChaVsYf7KnPs',
-		"x-Token": uni.getStorageSync('phpToken'), //token
+		// "x-Token": uni.getStorageSync('phpToken'), //token
+		// "X-Token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJhcGkuaHh4ZmIuY29tIiwiYXVkIjoiYXBpLmh4eGZiLmNvbSIsImlhdCI6MTc0MDU3MTQ0OCwibmJmIjoxNzQwNTcxNDQ4LCJleHAiOjE3NTEzNzE0NDgsImp0aSI6WzM1NCwibWVyIl19.PVwYv71Gq9RxTxQclUoFMgc8cZt0ju3zQkxk6SGCQJw",
 		...options.header
 	}
 	return new Promise((resolve, reject) => {
@@ -39,14 +40,14 @@ export function myRequestPhp(options) {
 					await  getPhpToken()
 					 resolve(res)
 				} else { //除了500都会走以下操作
+					// console.log(message, "messag9999e")
 					 uni.showToast({
 						title: message,
 						icon: 'none',
 						duration: 6000
 					})
-					return
+					// reject(res)
 				}
-				uni.hideToast();
 			},
 			fail(err) {
 				console.log(err,"接口")
@@ -67,7 +68,7 @@ export function myRequestPhp(options) {
 
 			},
 			complete() {
-				uni.hideToast();
+				// uni.hideToast();
 			}
 		});
 	}).catch(() => {

pages/supplychainon/supplychainon.vue

@@ -106,6 +106,7 @@ export default {
       this.type = item.type || 1;
       this.page = 1;
       this.is_panudn = true;
+       uni.pageScrollTo({ scrollTop: 0, duration: 0 });
       await this.getSupplyChainListData();
     },
     async getSupplyChainTabData() {

shop/afterSalesManagement/afterCardListInfo.vue

@@ -1,8 +1,15 @@
 <template>
   <view class="details-xiangqing">
     <view class="details-xiangqing-top">
-      <view class="details-xiangqing-top-let" v-if="detailItem.order&&detailItem.order.mer_avatar">
-        <image :src="detailItem.order.mer_avatar" mode="widthFix" v-if="detailItem.order.mer_avatar"></image>
+      <view
+        class="details-xiangqing-top-let"
+        v-if="detailItem.order && detailItem.order.mer_avatar"
+      >
+        <image
+          :src="detailItem.order.mer_avatar"
+          mode="widthFix"
+          v-if="detailItem.order.mer_avatar"
+        ></image>
       </view>
       <view class="details-xiangqing-top-in" v-if="detailItem.order">
         {{ detailItem.refund_order_sn }}
@@ -15,29 +22,49 @@
           class="arrow_right_log"
         ></uni-icons>
       </view>
-      <view class="details-xiangqingt-yi-top-right"> {{formatDataValue(detailItem,'status')}} </view>
+      <view class="details-xiangqingt-yi-top-right">
+        {{ formatDataValue(detailItem, "status") }}
+      </view>
     </view>
     <view class="details-xiangqing-niri">
       <view
         class="order-list-yi-in-neibu"
         v-for="(item, index) in detailItem.refundProduct"
-        :key="index+'_index'+item.order_product_id"
+        :key="index + '_index' + item.order_product_id"
       >
-      <!-- item.product.cart_info.product -->
+        <!-- item.product.cart_info.product -->
         <view class="order-list-yi-in-neibu-left">
           <view class="order-list-yi-in-neibu-left-img" v-if="item.product">
-            <image :src="item.product.cart_info.product.image" @error="handleError"  mode="widthFix" v-if="item.product.cart_info && !isError"></image>
-            <image
-            v-else
-              src="/static/images/new_ui/wutu.png"
-             mode="widthFix"
-            />
+            <template
+              v-if="
+                item.product.cart_info &&
+                item.product.cart_info.product &&
+                item.product.cart_info.product.image &&
+                !isError
+              "
+            >
+              <image
+              class="cusotm"
+                :src="item.product.cart_info.product.image"
+                @error="handleError"
+                mode="aspectFit"
+              ></image>
+            </template>
+            <template v-else>
+              <image src="/static/images/new_ui/wutu.png" mode="aspectFit" />
+            </template>
           </view>
           <view class="order-list-yi-in-neibu-left-url">
-            <view class="order-list-yi-in-neibu-left-url-top" v-if="item.product">
-              {{ item.product.cart_info.product.store_name || '' }}
+            <view
+              class="order-list-yi-in-neibu-left-url-top"
+              v-if="item.product"
+            >
+              {{ item.product.cart_info.product.store_name || "" }}
             </view>
-            <view class="order-list-yi-in-neibu-left-url-top" v-if="item.product">
+            <view
+              class="order-list-yi-in-neibu-left-url-top"
+              v-if="item.product"
+            >
               {{ item.product.cart_info.productAttr.sku }}
             </view>
           </view>
@@ -53,10 +80,15 @@
       </view>
 
       <view class="brn-ligd">
-        <view class="btn-cls" @click="viewWuLiu(detailItem)" v-if="detailItem&&detailItem.delivery_id"> 查看物流 </view>
+        <view
+          class="btn-cls"
+          @click="viewWuLiu(detailItem)"
+          v-if="detailItem && detailItem.delivery_id"
+        >
+          查看物流
+        </view>
         <view class="btn-cls" @click="viewDetail(detailItem)"> 查看详情 </view>
       </view>
-
     </view>
   </view>
 </template>
@@ -64,33 +96,32 @@
 <script>
 //订单详情 卡片详细信息
 import { copy } from "@/utils/index.js";
-import {orderRefundFilter} from "../commodity/orderUtil.js"
+import { orderRefundFilter } from "../commodity/orderUtil.js";
 export default {
-  props:{
-    detailItem:{
-      type:Object,
-      default:()=>{}
-
+  props: {
+    detailItem: {
+      type: Object,
+      default: () => {},
+    },
+    index: {
+      type: Number,
+      default: 0,
     },
-    index:{
-      type:Number,
-      default:0
-    }
   },
   data() {
     return {
-      isError:false
+      isError: false,
     };
   },
 
   methods: {
-        handleError(e){
-      this.isError = e.type=="error"?true:false
-      console.log(e,"e",this.isError)
+    handleError(e) {
+      this.isError = true;
+      // console.log(e,"e",this.isError)
     },
-    formatDataValue(data,type){
-      if(type === 'status'){
-        return orderRefundFilter(data[type]) || ''
+    formatDataValue(data, type) {
+      if (type === "status") {
+        return orderRefundFilter(data[type]) || "";
       }
     },
     handleCopy(val) {
@@ -99,12 +130,11 @@ export default {
     sendGoods() {},
     //查看物流
     viewWuLiu(val) {
-     this.$emit("viewWuLiu", val);
+      this.$emit("viewWuLiu", val);
     },
     viewDetail(val) {
       this.$emit("viewDetail", val);
-    }
-  
+    },
   },
 };
 </script>

shop/afterSalesManagement/components/tablist.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="content">
+  <view class="content"  @touchmove.prevent>
     <view class="nav">
       <!-- 选项卡水平方向滑动，scroll-with-animation是滑动到下一个选项时，有一个延时效果 -->
       <scroll-view
@@ -7,6 +7,7 @@
         scroll-x="true"
         scroll-with-animation
         :scroll-left="scrollLeft"
+        @touchmove.stop
       >
         <view class="tab-scroll_box">
           <!-- 选项卡类别列表 -->

shop/afterSalesManagement/index.vue

@@ -103,6 +103,7 @@ export default {
     this.is_panudn = true;
     this.list = [];
     this.getAfterSaleListData();
+    
   },
   onReachBottom() {
     if (this.is_panudn == true) {
@@ -237,6 +238,10 @@ export default {
       } else {
         this.status = "";
       }
+       this.page = 1;
+       this.list = [];
+      this.is_panudn = true;
+       uni.pageScrollTo({ scrollTop: 0, duration: 0 });
       await this.getAfterSaleListData();
     },
   },

shop/commodity/order.vue

@@ -320,6 +320,7 @@ export default {
       this.page = 1;
        this.list = [];
       this.is_panudn = true;
+       uni.pageScrollTo({ scrollTop: 0, duration: 0 });
       this.orderList();
     },
     topgi() {

shop/productManagementModule/components/productEvaluation/ProductEvaluationItem.vue

@@ -28,12 +28,13 @@
           :src="item.image"
           mode="aspectFill"
           @error="handleError"
+          @load="handleLoad"
           v-if="item.image && !isError"
         ></image>
         <image
           class="product-img"
           v-else
-          src="/static/images/new_ui/kongtu.png"
+          src="/static/images/new_ui/wutu.png"
           mode="scaleToFill"
         />
         <view class="product-detail">
@@ -75,8 +76,12 @@ export default {
   },
   methods: {
     handleError(e) {
+      console.log(e);
       this.isError = true;
     },
+    handleLoad(e){
+      // console.log(e,"LOAD");
+    },
     close() {
       this.$refs.ReplyRefs.close();
       this.$emit("handleReply", {

shop/productManagementModule/components/tablist.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="content">
+  <view class="content" @touchmove.prevent>
     <view class="nav">
       <!-- 选项卡水平方向滑动，scroll-with-animation是滑动到下一个选项时，有一个延时效果 -->
       <scroll-view
@@ -7,6 +7,7 @@
         scroll-x="true"
         scroll-with-animation
         :scroll-left="scrollLeft"
+        @touchmove.stop
       >
         <view class="tab-scroll_box">
           <!-- 选项卡类别列表 -->

shop/productManagementModule/productManagement.vue

@@ -13,55 +13,107 @@
         </view>
       </view>
       <view class="product-manger-content--tab">
-        <tabsVue :category="dataList" :currentActive="currentActive" @tabs="tabsHandleClick"/>
+        <tabsVue
+          :category="dataList"
+          :currentActive="currentActive"
+          @tabs="tabsHandleClick"
+        />
       </view>
     </view>
     <view class="product-manger-content--list">
-       <template v-if="list.length > 0">
-      <view class="list-card" v-for="(item, index) in list" :key="index">
-        <view class="list-card-top">
-          <view class="list-card-top--left">
-            <image
-              src="/static/images/new_ui/tianjiachanpin.png"
-              mode="scaleToFill"
-              @error="imgError"
-            />
-          </view>
-          <view class="list-card-top--right">
-            <view class="list-card-top--right-title"
-              >此处显示商品名称最多一行，显示不下此处显示商品名称最多一行，显示不下</view
-            >
-            <view class="list-card-top--right-description">
-              <view class="list-card-top--right-description--left">
-                <text class="title">销量</text>
-                <text>5000</text>
+      <template v-if="list.length > 0">
+        <view class="list-card" v-for="(item, index) in list" :key="index">
+          <view class="list-card-top">
+            <view class="list-card-top--left">
+              <image
+                v-if="item.image && !isError"
+                :src="item.image"
+                mode="scaleToFill"
+                @error="imgError"
+                @load="loadImage"
+              />
+              <image
+                v-else
+                src="/static/images/new_ui/wutu.png"
+                mode="scaleToFill"
+                @error="imgError"
+              />
+            </view>
+            <view class="list-card-top--right">
+              <view class="list-card-top--right-title">{{
+                item.store_name
+              }}</view>
+              <view class="list-card-top--right-description">
+                <view class="list-card-top--right-description--left">
+                  <text class="title">销量</text>
+                  <text class="mdikd">{{ item.sales || 0 }}</text>
+                </view>
+                <view class="list-card-top--right-description--right">
+                  <text class="title">库存</text>
+                  <text class="mdikd">{{ item.stock || 0 }}</text>
+                </view>
               </view>
-              <view class="list-card-top--right-description--right">
-                <text class="title">库存</text>
-                <text>5000</text>
+              <view class="list-card-top--right-description">
+                <view class="list-card-top--right-description--left">
+                  <text class="title">活动：</text>
+                  <text class="mdikd" style="color: red">{{
+                    item.seckill == 1 ? "秒杀" : "无"
+                  }}</text>
+                </view>
               </view>
-            </view>
-            <view class="list-card-top--right-price">
-              <view class="list-card-top--right-price--left">
-                <text>¥</text>
-                <text class="price">5000</text>
+              <view class="list-card-top--right-price">
+                <view class="list-card-top--right-price--left">
+                  <text>¥</text>
+                  <text class="price">{{ item.price || "0.00" }}</text>
+                </view>
               </view>
             </view>
           </view>
-        </view>
-        <view class="list-card-bottom-btn">
-          <view class="list-card-bottom-btn-list">
-            <view class="list-card-bottom-btn-list--item">推荐</view>
-            <view class="list-card-bottom-btn-list--item">驳回原因</view>
-            <view class="list-card-bottom-btn-list--item">上架</view>
-            <view class="list-card-bottom-btn-list--item">下架</view>
-            <view class="list-card-bottom-btn-list--item">删除草稿</view>
+          <view class="list-card-bottom-btn">
+            <view class="list-card-bottom-btn-list">
+              <button
+                class="list-card-bottom-btn-list--item set-activity active"
+                @click="huodong(item, index)"
+              >
+                活动
+              </button>
+              <!-- v-if="tableFrom.type === '5'" -->
+              <button
+                v-if="type == 5"
+                class="list-card-bottom-btn-list--item bohui-activity active"
+                @click="handleRestore(item.product_id)"
+              >
+                恢复商品
+              </button>
+              <template v-if="type == 1 || type == 2">
+                <button
+                  class="list-card-bottom-btn-list--item set-activity active"
+                  v-if="item.is_show == 0"
+                  @click="onHandleShow(item, 'shangjia')"
+                >
+                  上架
+                </button>
+                <button
+                  v-if="item.is_show == 1"
+                  class="list-card-bottom-btn-list--item set-activity active"
+                  @click="onHandleShow(item, 'xiajia')"
+                >
+                  下架
+                </button>
+              </template>
+              <button
+                v-if="type != 1 && type != 3 && type != 4"
+                class="list-card-bottom-btn-list--item delete-activity active"
+                @click="handleDelete(item, index)"
+              >
+                {{ type == "5" ? "删除" : "加入回收站" }}
+              </button>
+            </view>
           </view>
         </view>
-      </view>
-       </template>
-       <template v-else>
-        <emptyDataVue style="top:0"/>
+      </template>
+      <template v-else>
+        <emptyDataVue style="top: 0" />
       </template>
       <view
         class=""
@@ -71,6 +123,70 @@
         —— 已经到最底部了哦 ——
       </view>
     </view>
+    <!-- 弹窗主体 -->
+    <uni-popup
+      ref="popup"
+      type="center"
+      :is-mask-click="false"
+      background-color="#rgba(0,0,0,0.5)"
+    >
+      <view class="popup-container" :class="[isOpen ? 'popup-show' : '']">
+        <!-- 标题区 -->
+        <view class="popup-header">
+          <text class="title">活动设置</text>
+        </view>
+        <!-- 内容区 -->
+        <view class="content-wrapper">
+          <view class="form-item">
+            <uni-data-checkbox
+              mode="button"
+              icon="left"
+              v-model="formData.radio"
+              :localdata="rangeData"
+            ></uni-data-checkbox>
+          </view>
+          <!-- 秒杀区块 -->
+          <view class="form-item">
+            <uni-data-checkbox
+              mode="button"
+              icon="left"
+              v-model="formData.radios"
+              :localdata="rangeData1"
+              @change="onSwitchChange"
+            ></uni-data-checkbox>
+          </view>
+
+          <!-- 价格输入 -->
+          <view class="form-item">
+            <view class="item-label">秒杀价格</view>
+            <uni-easyinput
+              v-model="formData.seckill_price"
+              :errorMessage="isEmpty"
+              focus
+              placeholder="输入价格"
+              :adjust-position="false"
+              @change="changeInput"
+              type="digit"
+            ></uni-easyinput>
+          </view>
+          <!-- 时间选择 -->
+          <view class="form-item">
+            <view class="item-label">时间设置</view>
+            <uni-datetime-picker
+              type="datetime"
+              v-model="formData.seckill_date"
+              @change="onDateChange"
+            />
+          </view>
+        </view>
+
+        <!-- 操作按钮 -->
+        <view class="action-btns">
+          <button class="btn prev-step" @click="closePopup">取消</button>
+          <button class="btn submit-btn" @click="handleSubmit">提交</button>
+        </view>
+      </view>
+    </uni-popup>
   </view>
 </template>
 
@@ -79,14 +195,22 @@ import headersVue from "../components/headers/headers.vue";
 import searchVue from "./components/search/search.vue";
 import tabsVue from "./components/tablist.vue";
 import emptyDataVue from "../components/emptyData/emptyData.vue";
-import { getProductList, getGoodsTab } from "@/commit/product.js";
+import {
+  getProductList,
+  getGoodsTab,
+  changeshowApi,
+  destoryApi,
+  productDeleteApi,
+  productRestoreApi,
+  Addseckill, //活动
+} from "@/commit/product.js";
 //商品列表
 export default {
   components: {
     headersVue,
     searchVue,
     tabsVue,
-    emptyDataVue
+    emptyDataVue,
   },
 
   data() {
@@ -103,7 +227,7 @@ export default {
       type: 1,
       is_gift_bag: "",
       p_type: "",
-      isError:false,
+      isError: false,
       dataList: [
         {
           type: 1,
@@ -141,6 +265,21 @@ export default {
           count: 0,
         },
       ],
+      formData: {
+        radio: "1",
+        radios: "1",
+        seckill_price: "",
+        seckill_date: "",
+        product_id: "",
+      },
+      isOpen: false,
+      rangeData: [
+        { value: "1", text: "大仓活动" },
+        { value: "2", text: "平台活动" },
+      ],
+      rangeData1: [{ value: "1", text: "秒杀" }],
+      isEmpty: false,
+      dataObj: {},
     };
   },
   async onLoad(options) {
@@ -169,8 +308,15 @@ export default {
     }
   },
   methods: {
-    imgError(){
-      this.isError = true
+    async initData() {
+      await this.getGoodsTabData();
+      await this.getProductListData();
+    },
+    imgError() {
+      this.isError = true;
+    },
+    loadImage(e) {
+      // console.log(e,"loadImage")
     },
     headerJump() {
       uni.switchTab({ url: "/shop/productManagementModule/index" });
@@ -227,12 +373,225 @@ export default {
         uni.hideLoading();
       }
     },
-      async tabsHandleClick(obj) {
+    async tabsHandleClick(obj) {
       this.currentActive = obj.index;
       this.type = obj.item?.type || 1;
-
+      this.page = 1;
+      this.list = [];
+      this.is_panudn = true;
+      uni.pageScrollTo({ scrollTop: 0, duration: 0 });
       await this.getProductListData();
     },
+    async search(val) {
+      this.keyword = val;
+      // console.log(val)
+      await this.getProductListData();
+    },
+    async onHandleShow(item, type) {
+      const id = item.product_id;
+      const data = {
+        status: item.is_show,
+      };
+      const titleTips = item.is_show == 1 ? "商品下架中" : "商品上架中";
+      const titleMsg = item.is_show == 1 ? "商品下架成功" : "商品上架成功";
+      uni.showLoading({
+        title: titleTips,
+      });
+      try {
+        const res = await changeshowApi(id, data);
+        if (res.data.status == 200) {
+          uni.showToast({
+            title: titleMsg,
+            icon: "none",
+          });
+          await this.getProductListData();
+        }
+      } catch (error) {
+      } finally {
+        uni.hideLoading();
+        uni.hideToast();
+      }
+    },
+    /**删除 */
+    handleDelete(item, index) {
+      //  {{item.type === "5" ? "删除" : "加入回收站"}}
+      const req = this.type === "5" ? destoryApi : productDeleteApi;
+      const titleContent =
+        this.type === "5" ? "是否删除产品？" : "是否商品加入回收站中？";
+      const titleTips = this.type === "5" ? "商品删除中" : "商品加入回收站中";
+      const titleMsg =
+        this.type === "5" ? "商品删除成功" : "商品加入回收站成功";
+      const product_id = item.product_id;
+      const _this = this;
+      uni.showModal({
+        title: "温馨提示",
+        content: titleContent,
+        showCancel: true,
+        success: ({ confirm, cancel }) => {
+          if (confirm) {
+            uni.showLoading({
+              title: titleTips,
+            });
+            req(product_id)
+              .then((res) => {
+                if (res.data.status == 200) {
+                  uni.showToast({
+                    title: titleMsg,
+                    icon: "none",
+                  });
+                  this.list.splice(index, 1);
+                  _this.initData();
+                }
+              })
+              .finally(() => {
+                uni.hideLoading();
+                uni.hideToast();
+              });
+          } else if (cancel) {
+          }
+        },
+      });
+    },
+    //恢复产品
+    handleRestore(id) {
+      const _this = this;
+      const titleTips = "商品恢复中";
+      const titleMsg = "商品恢复成功";
+      const product_id = id;
+      uni.showModal({
+        title: "温馨提示",
+        content: "是否恢复商品？",
+        showCancel: true,
+        success: ({ confirm, cancel }) => {
+          if (confirm) {
+            uni.showLoading({
+              title: titleTips,
+            });
+            productRestoreApi(product_id)
+              .then((res) => {
+                if (res.data.status == 200) {
+                  uni.showToast({
+                    title: titleMsg,
+                    icon: "none",
+                  });
+                  _this.initData();
+                }
+              })
+              .finally(() => {
+                uni.hideLoading();
+                uni.hideToast();
+              });
+          } else if (cancel) {
+          }
+        },
+      });
+    },
+    huodong(item) {
+      this.dataObj = item;
+      const _this = this;
+      if (item.seckill == 1 && this.type !=2) {
+        uni.showModal({
+          title: "温馨提示",
+          content: "此商品正在处于秒杀状态,请勿操作",
+          showCancel: false,
+          success: ({ confirm, cancel }) => {},
+        });
+        return;
+      }
+       _this.showPopup()
+      // Addseckill({}).then(data=>{
+      //   console.log(data)
+      // }).catch((res) => {
+      //   console.log(res);
+      //   if (res.data.message == "没有权限访问") {
+      //     uni.showToast({
+      //       title: res.data.message || "没有权限访问",
+      //       icon: "none",
+      //     });
+      //   } else {
+      //     _this.showPopup();
+      //   }
+      // });
+    },
+    showPopup() {
+      this.isOpen = true;
+      this.$refs.popup.open();
+    },
+    closePopup() {
+      this.isOpen = false;
+      this.formData.radio = "1";
+      this.formData.radios = "1";
+      this.formData.seckill_price = "";
+      this.formData.seckill_date = "";
+      this.$refs.popup.close();
+    },
+    onDateChange(data) {
+      this.formData.seckill_date = data;
+    },
+    convertToISOString(dateStr) {
+      // 将输入的日期时间字符串中的空格替换为 'T'，以符合 ISO 8601 格式
+      const isoFormatStr = dateStr.replace(" ", "T");
+      // 创建 Date 对象
+      const date = new Date(isoFormatStr);
+      // 将 Date 对象转换为 ISO 8601 格式的字符串
+      return date.toISOString();
+    },
+    async handleSubmit() {
+      // 提交逻辑
+      this.formData.product_id = this.dataObj.product_id;
+      let params = JSON.parse(JSON.stringify(this.formData));
+
+      if (
+        params.seckill_price == "" ||
+        params.seckill_price == null ||
+        params.seckill_price == undefined
+      ) {
+        uni.showToast({
+          title: "请输入秒杀价格",
+          icon: "none",
+        });
+        this.isEmpty = true;
+        return;
+      }
+      if (
+        params.seckill_date == "" ||
+        params.seckill_date == null ||
+        params.seckill_date == undefined
+      ) {
+        uni.showToast({
+          title: "请选择秒杀时间",
+          icon: "none",
+        });
+        return;
+      }
+      params.seckill_date = this.convertToISOString(params.seckill_date);
+
+      this.isEmpty = false;
+      uni.showLoading({
+        title: "秒杀活动添加中",
+      });
+      console.log(params);
+      try {
+        const res = await Addseckill(params);
+        if (res.data.status == 200) {
+          uni.showToast({
+            title: "秒杀活动添加成功",
+            icon: "none",
+          });
+          this.closePopup();
+          this.initData();
+        }
+      } catch (error) {
+      } finally {
+        uni.hideLoading();
+        uni.hideToast();
+      }
+    },
+    changeInput(val) {
+      if (val) {
+        this.isEmpty = false;
+      }
+    },
   },
 };
 </script>
@@ -339,6 +698,10 @@ page {
             flex: 40%;
             .title {
               padding-right: 16rpx;
+              font-size: 26rpx;
+            }
+            .mdikd {
+              font-size: 26rpx;
             }
           }
           .list-card-top--right-price {
@@ -365,20 +728,111 @@ page {
           gap: 20rpx;
           user-select: none;
           .list-card-bottom-btn-list--item {
+            flex: 1;
             display: flex;
             justify-content: center;
             align-items: center;
+            flex-wrap: wrap;
             width: 146rpx;
+            white-space: nowrap;
             height: 60rpx;
-            border-radius: 8rpx;
-            border: 1rpx solid #e5e5e5;
+            // border: 1rpx solid #e5e5e5;
             font-weight: 400;
             font-size: 24rpx;
+            border-radius: 12rpx;
             color: #333333;
+            transition: all 0.2s;
+
+            &.edit-price {
+              background: #fff;
+              color: #007aff;
+              // border: 1rpx solid #007aff;
+            }
+
+            &.set-activity {
+              background: #007aff;
+              color: white;
+            }
+            &.delete-activity {
+              background: #f15314;
+              color: white;
+            }
+            &.bohui-activity {
+              background: #e9ca1d;
+              color: white;
+            }
+
+            &:active {
+              opacity: 0.8;
+              transform: scale(0.98);
+            }
           }
         }
       }
     }
   }
 }
+.popup-container {
+  width: 80vw;
+  background: #ffffff;
+  border-radius: 16rpx;
+  transition: all 0.3s ease;
+  transform: scale(0.8);
+  opacity: 0;
+  padding: 20rpx;
+  .popup-header {
+    padding: 0rpx 15rpx 15rpx;
+    border-bottom: 1px solid #eee;
+    .title {
+      font-size: 36rpx;
+      font-weight: 600;
+      color: #333;
+      text-align: center;
+    }
+  }
+}
+.content-wrapper {
+  overflow: auto;
+  .form-item {
+    padding: 15rpx 0;
+    .item-label {
+      font-size: 28rpx;
+      font-weight: 600;
+      color: #333;
+      margin-bottom: 12rpx;
+    }
+  }
+}
+.popup-show {
+  transform: scale(1);
+  opacity: 1;
+}
+.action-btns {
+  display: flex;
+  padding: 24rpx;
+  gap: 20rpx;
+  border-top: 1px solid #eee;
+
+  .btn {
+    flex: 1;
+    height: 80rpx;
+    line-height: 80rpx;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+
+    &.prev-step {
+      background: #f8f8f8;
+      color: #666;
+    }
+
+    &.submit-btn {
+      background: #007aff;
+      color: white;
+    }
+  }
+}
+
+/deep/.uni-popup {
+  z-index: 667;
+}
 </style>