Merge branch 'master' of http://60.204.229.151:20080/chenkangxu/merchant-web

src/api/modules/mer_admin.js

@@ -212,11 +212,19 @@ export const mer_admin = {
       params: data,
     });
   },
-  //订单管理
+  //全部订单管理
   orderPage: (data) => {
     return $http.request({
       method: "get",
-      url: `/merchant-api/order/page`,
+      url: `/merchant-api/manager/order/page`,
+      params: data,
+    });
+  },
+  //根据店铺查询订单
+  shopOrderPage: (data) => {
+    return $http.request({
+      method: "get",
+      url: `/merchant-api/manager/merchant/order/page`,
       params: data,
     });
   },

src/router/full-routers.js

@@ -77,6 +77,20 @@ export default {
           open: null,
           list: [],
         },
+        {
+          menuId: getUUID(),
+          parentId: 0,
+          parentName: null,
+          name: "总订单管理",
+          url: "operation-management/total-order/index",
+          perms: "",
+          type: 1,
+          elIcon: "el-icon-menu",
+          orderNum: 0,
+          open: null,
+          list: [],
+          hideInMenu: true,
+        },
         {
           menuId: getUUID(),
           parentId: 0,

src/router/index.js

@@ -86,7 +86,7 @@ const router = new Router({
 });
 
 router.beforeEach((to, from, next) => {
-  console.log("beforeEach");
+  console.log("beforeEach", to);
   // 添加动态(菜单)路由
   // 1. 已经添加 or 全局路由, 直接访问
   // 2. 获取菜单列表, 添加并保存本地存储
@@ -168,7 +168,7 @@ router.beforeEach((to, from, next) => {
         //   data.data.permissions
         // );
         console.log(permissionsData);
-        
+
         let _menu = filterTreeData(FULL_ROUTERS.menuList, permissionsData);
         fnAddDynamicMenuRoutes(_menu);
         sessionStorage.setItem("menuList", JSON.stringify(_menu));

src/utils/index.js

@@ -168,6 +168,8 @@ export function getMenu(role) {
       "wallet/index",
       "ogistics-fare",
       "logistics-fare/logistics-template/index",
+      "bank-card/index",
+      "operation-management/total-order/index"
     ];
   } else if (role == "ROLE_BRAND_MANAGER") {
     return [

src/views/main-sidebar.vue

@@ -5,8 +5,15 @@
         :default-active="menuActiveName || 'home'"
         :collapse="sidebarFold"
         :collapseTransition="false"
-        class="site-sidebar__menu">
+        class="site-sidebar__menu"
-        <el-input v-show="showSearchInput" class="search-input" v-model="keyWord" style="width" placeholder="快速搜索菜单"></el-input>
+      >
+        <el-input
+          v-show="showSearchInput"
+          class="search-input"
+          v-model="keyWord"
+          style="width"
+          placeholder="快速搜索菜单"
+        ></el-input>
         <el-menu-item index="home" @click="$router.push({ name: 'home' })">
           <icon-svg name="shouye" class="site-sidebar__menu-icon"></icon-svg>
           <span slot="title">首页</span>
@@ -29,7 +36,8 @@
           v-for="menu in filterMenu"
           :key="menu.menuId"
           :menu="menu"
-          :dynamicMenuRoutes="dynamicMenuRoutes">
+          :dynamicMenuRoutes="dynamicMenuRoutes"
+        >
         </sub-menu>
       </el-menu>
     </div>
@@ -37,104 +45,138 @@
 </template>
 
 <script>
-  import SubMenu from './main-sidebar-sub-menu'
+import SubMenu from "./main-sidebar-sub-menu";
-  import { isURL } from '@/utils/validate'
+import { isURL } from "@/utils/validate";
-  export default {
+export default {
-    data () {
+  data() {
-      return {
+    return {
-        dynamicMenuRoutes: [],
+      dynamicMenuRoutes: [],
-        //菜单搜索关键词
+      //菜单搜索关键词
-        keyWord:""
+      keyWord: "",
-      }
+    };
+  },
+  components: {
+    SubMenu,
+  },
+  computed: {
+    sidebarLayoutSkin: {
+      get() {
+        return this.$store.state.common.sidebarLayoutSkin;
+      },
     },
-    components: {
+    sidebarFold: {
-      SubMenu
+      get() {
+        return this.$store.state.common.sidebarFold;
+      },
     },
-    computed: {
+    menuList: {
-      sidebarLayoutSkin: {
+      get() {
-        get () { return this.$store.state.common.sidebarLayoutSkin }
+        return this.$store.state.common.menuList;
       },
-      sidebarFold: {
+      set(val) {
-        get () { return this.$store.state.common.sidebarFold }
+        this.$store.commit("common/updateMenuList", val);
       },
-      menuList: {
-        get () { return this.$store.state.common.menuList },
-        set (val) { this.$store.commit('common/updateMenuList', val) }
-      },
-      menuActiveName: {
-        get () { return this.$store.state.common.menuActiveName },
-        set (val) { this.$store.commit('common/updateMenuActiveName', val) }
-      },
-      mainTabs: {
-        get () { return this.$store.state.common.mainTabs },
-        set (val) { this.$store.commit('common/updateMainTabs', val) }
-      },
-      mainTabsActiveName: {
-        get () { return this.$store.state.common.mainTabsActiveName },
-        set (val) { this.$store.commit('common/updateMainTabsActiveName', val) }
-      },
-      //过滤后的菜单
-      filterMenu(){
-        //过滤的方法
-        const filterMethod=(list,keyWord)=>{
-          return list.filter(function f(item){
-            if(item.name.includes(keyWord)) return true;
-            if(item.list&&item.list.length>0){
-              //此处的目的是至展示有的菜单
-              return (item.list=item.list.filter(f)).length
-            }
-          })
-        }
-        let filterMenu=filterMethod(JSON.parse(JSON.stringify(this.menuList)),this.keyWord);
-        console.log(filterMenu);
-        return filterMenu.filter(item=>item.hideInMenu!=true);
-      },
-      //是否展示菜单搜索界面
-      showSearchInput(){
-        return this.$store.state.common.sidebarFold==false
-      }
     },
-    watch: {
+    menuActiveName: {
-      $route: 'routeHandle'
+      get() {
+        return this.$store.state.common.menuActiveName;
+      },
+      set(val) {
+        this.$store.commit("common/updateMenuActiveName", val);
+      },
     },
-    created () {
+    mainTabs: {
-      this.menuList = JSON.parse(sessionStorage.getItem('menuList') || '[]')
+      get() {
-      this.dynamicMenuRoutes = JSON.parse(sessionStorage.getItem('dynamicMenuRoutes') || '[]')
+        return this.$store.state.common.mainTabs;
-      this.routeHandle(this.$route)
+      },
+      set(val) {
+        this.$store.commit("common/updateMainTabs", val);
+      },
     },
-    methods: {
+    mainTabsActiveName: {
-      // 路由操作
+      get() {
-      routeHandle (route) {
+        return this.$store.state.common.mainTabsActiveName;
-        if (route.meta.isTab) {
+      },
-          // tab选中, 不存在先添加
+      set(val) {
-          var tab = this.mainTabs.filter(item => item.name === route.name)[0]
+        this.$store.commit("common/updateMainTabsActiveName", val);
-          if (!tab) {
+      },
-            if (route.meta.isDynamic) {
+    },
-              route = this.dynamicMenuRoutes.filter(item => item.name === route.name)[0]
+    //过滤后的菜单
-              if (!route) {
+    filterMenu() {
-                return console.error('未能找到可用标签页!')
+      //过滤的方法
-              }
+      const filterMethod = (list, keyWord) => {
-            }
+        return list.filter(function f(item) {
-            tab = {
+          if (item.name.includes(keyWord)) return true;
-              menuId: route.meta.menuId || route.name,
+          if (item.list && item.list.length > 0) {
-              name: route.name,
+            //此处的目的是至展示有的菜单
-              title: route.meta.title,
+            return (item.list = item.list.filter(f)).length;
-              type: route.meta.isMicroApp?'microApp' : (isURL(route.meta.iframeUrl) ? 'iframe' : 'module'),
-              iframeUrl: route.meta.iframeUrl || '',
-              params: route.params,
-              query: route.query
-            }
-            this.mainTabs = this.mainTabs.concat(tab)
           }
-          this.menuActiveName = tab.menuId + ''
+        });
-          this.mainTabsActiveName = tab.name
+      };
+      let filterMenu = filterMethod(
+        JSON.parse(JSON.stringify(this.menuList)),
+        this.keyWord
+      );
+      console.log(filterMenu, "filterMenu");
+      return filterMenu.filter((item) => {
+        item.list = item.list.filter((prop) => prop.hideInMenu != true);
+        return item.hideInMenu != true;
+      });
+    },
+    //是否展示菜单搜索界面
+    showSearchInput() {
+      return this.$store.state.common.sidebarFold == false;
+    },
+  },
+  watch: {
+    $route: "routeHandle",
+  },
+  created() {
+    this.menuList = JSON.parse(sessionStorage.getItem("menuList") || "[]");
+    this.dynamicMenuRoutes = JSON.parse(
+      sessionStorage.getItem("dynamicMenuRoutes") || "[]"
+    );
+    this.routeHandle(this.$route);
+  },
+  methods: {
+    // 路由操作
+    routeHandle(route) {
+      if (route.meta.isTab) {
+        // tab选中, 不存在先添加
+        var tab = this.mainTabs.filter((item) => item.name === route.name)[0];
+        if (!tab) {
+          if (route.meta.isDynamic) {
+            route = this.dynamicMenuRoutes.filter(
+              (item) => item.name === route.name
+            )[0];
+            if (!route) {
+              return console.error("未能找到可用标签页!");
+            }
+          }
+          tab = {
+            menuId: route.meta.menuId || route.name,
+            name: route.name,
+            title: route.meta.title,
+            type: route.meta.isMicroApp
+              ? "microApp"
+              : isURL(route.meta.iframeUrl)
+              ? "iframe"
+              : "module",
+            iframeUrl: route.meta.iframeUrl || "",
+            params: route.params,
+            query: route.query,
+          };
+          this.mainTabs = this.mainTabs.concat(tab);
         }
+        this.menuActiveName = tab.menuId + "";
+        this.mainTabsActiveName = tab.name;
       }
-    }
+    },
-  }
+  },
+};
 </script>
 <style lang="scss" scoped>
-.search-input{
+.search-input {
   position: sticky;
   top: 0;
   background: #fff;

src/views/modules/brand/config/popup/add-or-update.vue

@@ -3,6 +3,7 @@
     <obj-modal
       ref="modal"
       labelWidth="190px"
+      class="popup"
       :modalCols="modalCols"
       :modalConfig="modalConfig"
       :modalData="modalData"
@@ -316,4 +317,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.popup ::v-deep .el-dialog__body {
+  overflow-y: scroll !important;
+  height: 65vh !important;
+}
 </style>

src/views/modules/coupon/index.vue

@@ -105,7 +105,7 @@
     <!-- 新粉优惠卷 -->
     <newPowder @queryList="$refs.oTable.reload()" ref="newPowder"></newPowder>
     <!-- 查看详情 -->
-    <!-- <viewDetails ref="viewDetails"></viewDetails> -->
+    <viewDetails ref="viewDetails"></viewDetails>
   </div>
 </template>
 
@@ -114,9 +114,9 @@ import { mapState } from "vuex";
 import fullReductio from "./popup/full-reduction.vue";
 import AddOrUpdate from "./popup/add-or-update.vue";
 import newPowder from "./popup/new-powder.vue";
-// import viewDetails from "./popup/view-details.vue";
+import viewDetails from "./popup/view-details.vue";
 export default {
-  components: { AddOrUpdate, fullReductio, newPowder },
+  components: { AddOrUpdate, fullReductio, newPowder, viewDetails },
   data() {
     return {
       dataList: [],
@@ -406,9 +406,9 @@ export default {
           type: "jsx",
           align: "center",
           width: "140px",
-          render: (row) => {
+          render: ({ row }) => {
             let edit = () => {
-              //   this.$refs.viewDetails.toggle(row).update();
+              this.$refs.viewDetails.toggle(row).update();
             };
             return (
               <div>

src/views/modules/coupon/popup/view-details.vue

@@ -0,0 +1,188 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="150px"
+      :modalConfig="modalConfig"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <div slot="dialog__content">
+        <el-form
+          :model="ruleForm"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+        >
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="优惠卷名称：">
+                <span>{{ ruleForm.name }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="优惠卷类别：">
+                <span>{{ getCategory(ruleForm.category) }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="优惠金额：">
+                <span>{{ ruleForm.money }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="最低消费：">
+                <span>{{ ruleForm.minPrice }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="领取限量：">
+                <span>{{ ruleForm.limitedNum }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="发放总数：">
+                <span>{{ ruleForm.total }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="剩余数量：">
+                <span>{{ ruleForm.lastTotal }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="可领取开始时间：">
+                <span>{{ ruleForm.receiveStartTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="可领取结束时间：">
+                <span>{{ ruleForm.receiveEndTime }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="使用时间范围开始时间：">
+                <span>{{ ruleForm.useStartTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="可使用时间范围结束时间：">
+                <span>{{ ruleForm.useEndTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="状态：">
+                <span>{{ ruleForm.status == 1 ? "开启" : "结束" }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+        </el-form>
+      </div>
+      <!-- 选择商品 -->
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {
+      isAdd: true,
+      //表格属性
+      modalConfig: {
+        title: "优惠卷详情",
+        show: false,
+        width: "1200px",
+        fullscreen: true,
+      },
+      modalData: {},
+      ruleForm: {},
+      tableData: [],
+    };
+  },
+  watch: {
+    // "modalConfig.show"(newVal) {
+    //   if (newVal) {
+    //     //关闭弹窗清空校验
+    //     setTimeout(() => {
+    //       this.$refs.ruleForm.resetFields();
+    //     });
+    //   }
+    // },
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.modalConfig.title = "订单详情";
+          this.isAdd = true;
+        },
+        update: () => {
+          this.modalConfig.title = "优惠卷详情";
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      console.log(row);
+      this.ruleForm = JSON.parse(JSON.stringify(row));
+      console.log(this.ruleForm);
+    },
+    handleSelectionChange(e) {
+      console.log(e);
+    },
+    getCategory(val) {
+      if (val == "NO_THRESHOLD") {
+        return "无门槛优惠券"
+      } else if (val == "MAX_OUT") {
+        return "满减优惠券"
+      } else if (val == "FIRST_ATTENTION") {
+        return "首次关注优惠券"
+      } else if (val == "BIRTHDAY") {
+        return "生日券"
+      } else if (val == "PLATFORM") {
+        return "平台优惠券"
+      }
+    },
+  },
+  computed: {
+    modalHandles() {
+      return [
+        {
+          label: "关闭",
+          handle: () => {
+            this.toggle();
+          },
+        },
+        // {
+        //   label: "确认",
+        //   type: "primary",
+        //   // submit: true,
+        //   handle: () => {
+        //   },
+        // },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/modules/operation-management/banner/index.vue

@@ -12,7 +12,7 @@
       >
         <template slot="tableTop">
           <el-form :inline="true" :model="formInline" class="demo-form-inline">
-            <el-form-item label="模块">
+            <!-- <el-form-item label="模块">
               <el-select
                 @change="changeModule"
                 class="filter-item"
@@ -72,7 +72,7 @@
                 >
                 </el-option>
               </el-select>
-            </el-form-item>
+            </el-form-item> -->
             <el-form-item label="应用">
               <el-select
                 class="filter-item"
@@ -142,7 +142,7 @@ export default {
       formInline: {
         type: 0,
         ownerId: "",
-        module: "shop",
+        module: "",
       },
       tableProp: {
         "auto-resize": true,
@@ -176,12 +176,24 @@ export default {
     };
   },
   created() {
-    this.formInline = {
+    if (
-      type: 0,
+      JSON.parse(sessionStorage.getItem("userInfo")).role === "ROLE_MANAGER"
-      ownerId: this.shopId,
+    ) {
-      module: "shop",
+      this.formInline = {
-      app: 1,
+        type: 0,
-    };
+        ownerId: this.marketId,
+        module: "market",
+        app: 1,
+      };
+    } else {
+      this.formInline = {
+        type: 0,
+        ownerId: this.shopId,
+        module: "shop",
+        app: 1,
+      };
+    }
+
     this.$nextTick(() => {
       this.$refs.oTable.reload();
     });
@@ -261,8 +273,8 @@ export default {
             return (
               <el-image
                 style="width: 60px; height: 60px"
-                src={row.img}
+                src={row.img.split(",")[0]}
-                preview-src-list={[row.img]}
+                preview-src-list={row.img.split(",")}
               ></el-image>
             );
           },

src/views/modules/operation-management/banner/popup/add-or-update.vue

@@ -3,6 +3,7 @@
     <obj-modal
       ref="modal"
       labelWidth="150px"
+      class="popup"
       :modalCols="modalCols"
       :modalConfig="modalConfig"
       :modalData="modalData"
@@ -77,12 +78,12 @@ export default {
     },
     init(row) {
       this.modalData = row;
-      this.fileList = [
+      this.fileList = row.img.split(",").map((item) => {
-        {
+        return {
           name: "轮播图",
-          url: this.modalData.img,
+          url: item,
-        },
+        };
-      ];
+      });
     },
   },
   computed: {
@@ -100,40 +101,40 @@ export default {
             trigger: "blur",
           },
         },
-        {
+        // {
-          label: "分类",
+        //   label: "分类",
-          prop: "type",
+        //   prop: "type",
-          maxlength: "30",
+        //   maxlength: "30",
-          rules: {
+        //   rules: {
-            required: true,
+        //     required: true,
-            message: "请输入轮播图名称",
+        //     message: "请输入轮播图名称",
-            trigger: "blur",
+        //     trigger: "blur",
-          },
+        //   },
-          type: "jsx",
+        //   type: "jsx",
-          render: () => {
+        //   render: () => {
-            return (
+        //     return (
-              <el-select
+        //       <el-select
-                v-model={this.modalData.type}
+        //         v-model={this.modalData.type}
-                placeholder="请选择销售单位"
+        //         placeholder="请选择销售单位"
-              >
+        //       >
-                {[
+        //         {[
-                  { label: "菜市场", value: 0 },
+        //           { label: "菜市场", value: 0 },
-                  {
+        //           {
-                    label: "云店",
+        //             label: "云店",
-                    value: 1,
+        //             value: 1,
-                  },
+        //           },
-                ].map((item) => {
+        //         ].map((item) => {
-                  return (
+        //           return (
-                    <el-option
+        //             <el-option
-                      label={item.label}
+        //               label={item.label}
-                      value={item.value}
+        //               value={item.value}
-                    ></el-option>
+        //             ></el-option>
-                  );
+        //           );
-                })}
+        //         })}
-              </el-select>
+        //       </el-select>
-            );
+        //     );
-          },
+        //   },
-        },
+        // },
         {
           label: "状态",
           prop: "status",
@@ -200,18 +201,27 @@ export default {
           render: () => {
             const handleAvatarSuccess = (res, file, fileList) => {
               console.log(res, fileList);
-              this.modalData.img = res.data;
+              this.modalData.img = fileList
+                .map((item) => {
+                  return item.response.data;
+                })
+                .join(",");
+              console.log(this.modalData.img);
               this.$refs.modal.validate();
             };
             const handleRemove = (file, fileList) => {
               console.log(file, fileList);
-              this.fileList = [];
+              this.modalData.img = fileList
-              this.modalData.img = "";
+                .map((item) => {
+                  return item.response.data;
+                })
+                .join(",");
             };
             return (
               <el-upload
                 class="upload-demo"
                 drag
+                limit={3}
                 action={this.$api.mer_admin.uploadFile()}
                 {...{
                   props: {
@@ -273,4 +283,8 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.popup ::v-deep .el-dialog__body {
+  overflow-y: scroll !important;
+  height: 65vh !important;
+}
 </style>

src/views/modules/operation-management/notice/index.vue

@@ -12,7 +12,7 @@
       >
         <template slot="tableTop">
           <el-form :inline="true" :model="formInline" class="demo-form-inline">
-            <el-form-item label="模块">
+            <!-- <el-form-item label="模块">
               <el-select
                 @change="changePosition"
                 class="filter-item"
@@ -39,7 +39,7 @@
               </el-select>
             </el-form-item>
             <el-form-item
-              v-if="storeList.length > 1 && formInline.position === '1'"
+              v-if="storeList.length > 1 && formInline.position === '3'"
               label="摊铺"
             >
               <el-select
@@ -72,7 +72,7 @@
                 >
                 </el-option>
               </el-select>
-            </el-form-item>
+            </el-form-item> -->
             <el-form-item label="应用">
               <el-select
                 class="filter-item"
@@ -176,12 +176,23 @@ export default {
     };
   },
   created() {
-    this.formInline = {
+    if (
-      type: 0,
+      JSON.parse(sessionStorage.getItem("userInfo")).role === "ROLE_MANAGER"
-      targetId: this.shopId,
+    ) {
-      position: "3",
+      this.formInline = {
-      app: 1,
+        type: 0,
-    };
+        targetId: this.marketId,
+        position: "2",
+        app: 1,
+      };
+    } else {
+      this.formInline = {
+        type: 0,
+        ownerId: this.shopId,
+        position: "3",
+        app: 1,
+      };
+    }
     this.$nextTick(() => {
       this.$refs.oTable.reload();
     });
@@ -202,7 +213,9 @@ export default {
       this.$refs.addOrUpdate.toggle().add(this.formInline);
     },
     changePosition(e) {
-      if (e === "shop") {
+      console.log(e, this.shopId, this.marketId);
+
+      if (e == 3) {
         this.formInline.targetId = this.shopId;
       } else {
         this.formInline.targetId = this.marketId;

src/views/modules/operation-management/order/index.vue

@@ -1,187 +1,171 @@
 <template>
-    <div style="height: calc(100vh - 200px)">
+  <div style="height: calc(100vh - 200px)">
-      <obj-table-plus
+    <el-form
-        ref="oTable"
+      v-if="storeList.length > 1"
-        style="height: 100%"
+      :inline="true"
-        :tableCols="tableCols"
+      :model="formInline"
-        :tableProp="tableProp"
+      class="demo-form-inline"
-        @query="queryList"
+    >
-        v-model="dataList"
+      <el-form-item label="摊铺">
-        :tableEvent="tableEvent"
+        <el-select
-        :enableAutoQuery="false"
+          class="filter-item"
-      >
+          style="width: 200px"
-        <template slot="tableTop">
+          v-model="formInline.shopId"
-          <el-form :inline="true" :model="formInline" class="demo-form-inline">
+          placeholder="请选择摊铺"
-            <el-form-item label="订单号">
+        >
-              <el-select v-model="formInline.group" placeholder="请选择">
+          <el-option
-                <el-option
+            v-for="item in storeList"
-                  v-for="item in statusList"
+            :key="item.shopId"
-                  :key="item.value"
+            :label="item.shopName"
-                  :label="item.label"
+            :value="item.shopId"
-                  :value="item.value"
+          >
-                >
+          </el-option>
-                </el-option>
+        </el-select>
-              </el-select>
+      </el-form-item>
-            </el-form-item>
+      <el-form-item>
-            <el-form-item v-if="storeList.length > 1" label="摊铺">
+        <el-button type="primary" @click="getList">查询</el-button>
-              <el-select
+        <el-button type="primary" @click="Reset">重置</el-button>
-                class="filter-item"
+        <el-button
-                style="width: 200px"
+          type="success"
-                v-model="formInline.shopId"
+          @click="
-                placeholder="请选择摊铺"
+            $router.push({ name: 'operation-management-total-order/index' })
-              >
+          "
-                <el-option
+          >菜市场总订单</el-button
-                  v-for="item in storeList"
+        >
-                  :key="item.shopId"
+      </el-form-item>
-                  :label="item.shopName"
+    </el-form>
-                  :value="item.shopId"
+    <el-tabs v-model="formInline.group" @tab-click="handleClick">
-                >
+      <el-tab-pane
-                </el-option>
+        v-for="item in statusList"
-              </el-select>
+        :key="item.value"
-            </el-form-item>
+        :label="item.label"
-            <el-form-item>
+        :name="item.value"
-              <el-button type="primary" @click="$refs.oTable.reload()"
+      ></el-tab-pane>
-                >查询</el-button
+    </el-tabs>
-              >
+    <el-table :data="tableData" height="70vh" border style="width: 100%">
-              <el-button type="primary" @click="Reset">重置</el-button>
+      <el-table-column type="expand">
-            </el-form-item>
+        <template slot-scope="props">
-          </el-form>
+          <div style="padding-left: 20px" m="4">
-          <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-table :data="props.row.productOrders" :border="true">
-            <el-tab-pane
+              <el-table-column type="index" width="50" label="序号">
-              v-for="item in statusList"
+              </el-table-column>
-              :key="item.value"
+              <el-table-column label="商品订单号" prop="productOrderNo" />
-              :label="item.label"
+              <el-table-column label="商品名称" prop="productName" />
-              :name="item.value"
+              <el-table-column label="商品原价" prop="originPrice" />
-            ></el-tab-pane>
+              <el-table-column label="商品终价" prop="finalPrice" />
-          </el-tabs> -->
+              <el-table-column label="商品订单金额" prop="productOrderMoney" />
-          <!-- <div class="mb-2">
+              <el-table-column label="商品数量" prop="productCount" />
-            <el-button type="primary" size="small" @click="addProduct"
+              <el-table-column label="商品单价" prop="productFinalPrice" />
-              >批量导出</el-button
+              <el-table-column label="商品图片" prop="productImg">
-            >
+                <template slot-scope="scope">
-          </div> -->
+                  <el-image
+                    style="width: 60px; height: 60px"
+                    :src="scope.row.productImg"
+                    :preview-src-list="[scope.row.productImg]"
+                  >
+                  </el-image>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
         </template>
-      </obj-table-plus>
+      </el-table-column>
-      <!-- 订单详情 -->
+      <el-table-column label="总订单号" prop="orderNo" />
-      <viewDetails ref="viewDetails"></viewDetails>
+      <el-table-column label="结算单位订单号" prop="unitOrderNo" />
+      <el-table-column label="总商品数量" prop="productCount" />
+      <el-table-column label="顾客实际支付" prop="totalMoney" />
+      <el-table-column label="商品总价" prop="productMoney" />
+      <el-table-column label="配送费" prop="deliveryMoney" />
+      <el-table-column label="优惠券减免" prop="couponMoney" />
+      <el-table-column label="支付时间" prop="payTime" />
+      <el-table-column label="预计送达时间" prop="predictDeliveryTime" />
+      <el-table-column label="预计收入" prop="predictIncome" />
+      <el-table-column label="距离" prop="distance" />
+      <el-table-column label="备注" prop="remark" />
+      <el-table-column fixed="right" width="100px" label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button type="primary" size="mini" @click="view(scope.row)">
+            查看
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <div class="pagination-container">
+      <el-pagination
+        :current-page="formInline.pageNumber"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="formInline.pageSize"
+        :total="total"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
     </div>
+    <!-- 订单详情 -->
+    <viewDetails ref="viewDetails"></viewDetails>
+  </div>
 </template>
 
 <script>
 import viewDetails from "./popup/view-details.vue";
-import content from "./popup/content.vue";
 import { mapState } from "vuex";
 export default {
-  components: { content,viewDetails },
+  components: { viewDetails },
   data() {
     return {
-      activeName: "5",
-      value1: "1",
-      advanceSellStatus: "",
-      dataList: [],
       formInline: {
         group: "",
         shopId: "",
-      },
+        pageNumber: 1,
-      tableProp: {
+        pageSize: 10,
-        "auto-resize": true,
-        border: true,
-        height: "auto",
-        "row-id": "id",
-        "show-overflow": false,
       },
       statusList: [
         {
-          label: "历史订单",
+          label: "全部订单",
           value: "0",
         },
         {
-          label: "进行中",
+          label: "待备货",
           value: "1",
         },
         {
-          label: "新订单",
+          label: "待取货",
           value: "2",
         },
         {
-          label: "待备货",
+          label: "待收货",
           value: "3",
         },
         {
-          label: "待配送",
+          label: "已完成",
           value: "4",
         },
-        {
-          label: "售后订单",
-          value: "5",
-        },
       ],
-      productFilterType: "SALE",
+      tableData: [],
-      selectList: [],
+      total: 0,
     };
   },
   created() {
     this.formInline = {
       group: "0",
+      // marketId: this.marketId,
       shopId: this.shopId,
     };
-    this.$nextTick(() => {
+    this.getList();
-      this.$refs.oTable.reload();
-    });
   },
   methods: {
-    // getData() {
+    getList() {
-    //   this.$api.mer_admin
+      //根据店铺查询
-    //     .storeList({ marketId: this.formInline.marketId })
-    //     .then((res) => {
-    //       this.storeList = res.data.data;
-    //       this.formInline.shopId = res.data.data[0].shopId;
-    //       this.$nextTick(() => {
-    //         this.$refs.oTable.reload();
-    //       });
-    //     });
-    // },
-    addProduct() {
-      this.$refs.addOrUpdate.toggle().add();
-    },
-    deleteProduct() {
-      console.log(this.selectList);
-      let integers = this.selectList.map((item) => {
-        return item.id;
-      });
-      this.$confirm("此操作将删除该商品, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          console.log("111");
-          this.$api.mer_admin.BatchDeleteProducts(integers).then((res) => {
-            this.$refs.oTable.reload();
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消删除",
-          });
-        });
-    },
-    queryList(pageNo, pageSize) {
       this.$api.mer_admin
-        .orderPage({
+        .shopOrderPage({
-          pageNumber: pageNo,
-          pageSize: pageSize,
           ...this.formInline,
         })
         .then((res) => {
           console.log(res);
-          this.$refs.oTable.complete(
+          this.tableData = res.data.data.data;
-            res.data.data.data,
+          this.total = Number(res.data.data.total);
-            Number(res.data.data.total)
-          );
-        })
-        .catch((err) => {
-          this.$refs.oTable.complete(false);
         });
     },
     Reset() {
@@ -189,215 +173,25 @@ export default {
         group: "0",
         shopId: this.shopId,
       };
-      this.$refs.oTable.reload();
+      this.getList();
     },
     handleClick(e) {
-      console.log(e.name);
+      this.advanceSellStatus = e.name;
-      if (e.name == "5") {
+      this.getList();
-        this.advanceSellStatus = "";
-      } else {
-        this.advanceSellStatus = e.name;
-      }
-      this.$refs.oTable.reload();
     },
-    addEarlyWarning() {
+    view(row) {
-      this.$refs.earlyWarning.toggle().add();
+      this.$refs.viewDetails.toggle(row).update();
+    },
+    handleSizeChange(val) {
+      this.formInline.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.formInline.pageNumber = val;
+      this.getList();
     },
   },
   computed: {
-    tableCols() {
-      return [
-        // { type: "checkbox", width: "60px", fixed: "left" },
-        {
-          type: "seq",
-          width: "60px",
-          fixed: "left",
-          align: "center",
-          title: "序号",
-        },
-        {
-          title: "商品详情",
-          // align: "center",
-          // width: "120px",
-          // field: "unitOrderStatus",
-          type: "jsx-out",
-          render: (col) => {
-            console.log(col);
-            return <content />;
-          },
-        },
-        {
-          title: "总订单号",
-          align: "center",
-          width: "120px",
-          field: "orderNo",
-        },
-        {
-          title: "结算单位订单号",
-          align: "center",
-          width: "120px",
-          field: "unitOrderNo",
-        },
-        {
-          title: "总商品数量",
-          align: "center",
-          width: "120px",
-          field: "productCount",
-        },
-        {
-          title: "顾客支付",
-          align: "center",
-          width: "120px",
-          field: "totalMoney",
-        },
-        {
-          title: "配送费",
-          align: "center",
-          width: "120px",
-          field: "deliveryMoney",
-        },
-        {
-          title: "优惠券减免",
-          align: "center",
-          width: "120px",
-          field: "couponMoney",
-        },
-        {
-          title: "下单时间",
-          align: "center",
-          width: "120px",
-          field: "payTime",
-        },
-        {
-          title: "预计送达时间",
-          align: "center",
-          width: "120px",
-          field: "predictDeliveryTime",
-        },
-        {
-          title: "预计收入",
-          align: "center",
-          width: "120px",
-          field: "predictIncome",
-        },
-        {
-          title: "距离",
-          align: "center",
-          width: "120px",
-          field: "distance",
-        },
-        {
-          title: "预计自动取消时间",
-          align: "center",
-          width: "120px",
-          field: "predictAutoCancelTime",
-        },
-        {
-          title: "备注",
-          align: "center",
-          width: "120px",
-          field: "remark",
-        },
-        {
-          title: "包装费",
-          align: "center",
-          width: "120px",
-          field: "packageMoney",
-        },
-        {
-          title: "平台服务费",
-          align: "center",
-          width: "120px",
-          field: "platformMoney",
-        },
-        {
-          title: "备餐完成时间",
-          align: "center",
-          width: "120px",
-          field: "completePrepareTime",
-        },
-        {
-          title: "开始配送时间",
-          align: "center",
-          width: "120px",
-          field: "startDeliveryTime",
-        },
-        {
-          title: "配送完成时间",
-          align: "center",
-          width: "120px",
-          field: "startDeliveryTime",
-        },
-        {
-          title: "开始配送时间",
-          align: "center",
-          width: "120px",
-          field: "startDeliveryTime",
-        },
-        {
-          title: "订单退款状态",
-          align: "center",
-          width: "120px",
-          field: "refundStatus",
-        },
-        {
-          title: "申请退款原因",
-          align: "center",
-          width: "120px",
-          field: "refundReason",
-        },
-        {
-          title: "订单商品",
-          field: "productPhotoList",
-          align: "center",
-          width: "80px",
-          type: "jsx",
-          render: ({ row }) => {
-            return (
-              <el-image
-                preview-src-list={[row.refundImg]}
-                src={row.refundImg}
-              ></el-image>
-            );
-          },
-        },
-        {
-          title: "申请退款时间",
-          align: "center",
-          width: "120px",
-          field: "applyRefundTime",
-        },
-        {
-          title: "操作",
-          fixed: "right",
-          type: "jsx",
-          align: "center",
-          width: "100px",
-          render: ({ row }) => {
-            let changeInventory = () => {
-              this.$refs.addStock.toggle(row).update();
-            };
-            return (
-              <div>
-                <el-button size="mini" type="primary" onClick={changeInventory}>
-                  查看
-                </el-button>
-              </div>
-            );
-          },
-        },
-      ];
-    },
-    tableEvent() {
-      return {
-        "checkbox-all": ({ records, reserves }) => {
-          this.selectList = [...records, ...reserves];
-        },
-        "checkbox-change": ({ records, reserves }) => {
-          this.selectList = [...records, ...reserves];
-        },
-      };
-    },
     ...mapState("userData", [
       "isMerchant",
       "marketList",

src/views/modules/operation-management/order/popup/view-details.vue

@@ -3,23 +3,214 @@
     <obj-modal
       ref="modal"
       labelWidth="150px"
-      :modalCols="modalCols"
       :modalConfig="modalConfig"
       :modalData="modalData"
       :modalHandles="modalHandles"
     >
-      <template slot="dialog__after">
+      <div slot="dialog__content">
-        <div class="introduce">
+        <el-form
-        </div>
+          :model="ruleForm"
-      </template>
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+        >
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="总订单号：">
+                <span>{{ ruleForm.orderNo }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="	结算单位订单号：">
+                <span>{{ ruleForm.unitOrderNo }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="总商品数量：">
+                <span>{{ ruleForm.productCount }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="顾客支付：">
+                <span>{{ ruleForm.totalMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="配送费：">
+                <span>{{ ruleForm.deliveryMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="优惠券减免：">
+                <span>{{ ruleForm.couponMoney }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="下单时间：">
+                <span>{{ ruleForm.payTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="预计送达时间：">
+                <span>{{ ruleForm.predictDeliveryTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="预计收入：">
+                <span>{{ ruleForm.predictIncome }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="距离：">
+                <span>{{ ruleForm.distance }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="预计自动取消时间：">
+                <span>{{ ruleForm.predictAutoCancelTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="备注：">
+                <span>{{ ruleForm.remark }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="包装费：">
+                <span>{{ ruleForm.packageMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="平台服务费：">
+                <span>{{ ruleForm.platformMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="备餐完成时间：">
+                <span>{{ ruleForm.completePrepareTime }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="开始配送时间：">
+                <span>{{ ruleForm.startDeliveryTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="配送完成时间：">
+                <span>{{ ruleForm.completeDeliveryTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="下单时间：">
+                <span>{{ruleForm.createTime}}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="完成取货时间：">
+                <span>{{ ruleForm.pickTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="订单完成时间：">
+                <span>{{ ruleForm.completeTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <!-- <el-form-item label="配送方式：">
+                <span>{{ ruleForm.deliveryType }}</span>
+              </el-form-item> -->
+            </el-col>
+          </el-row>
+          <div style="padding: 0 0 0 20px; font-size: 16px; font-weight: 600">
+            订单商品
+          </div>
+          <div style="padding: 20px">
+            <div style="border-top: 1px solid #ccc; padding: 10px 0 0 0">
+              <el-table
+                border
+                ref="multipleTable"
+                :data="ruleForm.productOrders"
+                tooltip-effect="dark"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+              >
+                <el-table-column
+                  prop="shopName"
+                  align="center"
+                  label="店铺名称"
+                  width="80"
+                >
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="商品名称"
+                  prop="productName"
+                />
+                <el-table-column
+                  align="center"
+                  label="商品图片"
+                  prop="productImg"
+                >
+                  <template slot-scope="scope">
+                    <el-image
+                      style="width: 60px; height: 60px"
+                      :src="scope.row.productImg"
+                      :preview-src-list="[scope.row.productImg]"
+                    >
+                    </el-image>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="规格"
+                  prop="productSpecName"
+                >
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="商品原价"
+                  prop="originPrice"
+                >
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="商品终价"
+                  prop="finalPrice"
+                  width="120"
+                />
+                <el-table-column
+                  prop="productOrderMoney"
+                  align="center"
+                  label="商品订单金额"
+                  width="200"
+                >
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+        </el-form>
+      </div>
+      <!-- 选择商品 -->
     </obj-modal>
   </div>
 </template>
 <script>
 import { debounce, cloneDeep } from "lodash";
-import { Divider } from "element-ui";
 export default {
   components: {},
+  props: {},
   data() {
     return {
       isAdd: true,
@@ -27,13 +218,24 @@ export default {
       modalConfig: {
         title: "订单详情",
         show: false,
-        width: "60%",
+        width: "1200px",
+        fullscreen: true,
       },
       modalData: {},
-      value1: [],
+      ruleForm: {},
-      ProductData: {},
+      tableData: [],
     };
   },
+  watch: {
+    // "modalConfig.show"(newVal) {
+    //   if (newVal) {
+    //     //关闭弹窗清空校验
+    //     setTimeout(() => {
+    //       this.$refs.ruleForm.resetFields();
+    //     });
+    //   }
+    // },
+  },
   methods: {
     queryTableData(pageNo, pageSize) {},
     toggle(e) {
@@ -51,26 +253,52 @@ export default {
           this.isAdd = true;
         },
         update: () => {
+          this.modalConfig.title = "订单详情";
           this.isAdd = false;
         },
       };
     },
     init(row) {
-      this.modalData = row;
+      console.log(row);
+      this.ruleForm = row;
+    },
+    handleSelectionChange(e) {
+      console.log(e);
+    },
+    getRefundStatus(val) {
+      if (val == 0) {
+        return "正常";
+      } else if (val == 1) {
+        return "退款中";
+      } else if (val == 2) {
+        return "完全退款";
+      } else if (val == 3) {
+        return "部分退款";
+      } else if (val == 4) {
+        return "拒绝用户退款";
+      } else if (val == -1) {
+        return "退款失败";
+      } else if (val == -2) {
+        return "用户申请退款中";
+      }
     },
   },
   computed: {
-    modalCols() {
-      return [];
-    },
     modalHandles() {
       return [
         {
-          label: "取消",
+          label: "关闭",
           handle: () => {
             this.toggle();
           },
         },
+        // {
+        //   label: "确认",
+        //   type: "primary",
+        //   // submit: true,
+        //   handle: () => {
+        //   },
+        // },
       ];
     },
   },

src/views/modules/operation-management/total-order/index.vue

@@ -0,0 +1,173 @@
+<template>
+  <div style="height: calc(100vh - 200px)">
+    <el-tabs v-model="formInline.group" @tab-click="handleClick">
+      <el-tab-pane
+        v-for="item in statusList"
+        :key="item.value"
+        :label="item.label"
+        :name="item.value"
+      ></el-tab-pane>
+    </el-tabs>
+    <el-table :data="tableData" height="70vh" border style="width: 100%">
+      <el-table-column type="expand">
+        <template slot-scope="props">
+          <div style="padding-left: 20px" m="4">
+            <el-table :data="props.row.shopOrders" :border="true">
+              <el-table-column type="expand">
+                <template slot-scope="props">
+                  <div style="padding-left: 20px" m="4">
+                    <el-table :data="props.row.productOrders" :border="true">
+                      <el-table-column type="index" width="50" label="序号">
+                      </el-table-column>
+                      <el-table-column
+                        label="商品订单号"
+                        prop="productOrderNo"
+                      />
+                      <el-table-column label="商品名称" prop="productName" />
+                      <el-table-column label="商品原价" prop="originPrice" />
+                      <el-table-column label="商品终价" prop="finalPrice" />
+                      <el-table-column
+                        label="商品订单金额"
+                        prop="productOrderMoney"
+                      />
+                      <el-table-column label="商品数量" prop="productCount" />
+                      <el-table-column
+                        label="商品单价"
+                        prop="productFinalPrice"
+                      />
+                      <el-table-column label="商品图片" prop="productImg">
+                        <template #default="scope">
+                          <el-image
+                            style="width: 60px; height: 60px"
+                            :src="scope.row.productImg"
+                            :zoom-rate="1.2"
+                            :max-scale="7"
+                            :min-scale="0.2"
+                            :preview-src-list="[scope.row.productImg]"
+                            :initial-index="4"
+                            :preview-teleported="true"
+                            fit="cover"
+                          />
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column type="index" width="50" label="序号">
+              </el-table-column>
+              <el-table-column label="店铺名称" prop="shopName" />
+            </el-table>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="总订单号" prop="orderNo"> </el-table-column>
+      <el-table-column label="顾客支付" prop="totalMoney"> </el-table-column>
+      <el-table-column label="配送费" prop="deliveryMoney"> </el-table-column>
+      <el-table-column label="优惠券减免" prop="couponMoney"> </el-table-column>
+      <el-table-column label="下单时间" prop="payTime"> </el-table-column>
+      <el-table-column label="预计送达时间" prop="predictDeliveryTime">
+      </el-table-column>
+      <el-table-column label="预计收入" prop="predictIncome"> </el-table-column>
+      <el-table-column label="距离" prop="distance"> </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <div class="pagination-container">
+      <el-pagination
+        :current-page="formInline.pageNumber"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="formInline.pageSize"
+        :total="total"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from "vuex";
+export default {
+  components: {},
+  data() {
+    return {
+      formInline: {
+        group: "",
+        shopId: "",
+        pageNumber: 1,
+        pageSize: 10,
+      },
+      statusList: [
+        {
+          label: "全部订单",
+          value: "0",
+        },
+        {
+          label: "进行中",
+          value: "1",
+        },
+        {
+          label: "新订单",
+          value: "2",
+        },
+        {
+          label: "待备货",
+          value: "3",
+        },
+        {
+          label: "待配送",
+          value: "4",
+        },
+      ],
+      total: 0,
+      tableData: [],
+    };
+  },
+  created() {
+    this.formInline = {
+      group: "0",
+      marketId: this.marketId,
+    };
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.$api.mer_admin
+        .orderPage({
+          ...this.formInline,
+        })
+        .then((res) => {
+          console.log(res);
+          this.tableData = res.data.data.data;
+          this.total = Number(res.data.data.total);
+        })
+        .catch((err) => {});
+    },
+    handleClick(e) {
+      this.formInline.group = e.name;
+      this.getList();
+    },
+    handleSizeChange(val) {
+      this.formInline.pageSize = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.formInline.pageNumber = val;
+      this.getList();
+    },
+  },
+  computed: {
+    ...mapState("userData", [
+      "isMerchant",
+      "marketList",
+      "storeList",
+      "marketId",
+      "shopId",
+    ]),
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/modules/operation-management/total-order/popup/content.vue

@@ -0,0 +1,43 @@
+<template>
+  <vxe-column type="expand" width="60">
+    <template #content="{ row }">
+      <div class="expand-wrapper">
+        <vxe-table border :data="row.shopOrders.productOrders" height="200">
+          <vxe-column field="productOrderNo" title="商品订单号"></vxe-column>
+          <vxe-column field="productName" title="商品名称"></vxe-column>
+          <vxe-column field="productImg" title="商品图片" width="120">
+            <template slot-scope="{ row }">
+              <el-image
+                :preview-src-list="[row.productImg]"
+                :src="row.productImg"
+                :width="80"
+                :height="80"
+              />
+            </template>
+          </vxe-column>
+          <vxe-column field="productSpecName" title="商品规格名称"></vxe-column>
+          <vxe-column field="originPrice" title="商品原价"></vxe-column>
+          <vxe-column field="finalPrice" title="商品终价"></vxe-column>
+          <vxe-column
+            field="productOrderMoney"
+            title="商品订单金额"
+          ></vxe-column>
+          <vxe-column field="productCount" title="商品数量"></vxe-column>
+          <vxe-column field="productLimit" title="商品限购数量"></vxe-column>
+          <vxe-column field="shopName" title="店铺名称"></vxe-column>
+        </vxe-table>
+      </div>
+    </template>
+  </vxe-column>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style>
+</style>

src/views/modules/operation-management/total-order/popup/view-details.vue

@@ -0,0 +1,309 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="150px"
+      :modalConfig="modalConfig"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <div slot="dialog__content">
+        <el-form
+          :model="ruleForm"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+        >
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="总订单号：">
+                <span>{{ ruleForm.orderNo }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="	结算单位订单号：">
+                <span>{{ ruleForm.unitOrderNo }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="总商品数量：">
+                <span>{{ ruleForm.productCount }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="顾客支付：">
+                <span>{{ ruleForm.totalMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="配送费：">
+                <span>{{ ruleForm.deliveryMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="优惠券减免：">
+                <span>{{ ruleForm.couponMoney }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="下单时间：">
+                <span>{{ ruleForm.payTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="预计送达时间：">
+                <span>{{ ruleForm.predictDeliveryTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="预计收入：">
+                <span>{{ ruleForm.predictIncome }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="距离：">
+                <span>{{ ruleForm.distance }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="预计自动取消时间：">
+                <span>{{ ruleForm.predictAutoCancelTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="备注：">
+                <span>{{ ruleForm.remark }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="包装费：">
+                <span>{{ ruleForm.packageMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="平台服务费：">
+                <span>{{ ruleForm.platformMoney }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="备餐完成时间：">
+                <span>{{ ruleForm.completePrepareTime }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="开始配送时间：">
+                <span>{{ ruleForm.startDeliveryTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="配送完成时间：">
+                <span>{{ ruleForm.completeDeliveryTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="订单退款状态：">
+                <span>{{ getRefundStatus(ruleForm.refundStatus) }}</span>
+              </el-form-item></el-col
+            >
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="申请退款原因：">
+                <span>{{ ruleForm.refundReason }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <el-form-item label="申请退款时间：">
+                <span>{{ ruleForm.applyRefundTime }}</span>
+              </el-form-item></el-col
+            >
+            <el-col :span="8">
+              <!-- <el-form-item label="配送方式：">
+                <span>{{ ruleForm.deliveryType }}</span>
+              </el-form-item> -->
+            </el-col>
+          </el-row>
+          <div style="padding: 0 0 0 20px; font-size: 16px; font-weight: 600">
+            订单商品
+          </div>
+          <div style="padding: 20px">
+            <div style="border-top: 1px solid #ccc; padding: 10px 0 0 0">
+              <el-table
+                border
+                ref="multipleTable"
+                :data="ruleForm.productOrders"
+                tooltip-effect="dark"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+              >
+                <el-table-column
+                  prop="shopName"
+                  align="center"
+                  label="店铺名称"
+                  width="80"
+                >
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="商品名称"
+                  prop="productName"
+                />
+                <el-table-column
+                  align="center"
+                  label="商品图片"
+                  prop="productImg"
+                >
+                  <template slot-scope="scope">
+                    <el-image
+                      style="width: 60px; height: 60px"
+                      :src="scope.row.productImg"
+                      :preview-src-list="[scope.row.productImg]"
+                    >
+                    </el-image>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="规格"
+                  prop="productSpecName"
+                >
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="商品原价"
+                  prop="originPrice"
+                >
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="商品终价"
+                  prop="finalPrice"
+                  width="120"
+                />
+                <el-table-column
+                  prop="productOrderMoney"
+                  align="center"
+                  label="商品订单金额"
+                  width="200"
+                >
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+        </el-form>
+      </div>
+      <!-- 选择商品 -->
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  props: {},
+  data() {
+    return {
+      isAdd: true,
+      //表格属性
+      modalConfig: {
+        title: "订单详情",
+        show: false,
+        width: "1200px",
+        fullscreen: true,
+      },
+      modalData: {},
+      ruleForm: {},
+      tableData: [],
+    };
+  },
+  watch: {
+    // "modalConfig.show"(newVal) {
+    //   if (newVal) {
+    //     //关闭弹窗清空校验
+    //     setTimeout(() => {
+    //       this.$refs.ruleForm.resetFields();
+    //     });
+    //   }
+    // },
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.modalConfig.title = "订单详情";
+          this.isAdd = true;
+        },
+        update: () => {
+          this.modalConfig.title = "订单详情";
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      console.log(row);
+      this.ruleForm = row;
+    },
+    handleSelectionChange(e) {
+      console.log(e);
+    },
+    getRefundStatus(val) {
+      if (val == 0) {
+        return "正常";
+      } else if (val == 1) {
+        return "退款中";
+      } else if (val == 2) {
+        return "完全退款";
+      } else if (val == 3) {
+        return "部分退款";
+      } else if (val == 4) {
+        return "拒绝用户退款";
+      } else if (val == -1) {
+        return "退款失败";
+      } else if (val == -2) {
+        return "用户申请退款中";
+      }
+    },
+  },
+  computed: {
+    modalHandles() {
+      return [
+        {
+          label: "关闭",
+          handle: () => {
+            this.toggle();
+          },
+        },
+        // {
+        //   label: "确认",
+        //   type: "primary",
+        //   // submit: true,
+        //   handle: () => {
+        //   },
+        // },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/modules/presale/products/index.vue

@@ -49,16 +49,6 @@
                 placeholder="商品名称搜索"
               ></el-input>
             </el-form-item>
-            <!-- <el-form-item label="状态">
-              <el-select v-model="formInline.status" placeholder="请选择状态">
-                <el-option
-                  v-for="item in statusList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                ></el-option>
-              </el-select>
-            </el-form-item> -->
             <el-form-item>
               <el-button type="primary" @click="$refs.oTable.reload()"
                 >查询</el-button
@@ -98,15 +88,12 @@
         @queryList="$refs.oTable.reload()"
         ref="addOrUpdate"
       ></add-or-update>
-      <!-- 改价格 -->
-      <!-- <AddPrice ref="AddPrice" @queryList="$refs.oTable.reload()"></AddPrice> -->
-      <!-- 改库存 -->
-      <!-- <addStock ref="addStock" @queryList="$refs.oTable.reload()"></addStock> -->
-      <!-- 打折扣 -->
       <earlyWarning
         ref="earlyWarning"
         @queryList="$refs.oTable.reload()"
       ></earlyWarning>
+      <!-- 查看商品 -->
+      <viewProducts ref="viewProducts"></viewProducts>
     </div>
     <div style="height: calc(100vh - 200px)" v-else>
       <el-empty :image-size="200" description="您不是摊主哦"></el-empty>
@@ -115,13 +102,12 @@
 </template>
 
 <script>
-// import AddDiscount from "./popup/add-discount.vue";
-// import AddPrice from "./popup/add-price.vue";
 import { mapState } from "vuex";
+import viewProducts from "./popup/view-products.vue";
 import AddOrUpdate from "./popup/add-or-update.vue";
 import earlyWarning from "./popup/early-warning.vue";
 export default {
-  components: { earlyWarning, AddOrUpdate },
+  components: { earlyWarning, AddOrUpdate, viewProducts },
   data() {
     return {
       activeName: "5",
@@ -496,15 +482,12 @@ export default {
                   this.$refs.oTable.reload();
                 });
             };
-            let changeInventory = () => {
+            let view = () => {
-              this.$refs.addStock.toggle(row).update();
+              this.$refs.viewProducts.toggle(row).update();
-            };
-            let setDiscounts = () => {
-              this.$refs.AddDiscount.toggle(row).update();
             };
             return (
               <div>
-                <el-button size="mini" type="primary" onClick={changeInventory}>
+                <el-button size="mini" type="primary" onClick={view}>
                   查看
                 </el-button>
                 <el-button

src/views/modules/presale/products/popup/view-products.vue

@@ -0,0 +1,384 @@
+<template>
+  <div>
+    <obj-modal
+      ref="modal"
+      labelWidth="150px"
+      :modalConfig="modalConfig"
+      :modalData="modalData"
+      :modalHandles="modalHandles"
+    >
+      <div slot="dialog__content">
+        <el-form
+          :model="ruleForm"
+          ref="ruleForm"
+          label-width="150px"
+          class="demo-ruleForm"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="订金支付时间：" prop="startTime">
+                <el-date-picker
+                  @change="getOrderTime"
+                  format="yyyy-MM-dd HH:mm"
+                  data-format="yyyy-MM-dd HH:mm"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  v-model="orderTime"
+                  type="datetimerange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :editable="false"
+                >
+                </el-date-picker> </el-form-item
+            ></el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="尾款支付时间："
+                prop="balancePaymentStartTime"
+              >
+                <el-date-picker
+                  @change="getArrearsTime"
+                  format="yyyy-MM-dd"
+                  data-format="yyyy-MM-dd"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  v-model="arrears"
+                  type="datetimerange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :picker-options="pickerOptions"
+                >
+                </el-date-picker> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-form-item
+            label="预计发货时间："
+            prop="estimatedStartDeliveryTime"
+          >
+            <el-date-picker
+              format="yyyy-MM-dd HH:mm"
+              data-format="yyyy-MM-dd HH:mm"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              @change="deliveryTime"
+              v-model="delivery"
+              type="datetimerange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :picker-options="pickerOptions"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="定金可退：" prop="isRefundEarnestMoney">
+            <el-radio v-model="ruleForm.isRefundEarnestMoney" :label="1"
+              >是</el-radio
+            >
+            <el-radio v-model="ruleForm.isRefundEarnestMoney" :label="2"
+              >否</el-radio
+            >
+            <span>
+              选择是，用户可在付尾款前申请退定金（申请后自动退，无需审核），或付尾款时间结束后系统自动退定金
+            </span>
+          </el-form-item>
+
+          <div style="padding: 0 0 0 20px; font-size: 16px; font-weight: 600">
+            已选择商品
+          </div>
+          <div style="padding: 20px">
+            <div style="border-top: 1px solid #ccc; padding: 10px 0 0 0">
+              <div style="font-size: 16px; margin-bottom: 20px">
+                <span>商品ID:{{ ruleForm.productId }}</span>
+                <span style="margin-left: 20px"
+                  >商品名称:{{ ruleForm.name }}</span
+                >
+              </div>
+              <el-table
+                border
+                ref="multipleTable"
+                :data="ruleForm.productSpecificationList"
+                tooltip-effect="dark"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+              >
+                <el-table-column align="center" label="是否预售" width="80">
+                  <template slot-scope="scope">
+                    <span>{{
+                      scope.row.isAdvanceSell == 1 ? "是" : "否"
+                    }}</span>
+                    <!-- <el-checkbox
+                      :true-label="1"
+                      :false-label="0"
+                      v-model="scope.row.isAdvanceSell"
+                    ></el-checkbox> -->
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="SKU-ID" prop="id" />
+                <el-table-column
+                  align="center"
+                  label="规格"
+                  prop="attributeList"
+                >
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.attributeValue }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="属性" prop="address">
+                  <template slot-scope="scope">
+                    <span>{{
+                      scope.row.attributeList
+                        ? scope.row.attributeList[0].attributeName
+                        : "无"
+                    }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="销售价"
+                  prop="marketPrice"
+                  width="120"
+                />
+                <el-table-column
+                  prop="presalePrice"
+                  align="center"
+                  label="*预售价"
+                  width="200"
+                >
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.isAdvanceSell">{{
+                      scope.row.presalePrice
+                    }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="earnestMoney"
+                  align="center"
+                  label="*定金"
+                  width="200"
+                >
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.isAdvanceSell">{{
+                      scope.row.earnestMoney
+                    }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="尾款" width="200">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.isAdvanceSell">{{
+                      scope.row.presalePrice
+                        ? scope.row.presalePrice - scope.row.earnestMoney
+                        : ""
+                    }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="*预售库存" width="200">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.isAdvanceSell">{{
+                      scope.row.advanceSellStockNum
+                    }}</span>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <el-empty
+              v-show="ruleForm.productList?.length == 0"
+              description="请选择商品"
+            ></el-empty>
+          </div>
+        </el-form>
+      </div>
+      <!-- 选择商品 -->
+    </obj-modal>
+  </div>
+</template>
+<script>
+import { debounce, cloneDeep } from "lodash";
+export default {
+  components: {},
+  props: {
+    marketId: {
+      type: String,
+      default: "",
+    },
+    shopId: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      isAdd: true,
+      //表格属性
+      modalConfig: {
+        title: "查看预售",
+        show: false,
+        width: "1200px",
+        fullscreen: true,
+      },
+      modalData: {},
+      ruleForm: {
+        productList: [],
+        isRefundEarnestMoney: 1, //定金可退 1是 2否
+      },
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now();
+        },
+      },
+      orderTime: [], //订单支付时间
+      arrears: [], //尾款时间
+      delivery: [], //发货时间
+      tableData: [],
+    };
+  },
+  watch: {
+    "modalConfig.show"(newVal) {
+      if (newVal) {
+        //关闭弹窗清空校验
+        setTimeout(() => {
+          this.$refs.ruleForm.resetFields();
+        });
+      }
+    },
+  },
+  methods: {
+    queryTableData(pageNo, pageSize) {},
+    toggle(e) {
+      if (this.modalConfig.show == false) {
+        this.modalConfig.show = true;
+      } else {
+        this.modalConfig.show = false;
+      }
+      if (e) {
+        this.init(cloneDeep(e));
+      }
+      return {
+        add: () => {
+          this.orderTime = [];
+          this.arrears = [];
+          this.delivery = [];
+          this.ruleForm = {
+            startTime: "",
+            endTime: "",
+            balancePaymentStartTime: "",
+            balancePaymentEndTime: "",
+            estimatedStartDeliveryTime: "",
+            estimatedEndDeliveryTime: "",
+            productList: [],
+            isRefundEarnestMoney: 1, //定金可退 1是 2否
+          };
+          this.modalConfig.title = "新增预售";
+          this.isAdd = true;
+        },
+        update: () => {
+          this.modalConfig.title = "查看预售";
+          this.isAdd = false;
+        },
+      };
+    },
+    init(row) {
+      console.log(row.startTime, row.endTime);
+      this.orderTime = [row.startTime, row.endTime];
+      this.arrears = [row.balancePaymentStartTime, row.balancePaymentEndTime];
+      this.delivery = [
+        row.estimatedStartDeliveryTime,
+        row.estimatedEndDeliveryTime,
+      ];
+      (this.ruleForm = {
+        productId: row.id,
+        advanceSellId: row.advanceSellId,
+        startTime: row.startTime,
+        name: row.name,
+        endTime: row.endTime,
+        balancePaymentStartTime: row.balancePaymentStartTime,
+        balancePaymentEndTime: row.balancePaymentEndTime,
+        estimatedStartDeliveryTime: row.estimatedStartDeliveryTime,
+        estimatedEndDeliveryTime: row.estimatedEndDeliveryTime,
+        isRefundEarnestMoney: row.isRefundEarnestMoney,
+        productSpecificationList: row.productSpecificationList,
+      }),
+        console.log(this.orderTime, this.arrears, this.delivery);
+
+      // this.ruleForm = row;
+    },
+    //订单支付时间
+    getOrderTime(e) {
+      if (e) {
+        console.log(e);
+        this.ruleForm.startTime = e[0];
+        this.ruleForm.endTime = e[1];
+      } else {
+        this.ruleForm.startTime = "";
+        this.ruleForm.endTime = "";
+      }
+    },
+    //尾款支付时间
+    getArrearsTime(e) {
+      if (e) {
+        console.log(e);
+        this.ruleForm.balancePaymentStartTime = e[0];
+        this.ruleForm.balancePaymentEndTime = e[1];
+      } else {
+        this.ruleForm.balancePaymentStartTime = "";
+        this.ruleForm.balancePaymentEndTime = "";
+      }
+    },
+    //发货时间
+    deliveryTime(e) {
+      if (e) {
+        console.log(e);
+        this.ruleForm.estimatedStartDeliveryTime = e[0];
+        this.ruleForm.estimatedEndDeliveryTime = e[1];
+      } else {
+        this.ruleForm.estimatedStartDeliveryTime = "";
+        this.ruleForm.estimatedEndDeliveryTime = "";
+      }
+    },
+    selectProduct() {
+      console.log("选择商品", this.marketId, this.shopId);
+      this.$nextTick(() => {
+        this.$refs.commodity.toggle().add({
+          marketId: this.marketId,
+          shopId: this.shopId,
+        });
+      });
+    },
+    handleSelectionChange(e) {
+      console.log(e);
+    },
+    getProduct(row) {
+      this.ruleForm.productList = row.map((item) => {
+        return {
+          productId: item.id,
+          name: item.name,
+          productSpecificationList: item.productSpecificationList,
+        };
+      });
+      console.log(this.ruleForm.productList, this.ruleForm.productList.length);
+
+      console.log("获取商品");
+    },
+  },
+  computed: {
+    modalHandles() {
+      return [
+        {
+          label: "关闭",
+          handle: () => {
+            this.toggle();
+          },
+        },
+        // {
+        //   label: "确认",
+        //   type: "primary",
+        //   // submit: true,
+        //   handle: () => {
+        //   },
+        // },
+      ];
+    },
+  },
+  asyncComputed: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>

src/views/modules/wallet/index.vue

@@ -13,7 +13,7 @@
             </div>
             <div>
               <el-button
-                @click="$router.push({ path: 'bank-card-index' })"
+                @click="$router.push({ name: 'bank-card-index' })"
                 type="primary"
                 round
                 >绑定银行卡</el-button