2024.04.02

- 完成选品列表和分销定价；

src/api/selectionCenter.js

@@ -1,11 +0,0 @@
-import request from '@/utils/request'
-
-
-// 查询选品中心的数据
-export function getSelectionData(data) {
-    return request({
-      url: '/platformProduct/getClaasifyProducts',
-      method: 'post',
-      data
-    })
-  }

src/api/selectionCenter/selectionCenter.js

@@ -0,0 +1,91 @@
+import request from '@/utils/request'
+
+// 查询选品中心的数据
+export function getSelectionData(data) {
+  return request({
+    url: '/platformProduct/getClaasifyProducts',
+    method: 'post',
+    data
+  })
+}
+
+// 商家添加选品库
+export function shopSelectionAddShopLibrary(data) {
+  return request({
+    url: '/shopSelection/addShopLibrary',
+    method: 'post',
+    data
+  })
+}
+
+// 商家选品库
+export function shopSelectionGetLibrary(data) {
+  return request({
+    url: '/shopSelection/shopSelectionLibrary',
+    method: 'post',
+    data
+  })
+}
+
+// 选品中心（平台选品库）
+export function shopSelectionGetPlatformLibrary(data) {
+  return request({
+    url: '/shopSelection/platformSelectionLibrary',
+    method: 'post',
+    data
+  })
+}
+
+// 商家选择（平台）选品商品
+export function shopSelectionSelectShopLibrary(data) {
+  return request({
+    url: '/shopSelection/selectShopLibrary',
+    method: 'post',
+    data
+  })
+}
+
+// 分页查询商家分销定价方案信息表
+export function priceControlGetPage(data) {
+  return request({
+    url: '/priceControl/page',
+    method: 'post',
+    data
+  })
+}
+
+// 查询商家分销定价方案信息表
+export function priceControlGetById(params) {
+  return request({
+    url: `/priceControl/${params.id}`,
+    method: 'get',
+    params
+  })
+}
+
+// 新增商家分销定价方案信息表
+export function priceControlSavePlan(data) {
+  return request({
+    url: '/priceControl/save',
+    method: 'post',
+    data
+  })
+}
+
+// 修改商家分销定价方案信息表
+export function priceControlUpdatePlan(data) {
+  return request({
+    url: '/priceControl/update',
+    method: 'put',
+    data
+  })
+}
+
+// 删除商家分销定价方案信息表
+export function priceControlDeletePlan(params) {
+  return request({
+    url: '/priceControl/delete',
+    method: 'delete',
+    params
+  })
+}

src/main.js

@@ -19,17 +19,57 @@ import '@/permission' // permission control
 //   const { mockXHR } = require('../mock')
 //   mockXHR()
 // }
+
+Vue.directive('tableHeight', {
+  update(el, binding) {
+    function changeElHeight() {
+      let height = 0
+      if (!binding.value) {
+        const navbarHeight = 46
+        const tabsHeight = 62
+        const searchHeight = document.querySelector('.app-container>.filter-container') ? document.querySelector('.app-container>.filter-container').offsetHeight : 0
+        const pageHeight = document.querySelector('.app-container>.pagination-container') ? 75 : 20
+        const otherHeight = document.querySelector('.app-container>.other-container') ? document.querySelector('.app-container>.other-container').offsetHeight : 0
+        height = navbarHeight + tabsHeight + searchHeight + pageHeight + otherHeight
+      } else {
+        height = binding.value
+      }
+      el.style.height = `${window.innerHeight - height > 230 ? window.innerHeight - height : 230}px`
+    }
+    changeElHeight()
+    window.onresize = () => {
+      changeElHeight()
+    }
+  }
+})
+
 // set ElementUI lang to EN
 // Vue.use(ElementUI, { locale })
 // 如果想要中文版 element-ui，按如下方式声明
-
 Vue.use(ElementUI)
 
+Vue.prototype.common = {
+  seamingImgUrl(url) {
+    if (!url) return ''
+    // return url.startsWith('https://') ? url : 'https://www.tuanfengkeji.cn:9527/dts-admin-api/admin/storage/fetch/' + url
+    if (url.startsWith('http://')) {
+      return url.replace('http://', 'https://')
+    } else if (url.startsWith('https://')) {
+      return url
+    } else if (url.startsWith('//')) {
+      return 'https:' + url
+    }
+    // https://tuanfengkeji.oss-cn-beijing.aliyuncs.com/tfshop/
+    // https://jufeng-shop-1317254189.cos.ap-guangzhou.myqcloud.com/
+    return 'https://jufeng-shop-1317254189.cos.ap-guangzhou.myqcloud.com/' + url
+  }
+}
+
 Vue.config.productionTip = false
 
 new Vue({
   el: '#app',
   router,
   store,
-  render: h => h(App)
+  render: (h) => h(App)
 })

src/router/index.js

@@ -650,6 +650,42 @@ export const constantRoutes = [
     } ]
   }
   // {
+  //   path: '/selectionCenter',
+  //   component: Layout,
+  //   name: 'selectionCenter',
+  //   meta: {
+  //     title: '选品中心',
+  //     icon: 'el-icon-s-help'
+  //   },
+  //   children: [{
+  //     path: 'management',
+  //     name: 'management',
+  //     component: () => import('@/views/selectionCenter/management/index'),
+  //     meta: {
+  //       title: '选品管理',
+  //       icon: 'el-icon-s-help'
+  //     }
+  //   },
+  //   {
+  //     path: 'productSelectionList',
+  //     name: 'productSelectionList',
+  //     component: () => import('@/views/selectionCenter/productSelectionList/index'),
+  //     meta: {
+  //       title: '选品列表',
+  //       icon: 'el-icon-s-help'
+  //     }
+  //   },
+  //   {
+  //     path: 'distributionPricingPlan',
+  //     name: 'distributionPricingPlan',
+  //     component: () => import('@/views/selectionCenter/distributionPricingPlan/index'),
+  //     meta: {
+  //       title: '分销定价',
+  //       icon: 'el-icon-s-help'
+  //     }
+  //   }]
+  // }
+  // {
   //   path: '/',
   //   component: Layout,
   //   redirect: '/volumeManagement',
@@ -772,7 +808,7 @@ const router = createRouter()
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createRouter();
+  const newRouter = createRouter()
   router.matcher = newRouter.matcher // reset router
 }
 

src/views/commodity/commoditySystem/addComponent.vue

@@ -201,22 +201,22 @@
           </el-table-column>
           <!-- <el-table-column label="平台底价">
             <template slot-scope="scope">
-              <el-input-number
-                v-model="scope.row.platformBasePrice" :controls="false" :max="999999999" :min="0"
-                :precision="2"
-                :step="0.01" style="width: auto;"
-              />
+            <el-input-number
+            v-model="scope.row.platformBasePrice" :controls="false" :max="999999999" :min="0"
+            :precision="2"
+            :step="0.01" style="width: auto;"
+            />
             </template>
-          </el-table-column>
-          <el-table-column label="平台指导价">
+            </el-table-column>
+            <el-table-column label="平台指导价">
             <template slot-scope="scope">
-              <el-input-number
-                v-model="scope.row.platformGuidePrice" :controls="false" :max="999999999" :min="0"
-                :precision="2"
-                :step="0.01" style="width: auto;"
-              />
+            <el-input-number
+            v-model="scope.row.platformGuidePrice" :controls="false" :max="999999999" :min="0"
+            :precision="2"
+            :step="0.01" style="width: auto;"
+            />
             </template>
-          </el-table-column> -->
+            </el-table-column> -->
           <el-table-column label="库存">
             <template slot-scope="scope">
               <el-input-number

src/views/commodity/commoditySystem/index.vue

@@ -27,7 +27,7 @@
             }" />
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" plain @click="search">查询</el-button>
+            <el-button type="primary" plain @click="handleSearch">查询</el-button>
             <el-button plain @click="clear">重置</el-button>
             <el-button type="success" plain @click="add">新增商品</el-button>
             <el-button type="success" plain @click="sends">批量导入</el-button>
@@ -74,6 +74,7 @@
           <el-table-column label="操作" width="200">
             <template slot-scope="scope">
               <div class="btnList">
+                <el-button v-if="!scope.row.ifSelection" type="text" @click="handleAddShopSelection(scope.row)">设为选品</el-button>
                 <el-button type="text" @click="edit(scope.row)">编辑</el-button>
                 <el-button v-if="scope.row.shelveState == 0" type="text" @click="down(scope.row)">上架</el-button>
                 <el-button v-if="scope.row.shelveState == 1" type="text" @click="down(scope.row)">下架</el-button>
@@ -160,7 +161,7 @@
 
 <script>
 import CommAdd from '@/views/commodity/commoditySystem/addCommodity.vue'
-import { getBtnList, getToken } from '@/utils/auth'
+import { getBtnList, getToken, getShopId } from '@/utils/auth'
 import { uploadUrl } from '@/utils/request'
 import {
   getClassifyGetAll,
@@ -176,6 +177,7 @@ import {
   getBrandList,
   getVoucher
 } from '@/api/commodity'
+import { shopSelectionAddShopLibrary } from '@/api/selectionCenter/selectionCenter'
 export default {
   name: 'CommoditySystem',
   components: {
@@ -252,13 +254,6 @@ export default {
     },
     cancelForm() {
       this.commidyVisible = false
-      // this.formInline = {
-      //   search: '',
-      //   shelveState: '',
-      //   stock: '',
-      //   page: 1,
-      //   pageSize: 10
-      // }
       this.getAll(this.formInline)
       this.closeModal()
     },
@@ -283,7 +278,7 @@ export default {
       this.getAll(this.formInline)
     },
     //  查询
-    search() {
+    handleSearch() {
       this.total = 1
       this.formInline.page = 1
       this.getAll(this.formInline)
@@ -340,6 +335,16 @@ export default {
       this.batchFileList = []
     },
     // 编辑商品
+    handleAddShopSelection(row) {
+      this.$confirm('确定添加为选品？')
+        .then(async () => {
+          await shopSelectionAddShopLibrary({ shopId: getShopId(), productId: row.productId })
+          this.$message({ message: '添加成功！', type: 'success' })
+          this.handleSearch()
+        })
+        .catch(() => {})
+    },
+    // 编辑商品
     edit(row) {
       this.showTinymce = true
       this.commidyVisible = true

src/views/selectionCenter/distributionPricingPlan/components/DetailModal.vue

@@ -0,0 +1,141 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    v-bind="modalOptions"
+  >
+    <el-form
+      ref="formData"
+      :model="formData"
+      size="mini"
+      label-position="left"
+      label-suffix=":"
+      label-width="200px"
+    >
+      <!-- 定时任务信息 -->
+      <el-form-item label="定价方案ID" prop="priceId">
+        {{ formData.priceId || '--' }}
+      </el-form-item>
+      <el-form-item label="店铺ID" prop="shopId">
+        {{ formData.shopId || '--' }}
+      </el-form-item>
+      <el-form-item label="方案名称" prop="programmeName">
+        {{ formData.programmeName || '--' }}
+      </el-form-item>
+      <el-form-item label="优惠定价系数" prop="preferentialPrice">
+        {{ formData.preferentialPrice || '--' }}
+      </el-form-item>
+      <el-form-item label="市场价定价系数" prop="marketPrice">
+        {{ formData.marketPrice || '--' }}
+      </el-form-item>
+      <el-form-item label="供货价定价系数" prop="supplyPrice">
+        {{ formData.supplyPrice || '--' }}
+      </el-form-item>
+      <el-form-item label="渠道价定价系数" prop="channelPrice">
+        {{ formData.channelPrice || '--' }}
+      </el-form-item>
+      <el-form-item label="活动开始时间" prop="startTime">
+        {{ formData.startTime || '--' }}
+      </el-form-item>
+      <el-form-item label="活动结束时间" prop="endTime">
+        {{ formData.endTime || '--' }}
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <span v-if="formData.status === 0">未开始</span>
+        <span v-else-if="formData.status === 1">进行中</span>
+        <span v-else-if="formData.status === 2">已结束</span>
+        <span v-else-if="formData.status === 3">已停用</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="类型" prop="type">
+        <span v-if="formData.type === 0">平台</span>
+        <span v-else-if="formData.type === 1">团长</span>
+        <span v-else-if="formData.type === 2">合伙人</span>
+        <span v-else-if="formData.type === 3">加盟商</span>
+        <span v-else-if="formData.type === 4">代理商</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="是否默认选择" prop="isDefault">
+        <span v-if="formData.isDefault === 0">否</span>
+        <span v-else-if="formData.isDefault === 1">是</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="创建时间" prop="createTime">
+        {{ formData.createTime || '--' }}
+      </el-form-item>
+      <el-form-item label="更新时间" prop="updateTime">
+        {{ formData.updateTime || '--' }}
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+import { priceControlGetById } from '@/api/selectionCenter/selectionCenter'
+
+export default {
+  name: 'DetailModal',
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '800px',
+        title: '查看定价方案详情'
+      },
+      visible: false,
+      formData: {
+        priceId: '',
+        shopId: '',
+        programmeName: '',
+        preferentialPrice: '',
+        marketPrice: '',
+        supplyPrice: '',
+        channelPrice: '',
+        startTime: '',
+        endTime: '',
+        status: '',
+        type: '',
+        isDefault: '',
+        createTime: '',
+        updateTime: ''
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    handleOpen(params = {}) {
+      this.formData = Object.assign(this.$options.data().formData, params)
+      if (params.priceId) {
+        this.getInfo(params.priceId)
+      }
+      this.visible = true
+    },
+    async getInfo(id) {
+      const loading = this.$loading({ text: '加载中' })
+      try {
+        const res = await priceControlGetById({ id })
+        this.formData = Object.assign(this.$options.data().formData, res.data, {
+          priceId: res.data.priceId || '',
+          shopId: res.data.shopId || '',
+          programmeName: res.data.programmeName || '',
+          preferentialPrice: res.data.preferentialPrice || '',
+          marketPrice: res.data.marketPrice || '',
+          supplyPrice: res.data.supplyPrice || '',
+          channelPrice: res.data.channelPrice || '',
+          startTime: res.data.startTime || '',
+          endTime: res.data.endTime || '',
+          status: res.data.status,
+          type: res.data.type,
+          isDefault: res.data.isDefault,
+          createTime: res.data.createTime || '',
+          updateTime: res.data.updateTime || ''
+        })
+      } finally {
+        loading.close()
+      }
+    }
+  }
+}
+</script>
+

src/views/selectionCenter/distributionPricingPlan/components/EditModal.vue

@@ -0,0 +1,191 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    v-bind="modalOptions"
+  >
+    <el-form
+      ref="formData"
+      :model="formData"
+      :rules="formRules"
+      size="mini"
+      label-suffix=":"
+      label-width="150px"
+    >
+      <el-form-item label="方案名称" prop="programmeName">
+        <el-input v-model="formData.programmeName" placeholder="请输入方案名称" maxlength="30" show-word-limit />
+      </el-form-item>
+      <el-form-item label="优惠定价系数" prop="preferentialPrice">
+        <el-input v-model="formData.preferentialPrice" placeholder="请输入优惠定价系数" />
+      </el-form-item>
+      <el-form-item label="市场价定价系数" prop="marketPrice">
+        <el-input v-model="formData.marketPrice" placeholder="请输入市场价定价系数" />
+      </el-form-item>
+      <el-form-item label="供货价定价系数" prop="supplyPrice">
+        <el-input v-model="formData.supplyPrice" placeholder="请输入供货价定价系数" />
+      </el-form-item>
+      <el-form-item label="渠道价定价系数" prop="channelPrice">
+        <el-input v-model="formData.channelPrice" placeholder="请输入渠道价定价系数" />
+      </el-form-item>
+      <el-form-item label="活动开始时间" prop="startTime">
+        <el-date-picker
+          v-model="formData.startTime"
+          size="medium"
+          type="date"
+          placeholder="选择活动开始时间"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="活动结束时间" prop="endTime">
+        <el-date-picker
+          v-model="formData.endTime"
+          size="medium"
+          type="date"
+          placeholder="选择活动结束时间"
+          value-format="yyyy-MM-dd HH:mm:ss"
+        ></el-date-picker>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button size="mini" @click="handleClose">取 消</el-button>
+      <el-button type="primary" size="mini" @click="handleSubmit">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getShopId } from '@/utils/auth'
+import { priceControlGetById, priceControlSavePlan, priceControlUpdatePlan } from '@/api/selectionCenter/selectionCenter'
+
+export default {
+  name: 'EditModal',
+  components: {
+  },
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '820px',
+        title: ''
+      },
+      visible: false,
+      formData: {
+        priceId: '',
+        shopId: getShopId(),
+        programmeName: '',
+        preferentialPrice: '',
+        marketPrice: '',
+        supplyPrice: '',
+        channelPrice: '',
+        startTime: '',
+        endTime: '',
+        status: '',
+        type: '',
+        isDefault: '',
+        createTime: '',
+        updateTime: ''
+      },
+      formRules: {
+        shopId: [
+          { required: true, message: '缺少店铺ID' }
+        ],
+        programmeName: [
+          { required: true, message: '请输入方案名称' }
+        ],
+        preferentialPrice: [
+          { required: false, message: '请输入优惠定价系数' },
+          { pattern: /^0\.\d{0,2}$|^[1-9]\d*\.\d{0,2}$|^[1-9]\d*$/, message: '数值有误' } // >0的数字, 最多2位小数正则
+        ],
+        marketPrice: [
+          { required: false, message: '请输入市场价定价系数' },
+          { pattern: /^0\.\d{0,2}$|^[1-9]\d*\.\d{0,2}$|^[1-9]\d*$/, message: '数值有误' }
+        ],
+        supplyPrice: [
+          { required: false, message: '请输入供货价定价系数' },
+          { pattern: /^0\.\d{0,2}$|^[1-9]\d*\.\d{0,2}$|^[1-9]\d*$/, message: '数值有误' }
+        ],
+        channelPrice: [
+          { required: false, message: '请输入渠道价定价系数' },
+          { pattern: /^0\.\d{0,2}$|^[1-9]\d*\.\d{0,2}$|^[1-9]\d*$/, message: '数值有误' }
+        ],
+        startTime: [
+          { required: false, message: '请选择活动开始时间' }
+        ],
+        endTime: [
+          { required: false, message: '请选择活动结束时间' }
+        ]
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    initList() {
+    },
+    handleOpen(params = {}) {
+      this.modalOptions.title = params.priceId ? '编辑定时任务' : '添加定时任务'
+      this.visible = true
+      this.initList()
+      if (params.priceId) {
+        this.getInfo(params.priceId)
+      } else {
+        this.$refs.formData && this.$refs.formData.resetFields()
+      }
+    },
+    async getInfo(id) {
+      const loading = this.$loading({ text: '加载中' })
+      try {
+        const res = await priceControlGetById({ id })
+        this.formData = Object.assign(this.$options.data().formData, res.data, {
+          priceId: res.data.priceId || '',
+          shopId: res.data.shopId || getShopId(),
+          programmeName: res.data.programmeName || '',
+          preferentialPrice: res.data.preferentialPrice || '',
+          marketPrice: res.data.marketPrice || '',
+          supplyPrice: res.data.supplyPrice || '',
+          channelPrice: res.data.channelPrice || '',
+          startTime: res.data.startTime || '',
+          endTime: res.data.endTime || '',
+          status: res.data.status,
+          type: res.data.type,
+          isDefault: res.data.isDefault,
+          createTime: res.data.createTime || '',
+          updateTime: res.data.updateTime || ''
+        })
+        this.$nextTick(() => {
+          this.$refs.formData && this.$refs.formData.validate()
+        })
+      } finally {
+        loading.close()
+      }
+    },
+    handleSubmit() {
+      this.$refs.formData.validate(async (valid) => {
+        if (valid) {
+          await this.$validatorForm('formData')
+          const loading = this.$elLoading()
+          try {
+            const { ...otps } = this.formData
+            const params = {
+              ...otps
+            }
+            this.formData.priceId ? await priceControlUpdatePlan(params) : await priceControlSavePlan(params)
+            loading.close()
+            this.$message({ message: `${this.formData.priceId ? '编辑' : '添加'}成功!`, type: 'success' })
+            this.$emit('success')
+            this.visible = false
+          } catch (e) {
+            loading.close()
+          } finally {
+            loading.close()
+          }
+        } else {
+          this.$message({ message: '请输入相关信息', type: 'warning' })
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+

src/views/selectionCenter/distributionPricingPlan/index.vue

@@ -0,0 +1,185 @@
+<template>
+  <div class="app-container">
+    <!-- 查询和其他操作 -->
+    <div class="filter-container">
+      <el-input
+        v-model="listQuery.programmeName" clearable class="filter-item" style="width: 200px;"
+        placeholder="请输入定价方案名称"
+      />
+      <el-button
+        size="mini" class="filter-item" type="primary" icon="el-icon-search"
+        style="margin-left:10px;"
+        @click="handleSearch"
+      >
+        查找
+      </el-button>
+      <br />
+      <el-button
+        size="mini" type="primary" icon="el-icon-plus"
+        @click="$refs.EditModal && $refs.EditModal.handleOpen({ priceId: '' })"
+      >
+        添加
+      </el-button>
+    </div>
+
+    <!-- 查询结果 -->
+    <div v-tableHeight>
+      <el-table
+        v-loading="listLoading" height="100%" element-loading-text="正在查询中。。。" :data="list"
+        v-bind="{ stripe: true, size: 'small', border: true, fit: true, highlightCurrentRow: true }"
+      >
+        <el-table-column align="center" width="100" label="ID" prop="priceId" fixed="left" />
+        <el-table-column align="center" width="150" label="方案名称" prop="programmeName" fixed="left" show-overflow-tooltip />
+        <el-table-column align="center" width="120" label="优惠定价系数" prop="preferentialPrice" show-overflow-tooltip />
+        <el-table-column align="center" width="120" label="市场价定价系数" prop="marketPrice" show-overflow-tooltip />
+        <el-table-column align="center" width="120" label="供货价定价系数" prop="supplyPrice" show-overflow-tooltip />
+        <el-table-column align="center" width="120" label="渠道价定价系数" prop="channelPrice" show-overflow-tooltip />
+        <el-table-column align="center" min-width="150" label="活动开始时间" prop="startTime" show-overflow-tooltip />
+        <el-table-column align="center" min-width="150" label="活动结束时间" prop="endTime" show-overflow-tooltip />
+        <el-table-column align="center" label="状态" prop="status">
+          <template slot-scope="{ row }">
+            <el-tag v-if="row.status === 0" effect="plain" type="info">未开始</el-tag>
+            <el-tag v-else-if="row.status === 1" effect="plain" type="success">进行中</el-tag>
+            <el-tag v-else-if="row.status === 2" effect="plain" type="danger">已结束</el-tag>
+            <el-tag v-else-if="row.status === 3" effect="plain" type="warning">已停用</el-tag>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="类型" prop="type">
+          <template slot-scope="{ row }">
+            <el-tag v-if="row.type === 0" effect="plain" type="info">平台</el-tag>
+            <el-tag v-else-if="row.type === 1" effect="plain" type="success">团长</el-tag>
+            <el-tag v-else-if="row.type === 2" effect="plain" type="danger">合伙人</el-tag>
+            <el-tag v-else-if="row.type === 3" effect="plain" type="warning">加盟商</el-tag>
+            <el-tag v-else-if="row.type === 4" effect="plain">代理商</el-tag>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="是否默认选择" prop="isDefault">
+          <template slot-scope="{ row }">
+            <el-tag v-if="row.type === 0" effect="plain" type="info">否</el-tag>
+            <el-tag v-else-if="row.type === 1" effect="plain" type="success">是</el-tag>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" width="150" label="创建时间" prop="createTime" />
+        <el-table-column align="center" label="操作" width="300" fixed="right" class-name="small-padding fixed-width">
+          <template slot-scope="{ row }">
+            <el-button type="warning" size="mini" @click="handleDetail(row)">
+              详情
+            </el-button>
+            <el-button size="mini" @click="handleEdit(row)">
+              编辑
+            </el-button>
+            <el-button type="danger" size="mini" @click="handleDelete(row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div>
+      <el-pagination
+        :current-page="listQuery.page" :page-sizes="[10, 20, 50, 100]" :page-size="10"
+        layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="(val) => ((listQuery.pageSize = val) && getList())"
+        @current-change="(val) => ((listQuery.page = val) && getList())"
+      />
+    </div>
+
+    <!-- 新增编辑 -->
+    <EditModal ref="EditModal" @success="getList" />
+    <!-- 查看详情 -->
+    <DetailModal ref="DetailModal" @success="getList" />
+  </div>
+</template>
+
+<script>
+import EditModal from './components/EditModal'
+import DetailModal from './components/DetailModal'
+import { priceControlGetPage, priceControlDeletePlan } from '@/api/selectionCenter/selectionCenter'
+
+export default {
+  name: 'DistributionPricingPlan',
+  components: {
+    EditModal,
+    DetailModal
+  },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        pageSize: 20,
+        programmeName: ''
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      this.listLoading = true
+      try {
+        const res = await priceControlGetPage(this.listQuery)
+        this.list = res.data.list
+        this.total = res.data.total
+      } finally {
+        this.listLoading = false
+      }
+    },
+    handleSearch() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleDetail(row) {
+      this.$refs.DetailModal && this.$refs.DetailModal.handleOpen(row)
+    },
+    handleEdit(row) {
+      this.$refs.EditModal && this.$refs.EditModal.handleOpen(row)
+    },
+    handleDelete(row) {
+      this.$confirm('确定删除此项？')
+        .then(async () => {
+          await priceControlDeletePlan({ id: row.priceId })
+          this.$message({ message: '删除成功！', type: 'success' })
+          this.handleSearch()
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+	padding: 20px;
+	display: flex;
+	flex-direction: column;
+
+	.filter-container {
+		.filter-item {
+			display: inline-block;
+			vertical-align: middle;
+			margin-bottom: 10px;
+		}
+	}
+
+	.small-padding {
+		.cell {
+			padding-left: 5px;
+			padding-right: 5px;
+		}
+	}
+
+	.fixed-width {
+		.el-button--mini {
+			padding: 7px 10px;
+		}
+	}
+}
+</style>

src/views/selectionCenter/management/index.vue

@@ -220,7 +220,7 @@
 <script>
 import detailPage from "./components/detailPage"
 import mySelection from "./components/mySelection"
-import { getSelectionData } from "@/api/selectionCenter"
+import { getSelectionData } from "@/api/selectionCenter/selectionCenter"
 export default {
     data() {
         return {

src/views/selectionCenter/productSelectionList/components/DetailModal.vue

@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :visible.sync="visible" v-bind="modalOptions" append-to-body>
+    <el-form ref="formData" :model="formData" size="mini" label-position="left" label-suffix=":" label-width="200px">
+      <!-- 定时任务信息 -->
+      <el-form-item label="ID" prop="productId">
+        {{ formData.productId || '--' }}
+      </el-form-item>
+      <el-form-item label="品牌ID" prop="brandId">
+        {{ formData.brandId || '--' }}
+      </el-form-item>
+      <el-form-item label="关联分类ID" prop="classifyId">
+        {{ formData.classifyId || '--' }}
+      </el-form-item>
+      <el-form-item label="创建时间" prop="createTime">
+        {{ formData.createTime || '--' }}
+      </el-form-item>
+      <el-form-item label="是否支持积分抵扣" prop="ifCredit">
+        <span v-if="formData.ifCredit">是</span>
+        <span v-else-if="(formData.ifCredit === 0) || (formData.ifCredit === null)">否</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item v-if="formData.ifCredit" label="单笔订单最多抵扣积分" prop="creditLimit">
+        {{ typeof formData.creditLimit === 'number' ? formData.creditLimit : '--' }}
+      </el-form-item>
+      <el-form-item label="是否支持花呗分期" prop="ifHuabei">
+        <span v-if="formData.ifHuabei">是</span>
+        <span v-else-if="(formData.ifHuabei === 0) || (formData.ifHuabei === null)">否</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="是否需要物流" prop="ifLogistics">
+        <span v-if="formData.ifLogistics">是</span>
+        <span v-else-if="(formData.ifLogistics === 0) || (formData.ifLogistics === null)">否</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="是否允许超卖" prop="ifOversold">
+        <span v-if="formData.ifOversold">是</span>
+        <span v-else-if="(formData.ifOversold === 0) || (formData.ifOversold === null)">否</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="是否选品" prop="ifSelection">
+        <span v-if="formData.ifSelection">是</span>
+        <span v-else-if="(formData.ifSelection === 0) || (formData.ifSelection === null)">否</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="商品图片" prop="images">
+        <div v-if="formData.images && formData.images.length">
+          <el-image
+            v-for="(item, index) in formData.images.map(i => i.imgPath)" :key="index"
+            :src="common.seamingImgUrl(item)" style="width:80px; height:80px; margin-right: 10px;" fit="cover"
+            :preview-src-list="formData.images.map(i => common.seamingImgUrl(i.imgPath))"
+          />
+        </div>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="sku最高价格" prop="maxPrice">
+        {{ typeof formData.maxPrice === 'number' ? formData.maxPrice : '--' }}
+      </el-form-item>
+      <el-form-item label="会员价区间" prop="memberSection">
+        {{ formData.memberSection || '--' }}
+      </el-form-item>
+      <el-form-item label="原价" prop="originalPrice">
+        {{ typeof formData.originalPrice === 'number' ? formData.originalPrice : '--' }}
+      </el-form-item>
+      <!-- <el-form-item label="规格名和值数据" prop="names">
+        {{ formData.names || '--' }}
+        </el-form-item> -->
+      <el-form-item label="售价" prop="price">
+        {{ typeof formData.price === 'number' ? formData.price : '--' }}
+      </el-form-item>
+      <el-form-item label="简介" prop="productBrief">
+        {{ formData.productBrief || '--' }}
+      </el-form-item>
+      <el-form-item label="商品型号" prop="productMarque">
+        {{ formData.productMarque || '--' }}
+      </el-form-item>
+      <el-form-item label="商品名称" prop="productName">
+        {{ formData.productName || '--' }}
+      </el-form-item>
+      <el-form-item label="商品描述" prop="productText">
+        {{ formData.productText || '--' }}
+      </el-form-item>
+      <el-form-item label="驳回原因" prop="reject">
+        {{ formData.reject || '--' }}
+      </el-form-item>
+      <el-form-item label="售价区间" prop="section">
+        {{ formData.section || '--' }}
+      </el-form-item>
+      <el-form-item label="商品状态" prop="shelveState">
+        <span v-if="formData.shelveState === 0">已下架</span>
+        <span v-else-if="formData.shelveState === 1">已上架</span>
+        <span v-else-if="formData.shelveState === 2">待审核</span>
+        <span v-else-if="formData.shelveState === 3">审核失败</span>
+        <span v-else>--</span>
+      </el-form-item>
+      <el-form-item label="关联商品分组ID" prop="shopGroupId">
+        {{ formData.shopGroupId || '--' }}
+      </el-form-item>
+      <el-form-item label="关联店铺ID" prop="shopId">
+        {{ formData.shopId || '--' }}
+      </el-form-item>
+      <!-- <el-form-item label="规格数据" prop="skus">
+        {{ formData.skus || '--' }}
+        </el-form-item> -->
+      <el-form-item label="商品排序ID" prop="sortId">
+        {{ formData.sortId || '--' }}
+      </el-form-item>
+      <el-form-item label="库存" prop="stockNumber">
+        {{ typeof formData.stockNumber === 'number' ? formData.stockNumber : '--' }}
+      </el-form-item>
+      <el-form-item label="关联供应商ID" prop="supplierId">
+        {{ formData.supplierId || '--' }}
+      </el-form-item>
+      <el-form-item label="供应商名称" prop="supplierName">
+        {{ formData.supplierName || '--' }}
+      </el-form-item>
+      <el-form-item label="销量" prop="volume">
+        {{ typeof formData.volume === 'number' ? formData.volume : '--' }}
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+
+export default {
+  name: 'DetailModal',
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '800px',
+        title: '查看选品详情'
+      },
+      visible: false,
+      formData: {
+        productId: '',
+        shopId: '',
+        productName: '',
+        productBrief: '',
+        shopGroupId: '',
+        sectionPrice: '',
+        classifyId: '',
+        supplierId: '',
+        supplierName: '',
+        ifLogistics: '',
+        sortId: '',
+        shelveState: '',
+        ifOversold: '',
+        ifHuabei: '',
+        productText: '',
+        images: '',
+        skus: '',
+        productImage: '',
+        skuImage: '',
+        section: '',
+        memberSection: '',
+        price: '',
+        originalPrice: '',
+        stockNumber: '',
+        volume: '',
+        createTime: '',
+        names: '',
+        ifCredit: '',
+        creditLimit: '',
+        maxPrice: '',
+        reject: '',
+        brandId: '',
+        productMarque: '',
+        ifSelection: '',
+        shopParentId: '',
+        goodParentId: '',
+        originalPriceInterval: '',
+        manufacturerBasePriceInterval: '',
+        manufacturerGuidePriceInterval: ''
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    handleOpen(params = {}) {
+      this.formData = Object.assign(this.$options.data().formData, params)
+      if (params.id) {
+        this.getInfo(params.id)
+      }
+      this.visible = true
+    },
+    async getInfo(id) {
+      // const loading = this.$loading({ text: '加载中' })
+      // try {
+      //   const res = await xxx({ id })
+      //   this.formData = Object.assign(this.$options.data().formData, res.data, {
+      //     id: res.data.id || '',
+      //   })
+      // } finally {
+      //   loading.close()
+      // }
+    }
+  }
+}
+</script>

src/views/selectionCenter/productSelectionList/components/PlatformSelection.vue

@@ -0,0 +1,216 @@
+<template>
+  <el-dialog :visible.sync="visible" v-bind="modalOptions">
+    <div>
+      <!-- 查询和其他操作 -->
+      <div class="filter-container">
+        <el-input
+          v-model="listQuery.search" clearable size="mini" class="filter-item"
+          style="width: 200px;"
+          placeholder="请输入商品名称"
+        />
+        <el-select
+          v-model="listQuery.stock" clearable size="mini" class="filter-item"
+          style="width: 200px;margin-left: 10px;" placeholder="请选择库存状态"
+        >
+          <el-option label="全部" :value="null" />
+          <el-option label="有库存" :value="1" />
+          <el-option label="无库存" :value="0" />
+        </el-select>
+        <el-cascader
+          v-model="listQuery.groupId" placeholder="请选择分组类型" :options="groupList"
+          :props="{ checkStrictly: true, expandTrigger: 'hover', label: 'groupName', value: 'shopGroupId', children: 'childs' }"
+          clearable size="mini" class="filter-item" style="width: 200px;margin-left: 10px;"
+        />
+        <el-button
+          size="mini" class="filter-item" type="primary" icon="el-icon-search"
+          style="margin-left: 10px;"
+          @click="handleSearch"
+        >
+          查找
+        </el-button>
+      </div>
+
+      <!-- 查询结果 -->
+      <div>
+        <el-table
+          v-loading="listLoading" height="60vh" element-loading-text="正在查询中。。。" :data="list"
+          v-bind="{ stripe: true, size: 'small', border: true, fit: true, highlightCurrentRow: true }"
+        >
+          <el-table-column align="center" prop="productId" label="商品id" show-overflow-tooltip />
+          <el-table-column align="center" width="100" label="公司图片" prop="productImage">
+            <template slot-scope="{ row }">
+              <el-image
+                v-if="row.productImage" lazy :src="common.seamingImgUrl(row.productImage)"
+                style="width:40px; height:40px" fit="cover"
+                :preview-src-list="[ common.seamingImgUrl(row.productImage) ]"
+              />
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" width="100" label="公司图片" prop="productImage">
+            <template slot-scope="{ row }">
+              <div v-if="row.goodsRotationChart && row.goodsRotationChart.split(',').length">
+                <el-image
+                  :src="row.goodsRotationChart.split(',')[0]" style="width:40px; height:40px" fit="cover"
+                  :preview-src-list="row.goodsRotationChart.split(',')"
+                />
+                <span v-if="row.goodsRotationChart.split(',').length > 1" style="margin-left:8px;">
+                  +{{
+                    row.goodsRotationChart.split(',').length }}
+                </span>
+              </div>
+              <span v-else>--</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="productName" label="商品名称" width="220" />
+          <el-table-column align="center" prop="section" label="售价区间" show-overflow-tooltip />
+          <el-table-column align="center" width="100" prop="memberSection" label="会员价" show-overflow-tooltip />
+          <el-table-column align="center" width="100" prop="ifCredit" label="积分兑换" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span v-if="scope.row.ifCredit == 1">允许</span>
+              <span v-if="scope.row.ifCredit == 0">不允许</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" width="100" prop="stockNumber" label="库存" show-overflow-tooltip />
+          <el-table-column align="center" width="100" prop="volume" label="销量" show-overflow-tooltip />
+          <el-table-column align="center" width="100" prop="volume" label="上架状态" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span v-if="scope.row.shelveState == 0">未上架</span>
+              <span v-if="scope.row.shelveState == 1">已上架</span>
+              <span v-if="scope.row.shelveState == 2">待审核</span>
+              <span v-if="scope.row.shelveState == 3">审核失败</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" width="200" prop="reject" label="驳回原因" show-overflow-tooltip />
+          <el-table-column align="center" width="100" prop="brandName" label="品牌" show-overflow-tooltip />
+          <el-table-column align="center" min-width="150" prop="createTime" label="创建时间" width="180" />
+          <el-table-column align="center" label="操作" width="120" fixed="right" class-name="small-padding fixed-width">
+            <template slot-scope="{ row }">
+              <el-button size="mini" @click="handleDetail(row)">
+                查看
+              </el-button>
+              <el-button :disabled="row.ifSelection" type="success" size="mini" @click="handleSelectPlatformSelection(row)">
+                加入
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div>
+        <el-pagination
+          :current-page="listQuery.page" :page-sizes="[10, 20, 50, 100]" :page-size="10"
+          layout="total, sizes, prev, pager, next, jumper" :total="total"
+          @size-change="(val) => ((listQuery.pageSize = val) && getList())"
+          @current-change="(val) => ((listQuery.page = val) && getList())"
+        />
+      </div>
+
+      <!-- 查看详情 -->
+      <DetailModal ref="DetailModal" @success="getList" />
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import DetailModal from './DetailModal'
+import { shopSelectionGetPlatformLibrary, shopSelectionSelectShopLibrary } from '@/api/selectionCenter/selectionCenter'
+import { getBrandList, commodityListGetAll } from '@/api/commodity'
+
+export default {
+  name: 'PlatformSelection',
+  components: {
+    DetailModal
+  },
+  data() {
+    return {
+      modalOptions: {
+        closeOnClickModal: false,
+        width: '1120px',
+        title: '平台选品库'
+      },
+      visible: false,
+      list: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        pageSize: 20,
+        search: '',
+        groupId: '',
+        stock: ''
+      },
+      groupList: []
+    }
+  },
+  created() {
+    this.getList()
+    this.getGroupDataList()
+  },
+  methods: {
+    handleClose() {
+      this.visible = false
+    },
+    async getList() {
+      this.listLoading = true
+      try {
+        const res = await shopSelectionGetPlatformLibrary(this.listQuery)
+        const { data: brandList } = await getBrandList()
+        this.list = res.data.list.map((item) => {
+          item.brandName = (brandList.find((section) => section.id === item.brandId) || { brandName: '' }).brandName
+          return item
+        })
+        this.total = res.data.total
+      } finally {
+        this.listLoading = false
+      }
+    },
+    handleSearch() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleDetail(row) {
+      this.$refs.DetailModal && this.$refs.DetailModal.handleOpen(row)
+    },
+    async getGroupDataList() {
+      const result = await commodityListGetAll({ search: '', page: 1, pageSize: 9999 })
+      this.groupList = result.data.list
+    },
+    handleOpen(params = {}) {
+      this.visible = true
+    },
+    handleSelectPlatformSelection(row) {
+      this.$confirm('确定选择此项？')
+        .then(async () => {
+          await shopSelectionSelectShopLibrary({ productId: row.productId })
+          this.$message({ message: '加入成功！', type: 'success' })
+          this.handleSearch()
+        })
+        .catch(() => {})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.filter-container {
+	.filter-item {
+		display: inline-block;
+		vertical-align: middle;
+		margin-bottom: 10px;
+	}
+}
+
+.small-padding {
+	.cell {
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+}
+
+.fixed-width {
+	.el-button--mini {
+		padding: 7px 10px;
+	}
+}
+</style>

src/views/selectionCenter/productSelectionList/index.vue

@@ -0,0 +1,209 @@
+<template>
+  <div class="app-container">
+    <!-- 查询和其他操作 -->
+    <div class="filter-container">
+      <el-input
+        v-model="listQuery.search" clearable size="mini" class="filter-item"
+        style="width: 200px;"
+        placeholder="请输入商品名称"
+      />
+      <el-select
+        v-model="listQuery.stock" clearable size="mini" class="filter-item"
+        style="width: 200px;margin-left: 10px;" placeholder="请选择库存状态"
+      >
+        <el-option label="全部" :value="null" />
+        <el-option label="有库存" :value="1" />
+        <el-option label="无库存" :value="0" />
+      </el-select>
+      <el-cascader
+        v-model="listQuery.classifyId" placeholder="请选择商品类型" :options="categoryList"
+        :props="{ checkStrictly: true, expandTrigger: 'hover', label: 'categoryName', value: 'id', children: 'childs' }"
+        clearable size="mini" class="filter-item" style="width: 200px;margin-left: 10px;"
+      />
+      <el-button
+        size="mini" class="filter-item" type="primary" icon="el-icon-search"
+        style="margin-left: 10px;"
+        @click="handleSearch"
+      >
+        查找
+      </el-button>
+      <br />
+      <el-button
+        size="mini" type="primary" icon="el-icon-plus"
+        @click="$refs.PlatformSelection && $refs.PlatformSelection.handleOpen()"
+      >
+        加入平台选品
+      </el-button>
+    </div>
+
+    <!-- 查询结果 -->
+    <div v-tableHeight>
+      <el-table
+        v-loading="listLoading" height="100%" element-loading-text="正在查询中。。。" :data="list"
+        v-bind="{ stripe: true, size: 'small', border: true, fit: true, highlightCurrentRow: true }"
+      >
+        <el-table-column align="center" prop="productId" label="商品id" show-overflow-tooltip />
+        <el-table-column align="center" width="100" label="公司图片" prop="productImage">
+          <template slot-scope="{ row }">
+            <el-image
+              v-if="row.productImage" lazy :src="common.seamingImgUrl(row.productImage)"
+              style="width:40px; height:40px" fit="cover"
+              :preview-src-list="[ common.seamingImgUrl(row.productImage) ]"
+            />
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" width="100" label="公司图片" prop="productImage">
+          <template slot-scope="{ row }">
+            <div v-if="row.goodsRotationChart && row.goodsRotationChart.split(',').length">
+              <el-image
+                :src="row.goodsRotationChart.split(',')[0]" style="width:40px; height:40px" fit="cover"
+                :preview-src-list="row.goodsRotationChart.split(',')"
+              />
+              <span v-if="row.goodsRotationChart.split(',').length > 1" style="margin-left:8px;">
+                +{{
+                  row.goodsRotationChart.split(',').length }}
+              </span>
+            </div>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="productName" label="商品名称" width="220" />
+        <el-table-column align="center" prop="section" label="售价区间" show-overflow-tooltip />
+        <el-table-column align="center" width="100" prop="memberSection" label="会员价" show-overflow-tooltip />
+        <el-table-column align="center" width="100" prop="ifCredit" label="积分兑换" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="scope.row.ifCredit == 1">允许</span>
+            <span v-if="scope.row.ifCredit == 0">不允许</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" width="100" prop="stockNumber" label="库存" show-overflow-tooltip />
+        <el-table-column align="center" width="100" prop="volume" label="销量" show-overflow-tooltip />
+        <el-table-column align="center" width="100" prop="volume" label="上架状态" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span v-if="scope.row.shelveState == 0">未上架</span>
+            <span v-if="scope.row.shelveState == 1">已上架</span>
+            <span v-if="scope.row.shelveState == 2">待审核</span>
+            <span v-if="scope.row.shelveState == 3">审核失败</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" width="200" prop="reject" label="驳回原因" show-overflow-tooltip />
+        <el-table-column align="center" width="100" prop="brandName" label="品牌" show-overflow-tooltip />
+        <el-table-column align="center" min-width="150" prop="createTime" label="创建时间" width="180" />
+        <el-table-column align="center" label="操作" width="100" fixed="right" class-name="small-padding fixed-width">
+          <template slot-scope="{ row }">
+            <el-button size="mini" @click="handleDetail(row)">
+              查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div>
+      <el-pagination
+        :current-page="listQuery.page" :page-sizes="[10, 20, 50, 100]" :page-size="10"
+        layout="total, sizes, prev, pager, next, jumper" :total="total"
+        @size-change="(val) => ((listQuery.pageSize = val) && getList())"
+        @current-change="(val) => ((listQuery.page = val) && getList())"
+      />
+    </div>
+
+    <!-- 新增编辑 -->
+    <PlatformSelection ref="PlatformSelection" @success="getList" />
+    <!-- 查看详情 -->
+    <DetailModal ref="DetailModal" @success="getList" />
+  </div>
+</template>
+
+<script>
+import PlatformSelection from './components/PlatformSelection'
+import DetailModal from './components/DetailModal'
+import { shopSelectionGetLibrary } from '@/api/selectionCenter/selectionCenter'
+import { getBrandList, getClassify } from '@/api/commodity'
+
+export default {
+  name: 'ProductSelectionList',
+  components: {
+    PlatformSelection,
+    DetailModal
+  },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        pageSize: 20,
+        search: '',
+        classifyId: '',
+        stock: ''
+      },
+      categoryList: [] // 商品类目-树结构
+    }
+  },
+  created() {
+    this.getList()
+    this.getCategoryTreeList()
+  },
+  methods: {
+    async getList() {
+      this.listLoading = true
+      try {
+        const res = await shopSelectionGetLibrary(this.listQuery)
+        const { data: brandList } = await getBrandList()
+        this.list = res.data.list.map((item) => {
+          item.brandName = (brandList.find((section) => section.id === item.brandId) || { brandName: '' }).brandName
+          return item
+        })
+        this.total = res.data.total
+      } finally {
+        this.listLoading = false
+      }
+    },
+    handleSearch() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleDetail(row) {
+      this.$refs.DetailModal && this.$refs.DetailModal.handleOpen(row)
+    },
+    async getCategoryTreeList() {
+      const res = await getClassify({})
+      this.categoryList = res.data
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+	padding: 20px;
+	display: flex;
+	flex-direction: column;
+
+	.filter-container {
+		// padding-bottom: 10px;
+
+		.filter-item {
+			display: inline-block;
+			vertical-align: middle;
+			margin-bottom: 10px;
+		}
+	}
+
+	.small-padding {
+		.cell {
+			padding-left: 5px;
+			padding-right: 5px;
+		}
+	}
+
+	.fixed-width {
+		.el-button--mini {
+			padding: 7px 10px;
+		}
+	}
+}
+</style>

vue.config.js

@@ -41,7 +41,7 @@ module.exports = {
     proxy: {
       '/businessapi': {
         // target: 'http://192.168.0.91:9104',
-        target: 'https://nsbusinessapi.tuanfengkeji.cn',
+        target: 'https://nsbusinessapitest.tuanfengkeji.cn',
         changeOrigin: true,
         pathRewrite: {
           '^/businessapi': ''
@@ -49,7 +49,7 @@ module.exports = {
       },
       '/canvasApi': {
         // target: 'http://192.168.0.91:9104', // 测试
-        target: 'https://nsbusinessapi.tuanfengkeji.cn',
+        target: 'https://nsbusinessapitest.tuanfengkeji.cn',
         changeOrigin: true,
         pathRewrite: {
           '^/canvasApi': ''