commit message

manager/src/views/goods/goods-industry-statistics/index.vue

@@ -0,0 +1,240 @@
+<template>
+  <Card>
+    <Form
+    label-position="left"
+      ref="searchForm"
+      :model="params"
+      inline
+      :label-width="100"
+      class="search-form"
+    >
+      <Form-item label="选择店铺" prop="sn">
+        <span class="tips" v-if="storeName"
+          >{{ storeName }}
+          <Button
+            @click="
+              () => {
+                storeName = '';
+                params.shopId = '';
+              }
+            "
+            type="text"
+            >清空</Button
+          >
+        </span>
+        <Button size="small" @click="handleClickShop" type="primary"
+          >选择店铺</Button
+        >
+      </Form-item>
+      <Form-item label="选择会员" prop="sn">
+        <span class="tips" v-if="memberName"
+          >{{ memberName }}
+          <Button
+            @click="
+              () => {
+                memberName = '';
+                params.memberId = '';
+              }
+            "
+            type="text"
+            >清空</Button
+          >
+        </span>
+        <Button size="small" @click="handleClickMember" type="primary"
+          >选择会员</Button
+        >
+      </Form-item>
+      <Form-item label="选择时间类型" prop="sn">
+        <Select v-model="params.timeType" style="width: 200px">
+          <Option
+            v-for="item in typeList"
+            :value="item.value"
+            :key="item.value"
+            >{{ item.label }}</Option
+          >
+        </Select>
+      </Form-item>
+      <Form-item label="按年查询" prop="sn">
+        <DatePicker
+          type="year"
+          placeholder="Select year"
+          style="width: 200px"
+          v-model="year"
+        ></DatePicker>
+      </Form-item>
+      <Form-item label="按月查询" v-if="params.timeType == 'MONTH'">
+        <InputNumber :max="12" :min="1" v-model="params.month"></InputNumber>
+      </Form-item>
+    </Form>
+
+    <Tabs v-model="orderStatus" @on-click="handleClickType">
+      <TabPane label="行业订单数量" name="NUM">
+        <Table :columns="columns" :data="data"></Table>
+
+      </TabPane>
+      <TabPane label="行业订单金额" name="PRICE">
+        <Table :columns="columns" :data="data"></Table>
+
+      </TabPane>
+    </Tabs>
+
+    <Modal v-model="modalFlag" width="1200" :title="selectName">
+      <!-- 店铺 -->
+      <shopLayout v-if="shopFlag" @callback="callbackShop" ref="shops" />
+      <!-- 会员 -->
+      <memberLayout v-else @callback="callbackMember" ref="members" />
+    </Modal>
+  </Card>
+</template>
+<script>
+import shopLayout from "@/views/seller/shop/shopList";
+import memberLayout from "@/views/member/list/index";
+import * as API_Goods from "@/api/goods";
+export default {
+  components: {
+    shopLayout,
+    memberLayout,
+  },
+  data() {
+    return {
+      storeName: "",
+      memberName: "",
+      shopFlag: false,
+      selectName: "选择",
+      modalFlag: false,
+      priceData: "",
+      orderStatus: "NUM",
+
+      shopList: {},
+      memberList: {},
+
+      typeList: [
+        {
+          value: "YEAR",
+          label: "年",
+        },
+        {
+          value: "MONTH",
+          label: "月",
+        },
+      ],
+      total: 0,
+      year:"",
+      params: {
+
+        type: "PRICE",
+        timeType: "YEAR",
+        pageNumber: 1,
+        pageSize: 10,
+        year: "",
+        shopId: "",
+        memberId: "",
+      },
+      columns: [
+        {
+          title: "商品一级分类",
+          key: "categoryName",
+        },
+        {
+          title: "销售数量",
+          key: "num",
+        },
+        {
+          title: "销售金额",
+          key: "price",
+        },
+      ],
+      data: [],
+    };
+  },
+  watch: {
+    params: {
+      handler(val) {
+        this.init();
+      },
+      deep: true,
+    },
+    year(val) {
+      this.params.year = new Date(val).getFullYear();
+    },
+  },
+  methods: {
+    // 选择店铺
+    handleClickShop() {
+      this.modalFlag = true;
+      this.selectName += "店铺";
+      this.shopFlag = true;
+      this.$nextTick(() => {
+        this.$refs.shops.selectedShop = true;
+      });
+    },
+    // 选择会员
+    handleClickMember() {
+      this.modalFlag = true;
+      this.selectName += "会员";
+      this.$nextTick(() => {
+        this.$refs.members.selectedMember = true;
+      });
+    },
+
+    callbackMember(val) {
+      this.memberName = val.username;
+      this.params.memberId = val.id;
+      this.modalFlag = false;
+    },
+
+    callbackShop(val) {
+      this.storeName = val.storeName;
+      this.params.shopId = val.id;
+      this.modalFlag = false;
+    },
+
+    // 点击分页
+    changePage(index) {
+      this.params.pageNumber = index;
+    },
+
+    handleClickType(name) {
+      this.params.type = name;
+    },
+    init(name) {
+      Promise.all([
+        API_Goods.goodsCategoryStatistics(this.params),
+      ]).then((res) => {
+        if (res[0].result) {
+          this.data = res[0].result;
+        }
+
+      });
+    },
+  },
+  mounted() {
+   let data = new Date();
+
+    this.year = data;
+    this.year && this.params.month
+      ? this.timeType == "MONTH"
+      : this.timeType == "YEAR";
+  },
+};
+</script>
+<style scoped lang="scss">
+.page-col {
+  text-align: right;
+  margin: 10px 0;
+}
+.order-col {
+  display: flex;
+  > div {
+    margin-right: 8px;
+    padding: 16px;
+    font-size: 15px;
+  }
+}
+.order-list {
+  display: flex;
+}
+.tips {
+  margin: 0 8px;
+}
+</style>

manager/src/views/goods/goods-info/goods.vue

@@ -0,0 +1,451 @@
+<template>
+  <div class="search">
+    <Row>
+      <Col>
+        <Card>
+          <Row @keydown.enter.native="handleSearch">
+            <Form
+              ref="searchForm"
+              :model="searchForm"
+              inline
+              :label-width="70"
+              class="search-form"
+            >
+              <Form-item label="商品名称" prop="goodsName">
+                <Input
+                  type="text"
+                  v-model="searchForm.goodsName"
+                  placeholder="请输入商品名称"
+                  clearable
+                  style="width: 200px"
+                />
+              </Form-item>
+              <Form-item label="商品编号" prop="sn">
+                <Input
+                  type="text"
+                  v-model="searchForm.sn"
+                  placeholder="请输入商品编号"
+                  clearable
+                  style="width: 200px"
+                />
+              </Form-item>
+              <Form-item label="状态" prop="status">
+                <Select
+                  v-model="searchForm.marketEnable"
+                  placeholder="请选择"
+                  clearable
+                  style="width: 200px"
+                >
+                  <Option value="UPPER">上架</Option>
+                  <Option value="DOWN">下架</Option>
+                </Select>
+              </Form-item>
+              <Button @click="handleSearch" class="search-btn" type="primary" icon="ios-search" >搜索</Button>
+            </Form>
+          </Row>
+          <Row class="padding-row">
+            <Table
+              :loading="loading"
+              border
+              :columns="columns"
+              :data="data"
+              ref="table"
+              sortable="custom"
+              @on-sort-change="changeSort"
+              @on-selection-change="changeSelect"
+            >
+
+              <!-- 商品栏目格式化 -->
+              <template slot="goodsSlot" slot-scope="scope">
+                <div style="margin: 5px 0px;height: 80px; display: flex;">
+                  <div style="">
+                    <img :src="scope.row.original" style="height: 60px;margin-top: 1px;width: 60px">
+                  </div>
+
+                  <div style="margin-left: 13px;">
+                    <div class="div-zoom" >
+                      <a>{{scope.row.goodsName}}</a>
+                    </div>
+                  </div>
+                </div>
+
+              </template>
+            </Table>
+          </Row>
+          <Row type="flex" justify="end" class="page">
+            <Page
+              :current="searchForm.pageNumber"
+              :total="total"
+              :page-size="searchForm.pageSize"
+              @on-change="changePage"
+              @on-page-size-change="changePageSize"
+              :page-size-opts="[10, 20, 50]"
+              size="small"
+              show-total
+              show-elevator
+              show-sizer
+            ></Page>
+          </Row>
+        </Card>
+      </Col>
+    </Row>
+    <Modal
+      :title="modalTitle"
+      v-model="modalVisible"
+      :mask-closable="false"
+      :width="500"
+    >
+      <Form
+        ref="underForm"
+        :model="underForm"
+        :label-width="100"
+        :rules="formValidate"
+      >
+        <FormItem label="下架原因" prop="reason">
+          <Input v-model="underForm.reason" clearable style="width: 100%" />
+        </FormItem>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="lower(form.id)"
+          >提交</Button
+        >
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import { getGoodsListData, upGoods, lowGoods } from "@/api/goods";
+export default {
+  name: "goods",
+  components: {},
+  data() {
+    return {
+      id: "", //要操作的id
+      loading: true, // 表单加载状态
+      modalType: 0, // 添加或编辑标识
+      modalVisible: false, // 添加或编辑显示
+      modalTitle: "", // 添加或编辑标题
+      drop: false,
+      dropDownContent: "展开",
+      dropDownIcon: "ios-arrow-down",
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 1, // 当前页数
+        pageSize: 10, // 页面大小
+        sort: "create_time", // 默认排序字段
+        order: "desc", // 默认排序方式
+      },
+      underForm: {
+        reason: "",
+      },
+      form: {
+        // 添加或编辑表单对象初始化数据
+        goodsName: "",
+        sn: "",
+        marketEnable: "",
+        price: "",
+        sellerName: "",
+      },
+      // 表单验证规则
+
+      formValidate: {},
+      submitLoading: false, // 添加或编辑提交状态
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      columns: [
+        {
+          title: "商品名称",
+          key: "goodsName",
+          minWidth: 180,
+          slot: "goodsSlot",
+        },
+        {
+          title: "商品编号",
+          key: "sn",
+          minWidth: 150,
+          tooltip: true
+        },
+        {
+          title: "成本价",
+          key: "price",
+          width: 130,
+          render: (h, params) => {
+            return h(
+              "div",
+              this.$options.filters.unitPrice(params.row.cost, "￥")
+            );
+          },
+        },
+        {
+          title: "价格",
+          key: "price",
+          width: 130,
+          render: (h, params) => {
+            return h(
+              "div",
+              this.$options.filters.unitPrice(params.row.price, "￥")
+            );
+          },
+        },
+        {
+          title: "状态",
+          key: "marketEnable",
+          width: 100,
+          render: (h, params) => {
+            if (params.row.marketEnable == "DOWN") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "下架",
+                  },
+                }),
+              ]);
+            } else if (params.row.marketEnable == "UPPER") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "success",
+                    text: "上架",
+                  },
+                }),
+              ]);
+            }
+          },
+        },
+        {
+          title: "审核状态",
+          key: "isAuth",
+          width: 130,
+          render: (h, params) => {
+            if (params.row.isAuth == "TOBEAUDITED") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "待审核",
+                  },
+                }),
+              ]);
+            } else if (params.row.isAuth == "PASS") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "success",
+                    text: "审核通过",
+                  },
+                }),
+              ]);
+            } else if (params.row.isAuth == "REFUSE") {
+              return h("div", [
+                h("Badge", {
+                  props: {
+                    status: "error",
+                    text: "审核拒绝",
+                  },
+                }),
+              ]);
+            }
+          },
+        },
+
+        {
+          title: "店铺名称",
+          key: "storeName",
+          minWidth: 100,
+          tooltip: true
+        },
+        {
+          title: "操作",
+          key: "action",
+          align: "center",
+          fixed: "right",
+          width: 150,
+          render: (h, params) => {
+            if (params.row.marketEnable == "DOWN") {
+              return h("div", [
+                h(
+                  "Button",
+                  {
+                    props: {
+                      type: "info",
+                      size: "small",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.upper(params.row);
+                      },
+                    },
+                  },
+                  "上架"
+                ), h(
+                  "Button",
+                  {
+                    props: {
+                      size: "small",
+                    },
+                    on: {
+                      click: () => {
+                        this.showDetail(params.row);
+                      },
+                    },
+                  },
+                  "查看"
+                )
+              ]);
+            } else {
+              return h("div", [
+                h(
+                  "Button",
+                  {
+                    props: {
+                      type: "error",
+                      size: "small",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.edit(params.row);
+                      },
+                    },
+                  },
+                  "下架"
+                ), h(
+                  "Button",
+                  {
+                    props: {
+                      size: "small",
+                    },
+                    on: {
+                      click: () => {
+                        this.showDetail(params.row);
+                      },
+                    },
+                  },
+                  "查看"
+                )
+              ]);
+            }
+          },
+        },
+      ],
+      data: [], // 表单数据
+      total: 0, // 表单数据总数
+    };
+  },
+  methods: {
+    init() {
+      this.getDataList();
+    },
+    changePage(v) {
+      this.searchForm.pageNumber = v;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    changePageSize(v) {
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    handleSearch() {
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = 10;
+      this.getDataList();
+    },
+    changeSort(e) {
+      this.searchForm.sort = e.key;
+      this.searchForm.order = e.order;
+      if (e.order === "normal") {
+        this.searchForm.order = "";
+      }
+      this.getDataList();
+    },
+    clearSelectAll() {
+      this.$refs.table.selectAll(false);
+    },
+    changeSelect(e) {
+      this.selectList = e;
+      this.selectCount = e.length;
+    },
+    dropDown() {
+      if (this.drop) {
+        this.dropDownContent = "展开";
+        this.dropDownIcon = "ios-arrow-down";
+      } else {
+        this.dropDownContent = "收起";
+        this.dropDownIcon = "ios-arrow-up";
+      }
+      this.drop = !this.drop;
+    },
+    getDataList() {
+      this.loading = true;
+      // 带多条件搜索参数获取表单数据
+      getGoodsListData(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.records) {
+          this.data = res.records;
+          this.total = res.total;
+        }
+      });
+    },
+    edit(v) {
+      this.id = v.id;
+      if (v.underMessage != "{}") {
+        this.underForm.reason = v.underMessage;
+      }
+
+      this.modalType = 1;
+      this.modalTitle = "下架操作";
+      this.modalVisible = true;
+    },
+    lower(id) {
+      lowGoods(this.id, this.underForm).then((res) => {
+        this.$Modal.remove();
+        if (res.success) {
+          this.$Message.success("操作成功");
+          this.modalVisible = false;
+          this.getDataList();
+        }
+      });
+    },
+    upper(v) {
+      this.$Modal.confirm({
+        title: "确认上架",
+        content: "您确认要上架 " + v.goodsName + " ?",
+        loading: true,
+        onOk: () => {
+          upGoods(v.id).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("上架成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+
+    //查看商品详情
+    showDetail(v) {
+      let id = v.id;
+      this.$router.push({
+        name: "goods-detail",
+        query: { id: id },
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss" scoped>
+  // 建议引入通用样式 可删除下面样式代码
+  @import "@/styles/table-common.scss";
+</style>

manager/src/views/goods/goods-info/goodsApply.vue

@@ -0,0 +1,349 @@
+<template>
+  <div class="search">
+    <Row>
+      <Col>
+        <Card>
+          <Row @keydown.enter.native="handleSearch">
+            <Form
+              ref="searchForm"
+              :model="searchForm"
+              inline
+              :label-width="70"
+              class="search-form"
+            >
+              <Form-item label="商品名称" prop="goodsName">
+                <Input
+                  type="text"
+                  v-model="searchForm.goodsName"
+                  placeholder="请输入商品名称"
+                  clearable
+                  style="width: 200px"
+                />
+              </Form-item>
+              <Form-item label="商品编号" prop="sn">
+                <Input
+                  type="text"
+                  v-model="searchForm.sn"
+                  placeholder="请输入商品编号"
+                  clearable
+                  style="width: 200px"
+                />
+              </Form-item>
+              <Button @click="handleSearch" class="search-btn" type="primary" icon="ios-search" >搜索</Button>
+            </Form>
+          </Row>
+          <Row class="padding-row">
+            <Table
+              :loading="loading"
+              border
+              :columns="columns"
+              :data="data"
+              ref="table"
+              sortable="custom"
+              @on-sort-change="changeSort"
+              @on-selection-change="changeSelect"
+            >
+
+              <!-- 商品栏目格式化 -->
+              <template slot="goodsSlot" slot-scope="scope">
+                <div style="margin-top: 5px;height: 80px; display: flex;">
+                  <div style="">
+                    <img :src="scope.row.original" style="height: 60px;margin-top: 3px;width: 60px">
+                  </div>
+
+                  <div style="margin-left: 13px">
+                    <div class="div-zoom" >
+                      <a>{{scope.row.goodsName}}</a>
+                    </div>
+                  </div>
+                </div>
+
+              </template>
+            </Table>
+          </Row>
+          <Row type="flex" justify="end" class="page">
+            <Page
+              :current="searchForm.pageNumber"
+              :total="total"
+              :page-size="searchForm.pageSize"
+              @on-change="changePage"
+              @on-page-size-change="changePageSize"
+              :page-size-opts="[10, 20, 50]"
+              size="small"
+              show-total
+              show-elevator
+              show-sizer
+            ></Page>
+          </Row>
+        </Card>
+      </Col>
+    </Row>
+  </div>
+</template>
+
+<script>
+  import {authGoods, getAuthGoodsListData} from "@/api/goods";
+
+  export default {
+    name: "goods",
+    components: {},
+    data() {
+      return {
+        id: "", //要操作的id
+        loading: true, // 表单加载状态
+        modalType: 0, // 添加或编辑标识
+        searchForm: {
+          // 搜索框初始化对象
+          pageNumber: 1, // 当前页数
+          pageSize: 10, // 页面大小
+          sort: "create_time", // 默认排序字段
+          order: "desc", // 默认排序方式
+        },
+        underForm: {
+          reason: "",
+        },
+        goodsAuditForm: {
+          is_auth: 1,
+        },
+        form: {
+          // 添加或编辑表单对象初始化数据
+          goodsName: "",
+          sn: "",
+          marketEnable: "",
+          price: "",
+          sellerName: "",
+        },
+        // 表单验证规则
+        formValidate: {},
+        submitLoading: false, // 添加或编辑提交状态
+        selectList: [], // 多选数据
+        selectCount: 0, // 多选计数
+        columns: [
+          {
+            title: "商品名称",
+            key: "goodsName",
+            minWidth: 180,
+            slot: "goodsSlot",
+            tooltip: true
+          },
+          {
+            title: "商品编号",
+            key: "sn",
+            minWidth: 100,
+            tooltip: true
+          },
+          {
+            title: "成本价",
+            key: "price",
+            minWidth: 130,
+            render: (h, params) => {
+              return h(
+                "div",
+                this.$options.filters.unitPrice(params.row.cost, "￥")
+              );
+            },
+          },
+          {
+            title: "价格",
+            key: "price",
+            minWidth: 130,
+            render: (h, params) => {
+              return h(
+                "div",
+                this.$options.filters.unitPrice(params.row.price, "￥")
+              );
+            },
+          },
+          {
+            title: "审核状态",
+            key: "isAuth",
+            minWidth: 130,
+            render: (h, params) => {
+              if (params.row.isAuth == "TOBEAUDITED") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "error",
+                      text: "待审核",
+                    },
+                  }),
+                ]);
+              } else if (params.row.isAuth == "PASS") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "success",
+                      text: "审核通过",
+                    },
+                  }),
+                ]);
+              } else if (params.row.isAuth == "REFUSE") {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "error",
+                      text: "审核拒绝",
+                    },
+                  }),
+                ]);
+              }
+            },
+          },
+
+          {
+            title: "店铺名称",
+            key: "storeName",
+            minWidth: 100,
+            tooltip: true
+          },
+          {
+            title: "操作",
+            key: "action",
+            align: "center",
+            fixed: "right",
+            width: 200,
+            render: (h, params) => {
+              return h("div", [
+                h(
+                  "Button",
+                  {
+                    props: {
+                      type: "success",
+                      size: "small",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.examine(params.row, 1);
+                      },
+                    },
+                  },
+                  "通过"
+                ),
+                h(
+                  "Button",
+                  {
+                    props: {
+                      type: "error",
+                      size: "small",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.examine(params.row, 2);
+                      },
+                    },
+                  },
+                  "拒绝"
+                ), h(
+                  "Button",
+                  {
+                    props: {
+                      size: "small",
+                    },
+                    on: {
+                      click: () => {
+                        this.showDetail(params.row);
+                      },
+                    },
+                  },
+                  "查看"
+                )
+              ]);
+            },
+          },
+        ],
+        data: [], // 表单数据
+        total: 0, // 表单数据总数
+      };
+    },
+    methods: {
+      init() {
+        this.getDataList();
+      },
+      changePage(v) {
+        this.searchForm.pageNumber = v;
+        this.getDataList();
+        this.clearSelectAll();
+      },
+      changePageSize(v) {
+        this.searchForm.pageSize = v;
+        this.getDataList();
+      },
+      handleSearch() {
+        this.searchForm.pageNumber = 1;
+        this.searchForm.pageSize = 10;
+        this.getDataList();
+      },
+      changeSort(e) {
+        this.searchForm.sort = e.key;
+        this.searchForm.order = e.order;
+        if (e.order === "normal") {
+          this.searchForm.order = "";
+        }
+        this.getDataList();
+      },
+      clearSelectAll() {
+        this.$refs.table.selectAll(false);
+      },
+      changeSelect(e) {
+        this.selectList = e;
+        this.selectCount = e.length;
+      },
+      getDataList() {
+        this.loading = true;
+        // 带多条件搜索参数获取表单数据
+        this.searchForm.isAuth = 0;
+        getAuthGoodsListData(this.searchForm).then((res) => {
+          this.loading = false;
+          if (res.records) {
+            this.data = res.records;
+            this.total = res.total;
+          }
+        });
+      },
+      examine(v, isAuth) {
+        let examine = "通过";
+        this.goodsAuditForm.isAuth = "PASS";
+        if (isAuth != 1) {
+          examine = "拒绝";
+          this.goodsAuditForm.isAuth = "REFUSE";
+        }
+        this.$Modal.confirm({
+          title: "确认审核",
+          content: "您确认要审核" + examine + " " + v.goodsName + " ?",
+          loading: true,
+          onOk: () => {
+            authGoods(v.id, this.goodsAuditForm).then((res) => {
+              this.$Modal.remove();
+              if (res.success) {
+                this.$Message.success("审核成功");
+                this.getDataList();
+              }
+            });
+          },
+        });
+      },
+
+
+      //查看商品详情
+      showDetail(v) {
+        let id = v.id;
+        this.$router.push({
+          name: "goods-detail",
+          query: { id: id },
+        });
+      },
+    },
+    mounted() {
+      this.init();
+    },
+  };
+</script>
+<style lang="scss">
+  @import "@/styles/table-common.scss";
+</style>

manager/src/views/goods/goods-info/goodsDetail.scss

@@ -0,0 +1,381 @@
+/*选择商品品类*/
+.content-goods-publish {
+  padding: 15px;
+  padding-bottom: 50px;
+  margin: 0 auto;
+  text-align: center;
+  border: 1px solid #ddd;
+  background: none repeat 0 0 #fff;
+
+  /*商品品类*/
+  .goods-category {
+    text-align: left;
+    padding: 10px;
+    background: #fafafa;
+    border: 1px solid #e6e6e6;
+
+    ul {
+      padding: 8px 4px 8px 8px;
+      list-style: none;
+      width: 300px;
+      background: none repeat 0 0 #fff;
+      border: 1px solid #e6e6e6;
+      display: inline-block;
+      letter-spacing: normal;
+      margin-right: 15px;
+      vertical-align: top;
+      word-spacing: normal;
+
+      li {
+        line-height: 20px;
+        padding: 5px;
+        cursor: pointer;
+        color: #333;
+        font-size: 12px;
+        display: flex;
+        flex-wrap: nowrap;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+  }
+
+  /** 当前品类被选中的样式 */
+  .activeClass {
+    background-color: #d9edf7;
+    border: 1px solid #bce8f1;
+    color: #3a87ad;
+  }
+
+  /*!*当前选择的商品品类文字*!*/
+  .current-goods-category {
+    text-align: left;
+    padding: 10px;
+    width: 100%;
+    border: 1px solid #fbeed5;
+    color: #c09853;
+    background-color: #fcf8e3;
+    margin: 10px auto;
+    padding: 8px 35px 8px 14px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    font-size: 12px;
+    font-weight: bold;
+  }
+}
+
+/*编辑基本信息*/
+.el-form {
+  padding-bottom: 80px;
+
+  .el-form-item {
+    width: 100%;
+    text-align: left;
+  }
+}
+
+/*平铺*/
+div.base-info-item>div {
+  margin-left: 5%;
+}
+
+div.base-info-item {
+
+  h4 {
+    margin-bottom: 10px;
+    padding: 0 10px;
+    border: 1px solid #ddd;
+    background-color: #f8f8f8;
+    font-weight: bold;
+    color: #333;
+    font-size: 14px;
+    line-height: 40px;
+    text-align: left;
+  }
+
+  .form-item-view {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding-left: 80px;
+
+
+    .layout {
+      margin-bottom: 20px;
+
+      .sku-item-content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        justify-content: center;
+        width: 100%;
+
+        .sku-item-content-name {
+          display: flex;
+          align-items: flex-start;
+          width: 100%;
+        }
+      }
+
+    }
+
+    .shop-category-text {
+      font-size: 12px;
+    }
+  }
+
+  .form-item-view-bottom {
+    margin-bottom: 50px;
+  }
+
+  .item-goods-properts-row {
+    display: flex;
+    flex-direction: row;
+    word-break: break-all;
+    white-space: normal;
+    width: 300px;
+    height: 100px;
+  }
+
+  .item-goods-properts {
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+  }
+
+  .form-item {
+    display: flex;
+    align-items: center;
+  }
+
+
+  /** 审核信息-拒绝原因 */
+  .auth-info {
+    color: red;
+  }
+
+  .el-form-item {
+    width: 30%;
+    min-width: 300px;
+  }
+
+  .goods-name-width {
+    width: 50%;
+    min-width: 300px;
+  }
+
+  .el-form-item__content {
+    margin-left: 120px;
+    text-align: left;
+  }
+
+  p.goods-group-manager {
+    padding-left: 7.5%;
+    text-align: left;
+    color: #999;
+    font-size: 13px;
+  }
+
+  /*teatarea*/
+  /deep/ .el-textarea {
+    width: 150%;
+  }
+
+  .seo-text {
+    width: 150%;
+  }
+}
+
+/*折叠面板*/
+.el-collapse-item {
+  /deep/ .el-collapse-item__header {
+    text-align: left;
+    background-color: #f8f8f8;
+    padding: 0 10px;
+    font-weight: bold;
+    color: #333;
+    font-size: 14px;
+  }
+
+  .el-form-item {
+    margin-left: 5%;
+    width: 25%;
+  }
+
+  /deep/ .el-form-item__content {
+    margin-left: 120px;
+    text-align: left;
+  }
+
+  p.goods-group-manager {
+    padding-left: 12%;
+    text-align: left;
+    color: #999;
+  }
+
+  /deep/ .el-collapse-item__content {
+    padding: 10px 0;
+    text-align: left;
+  }
+}
+
+/*商品描述*/
+.goods-intro {
+  line-height: 40;
+}
+
+/** 底部步骤 */
+.footer {
+  width: 88.7%;
+  padding: 10px;
+  background-color: #ffc;
+  position: fixed;
+  bottom: 0px;
+  left: 10%;
+  text-align: center;
+  z-index: 9999;
+}
+
+/*图片上传组件第一张图设置封面*/
+.goods-images {
+  /deep/ li.el-upload-list__item:first-child {
+    position: relative;
+  }
+
+  /deep/ li.el-upload-list__item:first-child:after {
+    content: "封";
+    color: #fff;
+    font-weight: bold;
+    font-size: 12px;
+    position: absolute;
+    left: -15px;
+    top: -6px;
+    width: 40px;
+    height: 24px;
+    padding-top: 6px;
+    background: #13ce66;
+    text-align: center;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
+  }
+}
+
+.el-form-item__label {
+  word-break: break-all;
+}
+
+.step-view {
+  width: 33%;
+  height: 40px;
+  font-size: 19px;
+  text-align: center;
+  display: flex;
+  background-color: #fff;
+  justify-content: center;
+  align-items: center;
+}
+
+.add-sku-btn {
+  margin-top: 10px;
+}
+
+.sku-item:not(:first-child) {
+  margin-top: 10px;
+  
+}
+
+.sku-upload-list {
+  display: inline-block;
+  width: 60px;
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+  position: relative;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+  margin-right: 4px;
+}
+
+.preview-picture {
+  width: 100%;
+  margin: 0 auto;
+  display: block;
+  // text-align: center;
+  border: 1px solid transparent;
+  // justify-self: center;
+  // align-self: center;
+}
+
+.preview-picture img {
+  width: 100%;
+  height: 100%;
+}
+
+.sku-upload-list img {
+  width: 100%;
+  height: 100%;
+}
+
+.sku-upload-list-cover {
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, .6);
+}
+
+.sku-upload-list:hover .sku-upload-list-cover {
+  display: block;
+}
+
+.sku-upload-list-cover i {
+  color: #fff;
+  font-size: 20px;
+  cursor: pointer;
+  margin: 0 2px;
+}
+
+.demo-upload-list{
+  display: inline-block;
+  width: 60px;
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  overflow: hidden;
+  background: #fff;
+  position: relative;
+  box-shadow: 0 1px 1px rgba(0,0,0,.2);
+  margin-right: 4px;
+}
+.demo-upload-list img{
+  width: 100%;
+  height: 100%;
+}
+.demo-upload-list-cover{
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0,0,0,.6);
+}
+.demo-upload-list:hover .demo-upload-list-cover{
+  display: block;
+}
+.demo-upload-list-cover i{
+  color: #fff;
+  font-size: 20px;
+  cursor: pointer;
+  margin: 0 2px;
+}

manager/src/views/goods/goods-info/goodsDetail.vue

@@ -0,0 +1,219 @@
+<template>
+  <div>
+    <Form
+      :label-width="120"
+    >
+      <div class="content-goods-publish">
+        <div class="base-info-item">
+          <h4>基本信息</h4>
+          <div class="form-item-view">
+            <FormItem label="商品分类">
+              <span v-for="item in goods.categoryName"> {{ item }} > </span>
+            </FormItem>
+            <FormItem label="商品名称" prop="goodsName">
+              {{ goods.goodsName }}
+            </FormItem>
+
+            <FormItem label="商品卖点" prop="sellingPoint">
+              {{ goods.sellingPoint }}
+            </FormItem>
+<!--            <FormItem label="商品品牌" prop="brandId">-->
+<!--              {{ goods.brandId }}-->
+<!--            </FormItem>-->
+          </div>
+          <h4>商品交易信息</h4>
+          <div class="form-item-view">
+            <FormItem
+              class="form-item-view-el"
+              label="计量单位"
+              prop="goodsUnit"
+            > {{ goods.goodsUnit }}
+            </FormItem>
+            <FormItem
+              class="form-item-view-el"
+              label="销售模式"
+              prop="salesModel"
+            >
+              {{ goods.salesModel === 'RETAIL' ? '零售型' : '批发型' }}
+            </FormItem>
+          </div>
+          <h4>商品规格及图片</h4>
+          <div class="form-item-view">
+            <FormItem label="商品编号" prop="sn">
+              {{ goods.sn }}
+            </FormItem>
+            <FormItem label="商品价格" prop="price">
+              ¥{{ goods.price | unitPrice }}
+            </FormItem>
+            <FormItem label="市场价格" prop="cost">
+
+              ¥{{ goods.cost | unitPrice }}
+            </FormItem>
+            <FormItem
+              class="form-item-view-el"
+              label="商品图片"
+              prop="goodsGalleryFiles"
+            >
+
+              <div
+                class="demo-upload-list"
+                v-for="(item, __index) in goods.goodsGalleryList"
+                :key="__index"
+              >
+                <img :src="item"/>
+                <div class="demo-upload-list-cover">
+                  <Icon
+                    type="ios-eye-outline"
+                    @click.native="handleViewGoodsPicture(item)"
+                  ></Icon>
+                </div>
+
+                <Modal title="View Image" v-model="goodsPictureVisible">
+                  <img
+                    :src="previewGoodsPicture"
+                    v-if="goodsPictureVisible"
+                    style="width: 100%"
+                  />
+                </Modal>
+              </div>
+
+
+            </FormItem>
+
+
+            <FormItem
+              class="form-item-view-el"
+              label="商品规格"
+            >
+
+              <Table :columns="skuColumn" :data="skuData">
+
+                <!-- 商品栏目格式化 -->
+                <template slot="showImage" slot-scope="scope">
+
+                  <div style="margin-top: 5px;height: 80px; display: flex;">
+                    <div style="">
+                      <img :src="scope.row.image" style="height: 60px;margin-top: 1px;width: 60px">
+                    </div>
+                  </div>
+                </template>
+              </Table>
+
+            </FormItem>
+
+
+          </div>
+          <h4>商品详情描述</h4>
+          <div class="form-item-view">
+            <FormItem class="form-item-view-el" label="商品描述" prop="intro">
+              <div v-html="goods.intro"></div>
+            </FormItem>
+            <FormItem
+              class="form-item-view-el"
+              label="移动端描述"
+              prop="skuList"
+            >
+              <div v-html="goods.mobileIntro"></div>
+            </FormItem>
+          </div>
+          <h4>商品物流信息</h4>
+          <div class="form-item-view">
+            <FormItem class="form-item-view-el" label="商品重量" prop="weight">
+              <Input v-model="goods.weight">
+                <span slot="append">kg</span>
+              </Input>
+            </FormItem>
+          </div>
+        </div>
+      </div>
+    </Form>
+  </div>
+</template>
+
+<script>
+
+import {getGoodsDetail} from "@/api/goods";
+
+export default {
+
+  name: "goodsDetail",
+  data() {
+    return {
+      goods: '',
+      previewGoodsPicture: '',
+      goodsPictureVisible: false,
+      skuColumn: [
+        {
+          title: '规格',
+          key: 'specs'
+        },
+        {
+          title: '编号',
+          key: 'sn'
+        },
+        {
+          title: '重量',
+          key: 'weight'
+        },
+        {
+          title: '成本',
+          key: 'cost'
+        },
+        {
+          title: '价格',
+          key: 'price'
+        },
+        {
+          title: '图片',
+          slot: "showImage",
+        }
+      ],
+      skuData: []
+    }
+  },
+  mounted() {
+    this.initGoods(this.$route.query.id);
+  }
+  ,
+  methods: {
+    initGoods(id) {
+      getGoodsDetail(id).then(res => {
+        this.goods = res.result;
+        let that = this
+        res.result.skuList.forEach(function (sku, index, array) {
+          console.log(sku)
+          that.skuData.push({
+            'specs': sku.goodsName,
+            'sn': sku.sn,
+            'weight': sku.weight,
+            'cost': that.$options.filters.unitPrice(sku.cost, "¥"),
+            'price': that.$options.filters.unitPrice(sku.price, "¥"),
+            'image': sku.thumbnail,
+          });
+        })
+        console.warn(this.skuData)
+
+      });
+    }
+    ,
+
+    handleViewGoodsPicture(url) {
+      this.previewGoodsPicture = url;
+      this.goodsPictureVisible = true;
+    }
+    ,
+  }
+  ,
+
+}
+;
+</script>
+
+<style lang="scss" soped>
+@import "./goodsDetail.scss";
+
+.ivu-table table {
+  width: 100% !important;
+}
+
+</style>

manager/src/views/goods/goods-manage/brand.vue

@@ -0,0 +1,403 @@
+<style lang="scss">
+  @import "@/styles/table-common.scss";
+</style>
+<template>
+  <div class="search">
+    <Row>
+      <Col>
+        <Card>
+          <Row @keydown.enter.native="handleSearch">
+            <Form
+              ref="searchForm"
+              :model="searchForm"
+              inline
+              :label-width="70"
+              class="search-form"
+            >
+              <Form-item label="品牌名称" prop="name">
+                <Input
+                  type="text"
+                  v-model="searchForm.name"
+                  placeholder="请输入品牌名称"
+                  clearable
+                  style="width: 200px"
+                />
+              </Form-item>
+
+              <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
+            </Form>
+          </Row>
+          <Row class="operation padding-row">
+            <Button @click="add" type="primary">添加</Button>
+          </Row>
+          <Row>
+            <Table
+              :loading="loading"
+              border
+              :columns="columns"
+              :data="data"
+              ref="table"
+              sortable="custom"
+              @on-sort-change="changeSort"
+              @on-selection-change="changeSelect"
+            ></Table>
+          </Row>
+          <Row type="flex" justify="end" class="page">
+            <Page
+              :current="searchForm.pageNumber"
+              :total="total"
+              :page-size="searchForm.pageSize"
+              @on-change="changePage"
+              @on-page-size-change="changePageSize"
+              :page-size-opts="[10, 20, 50]"
+              size="small"
+              show-total
+              show-elevator
+              show-sizer
+            ></Page>
+          </Row>
+        </Card>
+      </Col>
+    </Row>
+    <Modal
+      :title="modalTitle"
+      v-model="modalVisible"
+      :mask-closable="false"
+      :width="500"
+    >
+      <Form ref="form" :model="form" :label-width="100" :rules="formValidate">
+        <FormItem label="品牌名称" prop="name">
+          <Input v-model="form.name" clearable style="width: 100%"/>
+        </FormItem>
+        <FormItem label="品牌图标" prop="logo">
+          <upload-pic-input
+            v-model="form.logo"
+            style="width: 100%"
+          ></upload-pic-input>
+        </FormItem>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="handleSubmit"
+        >提交
+        </Button
+        >
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+  import {getManagerBrandPage, addBrand, disableBrand} from "@/api/goods";
+  import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
+
+  export default {
+    name: "brand",
+    components: {
+      uploadPicInput,
+    },
+    data() {
+      return {
+        loading: true, // 表单加载状态
+        modalType: 0, // 添加或编辑标识
+        modalVisible: false, // 添加或编辑显示
+        modalTitle: "", // 添加或编辑标题
+        searchForm: {
+          // 搜索框初始化对象
+          pageNumber: 1, // 当前页数
+          pageSize: 10, // 页面大小
+          sort: "create_time", // 默认排序字段
+          order: "desc", // 默认排序方式
+        },
+        form: {
+          // 添加或编辑表单对象初始化数据
+          name: "",
+          logo: "",
+          deleteFlag: "",
+        },
+        // 表单验证规则
+        formValidate: {},
+        submitLoading: false, // 添加或编辑提交状态
+        selectList: [], // 多选数据
+        selectCount: 0, // 多选计数
+        columns: [
+          {
+            title: "品牌名称",
+            key: "name",
+            width: 200,
+            resizable: true,
+            sortable: false,
+          },
+          {
+            title: "品牌图标",
+            key: "logo",
+            align: "left",
+            render: (h, params) => {
+              return h("img", {
+                attrs: {
+                  src: params.row.logo,
+                  alt: "加载图片失败",
+                },
+                style: {
+                  cursor: "pointer",
+                  width: "80px",
+                  height: "60px",
+                  margin: "10px 0",
+                  "object-fit": "contain",
+                },
+              });
+            },
+          },
+          {
+            title: "状态",
+            key: "deleteFlag",
+            align: "left",
+            render: (h, params) => {
+              if (params.row.deleteFlag == 0) {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "success",
+                      text: "启用",
+                    },
+                  }),
+                ]);
+              } else if (params.row.deleteFlag == 1) {
+                return h("div", [
+                  h("Badge", {
+                    props: {
+                      status: "error",
+                      text: "禁用",
+                    },
+                  }),
+                ]);
+              }
+            },
+            filters: [
+              {
+                label: "启用",
+                value: 0,
+              },
+              {
+                label: "禁用",
+                value: 1,
+              },
+            ],
+            filterMultiple: false,
+            filterMethod(value, row) {
+              if (value == 0) {
+                return row.deleteFlag == 0;
+              } else if (value == 1) {
+                return row.deleteFlag == 1;
+              }
+            },
+          },
+          {
+            title: "操作",
+            key: "action",
+            width: 180,
+            align: "center",
+            fixed: "right",
+            render: (h, params) => {
+              let enableOrDisable = "";
+              if (params.row.deleteFlag == 0) {
+                enableOrDisable = h(
+                  "Button",
+                  {
+                    props: {
+                      size: "small",
+                      type: "error",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.disable(params.row);
+                      },
+                    },
+                  },
+                  "禁用"
+                );
+              } else {
+                enableOrDisable = h(
+                  "Button",
+                  {
+                    props: {
+                      type: "success",
+                      size: "small",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.enable(params.row);
+                      },
+                    },
+                  },
+                  "启用"
+                );
+              }
+              return h("div", [
+                h(
+                  "Button",
+                  {
+                    props: {
+                      type: "info",
+                      size: "small",
+                    },
+                    style: {
+                      marginRight: "5px",
+                    },
+                    on: {
+                      click: () => {
+                        this.edit(params.row);
+                      },
+                    },
+                  },
+                  "编辑"
+                ),
+                enableOrDisable,
+              ]);
+            },
+          },
+        ],
+        data: [], // 表单数据
+        total: 0, // 表单数据总数
+      };
+    },
+    methods: {
+      init() {
+        this.getDataList();
+      },
+      changePage(v) {
+        this.searchForm.pageNumber = v;
+        this.getDataList();
+        this.clearSelectAll();
+      },
+      changePageSize(v) {
+        this.searchForm.pageSize = v;
+        this.getDataList();
+      },
+      handleSearch() {
+        this.searchForm.pageNumber = 1;
+        this.searchForm.pageSize = 10;
+        this.getDataList();
+      },
+      changeSort(e) {
+        this.searchForm.sort = e.key;
+        this.searchForm.order = e.order;
+        if (e.order === "normal") {
+          this.searchForm.order = "";
+        }
+        this.getDataList();
+      },
+      clearSelectAll() {
+        this.$refs.table.selectAll(false);
+      },
+      changeSelect(e) {
+        this.selectList = e;
+        this.selectCount = e.length;
+      },
+      getDataList() {
+        this.loading = true;
+        // 带多条件搜索参数获取表单数据 请自行修改接口
+        getManagerBrandPage(this.searchForm).then((res) => {
+          this.loading = false;
+          if (res.success) {
+            console.warn(12)
+            this.data = res.result.records;
+            this.total = res.result.total;
+          }
+        });
+      },
+      handleSubmit() {
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.submitLoading = true;
+            if (this.modalType === 0) {
+              // 添加 避免编辑后传入id等数据 记得删除
+              delete this.form.id;
+              addBrand(this.form).then((res) => {
+                this.submitLoading = false;
+                if (res.success) {
+                  this.$Message.success("操作成功");
+                  this.getDataList();
+                  this.modalVisible = false;
+                }
+              });
+            } else {
+              // 编辑
+              addBrand(this.form).then((res) => {
+                this.submitLoading = false;
+                if (res.success) {
+                  this.$Message.success("操作成功");
+                  this.getDataList();
+                  this.modalVisible = false;
+                }
+              });
+            }
+          }
+        });
+      },
+      add() {
+        this.modalType = 0;
+        this.modalTitle = "添加";
+        this.$refs.form.resetFields();
+        delete this.form.id;
+        this.modalVisible = true;
+      },
+      edit(v) {
+        this.modalType = 1;
+        this.modalTitle = "编辑";
+        this.$refs.form.resetFields();
+        // 转换null为""
+        for (let attr in v) {
+          if (v[attr] === null) {
+            v[attr] = "";
+          }
+        }
+        let str = JSON.stringify(v);
+        let data = JSON.parse(str);
+        this.form = data;
+        this.modalVisible = true;
+      },
+      enable(v) {
+        this.$Modal.confirm({
+          title: "确认启用",
+          content: "您确认要启用品牌 " + v.name + " ?",
+          loading: true,
+          onOk: () => {
+            disableBrand(v.id, {disable: false}).then((res) => {
+              this.$Modal.remove();
+              if (res.success) {
+                this.$Message.success("操作成功");
+                this.getDataList();
+              }
+            });
+          },
+        });
+      },
+      disable(v) {
+        this.$Modal.confirm({
+          title: "确认禁用",
+          content: "您确认要禁用品牌 " + v.name + " ?",
+          loading: true,
+          onOk: () => {
+            disableBrand(v.id, {disable: true}).then((res) => {
+              this.$Modal.remove();
+              if (res.success) {
+                this.$Message.success("操作成功");
+                this.getDataList();
+              }
+            });
+          },
+        });
+      },
+    },
+    mounted() {
+      this.init();
+    },
+  };
+</script>

manager/src/views/goods/goods-manage/category.vue

@@ -0,0 +1,528 @@
+<template>
+  <div class="wrapper">
+    <div class="operation">
+      <Button @click="addParent" icon="md-add">添加一级分类</Button>
+      选择分类:
+      <Select @on-change="changeSortCate" v-model="sortCate" style="width:200px">
+        <Option v-for="item in sortCateList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+      </Select>
+
+    </div>
+    <tree-table ref="treeTable" size="default" :loading="loading" :data="tableData" :columns="columns" :border="true" :show-index="false" :is-fold="true" :expand-type="false" primary-key="id">
+
+      <template slot="action" slot-scope="scope">
+        <Dropdown v-show="scope.row.level == 2"  transfer="true" trigger="click">
+          <Button size="small">
+            绑定
+            <Icon type="ios-arrow-down"></Icon>
+          </Button>
+          <DropdownMenu slot="list">
+            <DropdownItem @click.native="brandOperation(scope.row)">编辑绑定品牌</DropdownItem>
+            <DropdownItem @click.native="specOperation(scope.row)">编辑绑定规格</DropdownItem>
+            <DropdownItem @click.native="parameterOperation(scope.row)">编辑绑定参数</DropdownItem>
+          </DropdownMenu>
+        </Dropdown>
+
+        &nbsp;
+        <Dropdown transfer="true" trigger="click">
+          <Button size="small">
+            操作
+            <Icon type="ios-arrow-down"></Icon>
+          </Button>
+          <DropdownMenu slot="list">
+            <DropdownItem @click.native="edit(scope.row)">编辑</DropdownItem>
+            <DropdownItem v-if="scope.row.deleteFlag == 1" @click.native="enable(scope.row)">启用</DropdownItem>
+            <DropdownItem v-if="scope.row.deleteFlag == 0" @click.native="disable(scope.row)">禁用</DropdownItem>
+            <DropdownItem @click.native="remove(scope.row)">删除</DropdownItem>
+          </DropdownMenu>
+        </Dropdown>
+        &nbsp;
+        <Button v-show="scope.row.level != 2" type="primary" @click="addChildren(scope.row)" size="small" icon="md-add" style="margin-right: 5px">添加子分类
+        </Button>
+      </template>
+
+      <template slot="commissionRate" slot-scope="scope">
+        {{ scope.row.commissionRate }}%
+      </template>
+
+      <template slot="deleteFlag" slot-scope="scope">
+        <div v-if="scope.row.deleteFlag == 0">
+          <Badge text="正常启用" status="success"></Badge>
+        </div>
+        <div v-if="scope.row.deleteFlag == 1">
+          <Badge text="禁用" status="error"></Badge>
+        </div>
+      </template>
+    </tree-table>
+
+    <Modal :title="modalTitle" v-model="modalVisible" :mask-closable="false" :width="500">
+      <Form ref="form" :model="formAdd" :label-width="100" :rules="formValidate">
+        <div v-if="showParent">
+          <FormItem label="上级分类" prop="parentId">
+            {{ parentTitle }}
+            <Input v-model="formAdd.parentId" clearable style="width: 100%; display: none" />
+          </FormItem>
+        </div>
+        <FormItem label="层级" prop="level" style="display: none">
+          <Input v-model="formAdd.level" clearable style="width: 100%" />
+        </FormItem>
+        <FormItem label="分类名称" prop="name">
+          <Input v-model="formAdd.name" clearable style="width: 100%" />
+        </FormItem>
+        <FormItem label="分类图标" prop="image">
+          <upload-pic-input v-model="formAdd.image" style="width: 100%"></upload-pic-input>
+        </FormItem>
+        <FormItem label="排序值" prop="sortOrder" style="width: 345px">
+          <InputNumber v-model="formAdd.sortOrder"></InputNumber>
+        </FormItem>
+        <FormItem label="佣金比例(%)" prop="commissionRate" style="width: 345px">
+          <InputNumber v-model="formAdd.commissionRate"></InputNumber>
+        </FormItem>
+        <FormItem label="是否启用" prop="deleteFlag">
+          <i-switch size="large" v-model="formAdd.deleteFlag" :true-value="0" :false-value="1">
+            <span slot="open">启用</span>
+            <span slot="close">禁用</span>
+          </i-switch>
+        </FormItem>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="Submit">提交</Button>
+      </div>
+    </Modal>
+
+    <Modal :title="modalBrandTitle" v-model="modalBrandVisible" :mask-closable="false" :width="500">
+      <Form ref="brandForm" :model="brandForm" :label-width="100">
+        <Select v-model="brandForm.categoryBrands" multiple>
+          <Option v-for="item in brandWay" :value="item.id" :key="item.id">{{ item.name }}</Option>
+
+        </Select>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalBrandVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="saveCategoryBrand">提交</Button>
+      </div>
+    </Modal>
+
+    <Modal :title="modalSpecTitle" v-model="modalSpecVisible" :mask-closable="false" :width="500">
+      <Form ref="specForm" :model="specForm" :label-width="100">
+        <Select v-model="specForm.category_specs" multiple>
+          <Option v-for="item in specifications" :value="item.id" :key="item.id" :label="item.specName">
+          </Option>
+        </Select>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalSpecVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="saveCategorySpec">提交</Button>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+import {
+  insertCategory,
+  updateCategory,
+  getBrandListData,
+  delCategory,
+  getCategoryBrandListData,
+  saveCategoryBrand,
+  getSpecificationList,
+  getCategorySpecListData,
+  disableCategory,
+  saveCategorySpec,
+  getCategoryTree,
+} from "@/api/goods";
+import TreeTable from "@/views/my-components/tree-table/Table/Table";
+import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
+import * as filters from "@/utils/filters";
+
+export default {
+  name: "lili-components",
+  components: {
+    TreeTable,
+    uploadPicInput,
+  },
+  data() {
+    return {
+      categoryList: [],
+      sortCateList: [], //筛选出分类第一级
+      sortCate: "", //筛选的数据
+      currView: "index",
+      loading: false,
+      selectCount: 0,
+      brands: [], //品牌集合
+      specifications: [], //规格集合
+      categoryId: "",
+      category_brands: [], //已经选择的品牌
+      category_specs: [], //已经选择的规格
+      expandLevel: 1,
+      modalType: 0, // 添加或编辑标识
+      modalVisible: false, // 添加或编辑显示
+      modalBrandVisible: false, //品牌关联编辑显示
+      modalSpecVisible: false, //品牌关联编辑显示
+      modalTitle: "", // 添加或编辑标题
+      showParent: false, // 是否展示上级菜单
+      parentTitle: "", // 父级菜单名称
+      modalBrandTitle: "",
+      modalSpecTitle: "",
+      formAdd: {
+        // 添加或编辑表单对象初始化数据
+        parentId: "",
+        name: "",
+        image: "",
+        sortOrder: "",
+        deleteFlag: 0,
+        commissionRate: "",
+        level: 0,
+      },
+      brandForm: {
+        categoryBrands: [],
+      },
+      brandWay: "", //请求绑定品牌的信息
+      specForm: {},
+      // 表单验证规则
+      formValidate: {},
+      columns: [
+        {
+          title: "分类名称",
+          key: "name",
+          minWidth: "120px",
+        },
+        {
+          title: "状态",
+          key: "deleteFlag",
+          headerAlign: "center",
+          type: "template",
+          template: "deleteFlag",
+        },
+        {
+          title: "佣金(%)",
+          key: "commissionRate",
+          headerAlign: "center",
+          type: "template",
+          template: "commissionRate",
+        },
+        {
+          fixed: "right",
+          title: "操作",
+          key: "action",
+          align: "left",
+          headerAlign: "center",
+          type: "template",
+          template: "action",
+        },
+      ],
+      tableData: [],
+    };
+  },
+  methods: {
+
+    changeSortCate(val) {
+      let way = this.categoryList.find((item) => {
+        return item.name == val;
+      });
+      this.tableData = [way];
+    },
+    init() {
+      this.getAllList(0);
+      this.getBrandList();
+      this.getSpecList();
+    },
+    //获取所有品牌
+    getBrandList() {
+      getBrandListData().then((res) => {
+        this.brandWay = res;
+      });
+    },
+    //获取所有规格
+    getSpecList() {
+      getSpecificationList().then((res) => {
+        if (res.success) {
+          this.specifications = res;
+        }
+      });
+    },
+    //弹出品牌关联框
+    brandOperation(v) {
+      getCategoryBrandListData(v.id).then((res) => {
+        this.categoryId = v.id;
+        this.modalBrandTitle = "品牌关联";
+        this.brandForm.categoryBrands = res.result.map((item) => item.id);
+        // this.brandWay = {...res.result}
+        this.modalBrandVisible = true;
+      });
+    },
+    //弹出规格关联框
+    specOperation(v) {
+      getCategorySpecListData(v.id).then((res) => {
+        this.categoryId = v.id;
+        this.modalSpecTitle = "规格关联";
+        this.specForm.category_specs = res.map((item) => item.id);
+        this.modalSpecVisible = true;
+      });
+    },
+    //保存分类规格绑定
+    saveCategorySpec() {
+      saveCategorySpec(this.categoryId, this.specForm).then((res) => {
+        this.submitLoading = false;
+        if (res.success) {
+          this.$Message.success("操作成功");
+          this.modalSpecVisible = false;
+        }
+      });
+    },
+    //保存分类品牌绑定
+    saveCategoryBrand() {
+      saveCategoryBrand(this.categoryId, this.brandForm).then((res) => {
+        this.submitLoading = false;
+        if (res.success) {
+          this.$Message.success("操作成功");
+          this.modalBrandVisible = false;
+        }
+      });
+    },
+    parameterOperation(v) {
+      this.$router.push({ name: "parameter", query: { id: v.id } });
+    },
+    refresh() {
+      this.loading = true;
+      let that = this;
+      setTimeout(function () {
+        that.loading = false;
+      }, 1000);
+    },
+    addChildren(v) {
+      this.modalType = 0;
+      this.modalTitle = "添加子分类";
+      this.parentTitle = v.name;
+      this.formAdd.level = eval(v.level + "+1");
+      this.showParent = true;
+      // this.$refs.form.resetFields();
+      delete this.formAdd.id;
+      this.formAdd.parentId = v.id;
+      this.modalVisible = true;
+    },
+    edit(v) {
+      this.modalType = 1;
+      this.modalTitle = "编辑";
+      this.formAdd.id = v.id;
+      this.formAdd.name = v.name;
+      this.formAdd.level = v.level;
+      this.formAdd.parentId = v.parentId;
+      this.formAdd.sortOrder = v.sortOrder;
+      this.formAdd.commissionRate = v.commissionRate;
+      this.formAdd.deleteFlag = v.deleteFlag;
+      this.formAdd.image = v.image;
+      this.showParent = false;
+      this.modalVisible = true;
+    },
+    addParent() {
+      this.modalType = 0;
+      this.modalTitle = "添加一级分类";
+      this.parentTitle = "顶级分类";
+      this.showParent = true;
+      this.$refs.form.resetFields();
+      delete this.formAdd.id;
+      this.formAdd.parentId = 0;
+      this.modalVisible = true;
+    },
+    Submit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          if (this.modalType === 0) {
+            // 添加 避免编辑后传入id等数据 记得删除
+            delete this.formAdd.id;
+            insertCategory(this.formAdd).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("添加成功");
+                this.getAllList(0);
+                this.modalVisible = false;
+                this.$refs.form.resetFields();
+              }
+            });
+          } else {
+            // 编辑
+            updateCategory(this.formAdd).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("修改成功");
+                this.getAllList(0);
+                this.modalVisible = false;
+                this.$refs.form.resetFields();
+              }
+            });
+          }
+        }
+      });
+    },
+    remove(v) {
+      this.$Modal.confirm({
+        title: "确认删除",
+        // 记得确认修改此处
+        content: "您确认要删除 " + v.name + " ?",
+        loading: true,
+        onOk: () => {
+          // 删除
+          delCategory(v.id).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getAllList(0);
+            }
+          });
+        },
+      });
+    },
+    getAllList(parent_id) {
+      this.loading = true;
+      getCategoryTree(parent_id).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          // 仅展开指定级数 默认后台已展开所有
+          let expandLevel = this.expandLevel;
+          localStorage.setItem("category", JSON.stringify(res.result));
+          res.result.forEach((e, index, arr) => {
+            this.sortCateList.push({
+              label: e.name,
+              value: e.name,
+            });
+            this.sortCate = arr[0].name;
+            if (expandLevel == 1) {
+              if (e.level == 0) {
+                e.expand = false;
+              }
+              if (e.children && e.children.length > 0) {
+                e.children.forEach(function (c) {
+                  if (c.level == 1) {
+                    c.expand = false;
+                  }
+                  if (c.children && c.children.length > 0) {
+                    c.children.forEach(function (b) {
+                      if (b.level == 2) {
+                        b.expand = false;
+                      }
+                    });
+                  }
+                });
+              }
+            } else if (expandLevel == 2) {
+              if (e.level == 0) {
+                e.expand = true;
+              }
+              if (e.children && e.children.length > 0) {
+                e.children.forEach(function (c) {
+                  if (c.level == 1) {
+                    c.expand = false;
+                  }
+                  if (c.children && c.children.length > 0) {
+                    c.children.forEach(function (b) {
+                      if (b.level == 2) {
+                        b.expand = false;
+                      }
+                    });
+                  }
+                });
+              }
+            } else if (expandLevel == 3) {
+              if (e.level == 0) {
+                e.expand = true;
+              }
+              if (e.children && e.children.length > 0) {
+                e.children.forEach(function (c) {
+                  if (c.level == 1) {
+                    c.expand = true;
+                  }
+                  if (c.children && c.children.length > 0) {
+                    c.children.forEach(function (b) {
+                      if (b.level == 2) {
+                        b.expand = false;
+                      }
+                    });
+                  }
+                });
+              }
+            }
+          });
+
+          this.categoryList = res.result;
+          this.tableData = [res.result[0]];
+        }
+      });
+    },
+    enable(v) {
+      this.$Modal.confirm({
+        title: "确认启用",
+        content: "您是否要启用当前分类 " + v.name + " 及其子分类?",
+        loading: true,
+        okText: "是",
+        cancelText: "否",
+        onOk: () => {
+          disableCategory(v.id, { enableOperations: 0 }).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getAllList(0);
+            }
+          });
+        },
+        onCancel: () => {
+          this.getAllList(0);
+        },
+      });
+    },
+    disable(v) {
+      this.$Modal.confirm({
+        title: "确认禁用",
+        content: "您是否要禁用当前分类 " + v.name + " 及其子分类?",
+        loading: true,
+        okText: "是",
+        cancelText: "否",
+        onOk: () => {
+          disableCategory(v.id, { enableOperations: true }).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getAllList(0);
+            }
+          });
+        },
+        onCancel: () => {
+          this.getAllList(0);
+        },
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "@/styles/table-common.scss";
+.wrapper {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  padding: 20px;
+}
+.article {
+  font-size: 16px;
+  font-weight: 400;
+  margin: 12px 0;
+}
+
+.href-text {
+  font-size: 12px;
+}
+
+.operation {
+  margin-bottom: 2vh;
+}
+
+.select-count {
+  font-weight: 600;
+  color: #40a9ff;
+}
+</style>

manager/src/views/goods/goods-manage/parameter.vue

@@ -0,0 +1,336 @@
+<template>
+  <div style="width: 100%;">
+
+    <Card>
+      <Button @click="handleAddParamsGroup" type="primary">添加</Button>
+
+    </Card>
+
+    <div class="row">
+      <Card v-if="paramsGroup.length==0">
+        暂无参数绑定信息
+      </Card>
+      <div class="paramsGroup" v-else>
+
+        <Card style="width: 350px; margin:7px;" v-for="group in paramsGroup" :key="group.groupId" :bordered="false">
+          <p slot="title">
+            <Icon type="ios-film-outline"></Icon>&nbsp;{{ group.groupName }}
+          </p>
+          <p slot="extra">
+            <Dropdown slot="extra">
+              <a href="javascript:void(0)">
+                操作
+                <Icon type="ios-arrow-down"></Icon>
+              </a>
+              <Dropdown-menu slot="list">
+                <Dropdown-item @click.native="handleEditParamsGroup(group)">编辑</Dropdown-item>
+                <Dropdown-item @click.native="handleDeleteParamGroup(group)">删除</Dropdown-item>
+              </Dropdown-menu>
+            </Dropdown>
+            <Icon type="arrow-down-b"></Icon>
+          </p>
+          <template v-if="group.params && group.params.length > 0">
+            <div v-for="param in group.params" :key="param.param_id" class="params">
+              <span>{{ param.paramName }} 【{{
+                  param.paramType | paramTypeFilter
+                }}】</span>
+
+              <span>
+                <i-button type="text" @click="handleEditParams(group, param)">编辑</i-button>
+                <i-button type="text" size="small" style="color: #f56c6c" @click="handleDeleteParam(group, param)">删除</i-button>
+              </span>
+            </div>
+          </template>
+          <div v-else style="align-content: center">暂无数据...</div>
+          <div style="text-align: center">
+            <i-button type="text" @click="handleAddParams(group)">添加</i-button>
+          </div>
+        </Card>
+
+      </div>
+
+    </div>
+    <div>
+      <Modal :title="modalTitle" v-model="dialogParamsVisible" :mask-closable="false" :width="500">
+        <Form ref="paramForm" :model="paramForm" :label-width="100" :rules="formValidate">
+          <FormItem label="参数名称" prop="paramName">
+            <Input v-model="paramForm.paramName" style="width: 100%" />
+          </FormItem>
+          <FormItem label="参数类型" prop="paramType">
+            <Select :loading="userLoading" v-model="paramForm.paramType">
+              <Option :value="1" :key="1">输入项</Option>
+              <Option :value="2" :key="2">选择项</Option>
+            </Select>
+          </FormItem>
+          <FormItem label="可选值" prop="options">
+            <i-input v-model="paramForm.options" type="textarea" :rows="3" placeholder="请输入可选值,选择项实用逗号分隔"></i-input>
+          </FormItem>
+
+          <FormItem label="选项" prop="specName3">
+            <Checkbox :value="Number" v-model="paramForm.required">必填</Checkbox>
+            <Checkbox v-model="paramForm.isIndex">可索引</Checkbox>
+          </FormItem>
+        </Form>
+
+        <div slot="footer">
+          <Button type="text" @click="dialogParamsVisible = false">取消</Button>
+          <Button type="primary" :loading="submitLoading" @click="submitParamForm">提交</Button>
+        </div>
+      </Modal>
+    </div>
+
+    <div>
+      <Modal :title="modalTitle" v-model="dialogParamsGroupVisible" :mask-closable="false" :width="500">
+        <Form ref="paramGroupForm" :model="paramGroupForm" :label-width="100" :rules="paramGroupValidate">
+          <FormItem label="参数名称" prop="groupName">
+            <Input v-model="paramGroupForm.groupName" style="width: 100%" />
+          </FormItem>
+        </Form>
+
+        <div slot="footer">
+          <Button type="text" @click="dialogParamsGroupVisible = false">取消</Button>
+          <Button type="primary" :loading="submitLoading" @click="submitParamGroupForm">提交</Button>
+        </div>
+      </Modal>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  getCategoryParamsListData,
+  insertGoodsParams,
+  updateGoodsParams,
+  deleteParams,
+  insertParamsGroup,
+  updateParamsGroup,
+  deleteParamsGroup,
+} from "@/api/goods";
+export default {
+  name: "categoryParams",
+  components: {},
+  data() {
+    return {
+      /** 分类ID */
+      categoryId: this.$route.query.id,
+      /** 参数组 */
+      paramsGroup: [],
+      /** 添加或编辑标识 */
+      modalType: 0,
+      /** 添加或编辑标题 */
+      modalTitle: "",
+      modalTitle1: "",
+      /** 参数添加或编辑弹出框 */
+      dialogParamsVisible: false,
+      /** 参数组添加或编辑弹出框 */
+      dialogParamsGroupVisible: false,
+      /** 参数ID **/
+      paramId: "",
+      //参数表单
+      paramForm: {},
+      paramGroupForm: {},
+      /** 添加、编辑参数 规格 */
+      formValidate: {
+        paramName: [
+          { required: true, message: "参数名称不能为空", trigger: "blur" },
+        ],
+      },
+      /** 参数组*/
+      paramGroupValidate: {
+        groupName: [
+          { required: true, message: "参数组名称不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  filters: {
+    paramTypeFilter(val) {
+      return val === 1 ? "输入项" : "选择项";
+    },
+  },
+  methods: {
+    init() {
+      this.getDataList();
+    },
+    //弹出添加参数框
+    handleAddParams(group) {
+      this.paramForm = {
+        paramName: "",
+        paramType: 1,
+        options: "",
+        required: false,
+        isIndex: false,
+        groupId: group.groupId,
+        categoryId: this.categoryId,
+      };
+      this.modalTitle = "添加参数";
+      this.modalType = 0;
+      this.dialogParamsVisible = true;
+    },
+    //弹出修改参数框
+    handleEditParams(group, param) {
+      this.paramForm = {
+        paramName: param.paramName,
+        paramType: param.paramType,
+        options: param.options,
+        required: param.required,
+        isIndex: param.isIndex,
+        groupId: group.groupId,
+        categoryId: this.categoryId,
+        id: param.id,
+      };
+      this.modalType = 1;
+      this.modalTitle = "修改参数";
+      this.dialogParamsVisible = true;
+    },
+    //弹出修改参数组框
+    handleEditParamsGroup(group) {
+      this.paramGroupForm = {
+        groupName: group.groupName,
+        categoryId: this.categoryId,
+        id: group.groupId,
+      };
+      this.modalType = 1;
+      this.modalTitle = "修改参数组";
+      this.dialogParamsGroupVisible = true;
+    },
+    handleAddParamsGroup() {
+      (this.paramGroupForm.categoryId = this.categoryId), (this.modalType = 0);
+      this.modalTitle = "添加参数组";
+      this.dialogParamsGroupVisible = true;
+    },
+    //保存参数组
+    submitParamGroupForm() {
+      this.$refs.paramGroupForm.validate((valid) => {
+        if (valid) {
+          if (this.modalType === 0) {
+            insertParamsGroup(this.paramGroupForm).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("参数组修改成功");
+                this.getDataList();
+                this.dialogParamsVisible = false;
+              }
+            });
+          } else {
+            updateParamsGroup(this.paramGroupForm).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("参数组修改成功");
+                this.getDataList();
+                this.dialogParamsVisible = false;
+              }
+            });
+          }
+          this.dialogParamsGroupVisible = false;
+        }
+      });
+    },
+    //保存参数
+    submitParamForm() {
+      this.$refs.paramForm.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          if (this.modalType === 0) {
+            this.paramForm.isIndex = Number(this.paramForm.isIndex);
+            this.paramForm.required = Number(this.paramForm.required);
+            insertGoodsParams(this.paramForm).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("参数添加成功");
+                this.getDataList();
+                this.dialogParamsVisible = false;
+              }
+            });
+          } else {
+            this.paramForm.isIndex = Number(this.paramForm.isIndex);
+            this.paramForm.required = Number(this.paramForm.required);
+            updateGoodsParams(this.paramForm).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("参数修改成功");
+                this.getDataList();
+                this.dialogParamsVisible = false;
+              }
+            });
+          }
+        }
+      });
+    },
+    getDataList() {
+      getCategoryParamsListData(this.categoryId).then((res) => {
+        if (res.success) {
+          this.paramsGroup = res.result;
+        }
+      });
+    },
+    //删除参数方法
+    handleDeleteParam(group, param) {
+      this.$Modal.confirm({
+        title: "确认删除",
+        // 记得确认修改此处
+        content: "您确认要删除 " + param.paramName + " ?",
+        loading: true,
+        onOk: () => {
+          // 删除
+          deleteParams(param.id).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("删除参数成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+    //删除参数组方法
+    handleDeleteParamGroup(group) {
+      this.$Modal.confirm({
+        title: "确认删除",
+        // 记得确认修改此处
+        content: "您确认要删除 " + group.groupName + " ?",
+        loading: true,
+        onOk: () => {
+          // 删除
+          deleteParamsGroup(group.groupId).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("删除参数成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss" >
+.row {
+  overflow: hidden;
+  margin: 20px 0;
+}
+.params {
+  align-items: center;
+  display: flex;
+  padding: 3px;
+  background-color: #f5f7fa;
+  font-size: 14px;
+  justify-content: space-between;
+}
+.ivu-card-head {
+  background-color: #f5f7fa;
+}
+
+.ivu-btn {
+  font-size: 13px;
+}
+.paramsGroup {
+  flex-wrap: wrap;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+</style>

manager/src/views/goods/goods-manage/spec.vue

@@ -0,0 +1,426 @@
+<template>
+  <div class="search">
+    <Row>
+      <Col>
+        <Card>
+          <Row @keydown.enter.native="handleSearch">
+            <Form
+              ref="searchForm"
+              :model="searchForm"
+              inline
+              :label-width="70"
+              class="search-form"
+            >
+              <Form-item label="规格名称" prop="specName">
+                <Input
+                  type="text"
+                  v-model="searchForm.specName"
+                  placeholder="请输入规格名称"
+                  clearable
+                  style="width: 200px"
+                />
+              </Form-item>
+
+              <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
+            </Form>
+          </Row>
+          <Row class="operation padding-row">
+            <Button @click="add" type="primary" >添加</Button>
+            <Button @click="delAll" >批量删除</Button>
+          </Row>
+          <Row class="padding-row">
+            <Table
+              :loading="loading"
+              border
+              :columns="columns"
+              :data="data"
+              ref="table"
+              sortable="custom"
+              @on-sort-change="changeSort"
+              @on-selection-change="changeSelect"
+            >
+
+            </Table>
+          </Row>
+          <Row type="flex" justify="end" class="page">
+            <Page
+              :current="searchForm.pageNumber"
+              :total="total"
+              :page-size="searchForm.pageSize"
+              @on-change="changePage"
+              @on-page-size-change="changePageSize"
+              :page-size-opts="[10, 20, 50]"
+              size="small"
+              show-total
+              show-elevator
+              show-sizer
+            ></Page>
+          </Row>
+        </Card>
+      </Col>
+    </Row>
+    <Modal
+      :title="modalTitle"
+      v-model="modalVisible"
+      :mask-closable="false"
+      :width="500"
+    >
+      <Form ref="form" :model="form" :label-width="100" :rules="formValidate">
+        <FormItem label="规格名称" prop="specName">
+          <Input v-model="form.specName" maxlength="30" clearable style="width: 100%" />
+        </FormItem>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="modalVisible = false">取消</Button>
+        <Button type="primary" :loading="submitLoading" @click="saveSpec"
+          >提交</Button
+        >
+      </div>
+    </Modal>
+    <Modal
+      :title="modalTitle"
+      v-model="dialogSpecValuesVisible"
+      :mask-closable="false"
+      :width="500"
+      :styles="{ top: '30px' }"
+      class="permModal"
+    >
+      <Form ref="specForm" :model="specForm" :label-width="100">
+        <Select
+          v-model="specForm.specValue"
+          placeholder="输入后回车添加"
+          multiple
+          filterable
+          allow-create
+          :popper-append-to-body="false"
+          popper-class="spec-values-popper"
+          style="width: 100%; text-align: left; margin-right: 10px"
+        >
+          <Option
+            v-for="item in specValues"
+            :value="item.specValue"
+            :key="item.id"
+            :label="item.specValue"
+          >
+          </Option>
+        </Select>
+      </Form>
+      <div slot="footer">
+        <Button type="text" @click="dialogSpecValuesVisible = false"
+          >取消</Button
+        >
+        <Button
+          type="primary"
+          :loading="submitLoading"
+          @click="submitSpecValuesForm"
+          >提交</Button
+        >
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import {
+  getSpecListData,
+  insertSpec,
+  updateSpec,
+  delSpec,
+  getSpecValuesListData,
+  saveSpecValues,
+} from "@/api/goods";
+export default {
+  name: "spec",
+  components: {},
+  data() {
+    return {
+      loading: true, // 表单加载状态
+      modalType: 0, // 添加或编辑标识
+      modalVisible: false, // 添加或编辑显示
+      modalTitle: "", // 添加或编辑标题
+      dialogSpecValuesVisible: false, // 添加或编辑规格值
+      specTitle: "", // 添加或编辑规格值
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 1, // 当前页数
+        pageSize: 10, // 页面大小
+        sort: "createTime", // 默认排序字段
+        order: "asc", // 默认排序方式
+      },
+      form: {
+        // 添加或编辑表单对象初始化数据
+        specName: "",
+        specValue: "",
+      },
+      specForm: {},
+      /** 编辑规格值 */
+      specValues: [],
+      // 表单验证规则
+      formValidate: {},
+      submitLoading: false, // 添加或编辑提交状态
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      columns: [
+        // 表头
+        {
+          type: "selection",
+          width: 60,
+          align: "center",
+        },
+        {
+          title: "规格名称",
+          key: "specName",
+          width: 200,
+        },
+        {
+          title: "规格值",
+          key: "specValue",
+          minWidth: 250,
+          tooltip: true
+        },
+        {
+          title: "操作",
+          key: "action",
+          align: "center",
+          fixed: "right",
+          width: 250,
+          render: (h, params) => {
+            return h("div", [
+              h(
+                "Button",
+                {
+                  props: {
+                    type: "primary",
+                    size: "small",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.editSpec(params.row);
+                    },
+                  },
+                },
+                "编辑规格值"
+              ),
+              h(
+                "Button",
+                {
+                  props: {
+                    type: "info",
+                    size: "small",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.edit(params.row);
+                    },
+                  },
+                },
+                "编辑"
+              ),
+              h(
+                "Button",
+                {
+                  props: {
+                    type: "error",
+                    size: "small",
+                  },
+                  on: {
+                    click: () => {
+                      this.remove(params.row);
+                    },
+                  },
+                },
+                "删除"
+              ),
+            ]);
+          },
+        },
+      ],
+      data: [], // 表单数据
+      total: 0, // 表单数据总数
+    };
+  },
+  methods: {
+    init() {
+      this.getDataList();
+    },
+    changePage(v) {
+      this.searchForm.pageNumber = v;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    changePageSize(v) {
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    handleSearch() {
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = 10;
+      this.getDataList();
+    },
+    handleReset() {
+      this.$refs.searchForm.resetFields();
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = 10;
+      // 重新加载数据
+      this.getDataList();
+    },
+    changeSort(e) {
+      this.searchForm.sort = e.key;
+      this.searchForm.order = e.order;
+      if (e.order === "normal") {
+        this.searchForm.order = "";
+      }
+      this.getDataList();
+    },
+    clearSelectAll() {
+      this.$refs.table.selectAll(false);
+    },
+    changeSelect(e) {
+      this.selectList = e;
+      this.selectCount = e.length;
+    },
+    getDataList() {
+      this.loading = true;
+      // 带多条件搜索参数获取表单数据 请自行修改接口
+      getSpecListData(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          this.data = res.result.records;
+          this.total = res.result.total;
+        }
+      });
+      this.loading = false;
+    },
+    submitSpecValuesForm() {
+      saveSpecValues(this.specForm.specId, this.specForm).then((res) => {
+        this.submitLoading = false;
+        if (res.success) {
+          this.$Message.success("规格值保存成功");
+          this.getDataList();
+          this.modalVisible = false;
+          this.dialogSpecValuesVisible = false;
+        }
+      });
+    },
+    saveSpec() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.submitLoading = true;
+          if (this.modalType === 0) {
+            // 添加 避免编辑后传入id等数据
+            delete this.form.id;
+            insertSpec(this.form).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("操作成功");
+                this.getDataList();
+                this.modalVisible = false;
+              }
+            });
+          } else {
+            // 编辑
+            updateSpec(this.form).then((res) => {
+              this.submitLoading = false;
+              if (res.success) {
+                this.$Message.success("操作成功");
+                this.getDataList();
+                this.modalVisible = false;
+              }
+            });
+          }
+        }
+      });
+    },
+    add() {
+      this.modalType = 0;
+      this.modalTitle = "添加";
+      this.$refs.form.resetFields();
+      delete this.form.id;
+      this.modalVisible = true;
+    },
+    edit(v) {
+      this.modalType = 1;
+      this.modalTitle = "编辑";
+      this.$refs.form.resetFields();
+      // 转换null为""
+      for (let attr in v) {
+        if (v[attr] === null) {
+          v[attr] = "";
+        }
+      }
+      let str = JSON.stringify(v);
+      let data = JSON.parse(str);
+      this.form = data;
+      this.modalVisible = true;
+    },
+    editSpec(v) {
+      getSpecValuesListData(v.id).then((res) => {
+        this.modalType = 1;
+        this.modalTitle = "编辑";
+        this.specValues = res.result;
+        this.specForm.specValue = res.result.map(item => item.specValue)
+        this.specForm.specId = v.id;
+        this.dialogSpecValuesVisible = true;
+      });
+    },
+    remove(v) {
+      this.$Modal.confirm({
+        title: "确认删除",
+        // 记得确认修改此处
+        content: "您确认要删除 " + v.specName + " ?",
+        loading: true,
+        onOk: () => {
+          // 删除
+          delSpec(v.id).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+    delAll() {
+      if (this.selectCount <= 0) {
+        this.$Message.warning("您还未选择要删除的数据");
+        return;
+      }
+      this.$Modal.confirm({
+        title: "确认删除",
+        content: "您确认要删除所选的 " + this.selectCount + " 条数据?",
+        loading: true,
+        onOk: () => {
+          let ids = "";
+          this.selectList.forEach(function (e) {
+            ids += e.id + ",";
+          });
+          ids = ids.substring(0, ids.length - 1);
+          // 批量删除
+          delSpec(ids).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("删除成功");
+              this.clearSelectAll();
+              this.searchForm.pageNumber = 1
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss">
+  @import "@/styles/table-common.scss";
+</style>

manager/src/views/goods/goods-refund/index.vue

@@ -0,0 +1,251 @@
+<template>
+  <Card>
+    <Form
+      label-position="left"
+      ref="searchForm"
+      :model="params"
+      inline
+      :label-width="100"
+      class="search-form"
+    >
+      <Form-item label="选择店铺" prop="sn">
+        <span class="tips" v-if="storeName"
+          >{{ storeName }}
+          <Button
+            @click="
+              () => {
+                storeName = '';
+                params.shopId = '';
+              }
+            "
+            type="text"
+            >清空</Button
+          >
+        </span>
+        <Button size="small" @click="handleClickShop" type="primary"
+          >选择店铺</Button
+        >
+      </Form-item>
+
+      <Form-item label="选择时间类型">
+        <Select v-model="params.timeType" style="width: 200px">
+          <Option
+            v-for="item in typeList"
+            :value="item.value"
+            :key="item.value"
+            >{{ item.label }}</Option
+          >
+        </Select>
+      </Form-item>
+      <Form-item label="按年查询">
+        <DatePicker
+          type="year"
+          placeholder="Select year"
+          style="width: 200px"
+          v-model="year"
+        ></DatePicker>
+      </Form-item>
+      <Form-item label="按月查询" v-if="params.timeType == 'MONTH'">
+        <InputNumber :max="12" :min="1" v-model="params.month"></InputNumber>
+      </Form-item>
+    </Form>
+
+    <div class="order-list">
+      <div class="order-col">
+        <div>金额</div>
+        <div>{{ priceData | unitPrice }}</div>
+      </div>
+    </div>
+    <Tabs v-model="orderStatus" @on-click="handleClickType">
+      <TabPane label="订单列表" name="PRICE">
+        <Table :columns="columns" :data="data"></Table>
+        <div class="page-col">
+          <Page @on-change="changePage" :total="total" show-total />
+        </div>
+      </TabPane>
+    </Tabs>
+
+    <Modal v-model="modalFlag" width="1200" :title="selectName">
+      <!-- 店铺 -->
+      <shopLayout v-if="shopFlag" @callback="callbackShop" ref="shops" />
+      <!-- 会员 -->
+      <memberLayout v-else @callback="callbackMember" ref="members" />
+    </Modal>
+  </Card>
+</template>
+<script>
+import shopLayout from "@/views/seller/shop/shopList";
+import memberLayout from "@/views/member/list/index";
+import * as API_Goods from "@/api/goods";
+export default {
+  components: {
+    shopLayout,
+    memberLayout,
+  },
+  data() {
+    return {
+      storeName: "",
+      memberName: "",
+      shopFlag: false,
+      selectName: "选择",
+      modalFlag: false,
+      priceData: "",
+      orderStatus: "PRICE",
+
+      shopList: {},
+      memberList: {},
+
+      typeList: [
+        {
+          value: "YEAR",
+          label: "年",
+        },
+        {
+          value: "MONTH",
+          label: "月",
+        },
+      ],
+      total: 0,
+      year: "",
+      params: {
+        type: "PRICE",
+        timeType: "YEAR",
+        pageNumber: 1,
+        pageSize: 10,
+        year: "",
+        shopId: "",
+        memberId: "",
+      },
+      columns: [
+        {
+          title: "售后号",
+          key: "refundSn",
+        },
+        {
+          title: "卖家名称",
+          key: "sellerName",
+        },
+        {
+          title: "商品名称",
+          key: "name",
+        },
+        {
+          title: "规格名称",
+          key: "specs",
+        },
+        {
+          title: "会员名称",
+          key: "memberName",
+        },
+
+        {
+          title: "实际退款金额",
+          key: "finalPrice",
+          align: "center",
+          render: (h, params) => {
+            return h(
+              "div",
+              this.$options.filters.unitPrice(params.row.finalPrice)
+            );
+          },
+        },
+      ],
+      data: [],
+    };
+  },
+  watch: {
+    params: {
+      handler(val) {
+        this.init();
+      },
+      deep: true,
+    },
+
+    year(val) {
+      this.params.year = new Date(val).getFullYear();
+    },
+  },
+  methods: {
+    // 选择店铺
+    handleClickShop() {
+      this.modalFlag = true;
+      this.selectName += "店铺";
+      this.shopFlag = true;
+      this.$nextTick(() => {
+        this.$refs.shops.selectedShop = true;
+      });
+    },
+    // 选择会员
+    handleClickMember() {
+      this.modalFlag = true;
+      this.selectName += "会员";
+      this.$nextTick(() => {
+        this.$refs.members.selectedMember = true;
+      });
+    },
+
+    callbackMember(val) {
+      this.memberName = val.username;
+      this.params.memberId = val.id;
+      this.modalFlag = false;
+    },
+
+    callbackShop(val) {
+      this.storeName = val.storeName;
+      this.params.shopId = val.id;
+      this.modalFlag = false;
+    },
+
+    // 点击分页
+    changePage(index) {
+      this.params.pageNumber = index;
+    },
+
+    handleClickType(name) {
+      this.params.type = name;
+    },
+    init(name) {
+      Promise.all([
+        API_Goods.refundStatistics(this.params),
+        !this.priceData ? API_Goods.refundPriceStatistics(this.params) : "",
+      ]).then((res) => {
+        if (res[0].result) {
+          this.data = res[0].result.records;
+          this.total = res[0].result.total;
+        }
+        if (res[1].result) {
+          this.priceData = res[1].result;
+        }
+      });
+    },
+  },
+  mounted() {
+    let data = new Date();
+
+    this.year = data;
+    this.year && this.params.month
+      ? this.timeType == "MONTH"
+      : this.timeType == "YEAR";
+  },
+};
+</script>
+<style scoped lang="scss">
+.page-col {
+  text-align: right;
+  margin: 10px 0;
+}
+.order-col {
+  display: flex;
+  > div {
+    margin-right: 8px;
+    padding: 16px;
+    font-size: 15px;
+  }
+}
+.order-list {
+  display: flex;
+}
+.tips {
+  margin: 0 8px;
+}
+</style>

manager/src/views/goods/goods-review/index.scss

@@ -0,0 +1,48 @@
+.left-container {
+  float: left;
+}
+
+.right-container {
+  float: left;
+  margin-left: 50px;
+}
+
+.img {
+  width: 100%;
+  height: 100%;
+}
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+.product {
+  width: 140px;
+  height: 160px;
+  border: 1px solid #d9d9d9;
+  border-radius: 3px;
+}
+.show{
+  label{
+    font-size: 14px;
+  }
+  margin-top: 15px;
+}
+
+label {
+  font-size: 12px;
+  color: #666;
+  margin-top: 4px;
+  display: block;
+  float: left;
+  margin-right: 2px;
+}
+.border-b {
+  border-bottom: 1px solid #e9e9e9;
+  width: 500px;
+  overflow: hidden;
+  position: relative;
+  margin-top: 12px;
+}
+.div-height{
+  line-height: 25px;
+}

manager/src/views/goods/goods-review/index.vue

@@ -0,0 +1,394 @@
+<template>
+  <div class="search">
+    <Row>
+      <Card>
+        <Row @keydown.enter.native="handleSearch">
+          <Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
+            <Form-item label="会员名称" prop="memberName">
+              <Input type="text" v-model="searchForm.memberName" placeholder="请输入会员名称" clearable style="width: 200px"/>
+            </Form-item>
+            <Button @click="handleSearch" type="primary" class="search-btn" icon="ios-search">搜索</Button>
+          </Form>
+        </Row>
+        <Row class="padding-row">
+          <Table :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom"
+                 @on-sort-change="changeSort" @on-selection-change="changeSelect">
+            <!-- 页面展示 -->
+            <template slot="shopDisableSlot" slot-scope="scope">
+              <div>
+              </div>
+              <i-switch size="large" true-value="OPEN" false-value="CLOSE" v-model="scope.row.status"
+                        @on-change="changeSwitch(scope.row)">
+                <span slot="open">展示</span>
+                <span slot="close">隐藏</span>
+              </i-switch>
+            </template>
+          </Table>
+
+        </Row>
+        <Row type="flex" justify="end" class="page">
+          <Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage"
+                @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]"
+                size="small" show-total show-elevator show-sizer></Page>
+        </Row>
+      </Card>
+    </Row>
+
+    <Modal v-model="infoFlag" width="800" :title="infoTitle">
+
+      <div class="info-list" style="overflow: hidden">
+        <div class="left-container">
+          <div class="product">
+            <img class="img" :src=infoData.goodsImage>
+          </div>
+          <div class="show">
+            <label>页面展示：</label>
+            <i-switch size="large" true-value="OPEN" false-value="CLOSE" v-model="infoData.status"
+                      @on-change="changeRadio" style="margin-top: 3px">
+              <span slot="open">展示</span>
+              <span slot="close">隐藏</span>
+            </i-switch>
+          </div>
+        </div>
+        <div class="right-container">
+          <div class="border-b">{{ infoData.goodsName }}</div>
+          <div class="border-b">
+            <div class="div-height"> 店铺名称：{{ infoData.sellerName }}</div>
+            <div class="div-height"> 订单号：{{ infoData.orderNo }}</div>
+          </div>
+
+          <div class="border-b">
+            <List>
+              <ListItem>
+                <ListItemMeta :avatar="infoData.memberProfile" :title="infoData.memberName"
+                              :description="infoData.content"/>
+              </ListItem>
+              <div class="" v-if="infoData.haveImage == 1">
+                评价图
+                <div style="margin-left: 40px">
+                  <img style="width: 100px;height: 110px;margin-left: 2px"
+                       v-for="(img,index) in infoData.image.split(',')" v-if="infoData.image.length !=0" :src="img"
+                       alt=""/>
+                </div>
+              </div>
+            </List>
+          </div>
+          <div class="border-b" v-if="infoData.reply">
+            <div>
+              <div>
+                <div style="float: left"> 商家回复：</div>
+                <div style="margin-left: 60px">{{ infoData.reply }}</div>
+              </div>
+              <div v-if="infoData.haveReplyImage == 1">
+                <div style="margin-left: 60px">
+                  <img style="width: 100px;height: 110px" v-for="(img,index) in infoData.replyImage.split(',')"
+                       v-if="infoData.replyImage.length !=0" :src="img" alt=""/>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import * as API_Member from "@/api/member";
+
+export default {
+  name: "shop",
+  components: {},
+  data() {
+    return {
+      pageShow: true,
+      infoData: "",
+      infoFlag: false,
+      infoTitle: "",
+      openSearch: true, // 显示搜索
+      loading: true, // 表单加载状态
+      drop: false,
+
+      dropDownIcon: "ios-arrow-down",
+      searchForm: {
+        // 搜索框初始化对象
+        pageNumber: 1, // 当前页数
+        pageSize: 10, // 页面大小
+        sort: "createTime", // 默认排序字段
+        order: "desc", // 默认排序方式
+        startDate: "", // 起始时间
+        endDate: "", // 终止时间
+      },
+      selectDate: null,
+      form: {
+        // 添加或编辑表单对象初始化数据
+        memberName: "",
+        storeName: "",
+        shopDisable: "",
+        id: "",
+        createTime: "",
+      },
+      // 表单验证规则
+      formValidate: {},
+      submitLoading: false, // 添加或编辑提交状态
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      columns: [
+        // 表头
+        {
+          title: "商品名称",
+          key: "goodsName",
+          minWidth: 120,
+          align: "left",
+          tooltip: true,
+        },
+        {
+          title: "会员名称",
+          key: "memberName",
+          minWidth: 120,
+          align: "left",
+          tooltip: true,
+        },
+        {
+          title: "评价",
+          key: "grade",
+          align: "left",
+          width: 90,
+          render: (h, params) => {
+            if (params.row.grade == "GOOD") {
+              return h(
+                "Tag",
+                {
+                  props: {
+                    color: "success",
+                  },
+                },
+                "好评"
+              );
+            } else if (params.row.grade == "MODERATE") {
+              return h(
+                "Tag",
+                {
+                  props: {
+                    color: "warning",
+                  },
+                },
+                "中评"
+              );
+            } else {
+              return h(
+                "Tag",
+                {
+                  props: {
+                    color: "error",
+                  },
+                },
+                "差评"
+              );
+            }
+          },
+        },
+        {
+          title: "评价内容",
+          key: "content",
+          align: "left",
+          minWidth: 200,
+          tooltip: true,
+        },
+        {
+          title: "评价时间",
+          key: "createTime",
+          align: "left",
+          width: 170
+        },
+        {
+          title: "页面展示",
+          key: "shopDisable",
+          align: "left",
+          width: 100,
+          slot: "shopDisableSlot",
+        },
+        {
+          title: "操作",
+          key: "action",
+          width: 150,
+          align: "center",
+          fixed: "right",
+
+          render: (h, params) => {
+            return h("div", [
+              h(
+                "Button",
+                {
+                  props: {
+                    size: "small",
+                    type: "info",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.info(params.row);
+                    },
+                  },
+                },
+                "查看"
+              ),
+              h(
+                "Button",
+                {
+                  props: {
+                    type: "error",
+                    size: "small",
+                  },
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.remove(params.row);
+                    },
+                  },
+                },
+                "删除"
+              ),
+            ]);
+          },
+        },
+      ],
+      data: [], // 表单数据
+      total: 0, // 表单数据总数
+    };
+  },
+  methods: {
+    changeRadio(val) {
+      let status = val;
+      API_Member.updateMemberReview(this.infoData.id, {status}).then(
+        (res) => {
+          this.$Message.success("修改成功!");
+          this.init();
+        }
+      );
+    },
+    init() {
+      this.getDataList();
+    },
+    changePage(v) {
+      this.searchForm.pageNumber = v;
+      this.getDataList();
+      this.clearSelectAll();
+    },
+    changePageSize(v) {
+      this.searchForm.pageSize = v;
+      this.getDataList();
+    },
+    handleSearch() {
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = 10;
+      this.getDataList();
+    },
+
+    changeSort(e) {
+      this.searchForm.sort = e.key;
+      this.searchForm.order = e.order;
+      if (e.order === "normal") {
+        this.searchForm.order = "";
+      }
+      this.getDataList();
+    },
+    clearSelectAll() {
+      this.$refs.table.selectAll(false);
+    },
+    changeSelect(e) {
+      this.selectList = e;
+      this.selectCount = e.length;
+    },
+    selectDateRange(v) {
+      if (v) {
+        this.searchForm.startDate = v[0];
+        this.searchForm.endDate = v[1];
+      }
+    },
+    //列表直接选择页面是否展示
+    changeSwitch(v) {
+      let status = v.status;
+      API_Member.updateMemberReview(v.id, {status: status}).then((res) => {
+        this.init();
+      });
+    },
+    getDataList() {
+      this.loading = true;
+      // 带多条件搜索参数获取表单数据 请自行修改接口
+      API_Member.getMemberReview(this.searchForm).then((res) => {
+        this.loading = false;
+        if (res.success) {
+          this.data = res.result.records;
+          this.total = res.result.total;
+        }
+      });
+      this.total = this.data.length;
+      this.loading = false;
+    },
+    //评价详情
+    info(v) {
+      this.infoFlag = true;
+      this.infoTitle = `用户${v.memberName}的评价详情`;
+      API_Member.getMemberInfoReview(v.id).then((res) => {
+        if (res.result) {
+          this.infoData = res.result;
+        }
+      });
+    },
+
+    remove(v) {
+      this.$Modal.confirm({
+        title: "确认删除",
+        // 记得确认修改此处
+        content: "您确认要删除会员" + v.memberName + "的评论?",
+        loading: true,
+        onOk: () => {
+          API_Member.delMemberReview(v.id).then((res) => {
+            this.$Message.success("修改成功");
+            this.init();
+          });
+        },
+      });
+    },
+    delAll() {
+      if (this.selectCount <= 0) {
+        this.$Message.warning("您还未选择要删除的数据");
+        return;
+      }
+      this.$Modal.confirm({
+        title: "确认删除",
+        content: "您确认要删除所选的 " + this.selectCount + " 条数据?",
+        loading: true,
+        onOk: () => {
+          let ids = "";
+          this.selectList.forEach(function (e) {
+            ids += e.id + ",";
+          });
+          ids = ids.substring(0, ids.length - 1);
+          // 批量删除
+          this.deleteRequest("/shop/delByIds/" + ids).then((res) => {
+            this.$Modal.remove();
+            if (res.success) {
+              this.$Message.success("操作成功");
+              this.clearSelectAll();
+              this.getDataList();
+            }
+          });
+        },
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "./index.scss";
+@import "@/styles/table-common.scss";
+</style>