From 4b7cd487962ef249ce561c8587a2262830d2027d Mon Sep 17 00:00:00 2001
From: RIceWqy <1840169763@qq.com>
Date: Thu, 11 Jan 2024 20:46:44 +0800
Subject: [PATCH] init

---
 package.json                                  |   2 +-
 src/assets/img/login-logo.png                 | Bin 4176 -> 5886 bytes
 src/crud/shop/shopList.js                     | 128 +++++
 src/layout/main-navbar.vue                    |   5 +-
 src/router/index.js                           |   5 +
 src/views/common/home/index.vue               | 133 +----
 .../modules/shop/pickAddr/add-or-update.vue   |  54 +-
 src/views/modules/shop/pickAddr/index.vue     |   4 +-
 .../shopInfo/components/prod-transport.vue    | 159 ++++++
 .../shop/shopInfo/components/sku-table.vue    | 246 ++++++++
 .../shop/shopInfo/components/sku-tag.vue      | 534 ++++++++++++++++++
 src/views/modules/shop/shopInfo/index.vue     | 218 +++++++
 src/views/modules/shop/shopList/index.vue     | 184 ++++++
 13 files changed, 1530 insertions(+), 142 deletions(-)
 create mode 100644 src/crud/shop/shopList.js
 create mode 100644 src/views/modules/shop/shopInfo/components/prod-transport.vue
 create mode 100644 src/views/modules/shop/shopInfo/components/sku-table.vue
 create mode 100644 src/views/modules/shop/shopInfo/components/sku-tag.vue
 create mode 100644 src/views/modules/shop/shopInfo/index.vue
 create mode 100644 src/views/modules/shop/shopList/index.vue

diff --git a/package.json b/package.json
index 81c9add..01588c2 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "preinstall": "npx only-allow pnpm",
+    "preinstall": "npx only-allow npm",
     "dev": "vite",
     "dev:test": "vite --mode testing",
     "build": "vite build",
diff --git a/src/assets/img/login-logo.png b/src/assets/img/login-logo.png
index 8feeff5b2294b314ebdd96980594be0271305372..cc5490d9f4886ba0d2e23ef016cd34116b4211dc 100644
GIT binary patch
literal 5886
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
b-?n{go4anBa#>;PA8On|E8}9UYt%mgOc%pM

literal 4176
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
V$*Rw)o2;J#kh#f4e2oz?=6^rjyd?kt

diff --git a/src/crud/shop/shopList.js b/src/crud/shop/shopList.js
new file mode 100644
index 0000000..3a50acf
--- /dev/null
+++ b/src/crud/shop/shopList.js
@@ -0,0 +1,128 @@
+export const tableOption = {
+  searchMenuSpan: 6,
+  columnBtn: false,
+  border: true,
+  index: false,
+  selection: true,
+  indexLabel: '序号',
+  stripe: true,
+  menuAlign: 'center',
+  menuWidth: 350,
+  align: 'center',
+  refreshBtn: true,
+  searchSize: 'mini',
+  addBtn: false,
+  editBtn: false,
+  viewBtn: false,
+  delBtn: false,
+  props: {
+    label: 'label',
+    value: 'value'
+  },
+  column: [
+
+    {
+      label: '店铺id',
+      prop: 'shopId',
+      search: true
+    }, {
+      label: '店铺名称',
+      prop: 'shopName',
+      search: true
+    }, {
+      label: '店长用户id',
+      prop: 'userId',
+      search: true
+    }, {
+      label: '店铺类型',
+      prop: 'shopType',
+      search: true
+    }, {
+      label: '店铺简介',
+      prop: 'intro',
+      search: true
+    }, {
+      label: '店铺公告',
+      prop: 'shopNotice',
+      search: true
+    }, {
+      label: '店铺行业',
+      prop: 'shopIndustry',
+      search: true
+    }, {
+      label: '店长',
+      prop: 'shopOwner',
+      search: true
+    }, {
+      label: '店铺绑定的手机',
+      prop: 'mobile',
+      search: true
+    }, {
+      label: '店铺联系电话',
+      prop: 'tel',
+      search: true
+    }, {
+      label: '店铺所在纬度',
+      prop: 'shopLat',
+      search: true
+    }, {
+      label: '店铺所在经度',
+      prop: 'shopLng',
+      search: true
+    }, {
+      label: '店铺详细地址',
+      prop: 'shopAddress',
+      search: true
+    }, {
+      label: '店铺所在省份',
+      prop: 'province',
+      search: true
+    }, {
+      label: '店铺所在城市',
+      prop: 'city',
+      search: true
+    }, {
+      label: '店铺所在区域',
+      prop: 'area',
+      search: true
+    }, {
+      label: '店铺省市区代码',
+      prop: 'pcaCode',
+      search: true
+    }, {
+      label: '店铺logo',
+      prop: 'shopLogo',
+      search: true
+    }, {
+      label: '店铺相册',
+      prop: 'shopPhotos',
+      search: true
+    }, {
+      label: '每天营业时间段',
+      prop: 'openTime',
+      search: true
+    }, {
+      label: '店铺状态(-1:未开通 0: 停业中 1:营业中)',
+      prop: 'shopStatus',
+      search: true
+    }, {
+      label: '0:商家承担运费 1:买家承担运费',
+      prop: 'transportType'
+    }, {
+      label: '固定运费',
+      prop: 'fixedFreight'
+    }, {
+      label: '满X包邮',
+      prop: 'fullFreeShipping'
+    }, {
+      label: '创建时间',
+      prop: 'createTime'
+    }, {
+      label: '更新时间',
+      prop: 'updateTime'
+    }, {
+      label: '分销设置(0关闭 1开启)',
+      prop: 'isDistribution'
+    }
+  ]
+}
diff --git a/src/layout/main-navbar.vue b/src/layout/main-navbar.vue
index e5cd724..ae2d190 100644
--- a/src/layout/main-navbar.vue
+++ b/src/layout/main-navbar.vue
@@ -15,14 +15,15 @@
           v-if="!sidebarFold"
           class="site-navbar-lg"
         >
-          mall4j建站后台
+        金桐商户管理平台
+
         </span>
         <span
           v-else
           class="site-navbar-mini"
           :style="fontCloseSize"
         >
-          mall4j
+           金桐商户管理平台
         </span>
       </div>
       <!--右侧数据-->
diff --git a/src/router/index.js b/src/router/index.js
index 013bf38..aa7db37 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -36,6 +36,11 @@ export const mainRoutes = {
       path: '/prodInfo',
       name: 'prodInfo',
       component: () => import('@/views/modules/prod/prodInfo/index.vue')
+    },
+    {
+      path: '/shopInfo',
+      name: 'shopInfo',
+      component: () => import('@/views/modules/shop/shopInfo/index.vue')
     }
   ],
   // eslint-disable-next-line no-unused-vars
diff --git a/src/views/common/home/index.vue b/src/views/common/home/index.vue
index 025b98b..8a22613 100644
--- a/src/views/common/home/index.vue
+++ b/src/views/common/home/index.vue
@@ -1,134 +1,9 @@
 <template>
-  <div class="mod-home">
-    <p>一个基于spring boot、spring oauth2.0、mybatis、redis的轻量级、前后端分离、拥有完整sku和下单流程的完全开源商城</p>
-    <p>&nbsp;</p>
-    <p>该项目仅供学习参考、可供个人学习使用、如需商用联系作者进行授权，否则必将追究法律责任</p>
-    <p>&nbsp;</p>
-    <h2>前言</h2>
-    <p>
-      <code>mall4j商城</code>项目致力于为中小企业打造一个完整、易于维护的开源的电商系统，采用现阶段流行技术实现。后台管理系统包含商品管理、订单管理、运费模板、规格管理、会员管理、运营管理、内容管理、统计报表、权限管理、设置等模块。
-    </p>
-    <p>&nbsp;</p>
-    <h2>技术选型</h2>
-    <figure>
-      <table
-        border="1"
-        cellspacing="0"
-        cellpadding="5px"
-      >
-        <thead>
-          <tr>
-            <th>技术</th>
-            <th>版本</th>
-            <th>说明</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>Spring Boot</td>
-            <td>3.0.4</td>
-            <td>MVC核心框架</td>
-          </tr>
-          <tr>
-            <td>MyBatis</td>
-            <td>3.5.0</td>
-            <td>ORM框架</td>
-          </tr>
-          <tr>
-            <td>MyBatisPlus</td>
-            <td>3.5.3.1</td>
-            <td>基于mybatis，使用lambda表达式的</td>
-          </tr>
-          <tr>
-            <td>Swagger-UI</td>
-            <td>4.0.0</td>
-            <td>文档生产工具</td>
-          </tr>
-          <tr>
-            <td>redisson</td>
-            <td>3.19.3</td>
-            <td>对redis进行封装、集成分布式锁等</td>
-          </tr>
-          <tr>
-            <td>hikari</td>
-            <td>3.2.0</td>
-            <td>数据库连接池</td>
-          </tr>
-          <tr>
-            <td>log4j2</td>
-            <td>2.17.2</td>
-            <td>更快的log日志工具</td>
-          </tr>
-          <tr>
-            <td>lombok</td>
-            <td>1.18.8</td>
-            <td>简化对象封装工具</td>
-          </tr>
-          <tr>
-            <td>hutool</td>
-            <td>5.8.15</td>
-            <td>更适合国人的java工具集</td>
-          </tr>
-          <tr>
-            <td>xxl-job</td>
-            <td>2.3.1</td>
-            <td>定时任务</td>
-          </tr>
-        </tbody>
-      </table>
-    </figure>
-    <p>&nbsp;</p>
-    <h2>部署教程</h2>
-    <p>&nbsp;</p>
-    <h3>1.开发环境</h3>
-    <figure>
-      <table
-        border="1"
-        cellspacing="0"
-        cellpadding="5px"
-      >
-        <thead>
-          <tr>
-            <th>工具</th>
-            <th>版本</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>jdk</td>
-            <td>17</td>
-          </tr>
-          <tr>
-            <td>mysql</td>
-            <td>5.7+</td>
-          </tr>
-          <tr>
-            <td>redis</td>
-            <td>3.2+</td>
-          </tr>
-        </tbody>
-      </table>
-    </figure>
-    <h3>2.启动</h3>
-    <ul>
-      <li>推荐使用idea，安装lombok插件，使用idea导入maven项目</li>
-      <li>
-        将shop.sql导入到mysql中，修改
-        <code>application-dev.yml</code>更改 datasource.url、user、password
-      </li>
-      <li>启动redis</li>
-      <li>
-        通过
-        <code>WebApplication</code>启动项目后台接口，
-        <code>ApiApplication</code> 启动项目前端接口
-      </li>
-    </ul>
-    <p>&nbsp;</p>
-  </div>
+  <div class="mod-home" ><h1>欢迎</h1> </div>
 </template>
 
 <style lang="scss" scoped>
-.mod-home {
-  line-height: 1.5;
-}
+  .mod-home {
+    line-height: 1.5;
+  }
 </style>
diff --git a/src/views/modules/shop/pickAddr/add-or-update.vue b/src/views/modules/shop/pickAddr/add-or-update.vue
index 48e28b2..763161f 100644
--- a/src/views/modules/shop/pickAddr/add-or-update.vue
+++ b/src/views/modules/shop/pickAddr/add-or-update.vue
@@ -107,6 +107,7 @@
 import { ElMessage } from 'element-plus'
 import { isMobile } from '@/utils/validate'
 import { Debounce } from '@/utils/debounce'
+
 const emit = defineEmits(['refreshDataList'])
 const visible = ref(false)
 // eslint-disable-next-line no-unused-vars
@@ -119,21 +120,56 @@ const validateMobile = (rule, value, callback) => {
 }
 const dataRule = {
   addrName: [
-    { required: true, message: '自提点名称不能为空', trigger: 'blur' },
-    { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的自提点名称', trigger: 'blur' }
+    {
+      required: true,
+      message: '自提点名称不能为空',
+      trigger: 'blur'
+    },
+    {
+      pattern: /\s\S+|S+\s|\S/,
+      message: '请输入正确的自提点名称',
+      trigger: 'blur'
+    }
   ],
   addr: [
-    { required: true, message: '地址不能为空', trigger: 'blur' },
-    { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的地址', trigger: 'blur' }
+    {
+      required: true,
+      message: '地址不能为空',
+      trigger: 'blur'
+    },
+    {
+      pattern: /\s\S+|S+\s|\S/,
+      message: '请输入正确的地址',
+      trigger: 'blur'
+    }
   ],
-  city: [{ required: true, message: '城市不能为空', trigger: 'blur' }],
+  city: [{
+    required: true,
+    message: '城市不能为空',
+    trigger: 'blur'
+  }],
   province: [
-    { required: true, message: '省份不能为空', trigger: 'blur' }
+    {
+      required: true,
+      message: '省份不能为空',
+      trigger: 'blur'
+    }
   ],
-  area: [{ required: true, message: '区/县不能为空', trigger: 'blur' }],
+  area: [{
+    required: true,
+    message: '区/县不能为空',
+    trigger: 'blur'
+  }],
   mobile: [
-    { required: true, message: '手机号不能为空', trigger: 'blur' },
-    { validator: validateMobile, trigger: 'blur' }
+    {
+      required: true,
+      message: '手机号不能为空',
+      trigger: 'blur'
+    },
+    {
+      validator: validateMobile,
+      trigger: 'blur'
+    }
   ]
 }
 const provinceList = ref([])
diff --git a/src/views/modules/shop/pickAddr/index.vue b/src/views/modules/shop/pickAddr/index.vue
index 6024340..276fb22 100644
--- a/src/views/modules/shop/pickAddr/index.vue
+++ b/src/views/modules/shop/pickAddr/index.vue
@@ -65,6 +65,7 @@ import { isAuth } from '@/utils'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import AddOrUpdate from './add-or-update.vue'
 import { tableOption } from '@/crud/shop/pickAddr.js'
+
 const permission = {
   delBtn: isAuth('prod:prod:delete')
 }
@@ -145,7 +146,8 @@ const onDelete = (id) => {
           })
         })
     })
-    .catch(() => { })
+    .catch(() => {
+    })
 }
 
 /**
diff --git a/src/views/modules/shop/shopInfo/components/prod-transport.vue b/src/views/modules/shop/shopInfo/components/prod-transport.vue
new file mode 100644
index 0000000..e21a643
--- /dev/null
+++ b/src/views/modules/shop/shopInfo/components/prod-transport.vue
@@ -0,0 +1,159 @@
+<template>
+  <div class="mod-prod-prod-transport">
+    <el-form-item
+      label="运费设置"
+      :rules="[{ required: true, message: '运费模板不能为空'}]"
+    >
+      <el-select
+        v-model="transportId"
+        placeholder="请选择"
+        @change="changeTransport"
+      >
+        <el-option
+          v-for="transport in transportList"
+          :key="transport.transportId"
+          :label="transport.transName"
+          :value="transport.transportId"
+        />
+      </el-select>
+    </el-form-item>
+    <el-form-item>
+      <el-table
+        v-if="transportInfo.transfees"
+        :data="transportInfo.transfees"
+        style="width: 100%"
+      >
+        <el-table-column
+          label="配送区域"
+          width="350"
+        >
+          <template #default="scope">
+            <span v-if="!scope.row.cityList.length">所有地区</span>
+            <el-tag
+              v-for="city in scope.row.cityList"
+              v-else
+              :key="city.areaId"
+            >
+              {{ city.areaName }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="firstPiece"
+          :label="tableTitle[0]"
+        />
+        <el-table-column
+          prop="firstFee"
+          :label="tableTitle[1]"
+        />
+        <el-table-column
+          prop="continuousPiece"
+          :label="tableTitle[2]"
+        />
+        <el-table-column
+          prop="continuousFee"
+          :label="tableTitle[3]"
+        />
+      </el-table>
+    </el-form-item>
+    <el-form-item v-if="transportInfo.hasFreeCondition === 1">
+      <el-table
+        :data="transportInfo.transfeeFrees"
+        style="width: 100%"
+      >
+        <el-table-column
+          label="指定区域"
+          width="350"
+        >
+          <template #default="scope">
+            <el-tag
+              v-for="city in scope.row.freeCityList"
+              :key="city.areaId"
+            >
+              {{ city.areaName }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="freeType"
+          label="包邮条件"
+        >
+          <template #default="scope">
+            <span v-if="scope.row.freeType === 0">满件/重量/体积包邮</span>
+            <span v-if="scope.row.freeType === 1">满金额包邮</span>
+            <span v-if="scope.row.freeType === 2">满件/重量/体积且满金额包邮</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="amount">
+          <template #default="scope">
+            <span v-if="scope.row.freeType === 1">满{{ scope.row.amount }}元金额包邮</span>
+            <span v-if="scope.row.freeType === 0">满{{ scope.row.piece }}件/重量/体积包邮</span>
+            <span v-if="scope.row.freeType === 2">满{{ scope.row.piece }}件/重量/体积且满{{ scope.row.amount }}元金额包邮</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form-item>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  modelValue: {
+    default: null,
+    type: Number
+  }
+})
+const emit = defineEmits(['input', 'update:modelValue'])
+const transportId = ref(null)
+const tableTitle = computed(() => {
+  const titles = [['首件(个)', '运费(元)', '续件(个)', '续费(元)'], ['首重(kg)', '运费(元)', '续重(kg)', '续费(元)'], ['首体积(m³)', '运费(元)', '续体积(m³)', '续费(元)']]
+  if (transportInfo.value.chargeType) {
+    return titles[transportInfo.value.chargeType]
+  }
+  return titles[0]
+})
+
+watch(
+  () => props.modelValue,
+  (id) => {
+    transportId.value = id
+  })
+
+onMounted(() => {
+  getTransportList()
+})
+
+const transportList = ref([{
+  transportId: null,
+  transName: ''
+}])
+const getTransportList = () => {
+  http({
+    url: http.adornUrl('/shop/transport/list'),
+    method: 'get',
+    params: http.adornParams({})
+  })
+    .then(({ data }) => {
+      transportList.value = data
+    })
+}
+const transportInfo = ref({
+  hasFreeCondition: false,
+  transfeeFrees: [{ freeCityList: [] }]
+})
+const changeTransport = (id) => {
+  emit('update:modelValue', id)
+  if (!id) {
+    return
+  }
+  http({
+    url: http.adornUrl(`/shop/transport/info/${transportId.value}`),
+    method: 'get',
+    params: http.adornParams({})
+  })
+    .then(({ data }) => {
+      transportInfo.value = data
+    })
+}
+
+</script>
diff --git a/src/views/modules/shop/shopInfo/components/sku-table.vue b/src/views/modules/shop/shopInfo/components/sku-table.vue
new file mode 100644
index 0000000..ceeff69
--- /dev/null
+++ b/src/views/modules/shop/shopInfo/components/sku-table.vue
@@ -0,0 +1,246 @@
+<template>
+  <div class="mod-prod-sku-table">
+    <el-form-item>
+      <el-table
+        :data="modelValue"
+        border
+        style="width: 100%; margin-top: 20px"
+      >
+        <el-table-column
+          v-for="(leftTitle, index) in tableLeftTitles"
+          :key="index"
+          :label="leftTitle"
+        >
+          <template #default="scope">
+            {{ scope.row.properties.split(';')[index].split(':')[1] }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="tableLeftTitles.length"
+          prop="pic"
+          label="sku图片"
+          width="180"
+        >
+          <template #default="scope">
+            <pic-upload v-model="scope.row.pic" />
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-if="tableLeftTitles.length"
+          prop="prodName"
+          label="商品名称"
+          width="250"
+        >
+          <template #default="scope">
+            <el-input
+              v-model="scope.row.prodName"
+              type="textarea"
+              :disabled="!scope.row.status"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="price"
+          label="销售价"
+          width="160"
+        >
+          <template #default="scope">
+            <el-input-number
+              v-model="scope.row.price"
+              controls-position="right"
+              :precision="2"
+              :max="1000000000"
+              :min="0.01"
+              :disabled="!scope.row.status"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="oriPrice"
+          label="市场价"
+          width="160"
+        >
+          <template #default="scope">
+            <el-input-number
+              v-model="scope.row.oriPrice"
+              controls-position="right"
+              :precision="2"
+              :max="1000000000"
+              :min="0.01"
+              :disabled="!scope.row.status"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="stocks"
+          label="库存"
+          width="160"
+        >
+          <template #default="scope">
+            <el-input-number
+              v-model="scope.row.stocks"
+              :min="0"
+              controls-position="right"
+              type="number"
+              :disabled="!scope.row.status"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="weight"
+          label="商品重量(kg)"
+          width="210"
+        >
+          <template #default="scope">
+            <el-input-number
+              v-model="scope.row.weight"
+              :precision="2"
+              :min="0"
+              controls-position="right"
+              :disabled="!scope.row.status"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="volume"
+          label="商品体积(m³)"
+          width="210"
+        >
+          <template #default="scope">
+            <el-input-number
+              v-model="scope.row.volume"
+              :precision="2"
+              :min="0"
+              controls-position="right"
+              :disabled="!scope.row.status"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+        >
+          <template #default="scope">
+            <el-button
+              v-if="scope.row.status"
+              type="text"
+              @click="changeSkuStatus(`${scope.$index}`)"
+            >
+              禁用
+            </el-button>
+            <el-button
+              v-else
+              type="text"
+              @click="changeSkuStatus(`${scope.$index}`)"
+            >
+              启用
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form-item>
+  </div>
+</template>
+
+<script setup>
+import { scoreProdStore } from '@/stores/prod.js'
+
+const props = defineProps({
+  modelValue: {
+    default: () => [],
+    type: Array
+  },
+  prodName: {
+    default: '',
+    type: String
+  }
+})
+const emit = defineEmits(['update:modelValue'])
+const dbSpecs = ref([]) // 数据库中的规格
+let initing = false
+
+const tableLeftTitles = computed(() => {
+  const res = []
+  for (let i = 0; i < skuTags.value.length; i++) {
+    const skuTag = skuTags.value[i]
+    res.push(skuTag.tagName)
+  }
+  return res
+})
+const prod = scoreProdStore()
+const skuTags = computed({
+  get () { return prod.skuTags }
+})
+
+watch(() => props.prodName,
+  () => {
+    skuAddProdName()
+  })
+
+onMounted(() => {
+  http({
+    url: http.adornUrl('/prod/spec/list'),
+    method: 'get',
+    params: http.adornParams()
+  })
+    .then(({ data }) => {
+      dbSpecs.value = data
+    })
+})
+
+const init = () => {
+  initing = true
+}
+defineExpose({ init })
+
+const changeSkuStatus = (tagIndex) => {
+  // eslint-disable-next-line vue/no-mutating-props
+  props.modelValue[tagIndex].status = props.modelValue[tagIndex].status ? 0 : 1
+}
+const skuAddProdName = () => {
+  if (initing) return
+  const skuList = []
+  for (let i = 0; i < props.modelValue.length; i++) {
+    const sku = Object.assign({}, props.modelValue[i])
+    if (!sku.properties) {
+      return
+    }
+    sku.skuName = ''
+    const properties = sku.properties.split(';')
+    for (const propertiesKey in properties) {
+      sku.skuName += properties[propertiesKey].split(':')[1] + ' '
+    }
+    sku.prodName = props.prodName + ' ' + sku.skuName
+    skuList.push(sku)
+  }
+  emit('update:modelValue', skuList)
+}
+
+</script>
+
+<style lang="scss" scoped>
+.mod-prod-sku-table{
+   :deep(.pic-uploader-component .el-upload) {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    .pic-uploader-icon {
+      font-size: 28px;
+      color: #8c939d;
+      width: 120px;
+      height: 120px;
+      line-height: 120px;
+      text-align: center;
+    }
+    .pic {
+      width: 120px;
+      height: 120px;
+      display: block;
+    }
+  }
+  :deep(.pic-uploader-component .el-upload:hover) {
+    border-color: #409EFF;
+  }
+}
+</style>
diff --git a/src/views/modules/shop/shopInfo/components/sku-tag.vue b/src/views/modules/shop/shopInfo/components/sku-tag.vue
new file mode 100644
index 0000000..9f3908f
--- /dev/null
+++ b/src/views/modules/shop/shopInfo/components/sku-tag.vue
@@ -0,0 +1,534 @@
+<template>
+  <div class="mod-prod-sku-tag">
+    <el-form-item label="商品规格">
+      <el-button @click="shopTagInput()">
+        添加规格
+      </el-button>
+      <div
+        v-for="(tag, tagIndex) in skuTags"
+        :key="tagIndex"
+      >
+        <span>{{ tag.tagName }}</span>
+        <el-button
+          class="button-new-tag"
+          type="text"
+          icon="el-icon-delete"
+          @click="removeTag(tagIndex)"
+        >
+          删除
+        </el-button>
+        <br>
+        <el-tag
+          v-for="(tagItem, tagItemIndex) in tag.tagItems"
+          :key="tagItem.valueId"
+          closable
+          :disable-transitions="false"
+          @close="handleTagClose(tagIndex, tagItemIndex)"
+        >
+          {{ tagItem.propValue }}
+        </el-tag>
+        <el-input
+          v-if="tagItemInputs[tagIndex] && tagItemInputs[tagIndex].visible"
+          :ref="`saveTagInput${tagIndex}`"
+          v-model="tagItemInputs[tagIndex].value"
+          class="input-new-tag"
+          @keyup.enter="handleInputConfirm(tagIndex)"
+          @blur="handleInputConfirm(tagIndex)"
+        />
+        <el-button
+          v-else
+          class="button-new-tag"
+          @click="showTagInput(tagIndex)"
+        >
+          + 添加
+        </el-button>
+      </div>
+    </el-form-item>
+    <el-form-item
+      v-show="isShowTagInput"
+      label="规格名"
+    >
+      <el-col :span="8">
+        <el-select
+          v-model="addTagInput.propName"
+          filterable
+          allow-create
+          default-first-option
+          placeholder="请选择"
+          @change="handleTagClick"
+        >
+          <el-option
+            v-for="item in unUseTags"
+            :key="item.propId"
+            :label="item.propName"
+            :value="item.propName"
+          />
+        </el-select>
+      </el-col>
+    </el-form-item>
+    <el-form-item
+      v-show="isShowTagInput"
+      label="规格值"
+    >
+      <el-col :span="8">
+        <el-select
+          v-model="addTagInput.selectValues"
+          multiple
+          filterable
+          allow-create
+          default-first-option
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in dbTagValues"
+            :key="item.valueId"
+            :label="item.propValue"
+            :value="item.propValue"
+          />
+        </el-select>
+      </el-col>
+    </el-form-item>
+    <el-form-item>
+      <el-button
+        v-show="isShowTagInput"
+        type="primary"
+        @click="addTag()"
+      >
+        确定
+      </el-button>
+      <el-button
+        v-show="isShowTagInput"
+        @click="hideTagInput()"
+      >
+        取消
+      </el-button>
+    </el-form-item>
+  </div>
+</template>
+
+<script setup>
+import { ElMessage } from 'element-plus'
+import { scoreProdStore } from '@/stores/prod.js'
+const prod = scoreProdStore()
+const props = defineProps({
+  skuList: {
+    type: Array,
+    default: () => []
+  }
+})
+const emit = defineEmits(['change'])
+const isShowTagInput = ref(false)
+const addTagInput = ref({
+  propName: '',
+  selectValues: []
+})
+const type = ref(0)
+const tagItemName = ref('')
+const tagItemInputs = ref([])
+const dbTagValues = ref([]) // 根据选定的规格所查询出来的规格值
+const dbTags = ref([]) // 数据库中的规格
+
+let tagName = ''
+let tagNameIndex = 0
+let maxValueId = 0 // 规格值id最大
+let maxPropId = 0 // 规格id 最大
+let initing = false
+
+const skuTags = computed({
+  get () { return prod.skuTags },
+  set (val) { prod.updateSkuTags(val) }
+})
+
+/**
+ * 未使用的规格, 通过计算属性计算
+ */
+const unUseTags = computed(() => {
+  const res = []
+  for (let i = 0; i < dbTags.value.length; i++) {
+    const dbTag = dbTags.value[i]
+    const specIndex = skuTags.value?.findIndex(tag => tag.tagName === dbTag.propName)
+    if (specIndex === -1) {
+      res.push(dbTag)
+    }
+  }
+  return res
+})
+
+const defalutSku = computed(() => {
+  return prod.defalutSku
+})
+
+watch(() => skuTags.value,
+  (val) => {
+    if (initing) {
+      initing = false
+      return
+    }
+    let skuListArr = []
+    if (type.value === 4) {
+      // 删除规格值
+      props.skuList?.forEach(sku => {
+        const propertiesArray = sku.properties.split(';')
+        if (tagItemName.value !== propertiesArray[tagNameIndex].split(':')[1]) {
+          skuListArr.push(sku)
+        }
+      })
+    } else if (type.value === 2) {
+      // 添加规格值
+      const properties = tagName + ':' + tagItemName.value
+      // 增加或删除规格
+      let tempSkuList = []
+      val?.forEach(tag => {
+        if (skuListArr.length === 0) {
+          if (tagName === tag.tagName) {
+            const sku = Object.assign({}, defalutSku.value)
+            sku.properties = properties // 销售属性组合字符串
+            skuListArr.push(sku)
+          } else {
+            tag.tagItems.forEach(tagItem => {
+              const sku = Object.assign({}, defalutSku.value)
+              sku.properties = `${tag.tagName}:${tagItem.propValue}` // 销售属性组合字符串
+              skuListArr.push(sku)
+            })
+          }
+          if (val.length === 1) {
+            skuListArr = props.skuList.concat(skuListArr)
+          }
+        } else {
+          tempSkuList = []
+          if (tagName === tag.tagName) {
+            skuListArr.forEach(sku => {
+              if (sku.properties.indexOf(tagName) === -1) {
+                const newSku = Object.assign({}, sku)
+                newSku.properties = `${sku.properties};${properties}`
+                tempSkuList.push(newSku)
+              }
+            })
+          } else {
+            tag.tagItems.forEach(tagItem => {
+              skuListArr.forEach(sku => {
+                if (sku.properties.indexOf(tag.tagName) === -1) {
+                  const newSku = Object.assign({}, sku)
+                  newSku.properties = `${sku.properties};${tag.tagName}:${tagItem.propValue}`
+                  tempSkuList.push(newSku)
+                }
+              })
+            })
+          }
+          skuListArr = props.skuList.concat(tempSkuList)
+        }
+      })
+    } else {
+      // 增加或删除规格
+      let tempSkuList = []
+      val?.forEach(tag => {
+        if (skuListArr.length === 0) {
+          tag.tagItems.forEach(tagItem => {
+            const sku = Object.assign({}, defalutSku.value)
+            sku.properties = `${tag.tagName}:${tagItem.propValue}` // 销售属性组合字符串
+            skuListArr.push(sku)
+          })
+        } else {
+          tempSkuList = []
+          tag.tagItems.forEach(tagItem => {
+            skuListArr.forEach(sku => {
+              const newSku = Object.assign({}, sku)
+              newSku.properties = `${sku.properties};${tag.tagName}:${tagItem.propValue}`
+              tempSkuList.push(newSku)
+            })
+          })
+          skuListArr = tempSkuList
+        }
+      })
+    }
+    if (!skuListArr.length) {
+      skuListArr.push(Object.assign({}, defalutSku.value))
+    }
+    // debugger
+    emit('change', skuListArr)
+  },
+  {
+    deep: true
+  }
+)
+
+onMounted(() => {
+  http({
+    url: http.adornUrl('/prod/spec/list'),
+    method: 'get',
+    params: http.adornParams()
+  })
+    .then(({ data }) => {
+      dbTags.value = data
+      if (data) {
+        maxPropId = Math.max.apply(Math, data.map(item => item.propId))
+      } else {
+        maxPropId = 0
+      }
+    })
+  http({
+    url: http.adornUrl('/prod/spec/listSpecMaxValueId'),
+    method: 'get',
+    params: http.adornParams()
+  })
+    .then(({ data }) => {
+      if (data) {
+        maxValueId = data
+      } else {
+        maxValueId = 0
+      }
+    })
+})
+
+const init = (skuList) => {
+  if (!skuList || !skuList.length) {
+    skuTags.value = []
+    emit('change', [Object.assign({}, defalutSku.value)])
+    return
+  }
+  initing = true
+  const skuTagsParam = []
+  for (let i = 0; i < skuList.length; i++) {
+    const sku = skuList[i]
+    if (!sku.properties) break
+    const propertiesArray = sku.properties.split(';')
+    for (const j in propertiesArray) {
+      const properties = propertiesArray[j].split(':')
+      if (!skuTagsParam[j]) {
+        skuTagsParam[j] = {
+          tagName: properties[0],
+          tagItems: []
+        }
+        tagItemInputs.value.push({ visible: false, value: '' })
+      }
+      const tagItemNameIndex = skuTagsParam[j].tagItems.findIndex((tagItemName) => tagItemName.propValue === properties[1])
+      if (tagItemNameIndex === -1) {
+        skuTagsParam[j].tagItems.push({ propValue: properties[1] })
+      }
+    }
+  }
+  skuTags.value = skuTagsParam
+}
+defineExpose({ init })
+
+/**
+ * 显示规格名、规格值输入框
+ */
+const shopTagInput = () => {
+  isShowTagInput.value = true
+}
+
+/**
+ * 隐藏规格名、规格值输入框
+ */
+const hideTagInput = () => {
+  isShowTagInput.value = false
+  cleanTagInput()
+}
+const addTag = () => {
+  const selectValues = addTagInput.value.selectValues
+  if (!addTagInput.value.propName) {
+    ElMessage.error('请输入规格名')
+    return
+  }
+  if (!selectValues.length) {
+    ElMessage.error('请输入规格值')
+    return
+  }
+  isShowTagInput.value = false
+  for (let i = 0; i < selectValues.length; i++) {
+    const element = selectValues[i]
+    const is = Object.prototype.toString.call(element) === '[object Object]'
+    if (!is) {
+      maxPropId = maxPropId + 1
+      break
+    }
+  }
+  const tagItems = []
+  for (let i = 0; i < selectValues.length; i++) {
+    const element = selectValues[i]
+    const is = Object.prototype.toString.call(element) === '[object Object]'
+    if (is) {
+      tagItems.push(element)
+    } else {
+      maxValueId = maxValueId + 1
+      tagItems.push({ propId: maxPropId, propValue: element, valueId: maxValueId })
+    }
+  }
+  // 向规格中放入规格输入框内的数据
+  prod.addSkuTag({
+    tagName: addTagInput.value.propName,
+    tagItems
+  })
+  type.value = 1
+  cleanTagInput()
+}
+
+/**
+ * 清除规格值输入框内容
+ */
+const cleanTagInput = () => {
+  addTagInput.value = {
+    propName: '',
+    selectValues: []
+  }
+  dbTagValues.value = []
+}
+
+/**
+ * 规格名输入框，选中规格事件
+ */
+const handleTagClick = () => {
+  // 清空规格值输入框
+  dbTagValues.value = []
+  addTagInput.value.selectValues = []
+  // 判断规格名输入的值是否为数据库中已有的值
+  const specsIndex = dbTags.value?.findIndex(spec => spec.propName === addTagInput.value.propName)
+  // 如果不是，则说明为用户随便输入
+  if (specsIndex === -1) return
+  // 如果数据库已有该规格名，则获取根据id获取该规格名称含有的规格值
+  http({
+    url: http.adornUrl(`/prod/spec/listSpecValue/${dbTags.value[specsIndex].propId}`),
+    method: 'get',
+    params: http.adornParams()
+  }).then(({ data }) => {
+    dbTagValues.value = data
+  })
+}
+
+/**
+ * 规格名输入框，选中规格事件
+ */
+const handleTagClose = (tagIndex, tagItemIndex) => {
+  tagName = skuTags.value[tagIndex].tagName
+  tagNameIndex = tagIndex
+  tagItemName.value = skuTags.value[tagIndex].tagItems[tagItemIndex].propValue
+  if (skuTags.value[tagIndex].tagItems.length === 1) {
+    return
+  }
+  type.value = 4
+  prod.removeSkuTagItem(tagIndex, tagItemIndex)
+}
+
+/**
+ * 标签输入框确定时调用
+ */
+const handleInputConfirm = (tagIndex) => {
+  if (checkTagItem(tagIndex)) {
+    return
+  }
+  const tagItems = skuTags.value[tagIndex].tagItems
+  const itemValue = tagItemInputs.value[tagIndex].value
+  const index = tagItems.length - 1
+  tagName = skuTags.value[tagIndex].tagName
+  tagItemName.value = tagItemInputs.value[tagIndex].value
+  const maxValue = getMaxValueId(skuTags.value[tagIndex].tagItems)
+  const tagItem = { propId: index === -1 ? 0 : skuTags.value[tagIndex].tagItems[index].propId, propValue: itemValue, valueId: index === -1 ? 0 : (maxValue + 1) }
+  if (tagItem) {
+    prod.addSkuTagItem({ tagIndex, tagItem })
+  }
+  tagItemInputs.value[tagIndex].visible = false
+  tagItemInputs.value[tagIndex].value = ''
+  type.value = 2
+}
+
+/**
+ * 显示标签输入框
+ */
+const showTagInput = (tagIndex) => {
+  tagItemInputs.value.push({ visible: false, value: '' })
+  tagItemInputs.value[tagIndex].visible = true
+  nextTick(() => {
+    [`saveTagInput${tagIndex}`][0].value.input.focus()
+  })
+}
+
+/**
+ * 获取数据集合所有对象中某个属性的最大值
+ */
+const getMaxValueId = (list) => {
+  return Math.max.apply(Math, list.map(item => item.valueId))
+}
+
+/**
+ * 删除 规格
+ * @param tagIndex
+ */
+const removeTag = (tagIndex) => {
+  type.value = 3
+  prod.removeSkuTag(tagIndex)
+}
+
+/**
+ * 新增规格值时，判断是否存在同名的规格值
+ */
+const checkTagItem = (tagIndex) => {
+  const tagItem = tagItemInputs.value[tagIndex].value
+  if (!tagItem) {
+    tagItemInputs.value[tagIndex].visible = false
+    tagItemInputs.value[tagIndex].value = ''
+    return true
+  }
+  let isSame = false
+  skuTags.value?.forEach(tag => {
+    const arr = tag.tagItems.map((item) => {
+      return item.propValue
+    })
+    if (arr.indexOf(tagItem) > -1) {
+      isSame = true
+      ElMessage.error('product.specificationValue')
+      return false
+    }
+  })
+  return isSame
+}
+</script>
+
+<style lang="scss" scoped>
+.mod-prod-sku-tag {
+  :deep(.el-tag + .el-tag) {
+    margin-left: 10px;
+  }
+  .button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+  }
+}
+
+// 新增规格外部边框
+:deep(.sku-border) {
+  border: 1px solid #EBEEF5;
+  width:70%
+}
+:deep(.sku-background){
+  background-color: #F6f6f6;
+  margin: 12px 12px;
+  .el-button{
+    margin-left: 10px;
+    span{
+      color:#000 !important;
+    }
+  }
+  .el-form-item__label{
+    padding:0 24px 0 0
+  }
+}
+:deep(.sku-tag){
+  margin: 12px 12px;
+}
+:deep(.tagTree){
+  margin-left: 18px;
+  padding-bottom:8px;
+}
+.el-form-item__content div {
+  width: 100%;
+}
+</style>
diff --git a/src/views/modules/shop/shopInfo/index.vue b/src/views/modules/shop/shopInfo/index.vue
new file mode 100644
index 0000000..167984c
--- /dev/null
+++ b/src/views/modules/shop/shopInfo/index.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="mod-prod-info">
+   123123
+  </div>
+</template>
+
+<script setup>
+import { ElMessage } from 'element-plus'
+import { treeDataTranslate, idList } from '@/utils'
+import ProdTransport from './components/prod-transport.vue'
+import SkuTag from './components/sku-tag.vue'
+import SkuTable from './components/sku-table.vue'
+import { Debounce } from '@/utils/debounce'
+
+const emit = defineEmits(['refreshDataList'])
+
+// 分类树展示与回显
+const category = reactive({
+  list: [],
+  selected: [],
+  props: {
+    value: 'categoryId',
+    label: 'categoryName'
+  }
+})
+// 规格列表
+const dataForm = ref({
+  prodName: '',
+  brief: '',
+  pic: '',
+  imgs: '',
+  categoryId: 0,
+  prodId: 0,
+  skuList: [],
+  tagList: [],
+  content: '',
+  status: 1,
+  deliveryMode: {
+    hasShopDelivery: false,
+    hasUserPickUp: false
+  },
+  deliveryTemplateId: null
+})
+const tags = ref([])
+onMounted(() => {
+  dataForm.value.prodId = useRoute().query.prodId
+  getDataList()
+})
+
+const skuTableRef = ref(null)
+const skuTagRef = ref(null)
+/**
+ * 获取分类数据
+ */
+const getDataList = () => {
+  getTagList()
+  getCategoryList().then(() => {
+    if (dataForm.value.prodId) {
+      // 获取产品数据
+      http({
+        url: http.adornUrl(`/prod/prod/info/${dataForm.value.prodId}`),
+        method: 'get',
+        params: http.adornParams()
+      })
+        .then(({ data }) => {
+          dataForm.value = data
+          dataForm.value.deliveryMode = JSON.parse(data.deliveryMode)
+          skuTagRef.value?.init(data.skuList)
+          skuTableRef.value?.init()
+          category.selected = idList(category.list, dataForm.value.categoryId, 'categoryId', 'children').reverse()
+          dataForm.value.tagList = data.tagList
+        })
+    } else {
+      nextTick(() => {
+        dataFormRef.value?.resetFields()
+        skuTagRef.value?.init()
+        dataForm.value.pic = ''
+        dataForm.value.imgs = ''
+      })
+    }
+  })
+}
+/**
+ * 获取分类信息
+ */
+const getCategoryList = () => {
+  return http({
+    url: http.adornUrl('/prod/category/listCategory'),
+    method: 'get',
+    params: http.adornParams()
+  })
+    .then(({ data }) => {
+      category.list = treeDataTranslate(data, 'categoryId', 'parentId')
+    })
+}
+/**
+ * 选择分类改变事件
+ * @param val
+ */
+const handleCategoryChange = (val) => {
+  dataForm.value.categoryId = val[val.length - 1]
+}
+
+const router = useRouter()
+const dataFormRef = ref(null)
+/**
+ * 表单提交
+ */
+const onSubmit = Debounce(() => {
+  dataFormRef.value?.validate((valid) => {
+    if (!valid) {
+      return
+    }
+    if (!dataForm.value.imgs) {
+      errorMsg('请选择图片上传')
+      return
+    }
+    if (!dataForm.value.deliveryMode) {
+      errorMsg('请选择配送方式')
+      return
+    }
+    if (dataForm.value.deliveryMode.hasShopDelivery && !dataForm.value.deliveryTemplateId) {
+      errorMsg('请选择运费模板')
+      return
+    }
+    const param = Object.assign({}, dataForm.value)
+    // 设置价格和库存
+    paramSetPriceAndStocks(param)
+
+    param.deliveryMode = undefined
+    param.deliveryModeVo = dataForm.value.deliveryMode
+    // 商品主图
+    param.pic = dataForm.value.imgs.split(',')[0]
+    http({
+      url: http.adornUrl('/prod/prod'),
+      method: param.prodId ? 'put' : 'post',
+      data: http.adornData(param)
+    })
+      .then(() => {
+        ElMessage({
+          message: '操作成功',
+          type: 'success',
+          duration: 1500,
+          onClose: () => {
+            router.push({
+              path: '/prod/prodList'
+            })
+            emit('refreshDataList')
+          }
+        })
+      })
+  })
+})
+
+const paramSetPriceAndStocks = (param) => {
+  // 商品库存
+  param.totalStocks = 0
+  // 商品价格
+  param.price = 0
+  // 商品原价
+  param.oriPrice = 0
+  // 商品实际库存
+  for (let i = 0; i < param.skuList.length; i++) {
+    const element = param.skuList[i]
+    if (element.status !== 1) {
+      continue
+    }
+    if (param.price === 0) {
+      param.price = element.price ? Number.parseFloat(element.price) : 0
+    }
+    // 商品价格为最低价的那件商品的价格
+    param.price = Math.min(param.price, element.price)
+    if (param.price === element.price) {
+      param.oriPrice = element.oriPrice ? Number.parseFloat(element.oriPrice) : 0
+    }
+    param.totalStocks += element.stocks ? Number.parseInt(element.stocks) : 0
+  }
+  // 如果sku没有商品名称，则使用商品的商品名称
+  if (param.skuList.length === 1) {
+    param.skuList[0].prodName = dataForm.value.prodName
+  }
+}
+const skuTagChangeSkuHandler = (skuList) => {
+  const prodName = dataForm.value.prodName
+  skuList.forEach(sku => {
+    if (sku.properties) {
+      sku.skuName = ''
+      const properties = sku.properties.split(';')
+      for (const propertiesKey in properties) {
+        sku.skuName += properties[propertiesKey].split(':')[1] + ' '
+      }
+      sku.prodName = prodName + ' ' + sku.skuName
+    }
+  })
+  dataForm.value.skuList = skuList
+}
+const errorMsg = (message) => {
+  ElMessage({
+    message,
+    type: 'error',
+    duration: 1500
+  })
+}
+
+/**
+ * 获取所有的分组信息
+ */
+const getTagList = () => {
+  http({
+    url: http.adornUrl('/prod/prodTag/listTagList'),
+    method: 'get',
+    params: http.adornParams()
+  })
+    .then(({ data }) => {
+      tags.value = data
+    })
+}
+</script>
diff --git a/src/views/modules/shop/shopList/index.vue b/src/views/modules/shop/shopList/index.vue
new file mode 100644
index 0000000..c350c41
--- /dev/null
+++ b/src/views/modules/shop/shopList/index.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="mod-pickAddr">
+    <avue-crud
+      ref="crudRef"
+      :page="page"
+      :data="dataList"
+      :option="tableOption"
+      :permission="permission"
+      @search-change="onSearch"
+      @selection-change="selectionChange"
+      @on-load="getDataList"
+    >
+      <template #menu-left>
+<!--        <el-button
+          v-if="isAuth('shop:pickAddr:save')"
+          type="primary"
+          icon="el-icon-plus"
+          @click.stop="onAddOrUpdate()"
+        >
+          新增
+        </el-button>
+
+        <el-button
+          v-if="isAuth('shop:pickAddr:delete')"
+          type="danger"
+          :disabled="dataListSelections.length <= 0"
+          @click="onDelete()"
+        >
+          批量删除
+        </el-button> -->
+      </template>
+
+      <template #menu="scope">
+        <el-button
+          v-if="isAuth('shop:shopDetail:info')"
+          type="primary"
+          @click.stop="onAddOrUpdate(scope.row.shopId)"
+        >
+          查看
+        </el-button>
+        <el-button
+          v-if="isAuth('shop:shopDetail:shoutDown')"
+          type="danger"
+          @click.stop="onShouDown(scope.row.shopId)"
+        >
+          下架
+        </el-button>
+<!--     <el-button
+          v-if="isAuth('shop:pickAddr:update')"
+          type="primary"
+          icon="el-icon-edit"
+          @click.stop="onAddOrUpdate(scope.row.addrId)"
+        >
+          编辑
+        </el-button>
+
+        <el-button
+          v-if="isAuth('shop:pickAddr:delete')"
+          type="danger"
+          icon="el-icon-delete"
+          @click.stop="onDelete(scope.row.addrId)"
+        >
+          删除
+        </el-button> -->
+      </template>
+    </avue-crud>
+    <!-- 弹窗, 新增 / 修改 -->
+
+  </div>
+</template>
+
+<script setup>
+import { isAuth } from '@/utils'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { tableOption } from '@/crud/shop/shopList.js'
+
+const permission = {
+  delBtn: isAuth('prod:prod:delete')
+}
+const dataList = ref([])
+const dataListSelections = ref([])
+const page = reactive({
+  total: 0, // 总页数
+  currentPage: 1, // 当前页数
+  pageSize: 10 // 每页显示多少条
+})
+const router = useRouter()
+/**
+ * 新增 / 修改
+ * @param id
+ */
+const onAddOrUpdate = (id) => {
+  router.push({
+    path: '/shopInfo',
+    query: { shopId: id }
+  })
+}
+/**
+ * 获取数据列表
+ */
+const getDataList = (pageParam, params, done) => {
+  http({
+    url: http.adornUrl('/shop/shopDetail/page'),
+    method: 'get',
+    params: http.adornParams(
+      Object.assign(
+        {
+          current: pageParam == null ? page.currentPage : pageParam.currentPage,
+          size: pageParam == null ? page.pageSize : pageParam.pageSize
+        },
+        params
+      )
+    )
+  })
+    .then(({ data }) => {
+      dataList.value = data.records
+      page.total = data.total
+      if (done) done()
+    })
+}
+
+const addOrUpdateVisible = ref(false)
+const addOrUpdateRef = ref(null)
+
+/* const onAddOrUpdate = (id) => {
+  addOrUpdateVisible.value = true
+  nextTick(() => {
+    addOrUpdateRef.value?.init(id)
+  })
+} */
+
+/**
+ * 删除
+ * @param id
+ */
+const onShouDown = (id) => {
+  const ids = id ? [id] : dataListSelections.value?.map(item => {
+    return item.addrId
+  })
+  ElMessageBox.confirm(
+    '确定进行下架操作?', '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  )
+    .then(() => {
+      http({
+        url: http.adornUrl('/shop/shopDetail/shoutDown'),
+        method: 'delete',
+        data: http.adornData(ids, false)
+      })
+        .then(() => {
+          ElMessage({
+            message: '操作成功',
+            type: 'success',
+            duration: 1500,
+            onClose: () => {
+              getDataList(page)
+            }
+          })
+        })
+    })
+    .catch(() => {
+    })
+}
+
+/**
+ * 条件查询
+ * @param params
+ * @param done
+ */
+const onSearch = (params, done) => {
+  getDataList(page, params, done)
+}
+/**
+ * 多选变化
+ * @param val
+ */
+const selectionChange = (val) => {
+  dataListSelections.value = val
+}
+</script>