feat:bbc上线

src/apis/service/bbc/index.js

@@ -0,0 +1,53 @@
+// 物业管理员
+import http from '@/apis/axios'
+const api = 'admin/'
+export default {
+  // 分页查询
+  list: (data, params) => http('bbc/goodlist', data, 'post', params),
+  // 更新状态
+  status: (data, params) => http('bbc/goodExam', data, 'post', params),
+  // 添加
+  add: (data, params) => http(api + 'gooduponline', data, 'post', params),
+  // 详情
+  detail: (data, params) => http(api + 'goodinfo', data, 'post', params),
+  // 产品部门审核
+  goodupexam: (data, params) => http(api + 'goodupexam', data, 'post', params),
+  // 定价岗定价
+  ladderOne: (data, params) =>
+    http(api + 'goodupeditladder', data, 'post', params),
+  // 删除
+  delete: (data, params) => http(api + 'gooddel', data, 'post', params),
+  // 重新发起审核流程
+  againonline: (data, params) => http(api + 'againonline', data, 'post', params),
+  // 获取系统售价
+  goodupprice: (data, params) =>
+    http(api + 'goodupprice', data, 'post', params),
+
+  // 复制
+  copy: (data, params) => http(api + 'goodcopy', data, 'post', params),
+  // 获取全部分类
+  catAll: (data, params) => http(api + 'catAll', data, 'post', params),
+  // 获取全部品牌
+  brandAll: (data, params) => http(api + 'brandall', data, 'post', params),
+  // 获取全部供应商账号
+  supplierAll: (data, params) =>
+    http(api + 'supplierall', data, 'post', params),
+  // 商品种类ID换取规格值
+  specByCat: (data, params) => http(api + 'SpecByCat', data, 'post', params),
+  // 规格属性值新建
+  specinfoadd: (data, params) =>
+    http(api + 'specinfoadd', data, 'post', params),
+
+  // 导出线上商品
+  exportgood: (data, params) => http(api + 'exportgood', data, 'post', params),
+  // 商品上线审核时、驳回重新审核
+  goodupreject: (data, params) =>
+    http(api + 'goodupreject', data, 'post', params),
+  // 异常原因列表
+  resultlist: (data, params) => http(api + 'resultlist', data, 'post', params),
+  // 获取某个商品编号下的所有审核备注列表
+  getgoodexamlist: (data, params) =>
+    http(api + 'getgoodexamlist', data, 'post', params),
+  goodcompliance: (data, params) =>
+    http(api + 'goodcompliance', data, 'post', params)
+}

src/views/bbc/bbcOffline/columns.js

@@ -0,0 +1,105 @@
+// 列表
+const columns = [
+  // {
+  //   type: "expand",
+  //   _slot_: "expand",
+  //   fixed: "left",
+  //   _noset_: true,
+  // },
+  // {
+  //   type: "selection",
+  //   fixed: "left",
+  //   _noset_: true
+  // },
+  // {
+  //   prop: "id",
+  //   label: "ID",
+  //   minWidth: "155px",
+  // },
+  {
+    prop: 'spuCode',
+    label: '商品成本编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'good_name',
+    label: '下线商品名称',
+    minWidth: '215px'
+  },
+
+  {
+    prop: 'companyNo',
+    label: '业务公司编号',
+    minWidth: '155px'
+  },
+  {
+    prop: 'companyName',
+    label: '业务公司名称',
+    minWidth: '155px'
+  },
+  {
+    prop: 'creater',
+    label: '操作人',
+    minWidth: '155px'
+  },
+  {
+    prop: 'addtime',
+    label: '下线时间',
+    minWidth: '155px'
+  },
+  {
+    prop: '',
+
+    label: '操作',
+    fixed: 'right',
+    _noset_: true,
+    _slot_: 'operation',
+    minWidth: '45px'
+
+  }
+]
+// 详情
+const costArr = [
+  {
+    prop: 'spuCode',
+    label: '商品成本编号',
+    span: 6
+  },
+  {
+    prop: 'addtime',
+    label: '下线时间',
+    span: 6
+  },
+  {
+    prop: 'creater',
+    label: '申请人',
+    span: 6
+  },
+  {
+    prop: 'result',
+    label: '下线原因',
+    span: 6
+  },
+
+  {
+    prop: 'good_name',
+    label: '商品名称',
+    span: 24
+  },
+  {
+    prop: 'offline_remark',
+    label: '下线备注',
+    span: 24
+  },
+  {
+    prop: 'children_list',
+    label: '下线商品信息',
+    span: 24,
+    _slot_: 'children_list'
+  }
+]
+
+export {
+  columns,
+  costArr
+}

src/views/bbc/bbcOffline/detail.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="box">
+    <div v-if=" powers.some((i) => i == '007')">
+      <el-tabs v-model="activeName" @tab-click="handleClick" v-loading="loading">
+        <el-tab-pane label="商品下线详情" name="1">
+          <show-data-table
+            :newTime="newTime"
+            v-if="newTime !== ''"
+            :sitem="list"
+            :columns="costArr"
+          >
+            <template slot="children_list">
+              <el-table :data="list.children_list" size="mini" style="width: 100%">
+                <el-table-column prop="skuCode" label="商品上线编号" min-width="140">
+                </el-table-column>
+                <el-table-column prop="platform_name" label="平台名称" min-width="140">
+                </el-table-column>
+
+                <el-table-column prop="purchease" label="采购人" min-width="90">
+                </el-table-column>
+                <el-table-column prop="creater" label="创建人" min-width="90">
+                </el-table-column>
+              </el-table>
+            </template>
+          </show-data-table>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+
+<script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import asyncRequest from "@/apis/service/goodStore/goodsOffline";
+import { costArr } from "./columns";
+import { mapGetters } from "vuex";
+export default {
+  name: "goodsOfflineDetail",
+  mixins: [mixinPage, resToken],
+  components: {},
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "goodsOfflineDetail"
+        ) || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+  data() {
+    return {
+      //loading
+      loading: false,
+      //数据
+      list: {},
+      parmValue: {
+        id: this.$route.query.id,
+      },
+      activeName: "1",
+      newTime: "",
+      costArr,
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    async searchList() {
+      this.loading = true;
+
+      const res = await asyncRequest.goodoffdetail(this.parmValue);
+      if (res && res.code === 0 && res.data) {
+        this.list = res.data;
+        console.log(this.list);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+        this.list = [];
+      }
+      this.getNewTime();
+      this.loading = false;
+    },
+    getNewTime() {
+      this.newTime = new Date().valueOf();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.box {
+  padding: 20px 20px 0;
+  box-sizing: border-box;
+}
+</style>

src/views/bbc/bbcOffline/index.vue

@@ -0,0 +1,325 @@
+<template>
+    <div>
+      <ex-table
+        v-loading="loading"
+        :table="table"
+        :data="tableData"
+        :columns="columns"
+        :page="pageInfo"
+        :size="size"
+        @page-curr-change="handlePageChange"
+        @page-size-change="handleSizeChange"
+        @screen-reset="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+        @screen-submit="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+        @selection="selection_change"
+      >
+        <template #table-header="{}">
+          <div style="width: 100%">
+            <el-row style="padding: 0 0 0 80px">
+              <el-col :span="6" style="width: 163px;margin-right: 10px;">
+                <el-input
+                :size="searchSize"
+                v-model="parmValue.good_name"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="下线商品名称"
+                ></el-input> 
+              </el-col> 
+
+              
+              <el-col :span="6" style="width: 163px;margin-right: 10px;">
+                <el-input
+                :size="searchSize"
+                v-model="parmValue.spuCode"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="商品成本编码"
+                ></el-input> 
+              </el-col> 
+             
+               <el-col :span="6" style="width: 363px;">
+                <periodDatePickerActive
+                      :start="parmValue.start_date"
+                      :end="parmValue.end_date"
+                      :placeholder="'下线'"
+                      :width="'165px'"
+                      :size="searchSize"
+                      @timeReturned="time"
+                    />
+              </el-col>  
+              
+              <el-col :span="6" style="width: 163px;margin-right: 10px;">
+                <el-input
+                :size="searchSize"
+                v-model="parmValue.creater"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="创建人"
+                ></el-input> 
+
+
+              </el-col>  
+              
+              <el-col :span="3" style="width: 66px; float: right">
+                <el-button
+                  :size="searchSize"
+                  type="primary"
+                  style="float: right; margin-left: 5px"
+                  @click="searchList"
+                >
+                  刷新
+                </el-button>
+              </el-col>
+              <el-col :span="4" style="width: 66px; float: right">
+                <el-button
+                  type="warning"
+                  class="fr"
+                  :size="searchSize"
+                  @click="restSearch"
+                >
+                  重置
+                </el-button>
+              </el-col>  
+            </el-row>
+          
+          </div>
+       </template>
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((i) => i == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="getRouter('goodsOfflineDetail', scope.row.id)"
+          ></i>
+        </el-tooltip>
+    
+      </template>
+        
+      </ex-table>
+    </div>
+
+  
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import urlConfig from "@/apis/url-config";
+import asyncRequest from "@/apis/service/goodStore/goodsOffline";
+import periodDatePickerActive from "./period-date-picker/main.vue";
+import companyHelper from "@/mixins/companyHelper";
+import { columns} from "./columns";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "goodsOffline",
+  mixins: [mixinPage, resToken, companyHelper],
+  components: {
+    periodDatePickerActive
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "goodsOffline") ||
+        {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+    
+  },
+  data() {
+    return {
+      //选中数组
+      changeList: [],
+      //全局url
+      fileUrl: urlConfig.baseURL,
+      //loading
+      loading: false,
+      //请求参数集合
+      parmValue: {
+        spuCode:"", //商品成本编码
+        good_name:"",//商品名称
+        start_date: "", //起始时间
+        end_date: "", // 结束时间
+        // is_export:0,//是否导出0/1
+        creater:"",//创建人
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+       
+      },
+      // 表格 - 数据集合
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格表头 - 列参数
+      columns: columns,
+    };
+  },
+  mounted() {
+    // alert("此页面暂时只用做开发人员测试、数据不真实")
+    const { back } = this.$route.query;
+
+     if (back) {
+      this.parmValue = JSON.parse(back);
+      console.log(this.parmValue);
+      const { page, size } = this.parmValue;
+
+      this.pageInfo = {
+        size: size,
+        curr: page,
+        total: 0,
+      };
+      //多选条件
+      // this.select = this.parmValue.select;
+      // this.sselect = this.parmValue.sselect;
+      // this.sinput = this.parmValue.sinput;
+    } else {
+      // this.select = "1";
+      //  this.sselect = "创建时间"
+    }
+    this.searchList();
+  },
+
+  methods: {
+    getRouter(toRouter, queryId){
+      if (toRouter && queryId) {
+        let model = {
+          id: queryId,
+          type: 'view',
+        };
+
+        //有多选框的条件
+        // this.parmValue.select = this.select ;
+        // this.parmValue.sselect = this.sselect ;
+        // this.parmValue.sinput= this.sinput;
+        //
+        // console.log(this.parmValue)
+         let routerModel = {
+          options: JSON.parse(JSON.stringify(this.parmValue)),
+          router: this.$route.path,
+        };
+        model.preModel = JSON.stringify(routerModel);
+        
+        this.routeGoto(toRouter, model);
+      } else {
+        this.$message.warning("暂未找到相关流程！");
+      }
+    },
+    //初始化http请求
+    async searchList() {
+      if (
+        (this.parmValue.start_date !== "" && this.parmValue.end_date === "") ||
+        (this.parmValue.start_date === "" && this.parmValue.end_date !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      this.loading = true;
+      const res = await asyncRequest.goodofflist({
+        ...this.parmValue,
+        needRela: true,
+        companyNo: this.currentCompany,
+        type: "2"
+      });
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message)
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+   
+    //重置
+    restSearch() {
+      this.parmValue = {
+        start_date: "", //新建起始时间
+        end_date: "", // 新建结束时间
+        creater:"",//创建人
+        spuCode:"", //商品成本编码
+        good_name:"",//商品名称
+        
+        // is_export:0,//是否导出0/1
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+      };
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.searchList();
+    },
+    
+    // 时间函数
+    async time(e) {
+      this.parmValue.start_date = e.startTime || "";
+      this.parmValue.end_date = e.endTime || "";
+      if (
+        (this.parmValue.start_date !== "" && this.parmValue.end_date === "") ||
+        (this.parmValue.start_date === "" && this.parmValue.end_date !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+
+     //选中触发函数
+    selection_change(e) {
+      const { list } = e;
+      //选中的数组集合
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : [];
+    },
+
+  },
+};
+</script>
+   <style lang="scss" scoped>
+.purchaseOrder {
+  // text-align: right;
+}
+</style>
+   

src/views/bbc/bbcOffline/period-date-picker/index.js

@@ -0,0 +1,2 @@
+import Main from './main.vue'
+export default Main

src/views/bbc/bbcOffline/period-date-picker/main.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="fl time">
+    <el-date-picker
+      v-model="startTime"
+      style="margin: 0"
+      class="date-picker"
+      type="date"
+      :size="size"
+      :style="{ width: width }"
+      :placeholder="(placeholder||'') + '开始日期'"
+      value-format="yyyy-MM-dd"
+      :picker-options="pickerOptions1"
+      :editable="false"
+      :clearable="true"
+      :disabled="isEdit"
+      @change="timeChange"
+    />
+    <samp style="padding: 0 3px; margin: 0">至</samp>
+    <el-date-picker
+      style="margin: 0"
+      :size="size"
+      v-model="endTime"
+      class="date-picker"
+      :style="{ width: width }"
+      type="date"
+      :placeholder="(placeholder||'') + '结束日期'"
+      :disabled="isEdit"
+      :picker-options="pickerOptions2"
+      :editable="false"
+      value-format="yyyy-MM-dd"
+      :clearable="true"
+      @change="timeChange"
+    />
+  </div>
+</template>
+
+<script>
+// 选择时间段(只有日期)组件
+// timeReturned 返回值{startTime: Number,endTime: Number}
+export default {
+  name: "PeriodDatePicker",
+  props: ["start", "end", "disabled", "size", "width", "type", "placeholder"],
+  data() {
+    return {
+      startTime: this.start,
+      endTime: this.end,
+      isEdit: this.disabled,
+      pickerOptions1: {
+        disabledDate: (time) => {
+          if (this.endTime != null && this.endTime != "" && time) {
+            return time.getTime() > new Date(this.endTime).valueOf();
+          }
+        },
+      },
+      pickerOptions2: {
+        disabledDate: (time) => {
+          if (this.startTime != null && this.startTime != "" && time) {
+            return time.getTime() < new Date(this.startTime).valueOf();
+          }
+        },
+      },
+    };
+  },
+  watch: {
+    disabled: function (val) {
+      this.isEdit = val;
+    },
+    start(val) {
+      this.startTime = val;
+    },
+    end(val) {
+      this.endTime = val;
+    },
+  },
+  mounted() {},
+  methods: {
+    timeChange() {
+      if (
+        this.startTime !== "" &&
+        this.startTime !== null &&
+        this.endTime !== "" &&
+        this.endTime !== null
+      ) {
+        if (this.type + "" === "1" && !this.setType(365)) {
+          this.showMessage("时间跨度不能超过一年！");
+          return;
+        } else if (this.type + "" === "2" && !this.setType(90)) {
+          this.showMessage("时间跨度不能超过90天！");
+          return;
+        }else if (this.type + "" === "3" && !this.setType(30)) {
+          this.showMessage("时间跨度不能超过30天！");
+          return;
+        } else if (
+          new Date(this.endTime).valueOf() < new Date(this.startTime).valueOf()
+        ) {
+          this.showMessage("结束时间不大于开始时间！");
+          return;
+        } else {
+          this.timeReturned();
+        }
+      } else {
+        this.timeReturned();
+      }
+    },
+    timeReturned() {
+      let s = this.startTime == null ? "" : this.startTime;
+      let e = this.endTime == null ? "" : this.endTime;
+      let model = {
+        startTime: s == "" ? "" : this.transformTime(s),
+        endTime: e == "" ? "" : this.transformTime(e),
+      };
+
+      this.$emit("timeReturned", model);
+    },
+
+    transformTime(tTime) {
+      let time = new Date(tTime);
+      let y = time.getFullYear();
+      let M = time.getMonth() + 1;
+      let d = time.getDate();
+      return y + "-" + (M < 10 ? "0" + M : M) + "-" + (d < 10 ? "0" + d : d);
+    },
+    showMessage(message) {
+      this.$message.error(message);
+      this.startTime = "";
+      this.endTime = "";
+      this.timeReturned();
+    },
+    setType(days) {
+      let step = 24 * 3600 * 1000;
+      let sDay = new Date(this.startTime).valueOf();
+      let eDay = new Date(this.endTime).valueOf();
+      let isok = true;
+      if (eDay - sDay > step * days) {
+        isok = false;
+      }
+
+      return isok;
+    },
+  },
+};
+</script>
+<style lang="scss">
+.date-picker.el-input {
+  // width: 150px !important;
+}
+</style>

src/views/bbc/bbcOnline/ShowDataTableColumns.js

@@ -0,0 +1,325 @@
+
+const public_listCol = [
+  {
+    prop: 'good_name',
+    label: '商品名称',
+    _slot_: 'good_name',
+    span: 24
+  },
+
+  // {
+  //   prop: "speclist",
+  //   label: "规格",
+  //   _slot_: "speclist",
+  // },
+  // {
+  //   prop: "skuCode",
+  //   label: "上线商品编号",
+  //   span: 7,
+  // },
+  // {
+  //   prop: "companyNo",
+  //   label: "业务企业编号",
+  //   span: 7,
+  // },
+  {
+    prop: 'company',
+    label: '业务企业名称',
+    _slot_: 'company'
+  },
+  {
+    prop: 'good_img',
+    _slot_: 'good_img',
+    label: '主图'
+  },
+  {
+    prop: 'good_info_img',
+    _slot_: 'good_info_img',
+    label: '详情图'
+  },
+  {
+    prop: 'cat',
+    label: '分类',
+    span: 8
+  },
+
+  {
+    prop: 'creater',
+    label: '申请人',
+    span: 4
+  },
+  {
+    prop: 'platform_name',
+    label: '上线平台',
+    span: 6
+  },
+  {
+    prop: 'online_time',
+    label: '上线时间',
+    span: 6
+  },
+  {
+    prop: 'online_reason',
+    label: '上线原因'
+  },
+
+  {
+    prop: 'online_remark',
+    label: '上线备注',
+    span: 12
+  },
+  {
+    prop: 'brand_name',
+    label: '品牌',
+    span: 6
+  },
+
+  {
+    prop: 'exclusive',
+    label: '专属类型',
+    _slot_: 'exclusive',
+    span: 6
+  },
+  {
+    prop: 'weight',
+    label: '商品总克重',
+    append: 'g',
+    span: 6
+  },
+
+  {
+    prop: 'packing_list',
+    label: '包装清单',
+    span: 6
+  },
+  {
+    prop: 'packing_way',
+    label: '包装方式',
+    span: 6
+  },
+  {
+    prop: 'packing_spec',
+    label: '装箱规格',
+    span: 6
+  },
+  {
+    prop: 'packing_weight',
+    label: '装箱重量',
+    append: 'g',
+    span: 6
+  },
+  {
+    prop: 'packing_size',
+    label: '装箱尺寸',
+    span: 6
+  },
+  {
+    prop: 'origin_place_cn',
+    label: '产地',
+    span: 8
+  },
+  {
+    prop: 'unit',
+    label: '单位',
+    span: 4
+  },
+  {
+    prop: 'good_bar',
+    label: '商品条形码',
+    span: 6
+  },
+  {
+    prop: 'supply_area',
+    label: '供货区域',
+    _slot_: 'supply_area',
+    span: 6
+  },
+  {
+    prop: 'delivery_place_cn',
+    label: '发货地',
+    span: 8
+  },
+  {
+    prop: 'is_stock',
+    label: '是否库存品',
+    _slot_: 'is_stock',
+    span: 4
+  },
+  {
+    prop: 'exam_status',
+    label: '状态',
+    _slot_: 'exam_status',
+    span: 6
+  },
+  {
+    prop: 'proof_id',
+    label: '凭证文件',
+    _slot_: 'proof_id',
+    span: 6
+  },
+  {
+    prop: 'addtime',
+    label: '创建时间',
+    span: 8
+  },
+  {
+    prop: 'tax',
+    label: '税点',
+    append: '%',
+    span: 4
+  },
+
+  {
+    prop: 'delivery_day',
+    label: '物流时间',
+    append: '天',
+    span: 4
+  },
+  {
+    prop: 'lead_time',
+    label: '供货周期',
+    append: '天',
+    span: 4
+  },
+
+  {
+    prop:'is_fixed',
+    label:'定价模式',
+    span:4,
+    _slot_:'is_fixed'
+  },
+  {
+    prop: 'noble',
+    label: '贵金属信息',
+    _slot_: 'noble',
+    span: 12
+  },
+  {
+    prop: 'sample_day',
+    label: '调样周期',
+    append: '天',
+    span: 4
+  },
+  {
+    prop: 'stock_moq',
+    label: '备库起订量',
+    span: 4
+  },
+  {
+    prop: 'is_combind',
+    label: '组合类型',
+    span: 4,
+    _slot_:'is_combind'
+  },
+  {
+    prop: 'good_remark',
+    label: '商品备注',
+    span: 12
+  },
+  {
+    prop: 'good_type',
+    label: '是否定制',
+    _slot_: 'good_type',
+    span: 4
+  },
+  {
+    label: '来源',
+    prop: 'create_source',
+    _slot_: 'create_source',
+    span: 8
+  },
+  {
+    prop: 'market_url',
+    label: '京东链接',
+    _slot_: 'market_url',
+    span: 12
+  },
+  {
+    prop: 'after_sales',
+    label: '售后说明',
+    span: 24
+  },
+
+  {
+    prop: 'craft_desc',
+    label: '工艺说明',
+    span: 24
+  }
+
+]
+const purchase_listCol = [
+  // {
+  //   prop: "spuCode",
+  //   label: "商品成本编号",
+  //   span: 7,
+  // },
+  // {
+  //   prop: "supplierNo",
+  //   label: "供应商编号",
+  //   span: 7,
+  // },
+  {
+    prop: 'supplierName',
+    label: '供应商名称',
+    _slot_: 'supplierName',
+    span: 12
+  },
+  {
+    prop: 'cgd_gold_price',
+    label: '供应商采购金价',
+    append: '元/g',
+    span: 6
+  },
+
+  {
+    prop: 'is_auth',
+    label: '供应商权限',
+    _slot_: 'is_auth',
+    span: 6
+  },
+  {
+    prop: 'is_step',
+    label: '启用成本阶梯',
+    _slot_: 'is_step',
+    span: 4
+  },
+  {
+    prop: 'demo_fee',
+    label: '打样费(元)',
+    span: 5
+  },
+  {
+    prop: 'open_fee',
+    label: '开模费(元/件)',
+    span: 5
+  },
+
+  {
+    prop: 'sample_fee',
+    label: '调样费(元)',
+    span: 5
+  },
+  {
+    prop: 'market_price',
+    label: '市场价(元)',
+    span: 5
+  },
+
+  {
+    prop: 'nakelist',
+    label: '采购起订量',
+    _slot_: 'nakelist',
+    span: 24
+  }
+
+]
+const sale_listCol = [
+  {
+    prop: 'ladderlist',
+    label: '销售起订量',
+    _slot_: 'ladderlist',
+    span: 24
+  }
+]
+
+export { public_listCol, purchase_listCol, sale_listCol }

src/views/bbc/bbcOnline/add.vue

@@ -0,0 +1,443 @@
+<template>
+  <div class="goodsOnlineAdd">
+    <div class="goodsOnlineAdd-main" v-if="powers.some((i) => i == '007')">
+      <el-form
+        status-icon
+        :model="ruleForm"
+        :rules="rulesThis"
+        ref="ruleForm"
+        :size="'mini'"
+        v-loading="loading"
+        label-width="110px"
+        class="demo-ruleForm"
+      >
+        <el-row>
+          <el-col :span="8">
+            <!-- :platformType="ruleForm.platform_type" -->
+
+            <el-form-item label="所属平台" prop="platform">
+              <search-terrace
+                :value="ruleForm.platform"
+                :size="'mini'"
+                :is_show="'1'"
+                :isDetail="false"
+                :placeholder="'所属平台'"
+                @searchChange="platform_codesearchChange"
+              />
+            </el-form-item>
+
+            <el-form-item label="对接平台" prop="platform_type">
+              <el-select
+                placeholder="对接平台"
+                style="width:100%"
+                v-model="ruleForm.platform_type"
+                @change="handleTypeChange"
+                disabled
+              >
+                <el-option label="BBC" value="2" />
+                <el-option label="有赞平台" value="1" />
+                <el-option label="无对接" value="0" />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="定价模式" prop="is_fixed">
+              <el-select v-model="ruleForm.is_fixed" style="width:100%" placeholder="定价模式">
+                <el-option
+                  v-for="f in fixedOptions"
+                  :key="f.value"
+                  :value="f.value"
+                  :label="f.label"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="上线原因" prop="online_reason">
+              <el-input
+                :disabled="false"
+                placeholder="上线原因"
+                v-model="ruleForm.online_reason"
+                maxlength="200"
+              />
+            </el-form-item>
+
+            <el-form-item label="上线备注" prop="online_remark">
+              <el-input
+                type="textarea"
+                :rows="3"
+                :disabled="false"
+                placeholder="上线备注"
+                maxlength="250"
+                show-word-limit
+                v-model="ruleForm.online_remark"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-table :data="tableData" stripe border :size="'mini'" style="width: 100%">
+              <el-table-column width="50" type="index" show-overflow-tooltip />
+              <el-table-column prop="spuCode" label="商品编号" width="180" show-overflow-tooltip />
+              <el-table-column prop="good_thumb_img" label="图片" width="45" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <div
+                    v-if="scope.row.good_thumb_img"
+                    style="width: 20px; height: 20px"
+                    class="hover"
+                    v-viewer
+                  >
+                    <img
+                      :src="scope.row.good_thumb_img"
+                      style="display: inline-block; width: 100%; height: 100%"
+                      alt
+                    />
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="good_name" label="商品名称" min-width="160" show-overflow-tooltip />
+              <el-table-column prop="cat_name" label="分类" min-width="110" show-overflow-tooltip />
+              <el-table-column
+                prop="good_name"
+                label="品牌"
+                min-width="brand_name"
+                show-overflow-tooltip
+              />
+              <el-table-column prop="good_type" label="来源" min-width="110" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <el-tag
+                    :size="'mini'"
+                    :type="scope.row.create_source == '1' ? 'warning' : ''"
+                    v-text="scope.row.create_source === '1' ? '咨询成交商品' : '手动创建商品'"
+                  ></el-tag>
+                </template>
+              </el-table-column>
+
+              <el-table-column prop="good_type" label="是否定制" min-width="70" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <el-tag
+                    :size="'mini'"
+                    :type="scope.row.good_type == '1' ? '' : 'warning'"
+                    v-text="
+                      (options1.find((item) => item.id == scope.row.status) || {}).name ||
+                      '--'
+                    "
+                  ></el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="supplierNo" label="供应商编号" width="110" show-overflow-tooltip />
+              <el-table-column
+                prop="supplier_name"
+                label="供应商名称"
+                width="110"
+                show-overflow-tooltip
+              />
+              <el-table-column prop="companyNo" label="业务公司编号" width="110" show-overflow-tooltip />
+              <el-table-column prop="company" label="业务公司名称" width="110" show-overflow-tooltip />
+
+              <el-table-column label="京东链接" min-width="120px">
+                <template slot-scope="scope">
+                  <el-input size="mini" placeholder="京东比价链接" :value="tableData[scope.$index].market_url" @input="changeMarketUrlByIndex($event,scope.$index)" />
+                </template>
+              </el-table-column>
+
+              <el-table-column fixed="right" width="70px">
+                <template slot="header" slot-scope="scope">
+                  <span>操作</span>
+                  <el-tooltip class="item" effect="dark" content="添加上线商品" placement="top">
+                    <i
+                      class="el-icon-circle-plus-outline fr"
+                      style="font-size: 18px; margin-top: 2px"
+                      @click="showModel = true"
+                    />
+                  </el-tooltip>
+                </template>
+                <template slot-scope="scope">
+                  <el-tooltip effect="dark" content="删除" placement="top">
+                    <i class="el-icon-delete tb-icon" @click="openDel(scope.$index)"></i>
+                  </el-tooltip>
+                </template>
+              </el-table-column>
+            </el-table>
+            <!--添加商品-->
+            <search-good-modal
+              :is-noble="isNoble"
+              :is-consult="isConsult"
+              :check-type="true"
+              :showModel="showModel"
+              :once="false"
+              @resultList="resultList"
+              @cancel="showModel = false"
+            />
+          </el-col>
+          <el-col :span="24" style="text-align: right; padding: 15px 0 15px 0">
+            <el-button :size="'mini'" type="primary" @click="submitForm">保 存</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsOnline";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+import searchGoodModal from "@/components/search-good-modal";
+import { rules, options1 } from "./columns";
+import { replaceTextWrapAndSpace } from "@/utils";
+export default {
+  name: "goodsOnlineAdd",
+  mixins: [resToken],
+  props: [
+      "showModel", 
+      "sitem",
+      "type", 
+      "id"
+    ],
+  components: {
+    searchGoodModal
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    isFixed() {
+      // 非咨询商品 && 非有赞平台 && 贵金属开启实时金价
+      return (
+        !this.isConsult &&
+        !this.isYzPlatform &&
+        this.isNoble &&
+        this.ruleForm.platform_type !== "1"
+      );
+    },
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find(
+          item => item.menu_route == "goodsOnlineAdd"
+        ) || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+    fixedOptions() {
+      return [
+        { value: "1", label: "一口价" },
+        ...(this.isFixed ? [{ value: "0", label: "实时金价" }] : [])
+      ];
+    }
+  },
+  watch: {
+    newTime: function(val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+    isFixed() {
+      if (this.ruleForm.is_fixed === "0") {
+        this.ruleForm.is_fixed = "";
+      }
+    }
+  },
+  data() {
+    return {
+      isNoble: null,
+      isConsult:null,
+      tableData: [],
+      costshowModel: false,
+      costmodelIndex: "",
+      costsitem: {},
+      showModel: false,
+      status: "",
+      rulesThis: {
+        ...this.rules,
+        platform_type: [
+          {
+            required: true,
+            message: "请选择对接平台",
+            trigger: "change"
+          }
+        ]
+      },
+      activeName: "1",
+      isYzPlatform: false,
+      loading: true,
+      //是否定制
+      options1: options1,
+      ruleForm: {},
+      rules: rules
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    handleTypeChange(){
+      this.ruleForm.platform = ''
+    },
+    async initForm() {
+      this.loading = true;
+      console.log(this.resetFormData)
+      this.resetFormData();
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      this.loading = false;
+    },
+    openDel(index) {
+      this.tableData.splice(index, 1);
+      this.isConsult = this.tableData.length === 0 ? null : this.isConsult;
+      this.isNoble = this.tableData.length === 0 ? null : this.isNoble;
+    },
+    changeMarketUrlByIndex(market_url,index){
+      console.log(market_url)
+
+      this.$set(this.tableData,index,{
+        ...this.tableData[index],
+        market_url
+      })
+    },
+    resultList(e, {isNoble, isConsult}) {
+      this.showModel = false;
+      let list = JSON.parse(JSON.stringify(e));
+      let oldList = JSON.parse(JSON.stringify(this.tableData));
+
+      this.isNoble = isNoble;
+      this.isConsult = isConsult;
+
+      list.forEach((e, ei) => {
+        let index = oldList.findIndex(a =>e.spuCode === a.spuCode);
+        if(index !== -1) return
+        let item = JSON.parse(JSON.stringify(list[ei]));
+        this.tableData.push({...item, market_url:"" });
+      });
+    },
+    async submitForm() {
+      this.ruleForm.online_remark = replaceTextWrapAndSpace(
+        this.ruleForm.online_remark
+      );
+
+
+      if(this.tableData.length > 0){
+        const regex = /^(http|https):\/\/[^ "]+$/;
+        for(let index = 0;index < this.tableData.length;index ++){
+          const item = this.tableData[index];
+          const line = index + 1;
+          if(!item.market_url){
+            this.$message.warning(`商品第 ${line} 行,京东链接不能为空`)
+            return
+          }
+
+          if(!regex.test(item.market_url)){
+            this.$message.warning(`商品第 ${line} 行,京东链接格式不正确`)
+            return
+          }
+        }
+      }
+
+      await this.$refs.ruleForm.validate(async valid => {
+        if (valid) {
+          if (!this.loading) {
+            if (this.tableData.length === 0) {
+              this.$message.warning("至少选择一个商品！");
+              return;
+            }
+            if (this.tableData.length > 100) {
+              this.$message.warning("商品数量不能超过100！");
+              return;
+            }
+
+            this.loading = true;
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            model.goodinfo = []
+            let list = JSON.parse(JSON.stringify(this.tableData));
+            list.forEach(e => {
+              model.goodinfo.push({
+                spuCode: e.spuCode,
+                market_url: e.market_url
+              })
+            });
+            delete model.codes;
+            const { code, data, message } = await asyncRequest.add(model);
+            this.loading = false;
+            if (code === 0) {
+              this.$notify.success({
+                title: "新建成功",
+                message: ""
+              });
+              this.showModelThis = false;
+              // 刷新
+              this.routeReGoto("goodsOnline", {});
+            } else if (code >= 100 && code <= 104) {
+              await this.logout(code <= 104);
+            } else if (message === "一口价商品请先完善商品成本单价") {
+              this.$message.warning(message);
+            } else if (code === 1004) {
+              this.open_show(
+                data,
+                "以下商品的业务公司和平台支付渠道中的业务公司重复，不允许上线"
+              );
+            } else if (code === 1009) {
+              this.open_show(data, "以下商品已申请过商品上线");
+            } else if (code === 1010) {
+              this.open_show(data, "该平台要求商品必须要有一件的成本！");
+            } else {
+              this.$message.warning(message);
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    open_show(data, title) {
+      const resList = JSON.parse(JSON.stringify(data));
+      let htmlList = "<ul>";
+      resList.forEach(v => {
+        htmlList += `<li>
+                  <span>${v.good_name}</span></li>`;
+      });
+      htmlList += "</ul>";
+      this.$notify({
+        title: title,
+        dangerouslyUseHTMLString: true,
+        message: htmlList
+      });
+    },
+    resetFormData() {
+      this.ruleForm = {
+        platform_type: "",
+        is_fixed: "",
+        platform: "", //string	平台id
+        codes: [], //string	无
+        online_reason: "", //string	上线原因
+        online_remark: "" //string	上线备注
+      };
+      this.tableData = [];
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(async () => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.resetFormData();
+        }
+      });
+    },
+
+    platform_codesearchChange(e) {
+      const { id,platform_type } = e;
+      this.ruleForm.platform = id || "";
+      this.isYzPlatform = String(platform_type) === "1";
+
+      this.ruleForm.platform_type = platform_type
+      this.$refs.ruleForm.validateField("platform");
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.goodsOnlineAdd {
+  .goodsOnlineAdd-main {
+    padding: 30px 20px 0 20px;
+  }
+}
+</style>

src/views/bbc/bbcOnline/columns.js

@@ -0,0 +1,215 @@
+
+// 是否定制 是否合规
+const options1 = [
+  { id: '0', name: '否' },
+  { id: '1', name: '是' }
+]
+
+export const options01 = [
+  { id: '0', name: '未设置' },
+  { id: '1', name: '合规' },
+  { id: '2', name: '不合规' }
+]
+
+// 专属类型
+const options2 = [
+  { id: '0', name: '非泰康' },
+  { id: '1', name: '泰康' }
+]
+// 销售权限
+const options3 = [
+  { id: '0', name: '无销售权限' },
+  { id: '1', name: '有销售权限' }
+]
+
+// 是否库存品
+const options4 = [
+  { id: '0', name: '非库存品' },
+  { id: '1', name: '库存品' }
+]
+// 是否启用实时金价
+const options5 = [
+  { id: '0', name: '否' },
+  { id: '1', name: '是' }
+]
+// 供货区域
+const options6 = [
+  { id: '1', name: '全国' },
+  { id: '2', name: '全国除偏远' }
+]
+// 是否启用阶梯
+const options7 = [
+  { id: '0', name: '否' },
+  { id: '1', name: '是' }
+]
+const options8 = [
+  { id: '1', name: '待完善成本', type: 'info' },
+  { id: '2', name: '待产品审核', type: 'warning' },
+  { id: '3', name: '上线完成', type: 'success' },
+  { id: '4', name: '审核驳回', type: 'danger' },
+  { id: '5', name: '下线完成', type: 'info' },
+  { id: '6', name: '待bbc上线补录', type: 'info' },
+  { id: '7', name: 'bbc驳回', type: 'info' }
+]
+const listCol = [
+  {
+    prop: 'skuCode',
+    label: '上线商品编号',
+    fixed: 'left',
+    width: '160px'
+  },
+  {
+    prop: 'spuCode',
+    label: '成本商品编号',
+    width: '160px'
+  },
+  {
+    prop: 'good_thumb_img',
+    label: '图片',
+    _slot_: 'good_thumb_img',
+    width: '45px'
+  },
+  {
+    prop: 'good_name',
+    label: '名称',
+    'min-width': '160px'
+  },
+  // {
+  //   prop: "platform_code_en",
+  //   label: "平台编号",
+  //   width: "170px",
+  // },
+  // {
+  //   prop: 'supplierName',
+  //   label: '供应商',
+  //   width: '150px'
+  // },
+  {
+    prop: 'platform_name',
+    label: '平台名称',
+    width: '100px'
+  },
+  {
+    label: '来源',
+    prop: 'create_source',
+    _slot_: 'create_source',
+    width: '110px'
+  },
+  {
+    prop: 'is_stock',
+    label: '商品类型',
+    _slot_: 'is_stock',
+    width: '90px'
+  },
+
+  {
+    prop: 'status',
+    label: '状态',
+    _slot_: 'status',
+    width: '118px'
+  },
+  {
+    prop: 'cat_info',
+    label: '分类',
+    width: '118px',
+    _slot_: 'cat_info'
+  },
+  {
+    prop: 'good_type',
+    label: '是否定制',
+    _slot_: 'good_type',
+    width: '70px'
+  },
+  {
+    prop: 'is_compliance',
+    label: '是否合规',
+    _slot_: 'is_compliance',
+    width: '70'
+  },
+  {
+    prop: 'brand_name',
+    label: '品牌'
+  },
+  {
+    prop: 'companyNo',
+    label: '业务公司编号',
+    width: '160px'
+  },
+  {
+    prop: 'company',
+    label: '业务公司名称',
+    width: '150px'
+  },
+  {
+    prop: 'plat_code',
+    label: '平台商品编号',
+    width: '150px'
+  },
+  {
+    prop: 'purchase',
+    label: '成本创建人',
+    width: '95'
+  },
+  {
+    prop: 'company_name',
+    label: '上线创建人部门',
+    minWidth: '150px'
+  },
+  {
+    prop: 'creater',
+    label: '上线创建人',
+    width: '90px'
+  },
+  {
+    prop: 'addtime',
+    label: '创建时间',
+    width: '140px'
+  },
+  {
+    prop: '',
+    label: '操作',
+    fixed: 'right',
+    _noset_: true,
+    width: '150px',
+    _slot_: 'operation'
+  }
+]
+const rules = {
+  platform_type: [
+    {
+      required: true,
+      message: "请选择对接平台",
+      trigger: "change"
+    }
+  ],
+  is_fixed: [
+    {
+      required: true,
+      message: '请选择定价模式',
+      trigger: 'change'
+    }
+  ],
+  platform: [
+    {
+      required: true,
+      message: '请选择所属平台',
+      trigger: 'change'
+    }
+  ],
+  online_reason: [
+    {
+      required: true,
+      message: '上线原因不能为空',
+      trigger: 'blur'
+    }
+  ],
+  online_remark: [
+    {
+      required: true,
+      message: '上线备注不能为空',
+      trigger: 'blur'
+    }
+  ]
+}
+
+export { options1, options2, options3, options4, options5, options6, options7, options8, listCol, rules }

src/views/bbc/bbcOnline/components/bbc-exam.vue

@@ -0,0 +1,81 @@
+<template>
+  <el-form ref="formRef" size="mini" label-width="120px" :model="formData" :rules="rules">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="审核状态" prop="exam_status">
+          <el-select placeholder="审核状态" style="width:100%" v-model="formData.exam_status">
+            <el-option value="3" label="通过" />
+            <el-option value="7" label="驳回" />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="12">
+        <el-form-item label="平台商品编号" prop="plat_code">
+          <el-input placeholder="平台商品编号" v-model="formData.plat_code" />
+        </el-form-item>
+      </el-col>
+
+      
+      <el-col :span="24">
+        <el-form-item label="审核备注" prop="exam_remark">
+          <el-input type="textarea" placeholder="审核备注" v-model="formData.exam_remark" />
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="24">
+        <el-form-item style="display: flex;justify-content: flex-end;">
+           <el-button type="primary" @click="submitForm" :loading="loading">保存</el-button>
+        </el-form-item>
+      </el-col>
+    </el-row>
+ </el-form>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/bbc";
+export default {
+  props: ["id"],
+  data(){
+    return {
+      formData:{
+        exam_status:"",
+        exam_remark:"",
+        plat_code:""
+      },
+      loading:false
+    }
+  },
+  computed:{
+    rules() {
+      const { exam_status} = this.formData;
+      return {
+        exam_status:[{trigger:'change', required: true, message:'请选择审核状态'}],
+        plat_code:[{trigger:'change', required:true, message:'请输入平台商品编号'}],
+        exam_remark:[{trigger:'change', required: exam_status === '7', message:'请输入审核备注'}]
+      }
+    }
+  },
+  methods:{
+    async submitForm(){
+      this.loading = true
+      try{
+        await this.$refs.formRef.validate();
+        const response = await asyncRequest.status({
+          skuCode: this.id,
+          ...this.formData
+        });
+        if(Number(response.code) === 0){
+          this.$emit("refresh")
+        }else{
+          this.$message.warning(response.message);
+        }
+      }catch(err){
+        console.log(err);
+      }finally{
+        this.loading = false;
+      }
+    }
+  }
+}
+</script>

src/views/bbc/bbcOnline/components/compiance-modal.vue

@@ -0,0 +1,106 @@
+<template>
+  <el-dialog title="设置是否合规" :visible.sync="innerVisible" width="500px" :close-on-click-modal="false">
+    <el-form
+      ref="formRef"
+      :rules="rules"
+      :model="formData"
+      class="demo-ruleForm"
+      label-width="80px"
+    >
+      <el-form-item label="是否合规" prop="is_compliance">
+        <el-select v-model="formData.is_compliance" style="width:100%">
+          <el-option value="1" label="合规" />
+          <el-option value="2" label="不合规" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="审核备注" prop="compliance_remark">
+        <el-input v-model="formData.compliance_remark" type="textarea" maxlength="250" show-word-limit />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="innerVisible = false">取 消</el-button>
+      <el-button type="primary" @click="submit">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import asyncRequest from '@/apis/service/goodStore/goodsOnline'
+export default {
+  props: ['visible', 'sitem'],
+  data() {
+    return {
+      loading: false,
+      formData: {
+        is_compliance: '',
+        compliance_remark: ''
+      }
+    }
+  },
+  computed: {
+    rules() {
+      const { is_compliance } = this.formData
+      return {
+        is_compliance: [{
+          required: true,
+          message: '请选择是否合规',
+          trigger: 'blur'
+        }],
+        compliance_remark: [{
+          required: is_compliance === '2',
+          message: '请输入审核备注',
+          trigger: 'blur'
+        }]
+      }
+    },
+    innerVisible: {
+      get() {
+        return this.visible
+      },
+      set(newVal) {
+        this.$emit('update:visible', newVal)
+      }
+    }
+  },
+  watch: {
+    visible() {
+      if (!this.visible) {
+        this.formData = {
+          is_compliance: '',
+          compliance_remark: ''
+        }
+      } else {
+        this.$nextTick(() => {
+          const { is_compliance, compliance_remark } = this.sitem
+          this.formData = {
+            is_compliance: is_compliance !== '0' ? is_compliance : '',
+            compliance_remark
+          }
+        })
+      }
+    }
+  },
+  methods: {
+    async submit() {
+      const isValid = await this.$refs.formRef.validate()
+      if (!isValid) return
+      this.loading = true
+      const { code, message } = await asyncRequest.goodcompliance({
+        ...this.formData,
+        skuCode: this.sitem.skuCode
+      })
+      this.loading = false
+      switch (code) {
+        case 0:
+          this.$emit('refresh')
+          this.innerVisible = false
+          break
+        default:
+          this.$message.warning(message)
+          break
+      }
+    }
+  }
+}
+</script>

src/views/bbc/bbcOnline/components/costFormAddEdit.vue

@@ -0,0 +1,320 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="15vh"
+    width="500px"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    @close="showModelThis = false"
+  >
+    <el-card style="margin: -20px 0 0 0">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :size="'small'"
+            :rules="rulesThis"
+            label-width="85px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="起订量" prop="min_num">
+              <digital-input
+                :values="ruleForm.min_num"
+                :placeholder="'起订量'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :controls="false"
+                :size="'small'"
+                :disabled="id === '007'"
+                :append="''"
+                @reschange="min_num_change"
+              />
+            </el-form-item>
+            <el-form-item label="系统售价" prop="new_sale_price">
+              <el-input
+                v-model="ruleForm.new_sale_price"
+                v-loading="search_loading"
+                placeholder="系统售价"
+                :disabled="true"
+                maxlength="20"
+              >
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="售价" prop="sale_price">
+              <digital-input
+                :values="ruleForm.sale_price"
+                :placeholder="'售价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :size="'small'"
+                :disabled="id === '007'"
+                :append="'元'"
+                @reschange="sale_price_change"
+              />
+            </el-form-item>
+            <el-form-item label="市场价" prop="market_price">
+              <digital-input
+                :values="ruleForm.market_price"
+                :placeholder="'市场价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :size="'small'"
+                :disabled="id === '007'"
+                :append="'元'"
+                @reschange="market_price_change"
+              />
+            </el-form-item>
+
+            <el-form-item label="对比平台" prop="market_platform">
+              <el-input
+                v-model="ruleForm.market_platform"
+                placeholder="对比平台"
+                maxlength="50"
+              />
+            </el-form-item>
+            <el-row :gutter="10">
+              <el-col :span="16">
+                <el-form-item label="状态" prop="status">
+                  <el-radio-group v-model="ruleForm.status">
+                    <el-radio :label="'1'">启用</el-radio>
+                    <el-radio :label="'0'">禁用</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8" style="text-align: right">
+                <el-button
+                  :size="'small'"
+                  type="primary"
+                  @click="submitForm"
+                >保 存
+                </el-button>
+                <el-button :size="'small'" @click="showModelThis = false">{{
+                  "取 消"
+                }}</el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import resToken from '@/mixins/resToken'
+import asyncRequest from '@/apis/service/goodStore/goodsOnline'
+export default {
+  name: 'Brand',
+  mixins: [resToken],
+  props: ['showModel', 'index', 'sitem', 'spuCode'],
+  data() {
+    const validate_min_num = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('起订量不能为空！'))
+      } else if (value === '0') {
+        callback(new Error('起订量不能为零！'))
+      } else {
+        callback()
+      }
+    }
+    const validate_sale_price = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('售价不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    const validate_market_price = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('市场价不能为空！'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      loading: false,
+      title: '',
+      showModelThis: this.showModel,
+      ruleForm: {
+        id: '',
+        index: '-1',
+        min_num: '0',
+        sale_price: '0',
+        market_price: '0',
+        market_platform: '',
+        new_sale_price: '',
+        status: '1',
+        is_del: '0'
+      },
+      rulesThis: this.rules,
+      search_loading: false,
+      rules: {
+        min_num: [
+          {
+            required: true,
+            validator: validate_min_num,
+            trigger: 'blur'
+          }
+        ],
+        sale_price: [
+          {
+            required: true,
+            validator: validate_sale_price,
+            trigger: 'blur'
+          }
+        ],
+        market_price: [
+          {
+            required: true,
+            type: 'number',
+            validator: validate_market_price,
+            trigger: 'blur'
+          }
+        ],
+        market_platform: [
+          { required: true, message: '对比平台不能为空', trigger: 'blur' }
+        ],
+        status: [
+          { required: true, message: '请选择使用状态', trigger: 'change' }
+        ]
+      }
+    }
+  },
+  watch: {
+    showModel: function(val) {
+      this.showModelThis = val
+      if (val) {
+        this.initForm()
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit('cancel')
+      }
+    }
+  },
+  methods: {
+    async initForm() {
+      this.loading = true
+      await this.resetForm()
+      this.rulesThis = this.rules
+      if (this.index + '' === '-1') {
+        this.title = '添加销售成本阶梯'
+      } else {
+        this.title = '修改销售成本阶梯'
+      }
+
+      this.loading = false
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(async() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields()
+          this.$refs.ruleForm.clearValidate()
+          await this.resetFormData()
+        }
+      })
+    },
+    async resetFormData() {
+      const {
+        id,
+        min_num,
+        sale_price,
+        market_price,
+        market_platform,
+        status,
+        is_del
+      } = this.sitem
+      this.ruleForm = {
+        id: id || '',
+        index: this.index,
+        min_num: min_num || '0',
+        sale_price: sale_price || '0',
+        market_price: market_price || '0',
+        market_platform: market_platform || '',
+        new_sale_price: '',
+        status: status || '1',
+        is_del: is_del || '0'
+      }
+      await this.get_new(this.ruleForm.min_num)
+    },
+
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async(valid) => {
+        if (valid) {
+          this.showModelThis = false
+          // 刷新
+          this.$emit('refresh', this.ruleForm)
+        } else {
+          console.log(this.ruleForm)
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    async min_num_change(e) {
+      this.ruleForm.min_num = e + ''
+      this.$refs.ruleForm.validateField('min_num')
+      await this.get_new(this.ruleForm.min_num)
+    },
+    async get_new(min_num) {
+      if (!this.search_loading) {
+        if (min_num === '' || min_num === '0') {
+          this.ruleForm.new_sale_price = '0'
+        } else {
+          this.search_loading = true
+          const { code, data, message } = await asyncRequest.goodupprice({
+            min_num: min_num,
+            spuCode: this.spuCode
+          })
+          this.search_loading = false
+          if (code === 0) {
+            const { sale_price } = data
+            this.ruleForm.new_sale_price = sale_price
+          } else if (code >= 100 && code <= 104) {
+            await this.logout()
+          } else if (code == 1010) {
+            this.ruleForm.new_sale_price = '0'
+          } else {
+            this.$message.warning(message)
+          }
+        }
+      }
+    },
+    sale_price_change(e) {
+      this.ruleForm.sale_price = e
+      this.$refs.ruleForm.validateField('sale_price')
+    },
+    market_price_change(e) {
+      this.ruleForm.market_price = e
+      this.$refs.ruleForm.validateField('market_price')
+    },
+    reschange(e) {
+      this.ruleForm.price = e
+      this.$refs.ruleForm.validateField('price')
+    }
+  }
+}
+</script>
+
+   <style lang="scss" scoped>
+.brand {
+}
+</style>

src/views/bbc/bbcOnline/components/exam-form/index.js

@@ -0,0 +1,2 @@
+import Main from './main.vue'
+export default Main

src/views/bbc/bbcOnline/components/exam-form/main.vue

@@ -0,0 +1,217 @@
+<template>
+  <el-form
+    v-loading="loading"
+    ref="ruleForm"
+    :model="ruleForm"
+    status-icon
+    :rules="rulesThis"
+    :label-width="labelWidth || '100px'"
+    class="demo-ruleForm"
+    :size="size || 'medium'"
+  >
+    <el-row>
+      <el-col :span="12"
+        ><el-form-item label="审核状态" prop="state">
+          <el-radio-group
+            v-model="ruleForm.state"
+            placeholder="请选择审核状态"
+            style="width: 100%"
+            :size="size || 'medium'"
+            @change="stateChange"
+          >
+            <el-radio v-for="item in stateList" :key="item.value" :label="item.value">{{
+              item.label
+            }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          label="驳回节点"
+          v-if="ruleForm.state + '' === '0' && isMust"
+          prop="rebut"
+        >
+          <el-select
+            v-model="ruleForm.rebut"
+            placeholder="请选择驳回节点"
+            style="width: 100%"
+            :disabled="disabled"
+          >
+            <el-option
+              v-for="item in statusList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              :disabled="item.disabled"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="审核备注" v-if="ruleForm.state + '' === '0'" prop="remark">
+          <el-input
+            type="textarea"
+            placeholder="请输入审核备注"
+            v-model="ruleForm.remark"
+            :disabled="disabled"
+            maxlength="250"
+            :autosize="{ minRows: 3, maxRows: 3 }"
+            show-word-limit
+          />
+        </el-form-item>
+        <el-form-item class="fr" v-if="ruleForm.state + '' === '1'">
+          <el-button
+            v-if="!isDetail"
+            :size="'mini'"
+            type="primary"
+            @click="submitForm('5')"
+            >保 存
+          </el-button>
+        </el-form-item>
+        <el-form-item class="fr" v-if="ruleForm.state + '' === '0'">
+          <el-button
+            v-if="!isDetail"
+            :size="'mini'"
+            type="primary"
+            @click="submitForm('')"
+            >驳回重新审核
+          </el-button>
+        </el-form-item>
+        <!-- <el-form-item class="fr" v-if="ruleForm.state === '0'" >
+          <el-button
+            v-if="!isDetail"
+            :size="'mini'"
+            type="danger"
+            @click="submitForm('8')"
+            >驳回并下线
+          </el-button>
+        </el-form-item> -->
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+export default {
+  name: "exam-form",
+  props: ["size", "statusList", "disabled", "isMust", "labelWidth"],
+  /**
+   * 属性集合
+   * @param {String}        size             : 组件大小             非必填
+   * @param {Array}         statusList       : 驳回至备选项          必填
+   * @param {Boolean}       disabled         : 是否禁用              必填
+   * @param {Boolean}       isMust           : 是否需要展示驳回节点   必填
+   *
+   *
+   */
+  /**
+   * 事件集合
+   * @searchChange             : 选中值变化调用   抛出选中数据
+   */
+  data() {
+    return {
+      loading: false,
+      stateList: [
+        {
+          value: "1",
+          label: "通过",
+        },
+        {
+          value: "0",
+          label: "驳回",
+        },
+      ],
+      showModelThis: this.showModel,
+      ruleForm: {
+        state: "1", // 通过or驳回
+        numStatus: "",
+
+        rebut: "", //驳回至
+        remark: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        state: [
+          {
+            required: true,
+            message: "请选择审核状态",
+            trigger: "change",
+          },
+        ],
+        rebut: [
+          {
+            required: true,
+            message: "请选择驳回节点",
+            trigger: "change",
+          },
+        ],
+        remark: [
+          { required: true, message: "请输入审核备注", trigger: "blur" },
+          {
+            min: 1,
+            max: 250,
+            message: "长度在 1 到 250 个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    isDetail: function (val, old) {
+      if (this.isDetail !== val) {
+        this.options = [];
+        this.selectLoading = false;
+      }
+    },
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      this.stateChange();
+      this.loading = false;
+    },
+    stateChange() {
+      if (this.ruleForm.state + '' === "1") {
+        this.rulesThis.rebut[0].required = false;
+        this.rulesThis.remark[0].required = false;
+      } else {
+        this.rulesThis.rebut[0].required = true;
+        this.rulesThis.remark[0].required = true;
+      }
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.ruleForm = {
+            state: "1", // 通过or驳回
+            rebut: "", //驳回至
+            numStatus: "",
+            remark: "",
+          };
+        }
+      });
+    },
+    async submitForm(numStatus) {
+      this.ruleForm.numStatus = numStatus;
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.$emit("searchChange", this.ruleForm);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/bbc/bbcOnline/components/fixed-price-form-c.vue

@@ -0,0 +1,1246 @@
+<template>
+  <div v-loading="loading">
+    <!-- {{ sitem.is_gold_price }} -->
+    <el-form
+      :model="addrForm"
+      ref="addrForm"
+      status-icon
+      class="demo-addrForm-goodsOnline"
+      :size="'mini'"
+    >
+      <el-table
+        :data="addrForm.good_ladder"
+        :size="'mini'"
+        border
+        stripe
+        max-height="300px"
+        row-key="key"
+        style="width: 100%; margin: 0 0 20px 0"
+      >
+        <el-table-column type="index" width="50" show-overflow-tooltip />
+        <el-table-column prop="min_num" label="起订量(>=)" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'min_num'"
+              :rules="addrRules.min_num"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.min_num"
+                :placeholder="'起订量(>=)'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'min_num', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.min_num }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="new_sale_price" show-overflow-tooltip   v-if="!(sitem && sitem.is_gold_price === '1' && is_noble)">
+          <template slot="header" slot-scope="scope">
+            <span>系统售价</span>
+          </template>
+
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'new_sale_price'"
+              :rules="addrRules.new_sale_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-loading="scope.row.loading"
+                v-model="scope.row.new_sale_price"
+                placeholder="系统售价"
+                :disabled="true"
+                :size="'mini'"
+                maxlength="20"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.new_sale_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="sale_price"
+          label="售价"
+          show-overflow-tooltip
+          v-if="!(sitem && sitem.is_gold_price === '1' && is_noble)"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'sale_price'"
+              :rules="addrRules.sale_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.sale_price"
+                :placeholder="'售价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'sale_price', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.sale_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="new_cost_fee"
+          show-overflow-
+          v-if="sitem && sitem.is_gold_price === '1' && is_noble"
+          label="系统工艺费"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'new_cost_fee'"
+              :rules="addrRules.new_cost_fee"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-loading="scope.row.loading"
+                v-model="scope.row.new_cost_fee"
+                placeholder="工艺费"
+                :disabled="true"
+                :size="'mini'"
+                maxlength="20"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.new_cost_fee }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="cost_fee"
+          label="工艺费"
+          show-overflow-tooltip
+          v-if="sitem && sitem.is_gold_price === '1' && is_noble"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'cost_fee'"
+              :rules="addrRules.cost_fee"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.cost_fee"
+                :placeholder="'工艺费'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'cost_fee', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.cost_fee }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="market_price" label="市场价" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'market_price'"
+              :rules="addrRules.market_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.market_price"
+                :placeholder="'市场价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'market_price', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.market_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="market_platform" label="对比平台" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'market_platform'"
+              :rules="addrRules.market_platform"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-model="scope.row.market_platform"
+                placeholder="对比平台"
+                maxlength="50"
+                :disabled="!scope.row.edit"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.market_platform }}</span>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column prop="status" label="状态" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'status'"
+              :rules="addrRules.status"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-select v-model="scope.row.status" placeholder="状态">
+                <el-option
+                  v-for="item in status_options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{
+              scope.row.status + "" == "1" ? "启用" : "禁用"
+            }}</span>
+          </template>
+        </el-table-column> -->
+        <el-table-column fixed="right">
+          <template slot="header" slot-scope="scope">
+            <span>操作</span>
+            <el-tooltip effect="dark" content="添加阶梯" placement="top">
+              <i
+                class="el-icon-circle-plus-outline tb-icon fr"
+                @click="openCostEdit(-1)"
+              ></i>
+            </el-tooltip>
+          </template>
+          <template slot-scope="scope">
+            <el-tooltip
+              effect="dark"
+              content="保存"
+              v-if="scope.row.edit"
+              placement="top"
+            >
+              <i class="el-icon-circle-check tb-icon" @click="checkRow(scope.$index)"></i>
+            </el-tooltip>
+            <el-tooltip effect="dark" v-else content="修改" placement="top">
+              <i class="el-icon-edit tb-icon" @click="openCostEdit(scope.$index)"></i>
+            </el-tooltip>
+            <el-tooltip effect="dark" content="删除" placement="top">
+              <i
+                class="el-icon-delete tb-icon"
+                @click="openCostEditDelete(scope.$index)"
+              ></i>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form>
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      status-icon
+      :rules="rulesThis"
+      :label-position="'left'"
+      class="demo-ruleForm-goodsOnline"
+      :size="'mini'"
+    >
+      <el-row>
+        <el-col :span="12"
+          ><el-form-item label="审核状态" prop="state">
+            <el-radio-group
+              v-model="ruleForm.state"
+              placeholder="请选择审核状态"
+              :size="size || 'medium'"
+              @change="stateChange"
+            >
+              <el-radio v-for="item in stateList" :key="item.value" :label="item.value">{{
+                item.label
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <el-form-item
+            label="平台商品编码"
+            label-width="120px"
+            v-if="ruleForm.state + '' === '1'"
+            prop="plat_code"
+          >
+            <el-input
+              placeholder="平台商品编码"
+              v-model="ruleForm.plat_code"
+              :disabled="disabled"
+              maxlength="100"
+          /></el-form-item>
+
+          
+          <el-form-item label="审核备注" prop="remark" label-width="100px">
+            <!-- v-if="ruleForm.state === '0'" -->
+            <el-input
+              type="textarea"
+              placeholder="审核备注"
+              v-model="ruleForm.remark"
+              :disabled="disabled"
+              maxlength="250"
+              show-word-limit
+              :autosize="{ minRows: 3, maxRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+
+
+        <!-- <el-col :span="12" v-if="ruleForm.state === '1'"
+          ><el-form-item label="售价凭证类型" prop="proof_type">
+            <el-radio-group v-model="ruleForm.proof_type" @change="set_proof_url()">
+              <el-radio v-for="item in options" :key="item.value" :label="item.value">{{
+                item.label
+              }}</el-radio>
+            </el-radio-group>
+            <el-button class="fr" type="primary" @click="showVoucher = true"
+              >查看历史凭证</el-button
+            >
+          </el-form-item>
+          <el-form-item label="凭证文件" prop="proof_url">
+            <ul class="shangchuan-ul">
+              <li v-if="ruleForm.proof_type === '1'" class="shiping">
+                <div v-if="video_url" class="clearfix">
+                  <el-popover placement="top" width="300" trigger="hover">
+                    <video width="275" controls class="fl">
+                      <source :src="video_url" type="video/mp4" />
+                      <source :src="video_url" type="video/avi" />
+                      您的浏览器不支持Video标签。
+                    </video>
+                    <i
+                      class="el-icon-video-camera-solid hover"
+                      style="font-size: 18px"
+                      slot="reference"
+                    ></i>
+                  </el-popover>
+                  <el-link
+                    :underline="false"
+                    @click="deleteUrl('1')"
+                    type="warning"
+                    style="margin: 0 0 0 16px"
+                    >删除</el-link
+                  >
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <video-upload
+                      class="Upload"
+                      :disabled="type === 'view' || type === 'editCoin'"
+                      :accept="'.mp4,.avi'"
+                      :multiple="false"
+                      :uploadcondition="beforeVideoUpload"
+                      @UploadErrorEvent="UploadVideoEventproof_url"
+                      @UploadSuccessEvent="UploadSuccessVideoproof_url"
+                    />
+                  </div>
+
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于10MB</p>
+                    <p>文件格式：.mp4,.avi</p>
+                  </div>
+                </div>
+              </li>
+              <li v-if="ruleForm.proof_type === '2'" class="tupian">
+                <div v-if="img_url" class="clearfix">
+                  <img
+                    style="width: 50px; height: 50px"
+                    :src="img_url"
+                    class="avatar fl"
+                  />
+                  <el-link
+                    :underline="false"
+                    @click="deleteUrl('2')"
+                    type="warning"
+                    style="margin: 0 0 0 16px"
+                    >删除</el-link
+                  >
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <file-upload
+                      class="Upload"
+                      :disabled="type === 'view' || type === 'editCoin'"
+                      :accept="'.jpg,.png,.jpeg'"
+                      :multiple="false"
+                      :uploadcondition="beforeAvatarUpload"
+                      @UploadErrorEvent="UploadErrorEventproof_url"
+                      @UploadSuccessEvent="UploadSuccessEventproof_url"
+                    ></file-upload>
+                  </div>
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于1MB</p>
+                    <p>文件格式：.jpg,.png,.jpeg</p>
+                  </div>
+                </div>
+              </li>
+              <li v-if="ruleForm.proof_type === '3'" class="qita">
+                <div v-if="other_url" class="clearfix">
+                  <a :href="other_url" download="凭证文件">点击下载</a>
+
+                  <el-link
+                    :underline="false"
+                    @click="deleteUrl('3')"
+                    type="warning"
+                    style="margin: 0 0 0 16px"
+                    >删除</el-link
+                  >
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <file-upload-pdf
+                      class="Upload"
+                      :accept="'.xlsx,.xls,.pdf,.zip,.rar,.7z'"
+                      :multiple="false"
+                      :uploadcondition="beforeOtherUpload"
+                      @UploadErrorEvent="UploadErrorOtherproof_url"
+                      @UploadSuccessEvent="UploadSuccessOtherproof_url"
+                    />
+                  </div>
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于5MB</p>
+                    <p>文件格式：.xlsx,.xls,.pdf,.zip,.rar,.7z</p>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </el-form-item>
+          <show-voucher-model
+            :showModel="showVoucher"
+            :id="spuCode"
+            @cancel="showVoucher = false"
+            @searchChange="resvoucher"
+          />
+        </el-col> -->
+
+        <el-col :span="24">
+          <el-form-item class="fr">
+            <el-button
+              v-if="!isDetail && ruleForm.state !== '1'"
+              :size="'mini'"
+              type="primary"
+              @click="rejectRe('')"
+              >驳回重新审核
+            </el-button>
+            <el-button v-if="!isDetail" :size="'mini'" type="primary" @click="submitForm"
+              >保 存
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsOnline";
+import showVoucherModel from "@/components/show-voucher-model";
+import companyHelper from "@/mixins/companyHelper"
+import { isAlphanumeric, isnumber, validAlphabets } from "@/utils/validate";
+    
+export default {
+  name: "exam-form",
+  props: [
+    "size",
+    "statusList",
+    "disabled",
+    "isMust",
+    "labelWidth",
+    "id",
+    "spuCode",
+    "sitem",
+  ],
+  components: {
+    // costFormAddEdit,
+    showVoucherModel,
+  },
+  mixins:[companyHelper],
+  /**
+   * 属性集合
+   * @param {String}        size             : 组件大小             非必填
+   * @param {Array}         statusList       : 驳回至备选项          必填
+   * @param {Boolean}       disabled         : 是否禁用              必填
+   * @param {Boolean}       isMust           : 是否需要展示驳回节点   必填
+   *
+   *
+   */
+  /**
+   * 事件集合
+   * @searchChange             : 选中值变化调用   抛出选中数据
+   */
+  data() {
+    const validate_num = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_num_0 = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空！"));
+      } else if (
+        required &&
+        (value === "0" ||
+          value === "0." ||
+          value === "0.0" ||
+          value === "0.00" ||
+          value === "0.000")
+      ) {
+        callback(new Error("不能为零！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_plat_code = (rule, value, callback) => {
+      if (value === "" || !value) {
+        callback(new Error("平台商品编号不能为空！"));
+      } else {
+        if (isnumber(value)) {
+          callback();
+        } else if (validAlphabets(value)) {
+          callback();
+        } else if (isAlphanumeric(value)) {
+          callback();
+        } else {
+          callback("平台商品编号仅支持数字和字母！");
+        }
+      }
+  };
+
+    return {
+      loading: false,
+      stateList: [
+        {
+          value: "1",
+          label: "通过",
+        },
+        {
+          value: "0",
+          label: "驳回",
+        },
+      ],
+      platform_id:"",
+      showVoucher: false,
+      is_noble: false,
+      video_url: "",
+      img_url: "",
+      other_url: "",
+      options: [
+        {
+          value: "1",
+          label: "视频",
+        },
+        {
+          value: "2",
+          label: "图片",
+        },
+        {
+          value: "3",
+          label: "其他",
+        },
+      ],
+      status_options: [
+        {
+          value: "1",
+          label: "启用",
+        },
+        {
+          value: "0",
+          label: "禁用",
+        },
+      ],
+      showModelThis: this.showModel,
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 60 * 60 * 24 * 1000;
+        },
+      },
+      costshowModel: false,
+      costmodelIndex: "",
+      costsitem: {},
+      ruleForm: {
+        plat_code:"",
+        skuCode: "",
+        numStatus: "",
+        state: "1", //通过or驳回
+        proof_type: "1", //
+        proof_url: "", //驳回至
+        remark: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        // proof_type: [
+        //   {
+        //     required: true,
+        //     message: "请选择凭证类型",
+        //     trigger: "change",
+        //   },
+        // ],
+        plat_code: [
+          {
+            required: true,
+            validator:validate_plat_code,
+            trigger:'change'
+          },
+        ], 
+        // proof_url: [
+        //   {
+        //     required: true,
+        //     message: "请上传凭证文件",
+        //     trigger: "blur,change",
+        //   },
+        // ],
+        rebut: [
+          {
+            required: true,
+            message: "请选择驳回节点",
+            trigger: "change",
+          },
+        ],
+        state: [
+          {
+            required: true,
+            message: "请选择审核状态",
+            trigger: "change",
+          },
+        ],
+        remark: [
+          { required: true, message: "请输入审核备注", trigger: "blur" },
+          {
+            min: 1,
+            max: 250,
+            message: "长度在 1 到 250 个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+      addrForm: {
+        good_ladder: [],
+      },
+      good_ladder: [],
+      addrRules: {
+        min_num: [
+          {
+            required: true,
+            validator: validate_num_0,
+            trigger: "blur",
+          },
+        ],
+        new_sale_price: [{ required: false }],
+        sale_price: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validate_num,
+          },
+        ],
+        cost_fee: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validate_num,
+          },
+        ],
+        new_cost_fee: [
+          {
+            required: false,
+          },
+        ],
+        market_price: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+
+        market_platform: [
+          {
+            required: true,
+            message: "对比平台不能为空",
+            trigger: "blur",
+          },
+        ],
+        status: [
+          {
+            required: true,
+            message: "状态不能为空",
+            trigger: "change",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    isDetail: function (val, old) {
+      if (this.isDetail !== val) {
+        this.options = [];
+        this.selectLoading = false;
+      }
+    },
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    // 点击驳回重新审核或驳回并下线按钮
+    async rejectRe(numStatus) {
+      this.ruleForm.numStatus = numStatus;
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          console.log(valid);
+          this.$emit("searchChange", this.ruleForm);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    async initForm() {
+      this.loading = true;
+      await this.resetForm();
+      this.rulesThis = this.rules;
+      this.stateChange();
+      this.loading = false;
+    },
+    stateChange() {
+      if (this.ruleForm.state === "1") {
+        this.rulesThis.rebut[0].required = false;
+        this.rulesThis.remark[0].required = false;
+      } else {
+        this.rulesThis.rebut[0].required = true;
+        this.rulesThis.remark[0].required = true;
+      }
+    },
+
+    openCostEdit(index) {
+      let findex = this.addrForm.good_ladder.findIndex((v) => v.edit === true);
+      if (findex !== -1) {
+        this.$message.warning("当前已有阶梯售价在编辑，请保存后再试！");
+        return;
+      } else {
+        if (index === -1) {
+          this.addrForm.good_ladder.push({
+            edit: true,
+            min_num: "0",
+            new_sale_price: "0",
+            new_cost_fee: "0",
+            sale_price: "0",
+            cost_fee: "0",
+            market_price: "0",
+            market_platform: "",
+            status: "1",
+          });
+        } else {
+          this.addrForm.good_ladder[index].edit = true;
+          this.addrForm.good_ladder[index].newTime = new Date().valueOf() + "";
+        }
+      }
+    },
+    async get_new(index) {
+      const { min_num } = this.addrForm.good_ladder[index];
+      this.addrForm.good_ladder[index].search_loading = true;
+      let { code, data, message } = await asyncRequest.goodupprice({
+        platform_id:this.platform_id,
+        min_num: min_num,
+        spuCode: this.spuCode,
+        relaComNo: this.companyNo,
+        needRela: true
+      });
+      let resModel = {
+        isok: code,
+        platform_id: this.platform_id,
+        price: code === 0 ? data.sale_price : "0",
+        new_cost_fee: code === 0 ? data.new_cost_fee : "0",
+        message: message,
+      };
+      this.addrForm.good_ladder[index].search_loading = false;
+      return resModel;
+    },
+    //保存某一行
+    async checkRow(rowIndex) {
+      const { sale_price ,new_sale_price , cost_fee , new_cost_fee } = this.addrForm.good_ladder[rowIndex] || {}
+      const _salePrice = Number(sale_price)
+      const _systemSalePrice = Number(new_sale_price)
+      const _costFee = Number(cost_fee)
+      const _systemCostFee = Number(new_cost_fee)
+
+      if(_salePrice && _salePrice < _systemSalePrice){
+        this.$message.warning('售价不能小于系统售价!')
+        return
+      }
+
+      if(_costFee && _costFee < _systemCostFee) {
+        this.$message.warning('工艺费不能小于系统工艺费!')
+        return
+      }
+
+      await this.$refs.addrForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.addrForm.good_ladder[rowIndex].search_loading) {
+            const { min_num } = this.addrForm.good_ladder[rowIndex];
+            let findex = this.addrForm.good_ladder.findIndex(
+              (v) => v.edit !== true && v.min_num + "" === min_num + ""
+            );
+            if (findex !== -1) {
+              this.$message.warning("当前已有相同起订量的销售价！");
+              return;
+            }
+            let { isok, price, message, new_cost_fee } = await this.get_new(rowIndex);
+            if (isok === 0) {
+              this.addrForm.good_ladder[rowIndex].new_sale_price = price;
+              this.addrForm.good_ladder[rowIndex].new_cost_fee = new_cost_fee;
+              this.addrForm.good_ladder[rowIndex].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.addrForm.good_ladder[rowIndex].new_sale_price = price;
+              this.addrForm.good_ladder[rowIndex].new_cost_fee = new_cost_fee;
+              this.$message.warning(message);
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    openCostEditDelete(index) {
+      this.addrForm.good_ladder.splice(index, 1);
+    },
+    async num_change(e, key, index) {
+      const resNum = e ?? "";
+      this.addrForm.good_ladder[index][key] = resNum === "" ? "0" : resNum;
+      if (key === "min_num") {
+        const { min_num } = this.addrForm.good_ladder[index];
+        if (min_num === "" || min_num === "0") {
+          this.addrForm.good_ladder[index].new_sale_price = "0";
+        } else {
+          if (!this.addrForm.good_ladder[index].search_loading) {
+            let { isok, price, message, new_cost_fee } = await this.get_new(index);
+            if (isok === 0) {
+              this.addrForm.good_ladder[index].new_sale_price = price;
+              this.addrForm.good_ladder[index].new_cost_fee = new_cost_fee;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.addrForm.good_ladder[index].new_sale_price = price;
+              this.addrForm.good_ladder[index].new_cost_fee = new_cost_fee;
+              this.$message.warning(message);
+            }
+          }
+        }
+      }
+    },
+
+    async resetForm() {
+      this.is_noble = false;
+      // 重置
+      await this.$nextTick(async () => {
+        if (this.$refs.ruleForm && this.$refs.addrForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.$refs.addrForm.resetFields();
+          this.$refs.addrForm.clearValidate();
+          let { proof, ladderlist, cat_info ,platform_id} = this.sitem;
+          console.log(platform_id)
+          this.platform_id = platform_id;
+          if (cat_info && cat_info.length > 0) {
+            cat_info.forEach((e) => {
+              if (e.id === "6") {
+                this.is_noble = true;
+              }
+            });
+          }
+          ladderlist.map((a) => {
+            a.search_loading = false;
+            a.new_sale_price = "0";
+            a.newTime = new Date().valueOf() + "";
+            a.edit = false;
+            return a;
+          });
+
+          this.ruleForm = {
+            skuCode: this.id,
+            state: "1", // 通过or驳回
+            remark: "",
+            numStatus: "",
+            proof_type: proof && proof.proof_type ? proof.proof_type : "1", // 通过or驳回
+            proof_url: proof && proof.proof_url ? proof.proof_url : "", //驳回至
+          };
+          this.addrForm = {
+            good_ladder:
+              ladderlist && ladderlist.length > 0
+                ? JSON.parse(JSON.stringify(ladderlist))
+                : [],
+          };
+          this.good_ladder =
+            ladderlist && ladderlist.length > 0
+              ? JSON.parse(JSON.stringify(ladderlist))
+              : [];
+          // console.log(this.ruleForm.proof_url);
+          switch (this.ruleForm.proof_type) {
+            case "1":
+              this.video_url = this.ruleForm.proof_url;
+              break;
+            case "2":
+              this.img_url = this.ruleForm.proof_url;
+              break;
+            case "3":
+              this.other_url = this.ruleForm.proof_url;
+              break;
+            default:
+              this.video_url = this.ruleForm.proof_url;
+          }
+          this.$refs.ruleForm.validateField("proof_url");
+          for (let i = 0; i < this.addrForm.good_ladder.length; i++) {
+            let { isok, price, new_cost_fee, message } = await this.get_new(i);
+            if (isok === 0) {
+              this.addrForm.good_ladder[i].new_sale_price = price;
+              this.addrForm.good_ladder[i].new_cost_fee = new_cost_fee;
+              this.addrForm.good_ladder[i].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.addrForm.good_ladder[i].new_sale_price = price;
+              this.addrForm.good_ladder[i].new_cost_fee = new_cost_fee;
+              this.addrForm.good_ladder[i].edit = true;
+              this.addrForm.good_ladder[i].newTime = new Date().valueOf() + "";
+              this.$message.warning(message);
+            }
+          }
+        }
+      });
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            if('proof_type' in model) delete model['proof_type']
+            if('proof_url' in model) delete model['proof_url']
+            const { state } = model;
+            if (state + "" === "1") {
+              this.loading = true;
+              if (this.addrForm.good_ladder.length === 0) {
+                this.$message.warning("至少存在一条销售价信息！");
+                this.loading = false;
+                return;
+              }
+              let list = JSON.parse(JSON.stringify(this.addrForm.good_ladder));
+              let all_is_ok = true;
+              let isok = true;
+              for (let i = 0; i < this.addrForm.good_ladder; i++) {
+                this.addrForm.good_ladder[i].search_loading = true;
+                const { market_platform } = this.addrForm.good_ladder[i];
+                if (market_platform == "") {
+                  isok = false;
+                }
+                let { isok, price, new_cost_fee } = await this.get_new(i);
+                if (isok === 0) {
+                  this.set_ladder_item(i, price, new_cost_fee);
+                } else if (isok >= 100 && isok <= 104) {
+                  await this.logout();
+                } else {
+                  all_is_ok = false;
+                  this.set_ladder_item(i, price, new_cost_fee);
+                }
+              }
+              if (!isok) {
+                this.$message.warning("比价平台不能为空！");
+                this.loading = false;
+              }
+              if (!all_is_ok) {
+                this.$message.warning("阶梯售价未满足成本最低起订量！");
+                this.loading = false;
+              }
+              let list2 = [];
+              list.forEach((e) => {
+                let n = JSON.parse(JSON.stringify(e));
+                for (let key in n) {
+                  n[key] += "";
+                }
+                delete n["index"];
+                list2.push(n);
+              });
+              this.good_ladder.forEach((si, sii) => {
+                const index = list2.findIndex((ai, aii) => si.id === ai.id);
+                if (index === -1) {
+                  si.is_del = "1";
+                  list2.push(si);
+                }
+              });
+              model.good_ladder = list2;
+
+              model.skuCode = this.id;
+              model.exam_remark = model.remark;
+              model.exam_status = "3";
+              delete model["remark"];
+              await this.successHttp(model);
+            } else {
+              const { remark } = this.ruleForm;
+              await this.successHttp({
+                exam_remark: remark,
+                exam_status: "4",
+                skuCode: this.id,
+                noRelation: true,
+              });
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    async successHttp(model) {
+      const { code, message } = await asyncRequest.status(model);
+      this.loading = false;
+      if (code === 0) {
+        this.$notify.success({
+          title: "信息提交成功",
+          message: "",
+        });
+        this.$emit("resSuccess", true);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+
+    resvoucher(e) {
+      const { proof_type, proof_url } = e;
+      this.ruleForm.proof_type = proof_type || "1";
+      switch (this.ruleForm.proof_type) {
+        case "1":
+          this.video_url = proof_url;
+          break;
+        case "2":
+          this.img_url = proof_url;
+          break;
+        case "3":
+          this.other_url = proof_url;
+          break;
+        default:
+          this.video_url = proof_url;
+      }
+      this.set_proof_url();
+    },
+    //图片上传成功
+    async UploadSuccessEventproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.img_url = url;
+        this.set_proof_url();
+        this.$message.success("图片上传成功!");
+      }
+    },
+
+    //图片上传失败
+    UploadErrorEventproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("图片上传失败!");
+      }
+    },
+
+    //判断图片规格
+    beforeAvatarUpload(file) {
+      let isJPG = false;
+      if (
+        file.type === "image/jpg" ||
+        file.type === "image/png" ||
+        file.type === "image/jpeg"
+      ) {
+        isJPG = true;
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isJPG) {
+        this.$message.error("图片格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("图片大小不能超过 1MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    //视频上传成功
+    async UploadSuccessVideoproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.video_url = url;
+        this.set_proof_url();
+        this.$message.success("视频上传成功!");
+      }
+    },
+
+    //视频上传失败
+    UploadErrorVideoproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("视频上传失败!");
+      }
+    },
+
+    //判断视频规格
+    beforeVideoUpload(file) {
+      let isJPG = false;
+      if (file.type === "video/mp4" || file.type === "video/avi") {
+        isJPG = true;
+      }
+      const isLt2M = file.size / 1024 / 1024 < 10;
+      if (!isJPG) {
+        this.$message.error("视频格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("视频大小不能超过 10MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    // 其他文件上传成功
+    async UploadSuccessOtherproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.other_url = url;
+        this.set_proof_url();
+        this.$message.success("文件成功!");
+      }
+    },
+
+    //其他文件上传失败
+    UploadErrorOtherproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("文件上传失败!");
+      }
+    },
+
+    //判断其他文件规格
+    beforeOtherUpload(file) {
+      console.log(file);
+      let isJPG = false;
+      if (
+        file.type === "application/vnd.ms-excel" ||
+        file.type ===
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+        file.type === "application/pdf" ||
+        file.type === "application/x-zip-compressed"
+      ) {
+        isJPG = true;
+      }
+      let name = file.name;
+      let list = name.split(".");
+      if (list[list.length - 1] === "rar" || list[list.length - 1] === "7z") {
+        isJPG = true;
+      }
+
+      const isLt2M = file.size / 1024 / 1024 < 5;
+      if (!isJPG) {
+        this.$message.error("文件格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("文件大小不能超过 5MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    deleteUrl(type) {
+      switch (type) {
+        case "1":
+          this.video_url = "";
+          break;
+        case "2":
+          this.img_url = "";
+          break;
+        case "3":
+          this.other_url = "";
+          break;
+        default:
+          this.video_url = "";
+      }
+      this.set_proof_url();
+    },
+    set_proof_url() {
+      const { proof_type } = this.ruleForm;
+      switch (proof_type) {
+        case "1":
+          this.ruleForm.proof_url = this.video_url;
+          break;
+        case "2":
+          this.ruleForm.proof_url = this.img_url;
+          break;
+        case "3":
+          this.ruleForm.proof_url = this.other_url;
+          break;
+        default:
+          this.ruleForm.proof_url = this.video_url;
+      }
+      this.$refs.ruleForm.validateField("proof_url");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.demo-ruleForm-goodsOnline {
+  .shangchuan-ul {
+    li {
+      position: relative;
+      width: 100%;
+      &.tupian {
+      }
+    }
+  }
+}
+</style>

src/views/bbc/bbcOnline/components/fixed-price-form.vue

@@ -0,0 +1,1288 @@
+<template>
+  <div v-loading="loading">
+    <el-form
+      :model="addrForm"
+      ref="addrForm"
+      status-icon
+      class="demo-addrForm-goodsOnline"
+      :size="'mini'"
+    >
+      <el-table
+        :data="addrForm.good_ladder"
+        :size="'mini'"
+        border
+        stripe
+        max-height="300px"
+        row-key="key"
+        style="width: 100%; margin: 0 0 20px 0"
+      >
+        <el-table-column type="index" width="50" show-overflow-tooltip />
+        <el-table-column prop="min_num" label="起订量(>=)" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'min_num'"
+              :rules="addrRules.min_num"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.min_num"
+                :placeholder="'起订量(>=)'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit || sitem.create_source === '1'"
+                @reschange="num_change($event, 'min_num', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.min_num }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="new_sale_price"
+          show-overflow-tooltip
+          v-if="String(sitem.is_fixed) === '1'"
+        >
+          <template slot="header" slot-scope="scope">
+            <span>系统售价</span>
+          </template>
+
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'new_sale_price'"
+              :rules="addrRules.new_sale_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-loading="scope.row.loading"
+                v-model="scope.row.new_sale_price"
+                placeholder="系统售价"
+                :disabled="true"
+                :size="'mini'"
+                maxlength="20"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.new_sale_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="sale_price"
+          label="售价"
+          show-overflow-tooltip
+          v-if="String(sitem.is_fixed) === '1'"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'sale_price'"
+              :rules="addrRules.sale_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.sale_price"
+                :placeholder="'售价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit || sitem.create_source === '1'"
+                @reschange="num_change($event, 'sale_price', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.sale_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="new_cost_fee"
+          show-overflow-
+          v-if="String(sitem.is_fixed) === '0'"
+          label="系统工艺费"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'new_cost_fee'"
+              :rules="addrRules.new_cost_fee"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-loading="scope.row.loading"
+                v-model="scope.row.new_cost_fee"
+                placeholder="工艺费"
+                :disabled="true"
+                :size="'mini'"
+                maxlength="20"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.new_cost_fee }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="cost_fee"
+          label="工艺费"
+          show-overflow-tooltip
+          v-if="String(sitem.is_fixed) === '0'"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'cost_fee'"
+              :rules="addrRules.cost_fee"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.cost_fee"
+                :placeholder="'工艺费'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'cost_fee', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.cost_fee }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="market_price" label="市场价" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'market_price'"
+              :rules="addrRules.market_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.market_price"
+                :placeholder="'市场价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'market_price', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.market_price }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="market_platform" label="对比平台" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'market_platform'"
+              :rules="addrRules.market_platform"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-model="scope.row.market_platform"
+                placeholder="对比平台"
+                maxlength="50"
+                :disabled="!scope.row.edit || sitem.create_source === '1'"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.market_platform }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column fixed="right">
+          <template slot="header" slot-scope="scope">
+            <span>操作</span>
+            <el-tooltip effect="dark" content="添加阶梯" placement="top" v-if="sitem.create_source !== '1'">
+              <i class="el-icon-circle-plus-outline tb-icon fr" @click="openCostEdit(-1)"></i>
+            </el-tooltip>
+          </template>
+          <template slot-scope="scope">
+            <el-tooltip effect="dark" content="保存" v-if="scope.row.edit" placement="top">
+              <i class="el-icon-circle-check tb-icon" @click="checkRow(scope.$index)"></i>
+            </el-tooltip>
+            <el-tooltip effect="dark" v-else content="修改" placement="top">
+              <i class="el-icon-edit tb-icon" @click="openCostEdit(scope.$index)"></i>
+            </el-tooltip>
+            <el-tooltip effect="dark" content="删除" placement="top" v-if="sitem.create_source !== '1'">
+              <i class="el-icon-delete tb-icon" @click="openCostEditDelete(scope.$index)"></i>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form>
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      status-icon
+      :rules="rulesThis"
+      :label-position="'left'"
+      class="demo-ruleForm-goodsOnline"
+      :size="'mini'"
+    >
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="审核状态" prop="state">
+            <el-radio-group
+              v-model="ruleForm.state"
+              placeholder="请选择审核状态"
+              :size="size || 'medium'"
+              @change="stateChange"
+            >
+              <el-radio v-for="item in stateList" :key="item.value" :label="item.value">
+                {{
+                item.label
+                }}
+              </el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <!-- <el-form-item
+            label="平台商品编码"
+            label-width="120px"
+            v-if="ruleForm.state + '' === '1'"
+            prop="plat_code"
+          >
+            <el-input
+              placeholder="平台商品编码"
+              v-model="ruleForm.plat_code"
+              :disabled="disabled"
+              maxlength="100"
+            />
+          </el-form-item> -->
+
+          <el-form-item label="审核备注" prop="remark" label-width="100px">
+            <!-- v-if="ruleForm.state === '0'" -->
+            <el-input
+              type="textarea"
+              placeholder="审核备注"
+              v-model="ruleForm.remark"
+              :disabled="disabled"
+              maxlength="250"
+              show-word-limit
+              :autosize="{ minRows: 3, maxRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" v-if="ruleForm.state === '1'">
+          <el-form-item label="售价凭证类型" prop="proof_type">
+            <el-radio-group v-model="ruleForm.proof_type" @change="set_proof_url()">
+              <el-radio v-for="item in options" :key="item.value" :label="item.value">
+                {{
+                item.label
+                }}
+              </el-radio>
+            </el-radio-group>
+            <el-button class="fr" type="primary" @click="showVoucher = true">查看历史凭证</el-button>
+          </el-form-item>
+          <el-form-item label="凭证文件" prop="proof_url">
+            <ul class="shangchuan-ul">
+              <li v-if="ruleForm.proof_type === '1'" class="shiping">
+                <div v-if="video_url" class="clearfix">
+                  <el-popover placement="top" width="300" trigger="hover">
+                    <video width="275" controls class="fl">
+                      <source :src="video_url" type="video/mp4" />
+                      <source :src="video_url" type="video/avi" />您的浏览器不支持Video标签。
+                    </video>
+                    <i
+                      class="el-icon-video-camera-solid hover"
+                      style="font-size: 18px"
+                      slot="reference"
+                    ></i>
+                  </el-popover>
+                  <el-link
+                    :underline="false"
+                    @click="deleteUrl('1')"
+                    type="warning"
+                    style="margin: 0 0 0 16px"
+                  >删除</el-link>
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <video-upload
+                      class="Upload"
+                      :disabled="type === 'view' || type === 'editCoin'"
+                      :accept="'.mp4,.avi'"
+                      :multiple="false"
+                      :uploadcondition="beforeVideoUpload"
+                      @UploadErrorEvent="UploadVideoEventproof_url"
+                      @UploadSuccessEvent="UploadSuccessVideoproof_url"
+                    />
+                  </div>
+
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于10MB</p>
+                    <p>文件格式：.mp4,.avi</p>
+                  </div>
+                </div>
+              </li>
+              <li v-if="ruleForm.proof_type === '2'" class="tupian">
+                <div v-if="img_url" class="clearfix">
+                  <img style="width: 50px; height: 50px" :src="img_url" class="avatar fl" />
+                  <el-link
+                    :underline="false"
+                    @click="deleteUrl('2')"
+                    type="warning"
+                    style="margin: 0 0 0 16px"
+                  >删除</el-link>
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <file-upload
+                      class="Upload"
+                      :disabled="type === 'view' || type === 'editCoin'"
+                      :accept="'.jpg,.png,.jpeg'"
+                      :multiple="false"
+                      :uploadcondition="beforeAvatarUpload"
+                      @UploadErrorEvent="UploadErrorEventproof_url"
+                      @UploadSuccessEvent="UploadSuccessEventproof_url"
+                    ></file-upload>
+                  </div>
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于1MB</p>
+                    <p>文件格式：.jpg,.png,.jpeg</p>
+                  </div>
+                </div>
+              </li>
+              <li v-if="ruleForm.proof_type === '3'" class="qita">
+                <div v-if="other_url" class="clearfix">
+                  <a :href="other_url" download="凭证文件">点击下载</a>
+
+                  <el-link
+                    :underline="false"
+                    @click="deleteUrl('3')"
+                    type="warning"
+                    style="margin: 0 0 0 16px"
+                  >删除</el-link>
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <file-upload-pdf
+                      class="Upload"
+                      :accept="'.xlsx,.xls,.pdf,.zip,.rar,.7z'"
+                      :multiple="false"
+                      :uploadcondition="beforeOtherUpload"
+                      @UploadErrorEvent="UploadErrorOtherproof_url"
+                      @UploadSuccessEvent="UploadSuccessOtherproof_url"
+                    />
+                  </div>
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于5MB</p>
+                    <p>文件格式：.xlsx,.xls,.pdf,.zip,.rar,.7z</p>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </el-form-item>
+          <show-voucher-model
+            :showModel="showVoucher"
+            :id="spuCode"
+            @cancel="showVoucher = false"
+            @searchChange="resvoucher"
+          />
+        </el-col>
+
+        <el-col :span="24">
+          <el-form-item class="fr">
+            <!-- <el-button
+              v-if="!isDetail && ruleForm.state !== '1'"
+              :size="'mini'"
+              type="primary"
+              @click="rejectRe('')"
+            >驳回重新审核</el-button> -->
+            <el-button v-if="!isDetail" :size="'mini'" type="primary" @click="submitForm">保 存</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import companyHelper from "@/mixins/companyHelper";
+import asyncRequest from "@/apis/service/bbc";
+import showVoucherModel from "@/components/show-voucher-model";
+import { isAlphanumeric, isnumber, validAlphabets } from "@/utils/validate";
+
+export default {
+  name: "exam-form",
+  props: [
+    "size",
+    "statusList",
+    "disabled",
+    "isMust",
+    "labelWidth",
+    "id",
+    "spuCode",
+    "sitem",
+    "isFixed"
+  ],
+  components: {
+    // costFormAddEdit,
+    showVoucherModel
+  },
+  mixins: [companyHelper],
+  /**
+   * 属性集合
+   * @param {String}        size             : 组件大小             非必填
+   * @param {Array}         statusList       : 驳回至备选项          必填
+   * @param {Boolean}       disabled         : 是否禁用              必填
+   * @param {Boolean}       isMust           : 是否需要展示驳回节点   必填
+   *
+   *
+   */
+  /**
+   * 事件集合
+   * @searchChange             : 选中值变化调用   抛出选中数据
+   */
+  data() {
+    const validate_num = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空"));
+      } else {
+        callback(); 
+      }
+    };
+    const validate_num_0 = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空！"));
+      } else if (
+        required &&
+        (value === "0" ||
+          value === "0." ||
+          value === "0.0" ||
+          value === "0.00" ||
+          value === "0.000")
+      ) {
+        callback(new Error("不能为零！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_plat_code = (rule, value, callback) => {
+      if (value === "" || !value) {
+        callback(new Error("平台商品编号不能为空！"));
+      } else {
+        if (isnumber(value)) {
+          callback();
+        } else if (validAlphabets(value)) {
+          callback();
+        } else if (isAlphanumeric(value)) {
+          callback();
+        } else {
+          callback("平台商品编号仅支持数字和字母！");
+        }
+      }
+    };
+
+    return {
+      loading: false,
+      stateList: [
+        {
+          value: "1",
+          label: "通过"
+        },
+        {
+          value: "0",
+          label: "驳回"
+        }
+      ],
+      platform_id: "",
+      showVoucher: false,
+      is_noble: false,
+      video_url: "",
+      img_url: "",
+      other_url: "",
+      options: [
+        {
+          value: "1",
+          label: "视频"
+        },
+        {
+          value: "2",
+          label: "图片"
+        },
+        {
+          value: "3",
+          label: "其他"
+        }
+      ],
+      status_options: [
+        {
+          value: "1",
+          label: "启用"
+        },
+        {
+          value: "0",
+          label: "禁用"
+        }
+      ],
+      showModelThis: this.showModel,
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 60 * 60 * 24 * 1000;
+        }
+      },
+      costshowModel: false,
+      costmodelIndex: "",
+      costsitem: {},
+      ruleForm: {
+        plat_code: "",
+        skuCode: "",
+        numStatus: "",
+        state: "1", //通过or驳回
+        proof_type: "1", //
+        proof_url: "", //驳回至
+        remark: ""
+      },
+      rulesThis: this.rules,
+      rules: {
+        proof_type: [
+          {
+            required: true,
+            message: "请选择凭证类型",
+            trigger: "change"
+          }
+        ],
+        proof_url: [
+          {
+            required: true,
+            message: "请上传凭证文件",
+            trigger: "blur,change"
+          }
+        ],
+        plat_code: [
+          {
+            required: true,
+            validator: validate_plat_code,
+            trigger: "change"
+          }
+        ],
+        rebut: [
+          {
+            required: true,
+            message: "请选择驳回节点",
+            trigger: "change"
+          }
+        ],
+        state: [
+          {
+            required: true,
+            message: "请选择审核状态",
+            trigger: "change"
+          }
+        ],
+        remark: [
+          { required: true, message: "请输入审核备注", trigger: "blur" },
+          {
+            min: 1,
+            max: 250,
+            message: "长度在 1 到 250 个字符",
+            trigger: "blur"
+          }
+        ]
+      },
+      addrForm: {
+        good_ladder: []
+      },
+      good_ladder: [],
+      addrRules: {
+        min_num: [
+          {
+            required: true,
+            validator: validate_num_0,
+            trigger: "blur"
+          }
+        ],
+        new_sale_price: [{ required: false }],
+        sale_price: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validate_num
+          }
+        ],
+        cost_fee: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validate_num
+          }
+        ],
+        new_cost_fee: [
+          {
+            required: false
+          }
+        ],
+        market_price: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur"
+          }
+        ],
+
+        market_platform: [
+          {
+            required: true,
+            message: "对比平台不能为空",
+            trigger: "blur"
+          }
+        ],
+        status: [
+          {
+            required: true,
+            message: "状态不能为空",
+            trigger: "change"
+          }
+        ]
+      }
+    };
+  },
+  watch: {
+    isDetail: function(val, old) {
+      if (this.isDetail !== val) {
+        this.options = [];
+        this.selectLoading = false;
+      }
+    },
+    newTime: function(val) {
+      if (val) {
+        this.initForm();
+      }
+    }
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    // 点击驳回重新审核或驳回并下线按钮
+    async rejectRe(numStatus) {
+      this.ruleForm.numStatus = numStatus;
+      await this.$refs.ruleForm.validate(async valid => {
+        if (valid) {
+          console.log(valid);
+          this.$emit("searchChange", this.ruleForm);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    async initForm() {
+      this.loading = true;
+      await this.resetForm();
+      this.rulesThis = this.rules;
+      this.stateChange();
+      this.loading = false;
+    },
+    stateChange() {
+      if (this.ruleForm.state === "1") {
+        this.rulesThis.rebut[0].required = false;
+        this.rulesThis.remark[0].required = false;
+      } else {
+        this.rulesThis.rebut[0].required = true;
+        this.rulesThis.remark[0].required = true;
+      }
+    },
+
+    openCostEdit(index) {
+      let findex = this.addrForm.good_ladder.findIndex(v => v.edit === true);
+      if (findex !== -1) {
+        this.$message.warning("当前已有阶梯售价在编辑，请保存后再试！");
+        return;
+      } else {
+        if (index === -1) {
+          this.addrForm.good_ladder.push({
+            edit: true,
+            min_num: "0",
+            new_sale_price: "0",
+            new_cost_fee: "0",
+            sale_price: "0",
+            cost_fee: "0",
+            market_price: "0",
+            market_platform: "",
+            status: "1"
+          });
+        } else {
+          this.addrForm.good_ladder[index].edit = true;
+          this.addrForm.good_ladder[index].newTime = new Date().valueOf() + "";
+        }
+      }
+    },
+    async get_new(index) {
+      const { min_num } = this.addrForm.good_ladder[index];
+      this.addrForm.good_ladder[index].search_loading = true;
+
+      let { code, data, message } = await asyncRequest.goodupprice({
+        platform_id: this.platform_id,
+        min_num: min_num,
+        spuCode: this.spuCode,
+        relaComNo: this.companyNo,
+        is_fixed: this.isFixed,
+        needRela: true
+      });
+
+      let resModel = {
+        isok: code,
+        platform_id: this.platform_id,
+        price: code === 0 ? data.sale_price : "0",
+        new_cost_fee: code === 0 ? data.new_cost_fee : "0",
+        message: message
+      };
+      this.addrForm.good_ladder[index].search_loading = false;
+      return resModel;
+    },
+    //保存某一行
+    async checkRow(rowIndex) {
+      const { sale_price, new_sale_price, cost_fee, new_cost_fee } =
+        this.addrForm.good_ladder[rowIndex] || {};
+      const _salePrice = Number(sale_price) || 0;
+      const _systemSalePrice = Number(new_sale_price) || 0;
+      const _costFee = Number(cost_fee) || 0;
+      const _systemCostFee = Number(new_cost_fee) || 0;
+
+      if (Number(this.sitem.is_fixed) === 1 && _salePrice < _systemSalePrice) {
+        this.$message.warning("售价不能小于系统售价!");
+        return;
+      }
+
+      if (Number(this.sitem.is_fixed) === 0 && _costFee < _systemCostFee) {
+        this.$message.warning("工艺费不能小于系统工艺费!");
+        return;
+      }
+
+      await this.$refs.addrForm.validate(async valid => {
+        if (valid) {
+          if (!this.addrForm.good_ladder[rowIndex].search_loading) {
+            const { min_num } = this.addrForm.good_ladder[rowIndex];
+            let findex = this.addrForm.good_ladder.findIndex(
+              v => v.edit !== true && v.min_num + "" === min_num + ""
+            );
+            if (findex !== -1) {
+              this.$message.warning("当前已有相同起订量的销售价！");
+              return;
+            }
+            let { isok, price, message, new_cost_fee } = await this.get_new(
+              rowIndex
+            );
+
+            if(this.sitem.create_source === "1"){
+              this.addrForm.good_ladder[rowIndex].edit = false;
+            }else if (isok === 0) {
+              this.addrForm.good_ladder[rowIndex].new_sale_price = price;
+              this.addrForm.good_ladder[rowIndex].new_cost_fee = new_cost_fee;
+              this.addrForm.good_ladder[rowIndex].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.addrForm.good_ladder[rowIndex].new_sale_price = price;
+              this.addrForm.good_ladder[rowIndex].new_cost_fee = new_cost_fee;
+              this.$message.warning(message);
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    openCostEditDelete(index) {
+      this.addrForm.good_ladder.splice(index, 1);
+    },
+    async num_change(e, key, index) {
+      const resNum = e ?? "";
+      this.addrForm.good_ladder[index][key] = resNum === "" ? "0" : resNum;
+      if (key === "min_num") {
+        const { min_num } = this.addrForm.good_ladder[index];
+        if (min_num === "" || min_num === "0") {
+          this.addrForm.good_ladder[index].new_sale_price = "0";
+        } else {
+          if (!this.addrForm.good_ladder[index].search_loading && this.sitem.create_source !== "1") {
+            let { isok, price, message, new_cost_fee } = await this.get_new(
+              index
+            );
+            if (isok === 0) {
+              this.addrForm.good_ladder[index].new_sale_price = price;
+              this.addrForm.good_ladder[index].new_cost_fee = new_cost_fee;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.addrForm.good_ladder[index].new_sale_price = price;
+              this.addrForm.good_ladder[index].new_cost_fee = new_cost_fee;
+              this.$message.warning(message);
+            }
+          }
+        }
+      }
+    },
+
+    async resetForm() {
+      this.is_noble = false;
+      // 重置
+      await this.$nextTick(async () => {
+        if (this.$refs.ruleForm && this.$refs.addrForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.$refs.addrForm.resetFields();
+          this.$refs.addrForm.clearValidate();
+          let { proof, ladderlist, cat_info, platform_id } = this.sitem;
+          console.log(platform_id);
+          this.platform_id = platform_id;
+          if (cat_info && cat_info.length > 0) {
+            cat_info.forEach(e => {
+              if (e.id === "6") {
+                this.is_noble = true;
+              }
+            });
+          }
+          ladderlist.map(a => {
+            a.search_loading = false;
+            a.new_sale_price = "0";
+            a.newTime = new Date().valueOf() + "";
+            a.edit = false;
+            return a;
+          });
+
+          this.ruleForm = {
+            skuCode: this.id,
+            state: "1", // 通过or驳回
+            remark: "",
+            numStatus: "",
+            proof_type: proof && proof.proof_type ? proof.proof_type : "1", // 通过or驳回
+            proof_url: proof && proof.proof_url ? proof.proof_url : "" //驳回至
+          };
+          
+          this.addrForm = {
+            good_ladder: ladderlist && ladderlist.length > 0 ? JSON.parse(JSON.stringify(ladderlist)) : []
+          };
+
+          this.good_ladder = ladderlist && ladderlist.length > 0 ? JSON.parse(JSON.stringify(ladderlist)) : [];
+          
+          switch (this.ruleForm.proof_type) {
+            case "1":
+              this.video_url = this.ruleForm.proof_url;
+              break;
+            case "2":
+              this.img_url = this.ruleForm.proof_url;
+              break;
+            case "3":
+              this.other_url = this.ruleForm.proof_url;
+              break;
+            default:
+              this.video_url = this.ruleForm.proof_url;
+          }
+
+          this.$refs.ruleForm.validateField("proof_url");
+
+          if(this.sitem.create_source === "1"){
+            this.addrForm.good_ladder = [
+              {
+                edit: true,
+                min_num: this.sitem.nakelist[0].min_num,
+                market_price: "0",
+                market_platform: "京东",
+                status: "1",
+                ...(this.sitem.is_gold_price === "0" 
+                ? ({ new_sale_price: Number(this.sitem.nakelist[0].nake_fee),  sale_price:Number(this.sitem.sale_price),  cost_fee: "0", new_cost_fee: "0"}) 
+                : ({ new_cost_fee: Number(this.sitem.nakelist[0].cost_fee) , new_sale_price: "0" ,sale_price: "0",  cost_fee: "0", new_cost_fee: Number(this.sitem.sale_price)}))
+              }
+            ]
+
+            console.log("cost_fee=" + this.addrForm.good_ladder[0].new_cost_fee)
+          } else {
+            for (let i = 0; i < this.addrForm.good_ladder.length; i++) {
+            let { isok, price, new_cost_fee, message } = await this.get_new(i);
+            if (isok === 0) {
+              this.addrForm.good_ladder[i].new_sale_price = price;
+              this.addrForm.good_ladder[i].new_cost_fee = new_cost_fee;
+              this.addrForm.good_ladder[i].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.addrForm.good_ladder[i].new_sale_price = price;
+              this.addrForm.good_ladder[i].new_cost_fee = new_cost_fee;
+              this.addrForm.good_ladder[i].edit = true;
+              this.addrForm.good_ladder[i].newTime = new Date().valueOf() + "";
+              this.$message.warning(message);
+            }
+          }
+          }
+        }
+      });
+    },
+    set_ladder_item(i, price, new_cost_fee) {
+      this.addrForm.good_ladder[i].new_sale_price = price;
+      // this.addrForm.good_ladder[i].sale_price = price;
+      this.addrForm.good_ladder[i].new_cost_fee = new_cost_fee;
+      this.addrForm.good_ladder[i].cost_fee = new_cost_fee;
+      this.addrForm.good_ladder[i].newTime =
+        new Date().valueOf() + Math.random();
+      this.$set(this.addrForm.good_ladder, i, this.addrForm.good_ladder[i]);
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async valid => {
+        if (valid) {
+          if (!this.loading) {
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            const { state } = model;
+            this.loading = true;
+            if (this.addrForm.good_ladder.length === 0) {
+              this.$message.warning("至少存在一条销售价信息！");
+              this.loading = false;
+              return;
+            }
+            let list = JSON.parse(JSON.stringify(this.addrForm.good_ladder));
+            for (let index = 0; index < list.length; index++) {
+              const item = list[index];
+              if (item.edit) {
+                this.$message.warning(`请保存第 ${index + 1} 行的阶梯售价信息`);
+                this.loading = false;
+                return;
+              }
+            }
+
+            if (state + "" === "1") {
+              let all_is_ok = true;
+              let isok = true;
+
+              for (let i = 0; i < this.addrForm.good_ladder.length; i++) {
+                this.addrForm.good_ladder[i].search_loading = true;
+                const { market_platform } = this.addrForm.good_ladder[i];
+
+                if (market_platform == "") {
+                  isok = false;
+                }
+
+               if(this.sitem.create_source !== "1"){
+                let { isok, price, new_cost_fee } = await this.get_new(i);
+                if (isok === 0) {
+                  this.set_ladder_item(i, price, new_cost_fee);
+                } else if (isok >= 100 && isok <= 104) {
+                  await this.logout();
+                } else {
+                  all_is_ok = false;
+                  this.set_ladder_item(i, price, new_cost_fee);
+                }
+               }
+              }
+
+              for (
+                let index = 0;
+                index < this.addrForm.good_ladder.length;
+                index++
+              ) {
+                const { sale_price, new_sale_price, cost_fee, new_cost_fee } = this.addrForm.good_ladder[index] || {};
+                const _salePrice = Number(sale_price);
+                const _systemSalePrice = Number(new_sale_price);
+                const _costFee = Number(cost_fee);
+                const _systemCostFee = Number(new_cost_fee);
+
+                if (
+                  Number(this.sitem.is_fixed) === 1 && _salePrice < _systemSalePrice
+                ) {
+                  this.$message.warning(
+                    `第 ${index + 1} 行的售价不能小于系统售价!`
+                  );
+                  this.loading = false;
+                  return;
+                }
+
+                if (
+                  Number(this.sitem.is_fixed) === 0 &&
+                  _costFee < _systemCostFee
+                ) {
+                  this.$message.warning(
+                    "第 ${index + 1} 行的工艺费不能工艺费不能小于系统工艺费!"
+                  );
+                  this.loading = false;
+                  return;
+                }
+              }
+
+              if (!isok) {
+                this.$message.warning("比价平台不能为空！");
+                this.loading = false;
+              }
+              if (!all_is_ok) {
+                this.$message.warning("阶梯售价未满足成本最低起订量！");
+                this.loading = false;
+              }
+              let list2 = [];
+              list.forEach(e => {
+                let n = JSON.parse(JSON.stringify(e));
+                for (let key in n) {
+                  n[key] += "";
+                }
+                delete n["index"];
+                list2.push(n);
+              });
+              this.good_ladder.forEach((si, sii) => {
+                const index = list2.findIndex((ai, aii) => si.id === ai.id);
+                if (index === -1) {
+                  si.is_del = "1";
+                  list2.push(si);
+                }
+              });
+              model.good_ladder = list2;
+
+              model.skuCode = this.id;
+              model.exam_remark = model.remark;
+              model.exam_status = "6";
+              delete model["remark"];
+              await this.successHttp(model);
+            } else {
+              const { remark } = this.ruleForm;
+              await this.successHttp({
+                exam_remark: remark,
+                exam_status: "4",
+                skuCode: this.id,
+                noRelation: true
+              });
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    async successHttp(model) {
+      const { code, message } = await asyncRequest.status(model);
+      this.loading = false;
+      if (code === 0) {
+        this.$notify.success({
+          title: "信息提交成功",
+          message: ""
+        });
+        this.$emit("resSuccess", true);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+
+    resvoucher(e) {
+      const { proof_type, proof_url } = e;
+      this.ruleForm.proof_type = proof_type || "1";
+      switch (this.ruleForm.proof_type) {
+        case "1":
+          this.video_url = proof_url;
+          break;
+        case "2":
+          this.img_url = proof_url;
+          break;
+        case "3":
+          this.other_url = proof_url;
+          break;
+        default:
+          this.video_url = proof_url;
+      }
+      this.set_proof_url();
+    },
+    //图片上传成功
+    async UploadSuccessEventproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.img_url = url;
+        this.set_proof_url();
+        this.$message.success("图片上传成功!");
+      }
+    },
+
+    //图片上传失败
+    UploadErrorEventproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("图片上传失败!");
+      }
+    },
+
+    //判断图片规格
+    beforeAvatarUpload(file) {
+      let isJPG = false;
+      if (
+        file.type === "image/jpg" ||
+        file.type === "image/png" ||
+        file.type === "image/jpeg"
+      ) {
+        isJPG = true;
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isJPG) {
+        this.$message.error("图片格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("图片大小不能超过 1MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    //视频上传成功
+    async UploadSuccessVideoproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.video_url = url;
+        this.set_proof_url();
+        this.$message.success("视频上传成功!");
+      }
+    },
+
+    //视频上传失败
+    UploadErrorVideoproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("视频上传失败!");
+      }
+    },
+
+    //判断视频规格
+    beforeVideoUpload(file) {
+      let isJPG = false;
+      if (file.type === "video/mp4" || file.type === "video/avi") {
+        isJPG = true;
+      }
+      const isLt2M = file.size / 1024 / 1024 < 10;
+      if (!isJPG) {
+        this.$message.error("视频格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("视频大小不能超过 10MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    // 其他文件上传成功
+    async UploadSuccessOtherproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.other_url = url;
+        this.set_proof_url();
+        this.$message.success("文件成功!");
+      }
+    },
+
+    //其他文件上传失败
+    UploadErrorOtherproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("文件上传失败!");
+      }
+    },
+
+    //判断其他文件规格
+    beforeOtherUpload(file) {
+      console.log(file);
+      let isJPG = false;
+      if (
+        file.type === "application/vnd.ms-excel" ||
+        file.type ===
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+        file.type === "application/pdf" ||
+        file.type === "application/x-zip-compressed"
+      ) {
+        isJPG = true;
+      }
+      let name = file.name;
+      let list = name.split(".");
+      if (list[list.length - 1] === "rar" || list[list.length - 1] === "7z") {
+        isJPG = true;
+      }
+
+      const isLt2M = file.size / 1024 / 1024 < 5;
+      if (!isJPG) {
+        this.$message.error("文件格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("文件大小不能超过 5MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    deleteUrl(type) {
+      switch (type) {
+        case "1":
+          this.video_url = "";
+          break;
+        case "2":
+          this.img_url = "";
+          break;
+        case "3":
+          this.other_url = "";
+          break;
+        default:
+          this.video_url = "";
+      }
+      this.set_proof_url();
+    },
+    set_proof_url() {
+      const { proof_type } = this.ruleForm;
+      switch (proof_type) {
+        case "1":
+          this.ruleForm.proof_url = this.video_url;
+          break;
+        case "2":
+          this.ruleForm.proof_url = this.img_url;
+          break;
+        case "3":
+          this.ruleForm.proof_url = this.other_url;
+          break;
+        default:
+          this.ruleForm.proof_url = this.video_url;
+      }
+      this.$refs.ruleForm.validateField("proof_url");
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.demo-ruleForm-goodsOnline {
+  .shangchuan-ul {
+    li {
+      position: relative;
+      width: 100%;
+      &.tupian {
+      }
+    }
+  }
+}
+</style>

src/views/bbc/bbcOnline/components/online-form.vue

@@ -0,0 +1,1249 @@
+<template>
+  <div v-loading="loading">
+    <el-form
+      ref="ruleForm"
+      :model="ruleForm"
+      status-icon
+      :rules="rulesThis"
+      label-width="115px"
+      class="demo-ruleForm-goodsOnline"
+      :size="'mini'"
+    >
+      <el-row>
+        <el-col :span="12"
+          ><el-form-item label="审核状态" prop="state">
+            <el-radio-group
+              v-model="ruleForm.state"
+              placeholder="请选择审核状态"
+              :size="size || 'medium'"
+              @change="stateChange"
+            >
+              <el-radio v-for="item in stateList" :key="item.value" :label="item.value">{{
+                item.label
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            label="平台商品编码"
+            v-if="ruleForm.state + '' === '1'"
+            prop="plat_code"
+          >
+            <el-input
+              placeholder="平台商品编码"
+              v-model="ruleForm.plat_code"
+              :disabled="disabled"
+              maxlength="100"
+          /></el-form-item>
+        </el-col>
+
+        <el-col :span="12" v-if="ruleForm.state + '' === '1'">
+          <el-form-item label="售价凭证类型" prop="proof_type">
+            <el-radio-group v-model="ruleForm.proof_type">
+              <el-radio v-for="item in options" :key="item.value" :label="item.value">{{
+                item.label
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="凭证文件" prop="proof_url">
+            <ul class="shangchuan-ul">
+              <li v-if="ruleForm.proof_type + '' === '1'" class="shiping">
+                <div v-if="video_url" class="clearfix">
+                  <el-popover placement="top" width="300" trigger="hover">
+                    <video width="275" controls class="fl">
+                      <source :src="video_url" type="video/mp4" />
+                      <source :src="video_url" type="video/avi" />
+                      您的浏览器不支持Video标签。
+                    </video>
+                    <i
+                      class="el-icon-video-camera-solid hover"
+                      style="font-size: 18px"
+                      slot="reference"
+                    ></i>
+                  </el-popover>
+
+                  <el-button
+                    type="text"
+                    style="margin: 0 0 0 16px"
+                    @click="deleteUrl('1')"
+                    icon="el-icon-close"
+                  ></el-button>
+                  <el-button
+                    class="fr"
+                    type="text"
+                    @click="showVoucher = true"
+                    icon="el-icon-view"
+                    >历史凭证</el-button
+                  >
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <video-upload
+                      class="Upload"
+                      :disabled="type === 'view' || type === 'editCoin'"
+                      :accept="'.mp4,.avi'"
+                      :multiple="false"
+                      :uploadcondition="beforeVideoUpload"
+                      @UploadErrorEvent="UploadVideoEventproof_url"
+                      @UploadSuccessEvent="UploadSuccessVideoproof_url"
+                    />
+                  </div>
+
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于10MB</p>
+                    <p>文件格式：.mp4,.avi</p>
+                  </div>
+                </div>
+              </li>
+              <li v-if="ruleForm.proof_type + '' === '2'" class="tupian">
+                <div v-if="img_url" class="clearfix">
+                  <img
+                    style="width: 28px; height: 28px"
+                    :src="img_url"
+                    class="avatar fl hover"
+                    v-viewer
+                  />
+                  <el-button
+                    type="text"
+                    style="margin: 0 0 0 16px"
+                    @click="deleteUrl('2')"
+                    icon="el-icon-close"
+                  ></el-button>
+                  <el-button
+                    class="fr"
+                    type="text"
+                    @click="showVoucher = true"
+                    icon="el-icon-view"
+                    >历史凭证</el-button
+                  >
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <file-upload
+                      class="Upload"
+                      :disabled="type === 'view' || type === 'editCoin'"
+                      :accept="'.jpg,.png,.jpeg'"
+                      :multiple="false"
+                      :uploadcondition="beforeAvatarUpload"
+                      @UploadErrorEvent="UploadErrorEventproof_url"
+                      @UploadSuccessEvent="UploadSuccessEventproof_url"
+                    ></file-upload>
+                  </div>
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于1MB</p>
+                    <p>文件格式：.jpg,.png,.jpeg</p>
+                  </div>
+                </div>
+              </li>
+              <li v-if="ruleForm.proof_type + '' === '3'" class="qita">
+                <div v-if="other_url" class="clearfix">
+                  <a :href="other_url" download="凭证文件">点击下载</a>
+
+                  <el-button
+                    type="text"
+                    style="margin: 0 0 0 16px"
+                    @click="deleteUrl('3')"
+                    icon="el-icon-close"
+                  ></el-button>
+                  <el-button
+                    class="fr"
+                    type="text"
+                    @click="showVoucher = true"
+                    icon="el-icon-view"
+                    >历史凭证</el-button
+                  >
+                </div>
+
+                <div class="activity-upload" v-else>
+                  <div class="btnupload" style="position: relative">
+                    <i class="el-icon-plus avatar-uploader-icon"></i>
+                    <file-upload-pdf
+                      class="Upload"
+                      :accept="'.xlsx,.xls,.pdf,.zip,.rar,.7z'"
+                      :multiple="false"
+                      :uploadcondition="beforeOtherUpload"
+                      @UploadErrorEvent="UploadErrorOtherproof_url"
+                      @UploadSuccessEvent="UploadSuccessOtherproof_url"
+                    />
+                  </div>
+                  <div class="txt-tips fl">
+                    <p>建议大小：小于5MB</p>
+                    <p>文件格式：.xlsx,.xls,.pdf,.zip,.rar,.7z</p>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </el-form-item>
+          <show-voucher-model
+            :showModel="showVoucher"
+            :id="spuCode"
+            @cancel="showVoucher = false"
+            @searchChange="resvoucher"
+          />
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="审核备注" prop="remark">
+            <el-input
+              type="textarea"
+              placeholder="审核备注"
+              v-model="ruleForm.remark"
+              :disabled="disabled"
+              maxlength="250"
+              show-word-limit
+              :autosize="{ minRows: 3, maxRows: 3 }"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-form
+      v-if="ruleForm.state + '' === '1'"
+      :model="addrForm"
+      ref="addrForm"
+      status-icon
+      class="demo-addrForm-goodsOnline"
+      :size="'mini'"
+    >
+      <!-- <el-table
+        :data="addrForm.good_ladder"
+        :size="'mini'"
+        border
+        stripe
+        max-height="300px"
+        row-key="key"
+        style="width: 100%; margin: 0 0 20px 0"
+      >
+        <el-table-column type="index" label="行数" width="100" show-overflow-tooltip />
+        <el-table-column prop="min_num" label="起订量(>=)" show-overflow-tooltip />
+        <el-table-column
+          prop="new_sale_price"
+          v-if="!(sitem && sitem.is_gold_price + '' === '1' && is_noble)"
+          label="系统售价"
+          show-overflow-tooltip
+        />
+
+        <el-table-column
+          prop="new_cost_fee"
+          show-overflow-tooltip
+          v-if="sitem && sitem.is_gold_price + '' === '1' && is_noble"
+          label="系统工艺费"
+        />
+
+        <el-table-column prop="market_price" label="市场价" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <digital-input
+              :values="scope.row.market_price"
+              :placeholder="'市场价'"
+              :min="0"
+              :max="100000000000"
+              :position="'right'"
+              :precision="2"
+              :controls="false"
+              :append="''"
+              :newTime="scope.row.newTime"
+              :size="'mini'"
+              @reschange="num_change($event, 'market_price', scope.$index)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="market_platform" label="对比平台" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-input
+              v-model="scope.row.market_platform"
+              placeholder="对比平台"
+              maxlength="50"
+              :size="'mini'"
+            />
+          </template>
+        </el-table-column>
+      </el-table> -->
+
+      <el-table
+        :data="addrForm.good_ladder"
+        :size="'mini'"
+        border
+        stripe
+        max-height="300px"
+        row-key="key"
+        style="width: 100%; margin: 0 0 20px 0"
+      >
+        <el-table-column type="index" width="50" show-overflow-tooltip />
+        <el-table-column prop="min_num" label="起订量(>=)" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'min_num'"
+              :rules="addrRules.min_num"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.min_num"
+                :placeholder="'起订量(>=)'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'min_num', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.min_num }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="new_sale_price" show-overflow-tooltip>
+          <template slot="header" slot-scope="scope">
+            <span>系统售价</span>
+          </template>
+
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'new_sale_price'"
+              :rules="addrRules.new_sale_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-loading="scope.row.loading"
+                v-model="scope.row.new_sale_price"
+                placeholder="系统售价"
+                :disabled="true"
+                :size="'mini'"
+                maxlength="20"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.new_sale_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="sale_price"
+          label="售价"
+          show-overflow-tooltip
+          v-if="!(sitem && sitem.is_gold_price === '1' && is_noble)"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'sale_price'"
+              :rules="addrRules.sale_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.sale_price"
+                :placeholder="'售价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'sale_price', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.sale_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="new_cost_fee"
+          show-overflow-
+          v-if="sitem && sitem.is_gold_price === '1' && is_noble"
+          label="系统工艺费"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'new_cost_fee'"
+              :rules="addrRules.new_cost_fee"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-loading="scope.row.loading"
+                v-model="scope.row.new_cost_fee"
+                placeholder="工艺费"
+                :disabled="true"
+                :size="'mini'"
+                maxlength="20"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.new_cost_fee }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="cost_fee"
+          label="工艺费"
+          show-overflow-tooltip
+          v-if="sitem && sitem.is_gold_price === '1' && is_noble"
+        >
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'cost_fee'"
+              :rules="addrRules.cost_fee"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.cost_fee"
+                :placeholder="'工艺费'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+              :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'cost_fee', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.cost_fee }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="market_price" label="市场价" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'market_price'"
+              :rules="addrRules.market_price"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <digital-input
+                :values="scope.row.market_price"
+                :placeholder="'市场价'"
+                :min="0"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :controls="false"
+                :append="''"
+                :newTime="scope.row.newTime"
+                :size="'mini'"
+                :disabled="!scope.row.edit"
+                @reschange="num_change($event, 'market_price', scope.$index)"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.market_price }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="market_platform" label="对比平台" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-form-item
+              v-show="scope.row.edit"
+              :prop="'good_ladder.' + scope.$index + '.' + 'market_platform'"
+              :rules="addrRules.market_platform"
+              :size="'mini'"
+              :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
+            >
+              <el-input
+                v-model="scope.row.market_platform"
+                placeholder="对比平台"
+                maxlength="50"
+                :disabled="!scope.row.edit"
+              />
+            </el-form-item>
+            <span v-show="!scope.row.edit">{{ scope.row.market_platform }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right">
+          <template slot="header" slot-scope="scope">
+            <span>操作</span>
+            <el-tooltip effect="dark" content="添加阶梯" placement="top">
+              <i
+                class="el-icon-circle-plus-outline tb-icon fr"
+                @click="openCostEdit(-1)"
+              ></i>
+            </el-tooltip>
+          </template>
+          <template slot-scope="scope">
+            <el-tooltip
+              effect="dark"
+              content="保存"
+              v-if="scope.row.edit"
+              placement="top"
+            >
+              <i class="el-icon-circle-check tb-icon" @click="checkRow(scope.$index)" />
+            </el-tooltip>
+            <el-tooltip effect="dark" v-else content="修改" placement="top">
+              <i class="el-icon-edit tb-icon" @click="openCostEdit(scope.$index)" />
+            </el-tooltip>
+            <el-tooltip effect="dark" content="删除" placement="top">
+              <i
+                class="el-icon-delete tb-icon"
+                @click="openCostEditDelete(scope.$index)"
+              />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-form>
+    <div class="tr">
+      <el-button v-if="!isDetail" :size="'mini'" type="primary" @click="submitForm"
+        >保 存
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+// import costFormAddEdit from "./costFormAddEdit";
+import asyncRequest from "@/apis/service/goodStore/goodsOnline";
+import showVoucherModel from "@/components/show-voucher-model";
+import { isAlphanumeric, isnumber, validAlphabets } from "@/utils/validate";
+    
+export default {
+  name: "exam-form",
+  props: [
+    "size",
+    "statusList",
+    "disabled",
+    "isMust",
+    "labelWidth",
+    "id",
+    "spuCode",
+    "sitem",
+  ],
+  components: {
+    // costFormAddEdit,
+    showVoucherModel,
+  },
+  /**
+   * 属性集合
+   * @param {String}        size             : 组件大小             非必填
+   * @param {Array}         statusList       : 驳回至备选项          必填
+   * @param {Boolean}       disabled         : 是否禁用              必填
+   * @param {Boolean}       isMust           : 是否需要展示驳回节点   必填
+   *
+   *
+   */
+  /**
+   * 事件集合
+   * @searchChange             : 选中值变化调用   抛出选中数据
+   */
+  data() {
+    const validate_num = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_num_0 = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空！"));
+      } else if (
+        required &&
+        (value === "0" ||
+          value === "0." ||
+          value === "0.0" ||
+          value === "0.00" ||
+          value === "0.000")
+      ) {
+        callback(new Error("不能为零！"));
+      } else {
+        callback();
+      }
+    };
+
+    const validate_plat_code = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("平台商品编号不能为空！"));
+      } else {
+        if (isnumber(value)) {
+          callback();
+        } else if (validAlphabets(value)) {
+          callback();
+        } else if (isAlphanumeric(value)) {
+          callback();
+        } else {
+          callback("平台商品编号仅支持数字和字母！");
+        }
+      }
+  };
+
+    return {
+      search_loading: false,
+      loading: false,
+      companyNo: "",
+      platform_id: "",
+      stateList: [
+        {
+          value: "1",
+          label: "通过",
+        },
+        {
+          value: "0",
+          label: "驳回",
+        },
+      ],
+      showVoucher: false,
+      is_noble: false,
+      video_url: "",
+      img_url: "",
+      other_url: "",
+      options: [
+        {
+          value: "1",
+          label: "视频",
+        },
+        {
+          value: "2",
+          label: "图片",
+        },
+        {
+          value: "3",
+          label: "其他",
+        },
+      ],
+      status_options: [
+        {
+          value: "1",
+          label: "启用",
+        },
+        {
+          value: "0",
+          label: "禁用",
+        },
+      ],
+      showModelThis: this.showModel,
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 60 * 60 * 24 * 1000;
+        },
+      },
+      costshowModel: false,
+      costmodelIndex: "",
+      costsitem: {},
+      ruleForm: {
+        skuCode: "",
+        numStatus: "",
+        plat_code: "",
+        state: "1", //通过or驳回
+        proof_type: "1", //
+        proof_url: "", //驳回至
+        remark: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        proof_type: [
+          {
+            required: true,
+            message: "请选择凭证类型",
+            trigger: "change",
+          },
+        ],
+        proof_url: [
+          {
+            required: true,
+            message: "请上传凭证文件",
+            trigger: "blur,change",
+          },
+        ],
+        rebut: [
+          {
+            required: true,
+            message: "请选择驳回节点",
+            trigger: "change",
+          },
+        ],
+        state: [
+          {
+            required: true,
+            message: "请选择审核状态",
+            trigger: "change",
+          },
+        ],
+        plat_code: [
+          {
+            required: true,
+            validator:validate_plat_code
+          },
+        ],
+        remark: [
+          { required: true, message: "请输入审核备注", trigger: "blur" },
+          {
+            min: 1,
+            max: 250,
+            message: "长度在 1 到 250 个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+      addrForm: {
+        good_ladder: [],
+      },
+      good_ladder: [],
+      addrRules: {
+        market_price: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+
+        market_platform: [
+          {
+            required: true,
+            message: "对比平台不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    isDetail: function (val, old) {
+      if (this.isDetail !== val) {
+        this.options = [];
+        this.selectLoading = false;
+      }
+    },
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    openCostEditDelete(index) {
+      this.addrForm.good_ladder.splice(index, 1);
+    },
+    openCostEdit(index) {
+      let findex = this.addrForm.good_ladder.findIndex((v) => v.edit === true);
+      if (findex !== -1) {
+        this.$message.warning("当前已有阶梯售价在编辑，请保存后再试！");
+        return;
+      } else {
+        if (index === -1) {
+          this.addrForm.good_ladder.push({
+            edit: true,
+            min_num: "0",
+            new_sale_price: "0",
+            new_cost_fee: "0",
+            sale_price: "0",
+            cost_fee: "0",
+            market_price: "0",
+            market_platform: "",
+            status: "1",
+          });
+        } else {
+          this.addrForm.good_ladder[index].edit = true;
+          this.addrForm.good_ladder[index].newTime = new Date().valueOf() + "";
+        }
+      }
+    },
+    async checkRow(rowIndex) {
+      const { market_platform, sale_price, market_price ,new_sale_price} = this.addrForm.good_ladder[rowIndex]
+      const _salePrice = Number(sale_price)
+      const _marketPrice = Number(market_price)
+      const _systemSalePrice = Number(new_sale_price)
+
+      if(!market_platform){
+        this.$message.warning("对比平台不能为空")
+        return
+      }
+
+      if(!_salePrice && !_marketPrice){
+        this.$message.warning("市场价和售价只能填写一个")
+        return
+      }
+
+      if(_salePrice && _salePrice < _systemSalePrice){
+        this.$message.warning("售价不能小于系统售价")
+        return
+      }
+
+      if(_marketPrice && _marketPrice < _systemSalePrice){
+        this.$message.warning("市场价格不能小于系统售价")
+        return
+      }
+
+      const { min_num } = this.addrForm.good_ladder[rowIndex];
+      let findex = this.addrForm.good_ladder.findIndex(
+        (v) => v.edit !== true && v.min_num + "" === min_num + ""
+      );
+      if (findex !== -1) {
+        this.$message.warning("当前已有相同起订量的销售价！");
+        return;
+      }
+      let { isok, price, message, new_cost_fee } = await this.get_new(rowIndex);
+      if (isok === 0) {
+        console.log(this.addrForm.good_ladder[rowIndex])
+        this.addrForm.good_ladder[rowIndex].new_sale_price = price;
+        this.addrForm.good_ladder[rowIndex].new_cost_fee = new_cost_fee;
+        this.addrForm.good_ladder[rowIndex].edit = false;
+      } else if (isok >= 100 && isok <= 104) {
+        await this.logout();
+      } else {
+        this.addrForm.good_ladder[rowIndex].new_sale_price = price;
+        this.addrForm.good_ladder[rowIndex].new_cost_fee = new_cost_fee;
+        this.$message.warning(message);
+      }
+    },
+    async initForm() {
+      this.loading = true;
+      await this.resetForm();
+      this.rulesThis = this.rules;
+      this.stateChange();
+      this.loading = false;
+    },
+    stateChange() {
+      if (this.ruleForm.state + "" === "1") {
+        this.rulesThis.rebut[0].required = false;
+        this.rulesThis.remark[0].required = false;
+      } else {
+        this.rulesThis.rebut[0].required = true;
+        this.rulesThis.remark[0].required = true;
+      }
+    },
+
+    async get_new(index) {
+      const { min_num } = this.addrForm.good_ladder[index];
+      this.addrForm.good_ladder[index].search_loading = true;
+      let { code, data, message } = await asyncRequest.goodupprice({
+        min_num: min_num,
+        spuCode: this.spuCode,
+        platform_id: this.platform_id,
+        relaComNo: this.companyNo,
+        needRela: true,
+      });
+      let resModel = {
+        isok: code,
+        price: code === 0 ? data.sale_price : "0",
+        new_cost_fee: code === 0 ? data.new_cost_fee : "0",
+        message: message,
+      };
+      this.addrForm.good_ladder[index].search_loading = false;
+      return resModel;
+    },
+
+    async num_change(e, key, index) {
+      const resNum = e ?? "";
+      console.log(111)
+      this.addrForm.good_ladder[index][key] = resNum === "" ? "0" : resNum;
+      if (key === "min_num") {
+        const { min_num } = this.addrForm.good_ladder[index];
+        if (min_num === "" || min_num === "0") {
+          this.addrForm.good_ladder[index].new_sale_price = "0";
+        } else {
+          if (!this.addrForm.good_ladder[index].search_loading) {
+            let { isok, price, message, new_cost_fee } = await this.get_new(index);
+            if (isok === 0) {
+              this.set_ladder_item(index, price, new_cost_fee);
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.set_ladder_item(index, price, new_cost_fee);
+              this.$message.warning(message);
+            }
+          }
+        }
+      }
+    },
+
+    async resetForm() {
+      this.is_noble = false;
+      // 重置
+      await this.$nextTick(async () => {
+        if (this.$refs.ruleForm && this.$refs.addrForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.$refs.addrForm.resetFields();
+          this.$refs.addrForm.clearValidate();
+          let {
+            proof,
+            nakelist,
+            ladderlist,
+            cat_info,
+            platform_id,
+            companyNo,
+          } = this.sitem;
+          // console.log(platform_id);
+          this.platform_id = platform_id;
+          if (cat_info && cat_info.length > 0) {
+            cat_info.forEach((e) => {
+              if (e.id === "6") {
+                this.is_noble = true;
+              }
+            });
+          }
+          this.companyNo = companyNo;
+          let listAll = [];
+          // nakelist.forEach((e) => {
+          //   listAll.push({ min_num: e.min_num });
+          // });
+          let index = -1;
+          nakelist.forEach((e, ei) => {
+            index = ladderlist.findIndex((s) => Number(s.min_num) === Number(e.min_num));
+            listAll.push({
+              id: index != -1 ? ladderlist[index].id : "",
+              min_num: index != -1 ? ladderlist[index].min_num : e.min_num,
+              market_price: index != -1 ? ladderlist[index].market_price : "",
+              market_platform: index != -1 ? ladderlist[index].market_platform : "",
+              newTime: new Date().valueOf() + "",
+            });
+          });
+
+          this.ruleForm = {
+            skuCode: this.id,
+            state: "1", // 通过or驳回
+            remark: "",
+            numStatus: "",
+            proof_type: proof && proof.proof_type ? proof.proof_type : "1", // 通过or驳回
+            proof_url: proof && proof.proof_url ? proof.proof_url : "", //驳回至
+          };
+          this.good_ladder =
+            listAll && listAll.length > 0 ? JSON.parse(JSON.stringify(listAll)) : [];
+          this.addrForm = {
+            good_ladder:
+              listAll && listAll.length > 0 ? JSON.parse(JSON.stringify(listAll)) : [],
+          };
+
+          this.set_file_url(this.ruleForm.proof_type, this.ruleForm.proof_url);
+          for (let i = 0; i < this.addrForm.good_ladder.length; i++) {
+            let { isok, price, new_cost_fee, message } = await this.get_new(i);
+            if (isok === 0) {
+              this.set_ladder_item(i, price, new_cost_fee);
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.set_ladder_item(i, price, new_cost_fee);
+              this.$message.warning(message);
+            }
+          }
+        }
+      });
+    },
+    set_file_url(type, url) {
+      switch (type) {
+        case "1":
+          this.video_url = url;
+          break;
+        case "2":
+          this.img_url = url;
+          break;
+        case "3":
+          this.other_url = url;
+          break;
+        default:
+          this.video_url = url;
+      }
+      this.$refs.ruleForm.validateField("proof_url");
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            const { state } = model;
+            if (state + "" === "1") {
+              this.loading = true;
+              if (this.addrForm.good_ladder.length === 0) {
+                this.$message.warning("至少存在一条销售价信息！");
+                this.loading = false;
+                return;
+              }
+              let list = JSON.parse(JSON.stringify(this.addrForm.good_ladder));
+              let all_is_ok = true;
+              let isok = true;
+              for (let i = 0; i < this.addrForm.good_ladder; i++) {
+                this.addrForm.good_ladder[i].search_loading = true;
+                const { market_platform } = this.addrForm.good_ladder[i];
+                if (market_platform == "") {
+                  isok = false;
+                }
+                let { isok, price, new_cost_fee } = await this.get_new(i);
+                if (isok === 0) {
+                  this.set_ladder_item(i, price, new_cost_fee);
+                } else if (isok >= 100 && isok <= 104) {
+                  await this.logout();
+                } else {
+                  all_is_ok = false;
+                  this.set_ladder_item(i, price, new_cost_fee);
+                }
+              }
+              if (!isok) {
+                this.$message.warning("比价平台不能为空！");
+                this.loading = false;
+              }
+              if (!all_is_ok) {
+                this.$message.warning("阶梯售价未满足成本最低起订量！");
+                this.loading = false;
+              }
+              let list2 = [];
+              list.forEach((e) => {
+                let n = JSON.parse(JSON.stringify(e));
+                for (let key in n) {
+                  n[key] += "";
+                }
+                delete n["index"];
+                list2.push(n);
+              });
+              this.good_ladder.forEach((si, sii) => {
+                const index = list2.findIndex((ai, aii) => si.id === ai.id);
+                if (index === -1) {
+                  si.is_del = "1";
+                  list2.push(si);
+                }
+              });
+              model.good_ladder = list2;
+
+              model.skuCode = this.id;
+              model.exam_remark = model.remark;
+              model.exam_status = "3";
+              delete model["remark"];
+              await this.successHttp(model);
+            } else {
+              const { remark } = this.ruleForm;
+              await this.successHttp({
+                exam_remark: remark,
+                exam_status: "4",
+                skuCode: this.id,
+                noRelation: true,
+              });
+            }
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    set_ladder_item(i, price, new_cost_fee) {
+      this.addrForm.good_ladder[i].new_sale_price = price;
+      this.addrForm.good_ladder[i].sale_price = price;
+      this.addrForm.good_ladder[i].new_cost_fee = new_cost_fee;
+      this.addrForm.good_ladder[i].cost_fee = new_cost_fee;
+      this.addrForm.good_ladder[i].newTime = new Date().valueOf() + Math.random();
+      this.$set(this.addrForm.good_ladder, i, this.addrForm.good_ladder[i]);
+    },
+    async successHttp(model) {
+      console.log(model);
+      const { code, message } = await asyncRequest.goodupexam(model);
+      this.loading = false;
+      if (code === 0) {
+        this.$notify.success({
+          title: "信息提交成功",
+          message: "",
+        });
+        this.$emit("resSuccess", true);
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+
+    resvoucher(e) {
+      const { proof_type, proof_url } = e;
+      this.ruleForm.proof_type = proof_type || "1";
+      switch (this.ruleForm.proof_type) {
+        case "1":
+          this.video_url = proof_url;
+          break;
+        case "2":
+          this.img_url = proof_url;
+          break;
+        case "3":
+          this.other_url = proof_url;
+          break;
+        default:
+          this.video_url = proof_url;
+      }
+      this.set_proof_url();
+    },
+    //图片上传成功
+    async UploadSuccessEventproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.img_url = url;
+        this.set_proof_url();
+        this.$message.success("图片上传成功!");
+      }
+    },
+
+    //图片上传失败
+    UploadErrorEventproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("图片上传失败!");
+      }
+    },
+
+    //判断图片规格
+    beforeAvatarUpload(file) {
+      let isJPG = false;
+      if (
+        file.type === "image/jpg" ||
+        file.type === "image/png" ||
+        file.type === "image/jpeg"
+      ) {
+        isJPG = true;
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isJPG) {
+        this.$message.error("图片格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("图片大小不能超过 1MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    //视频上传成功
+    async UploadSuccessVideoproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.video_url = url;
+        this.set_proof_url();
+        this.$message.success("视频上传成功!");
+      }
+    },
+
+    //视频上传失败
+    UploadErrorVideoproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("视频上传失败!");
+      }
+    },
+
+    //判断视频规格
+    beforeVideoUpload(file) {
+      let isJPG = false;
+      if (file.type === "video/mp4" || file.type === "video/avi") {
+        isJPG = true;
+      }
+      const isLt2M = file.size / 1024 / 1024 < 10;
+      if (!isJPG) {
+        this.$message.error("视频格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("视频大小不能超过 10MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    // 其他文件上传成功
+    async UploadSuccessOtherproof_url(data) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        this.other_url = url;
+        this.set_proof_url();
+        this.$message.success("文件成功!");
+      }
+    },
+
+    //其他文件上传失败
+    UploadErrorOtherproof_url(res) {
+      if (res !== "break") {
+        this.set_proof_url();
+        this.$message.error("文件上传失败!");
+      }
+    },
+
+    //判断其他文件规格
+    beforeOtherUpload(file) {
+      console.log(file);
+      let isJPG = false;
+      if (
+        file.type === "application/vnd.ms-excel" ||
+        file.type ===
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+        file.type === "application/pdf" ||
+        file.type === "application/x-zip-compressed"
+      ) {
+        isJPG = true;
+      }
+      let name = file.name;
+      let list = name.split(".");
+      if (list[list.length - 1] === "rar" || list[list.length - 1] === "7z") {
+        isJPG = true;
+      }
+
+      const isLt2M = file.size / 1024 / 1024 < 5;
+      if (!isJPG) {
+        this.$message.error("文件格式不正确！");
+      }
+      if (!isLt2M) {
+        this.$message.error("文件大小不能超过 5MB!");
+      }
+      return isJPG && isLt2M;
+    },
+
+    deleteUrl(type) {
+      switch (type) {
+        case "1":
+          this.video_url = "";
+          break;
+        case "2":
+          this.img_url = "";
+          break;
+        case "3":
+          this.other_url = "";
+          break;
+        default:
+          this.video_url = "";
+      }
+      this.set_proof_url();
+    },
+    set_proof_url() {
+      const { proof_type } = this.ruleForm;
+      switch (proof_type) {
+        case "1":
+          this.ruleForm.proof_url = this.video_url;
+          break;
+        case "2":
+          this.ruleForm.proof_url = this.img_url;
+          break;
+        case "3":
+          this.ruleForm.proof_url = this.other_url;
+          break;
+        default:
+          this.ruleForm.proof_url = this.video_url;
+      }
+      this.$refs.ruleForm.validateField("proof_url");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.demo-ruleForm-goodsOnline {
+  .shangchuan-ul {
+    li {
+      position: relative;
+      width: 100%;
+      &.tupian {
+      }
+    }
+  }
+}
+</style>

src/views/bbc/bbcOnline/components/process-remark-time-line.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="processRearkTimeLine">
+    <el-steps
+      direction="vertical"
+      :active="options.length"
+      :space="80"
+      :finish-status="finishStatus"
+      :process-status="finishStatus"
+    >
+      <el-step
+        icon="el-icon-success"
+        v-for="(item, index) in options"
+        :key="item.time + index"
+        :finish-status="finishStatus"
+        :process-status="finishStatus"
+        style="margin: 0 0 0 150px; position: relative"
+      >
+        <div
+          slot="title"
+          style="position: absolute; width: 142px; left: -150px; text-align: right"
+        >
+          {{ (options8.find((si) => si.id == item.exam_status) || {}).name || "--" }}
+        </div>
+        <div slot="description">
+          <p class="name">操作人： {{ item.exam_name }}</p>
+          <p class="time" v-if="item.exam_remark">备注： {{ item.exam_remark }}</p>
+          <p class="time">
+            {{ item.addtime }}
+          </p>
+        </div>
+      </el-step>
+    </el-steps>
+  </div>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsOnline";
+import resToken from "@/mixins/resToken";
+import { options8 } from "../columns";
+export default {
+  name: "processRearkTimeLine",
+  props: ["skuCode", "newTime"],
+  mixins: [resToken],
+  data() {
+    return {
+      options: [],
+      loading: false,
+      options8,
+    };
+  },
+  watch: {
+    newTime: function (val) {
+      if (val) {
+        this.getList();
+      }
+    },
+  },
+  mounted() {
+    this.getList();
+  },
+
+  methods: {
+    async getList() {
+      if (!this.loading) {
+        this.loading = true;
+        this.options = [];
+        const { code, data } = await asyncRequest.getgoodexamlist({
+          skuCode: this.skuCode,
+          page: 1,
+          size: 1000,
+        });
+        if (code === 0) {
+          const { list } = data ?? {};
+          this.options = list ?? [];
+        } else {
+          this.options = [];
+        }
+        this.loading = false;
+      }
+    },
+  },
+};
+</script>
+<style lang="scss">
+.date-picker.el-input {
+  // width: 150px !important;
+}
+</style>

src/views/bbc/bbcOnline/detail.vue

@@ -0,0 +1,553 @@
+<template>
+  <div class="goodsOnlineDetail">
+    <div class="goodsOnlineDetail-main" v-if="powers.some((i) => i == '007')">
+      <el-tabs v-model="activeTabs">
+        <el-tab-pane label="商品上线详情" name="1" v-if="queryType !== 'add'">
+          <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
+            <el-collapse-item title="商品上线详情" name="0">
+              <show-data-table
+                :newTime="newTime"
+                v-if="newTime !== ''"
+                :sitem="sitem"
+                :columns="public_listCol"
+              >
+                <template slot="proof_id">
+                  <el-popover
+                    placement="top"
+                    width="300"
+                    trigger="hover"
+                    v-if="sitem.proof.proof_type === '1'"
+                  >
+                    <video width="275" controls class="fl">
+                      <source :src="sitem.proof.proof_url" type="video/mp4" />
+                      <source :src="sitem.proof.proof_url" type="video/avi" />您的浏览器不支持Video标签。
+                    </video>
+                    <i
+                      class="el-icon-video-camera-solid hover"
+                      style="font-size: 18px"
+                      slot="reference"
+                    ></i>
+                  </el-popover>
+
+                  <img
+                    v-else-if="sitem.proof.proof_type + '' === '2'"
+                    style="width: 23px; height: 23px"
+                    :src="sitem.proof.proof_url"
+                    class="avatar fl hover"
+                    v-viewer
+                  />
+
+                  <a
+                    v-else-if="sitem.proof.proof_type + '' === '3'"
+                    :href="sitem.proof.proof_url"
+                    download="凭证文件"
+                  >点击下载</a>
+                  <span v-else>暂无凭证</span>
+                </template>
+
+                <template slot="is_combind">{{String(sitem.is_combind) === '1' ? '组合商品' : '非组合商品'}}</template>
+
+                <tempalte slot="is_fixed">{{String(sitem.is_fixed) === "0" ? '实时金价' : '一口价'}}</tempalte>
+
+                <template slot="good_name">
+                  <img
+                    v-viewer
+                    style="width: 23px; height: 23px; margin: 0 5px 0 0"
+                    class="fl"
+                    v-if="sitem.good_thumb_img"
+                    :src="sitem.good_thumb_img"
+                    alt
+                  />
+                  <span>{{ sitem.good_name }}</span>
+                  <span v-for="(si, i) in sitem.speclist" :key="si.spec_id + i">
+                    <span v-if="i !== 0">-</span>
+                    <span v-else>_</span>
+                    <span>{{ si.spec_name }}[{{ si.spec_value }}]</span>
+                  </span>
+                  <el-popover placement="top" width="300" trigger="hover">
+                    <ul>
+                      <li>
+                        <span>上线商品编号：</span>
+                        <span>{{ sitem.skuCode }}</span>
+                      </li>
+                      <li
+                        v-if="
+                          newTime !== '' &&
+                          private_field &&
+                          private_field.length > 0 &&
+                          private_field.some((item) => item == '1')
+                        "
+                      >
+                        <span>成本商品编号：</span>
+                        <span>{{ sitem.spuCode }}</span>
+                      </li>
+                      <li>
+                        <span>平台商品编码：</span>
+                        <span>{{ sitem.plat_code }}</span>
+                      </li>
+                    </ul>
+                    <i class="el-icon-warning-outline fr" slot="reference"></i>
+                  </el-popover>
+                </template>
+                <template slot="company">
+                  <span>{{ sitem.company }}</span>
+                  <el-popover placement="top" width="300" trigger="hover">
+                    <ul>
+                      <li>
+                        <span>业务企业编号：</span>
+                        <span>{{ sitem.companyNo }}</span>
+                      </li>
+                    </ul>
+                    <i class="el-icon-warning-outline fr" slot="reference"></i>
+                  </el-popover>
+                </template>
+                <template slot="good_img">
+                  <img
+                    class="fl"
+                    style="width: 23px; height: 23px; margin: 0 5px 0 0"
+                    v-viewer
+                    v-for="(si, i) in sitem.good_img"
+                    :src="si"
+                    :key="si + i"
+                  />
+                </template>
+
+                <template slot="market_url">
+                 <el-button type="text" size="mini" @click="openMarkletUrl"> {{sitem.market_url}}</el-button>
+                </template>
+
+                <template slot="good_info_img">
+                  <img
+                    class="fl"
+                    style="width: 23px; height: 23px; margin: 0 5px 0 0"
+                    v-viewer
+                    v-for="(si, i) in sitem.good_info_img"
+                    :src="si"
+                    :key="si + i"
+                  />
+                </template>
+                <template slot="exclusive">
+                  <span v-for="(si, sii) in sitem.exclusive" :key="si.id">
+                    <span v-if="sii !== 0">/</span>
+                    <span>{{ si.name }}</span>
+                  </span>
+                </template>
+                <template slot="supply_area">
+                  <el-tag
+                    :size="'mini'"
+                    v-text="
+                      (options6.find((item) => item.id == sitem.supply_area) || {})
+                        .name || '--'
+                    "
+                  />
+                </template>
+                <template slot="create_source">
+                    <el-tag size="mini" :type="sitem.create_source === '1' ? 'warning' : ''">
+                       {{ sitem.create_source === "1" ? "咨询成交商品" : "手动创建商品" }}
+                    </el-tag> <span v-if="Number(sitem.create_source) === 1">,咨询销售价 {{ sitem.sale_price }}</span>
+                  </template>
+                <template slot="is_stock">
+                  <el-tag
+                    :size="'mini'"
+                    v-text="
+                      (options4.find((item) => item.id == sitem.is_stock) || {}).name ||
+                      '--'
+                    "
+                  />
+                </template>
+                <template slot="exam_status">
+                  <el-tag
+                    :size="'mini'"
+                    :type="
+                      (options8.find((item) => item.id == sitem.exam_status) || {})
+                        .type || ''
+                    "
+                    v-text="
+                      (options8.find((item) => item.id == sitem.exam_status) || {})
+                        .name || '--'
+                    "
+                  />
+                </template>
+                <template slot="good_type">
+                  <el-tag
+                    :size="'mini'"
+                    v-text="
+                      (options1.find((item) => item.id == sitem.good_type) || {}).name ||
+                      '--'
+                    "
+                  />
+                  <span
+                    v-if="sitem.good_type + '' === '1'"
+                    style="padding: 0 0 0 5px"
+                  >{{ sitem.moq }}起订/工期{{ sitem.customized }}天</span>
+                </template>
+                <template slot="noble">
+                  <span v-if="sitem.noble_metal">
+                    {{ sitem.noble_weight ? sitem.noble_weight : "0" }}g-{{
+                    sitem.noble_name
+                    }}-{{ sitem.gold_price ? sitem.gold_price : "0" }}元/g-{{
+                    sitem.is_gold_price === "0" ? "不" : ""
+                    }}启用实时金价-{{ sitem.is_diff === "1" ? "有" : "无" }}工差-{{
+                    sitem.config
+                    }}-{{ sitem.other_config }}
+                  </span>
+                </template>
+              </show-data-table>
+              <show-data-table
+                :newTime="newTime"
+                v-if="isDisplayPrivateField('1') "
+                :sitem="sitem"
+                :columns="purchase_listCol"
+              >
+                <template slot="supplierName">
+                  <span>{{ sitem.supplierName }}</span>
+                  <el-popover placement="top" width="300" trigger="hover">
+                    <ul>
+                      <li>
+                        <span>供应商编号：</span>
+                        <span>{{ sitem.supplierNo }}</span>
+                      </li>
+                    </ul>
+                    <i class="el-icon-warning-outline fr" slot="reference"></i>
+                  </el-popover>
+                </template>
+                <template slot="is_auth">
+                  <el-tag
+                    :size="'mini'"
+                    v-text="
+                      (options3.find((item) => item.id == sitem.is_auth) || {}).name ||
+                      '--'
+                    "
+                  />
+                </template>
+
+                <template slot="is_step">
+                  <el-tag
+                    :size="'mini'"
+                    v-text="
+                      (options7.find((item) => item.id == sitem.is_step) || {}).name ||
+                      '--'
+                    "
+                  />
+                </template>
+
+                <template slot="nakelist">
+                  <div v-if="nakelist">
+                    <el-table
+                      :data="nakelist"
+                      :size="'mini'"
+                      border
+                      stripe
+                      style="width: 99%; margin: 10px 10px 10px 0"
+                    >
+                      <el-table-column prop="min_num" label="起订量(>=)" />
+                      <el-table-column prop="nake_fee" label="成本单价" />
+                      <el-table-column prop="cost_fee" label="工艺费" />
+                      <el-table-column prop="delivery_fee" label="物流费" />
+                      <el-table-column prop="cert_fee" label="证书费" />
+                      <el-table-column prop="mark_fee" label="加标费" />
+                      <el-table-column prop="package_fee" label="包装费" />
+                      <el-table-column prop="other_fee" label="其他费用" />
+                      <el-table-column prop="nake_total" label="成本合计" />
+                    </el-table>
+                  </div>
+                  <div v-else>--</div>
+                </template>
+              </show-data-table>
+              <show-data-table
+                :newTime="newTime"
+                v-if="
+                  newTime !== '' &&
+                  isDisplayPrivateField('2') &&
+                  ladderlist &&
+                  ladderlist.length > 0
+                "
+                :sitem="sitem"
+                :columns="sale_listCol"
+              >
+                <template slot="ladderlist">
+                  <el-table
+                    :data="ladderlist"
+                    :size="'mini'"
+                    border
+                    stripe
+                    style="width: 99%; margin: 10px 10px 10px 0"
+                  >
+                    <el-table-column prop="min_num" label="起订量(>=)" />
+                    <el-table-column prop="sale_price" label="售价" />
+                    <el-table-column prop="cost_fee" label="工艺费" />
+                    <el-table-column prop="market_price" label="市场价" />
+                    <el-table-column prop="market_platform" label="对比平台" />
+                    <el-table-column prop="status" label="状态">
+                      <template slot-scope="scope">
+                        {{  scope.row.status + "" === "1" ? "启用" : "禁用" }}
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </template>
+              </show-data-table>
+            </el-collapse-item>
+
+            <el-collapse-item
+              title="待产品审核"
+              name="1"
+              v-if="status == '2' && ppowers.some((i) => i == '2') && !isSupertube"
+            >
+              <FixedPriceForm
+                :newTime="newTime"
+                :id="queryId"
+                :spuCode="spuCode"
+                v-if="newTime !== ''"
+                :sitem="sitem"
+                :isFixed="sitem.is_fixed"
+                :disabled="false"
+                :isMust="false"
+                @resSuccess="initForm"
+                @searchChange="examForm1"
+                @rejectRes="examForm2"
+              />
+            </el-collapse-item>
+
+            <el-collapse-item title="待bbc上线" name="2" v-if="status == '6' && ppowers.some((i) => i == '6') && !isSupertube">
+              <bbc-exam @refresh="initForm" :id="queryId" />
+            </el-collapse-item>
+          </el-collapse>
+        </el-tab-pane>
+
+        <el-tab-pane label="审批记录" name="2">
+          <process-time-line
+            v-if="newTime !== ''"
+            :newTime="newTime"
+            :type="'BBCSX'"
+            :orderCode="queryId"
+          />
+        </el-tab-pane>
+
+        <el-tab-pane label="审批备注" name="3">
+          <process-remark-time-line v-if="newTime !== ''" :newTime="newTime" :skuCode="queryId" />
+        </el-tab-pane>
+
+        <el-tab-pane label="流程图" name="4">
+          <flow-chart process_id="31" type="BBCSX" :orderCode="queryId" />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsOnline";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+import processRemarkTimeLine from "./components/process-remark-time-line";
+import { isArray } from "@/utils/validate";
+import onlineForm from "./components/online-form";
+import FixedPriceForm from "./components/fixed-price-form.vue";
+import bbcExam from "./components/bbc-exam.vue";
+import privateField from "@/mixins/privateField";
+
+import {
+  purchase_listCol,
+  public_listCol,
+  sale_listCol
+} from "./ShowDataTableColumns";
+
+import {
+  options1,
+  options2,
+  options3,
+  options4,
+  options5,
+  options6,
+  options7,
+  options8
+} from "./columns";
+
+export default {
+  name: "goodsOnlineDetail",
+  mixins: [resToken, privateField],
+  components: {
+    onlineForm,
+    processRemarkTimeLine,
+    FixedPriceForm,
+    bbcExam
+  },
+  computed: {
+    ...mapGetters([
+      "tablebtnSize",
+      "searchSize",
+      "size",
+      "private_field",
+      "isSupertube"
+    ]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find(
+          item => item.menu_route == "bbcOnline"
+        ) || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+    ppowers() {
+      const tran =
+        this.$store.getters.roleProcess.find(i => i.process_type === "BBCSX") ||
+        {};
+      const { action } = tran ?? {};
+
+      console.log(action,'---')
+
+      return action ?? [];
+    }
+  },
+
+  data() {
+    return {
+      public_listCol: public_listCol,
+      purchase_listCol: purchase_listCol,
+      sale_listCol: sale_listCol,
+      options1: options1,
+      options2: options2,
+      options3: options3,
+      options4: options4,
+      options5: options5,
+      options6: options6,
+      options7: options7,
+      options8: options8,
+      ladderlist: [],
+      nakelist: [],
+      spuCode: "",
+      size: "small",
+      activeTabs: "1",
+      activeNames: ["0", "1", "2", "3", "4", "5", "6", "7"],
+      newTime: "",
+      loading: false,
+      queryType: "",
+      queryId: "",
+      status: "",
+      sitem: null
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    openMarkletUrl(){
+      window.open(this.sitem.market_url)
+    },
+    async initForm() {
+      const { id, type } = this.$route.query;
+      this.queryId = id;
+      this.queryType = type;
+      this.activeTabs = type === "add" ? "0" : "1";
+      this.loading = true;
+      if (this.queryType === "add") {
+        this.sitem = {};
+        this.getNewTime();
+      } else {
+        await this.initData();
+      }
+
+      this.loading = false;
+    },
+
+    refresh(e) {
+      const { spuCode } = e;
+
+      let model = {
+        id: this.queryType === "add" ? spuCode : this.queryId,
+        type: "view"
+      };
+      this.routeReGoto("goodsOnlineDetail", model);
+    },
+    async initData() {
+      this.loading = true;
+      const { code, message, data } = await asyncRequest.detail({
+        skuCode: this.queryId
+      });
+      this.loading = false;
+      if (code === 0) {
+        this.sitem = JSON.parse(JSON.stringify(data));
+        const {
+          exam_status,
+          cat_info,
+          ladderlist,
+          nakelist,
+          spuCode
+        } = this.sitem;
+        this.spuCode = spuCode;
+        this.ladderlist = JSON.parse(JSON.stringify(ladderlist));
+        console.log(ladderlist);
+
+        this.nakelist = JSON.parse(JSON.stringify(nakelist));
+        let cat = "";
+        if (cat_info && cat_info.length > 0) {
+          cat_info.forEach((e, i) => {
+            cat += i === 0 ? e.name : "/" + e.name;
+          });
+        }
+        this.sitem.cat = cat;
+
+        if (!isArray(this.sitem.good_info_img)) {
+          this.sitem.good_info_img = this.sitem.good_info_img.split(",");
+        }
+
+        if (!isArray(this.sitem.good_img)) {
+          this.sitem.good_img = this.sitem.good_img.split(",");
+        }
+
+        this.status = exam_status;
+        console.log(this.status);
+        this.getNewTime();
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+    getNewTime() {
+      this.newTime = new Date().valueOf();
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.goodsOnlineDetail {
+  width: 100%;
+  box-sizing: border-box;
+  .goodsOnlineDetail-main {
+    padding: 10px;
+    width: 100%;
+  }
+  .goodsOnlineDetail-title {
+    border-top: 1px solid #ebeef5;
+    span {
+      height: 50px;
+      line-height: 50px;
+      font-family: "微软雅黑", sans-serif;
+      font-weight: 400;
+      font-style: normal;
+      font-size: 16fpx;
+      text-align: left;
+    }
+  }
+  /deep/ .ddiv {
+    border-top: 1px solid #dcdfe6;
+  }
+  /deep/ .dtitle {
+    width: 40px;
+    text-align: center;
+    height: 100%;
+    min-height: 100%;
+    ul {
+      padding: 12px 0 0 0;
+    }
+  }
+  /deep/ .dmain {
+    padding: 20px 0 0 0;
+    width: calc(100% - 40px);
+    border-left: 1px solid #dcdfe6;
+  }
+}
+</style>

src/views/bbc/bbcOnline/index.vue

@@ -0,0 +1,1037 @@
+<template>
+  <div class="goodsOnline pagePadding">
+    <ex-table
+      v-loading="loading"
+      v-if="powers.some((i) => i == '001')"
+      :table="table"
+      :data="tableData"
+      :columns="columns"
+      :page="pageInfo"
+      :size="size"
+      @page-curr-change="handlePageChange"
+      @page-size-change="handleSizeChange"
+      @screen-reset="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+      @screen-submit="
+        pageInfo.curr = 1;
+        parmValue.page = 1;
+        searchList();
+      "
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="4" style="width: 150px">
+              <el-select
+                v-model="parmValue.exam_status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in options8"
+                  :key="'status' + item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 130px; padding: 0 0 0 10px">
+              <el-select
+                v-model="parmValue.good_type"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="是否定制"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in options1"
+                  :key="'good_type' + item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="6" style="width: 303px; padding: 0 0 0 10px">
+              <period-date-picker
+                :type="1"
+                :width="'135px'"
+                :size="searchSize"
+                :start="parmValue.start"
+                :end="parmValue.end"
+                @timeReturned="handleTime"
+              />
+            </el-col>
+
+            <el-col :span="3" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="warning" :size="searchSize" @click="restSearch">重置</el-button>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="6" style="width: 310px">
+              <good-class
+                :value="parmValue.cat_id"
+                @handleChange="goods_class_change"
+                :disabled="false"
+                :size="searchSize"
+                :isDetail="false"
+                :placeholder="'分类'"
+              />
+            </el-col>
+
+            <el-col :span="6" style="width: 240px; padding: 0 0 0 10px">
+              <search-terrace
+                :value="parmValue.platform_code"
+                :disabled="false"
+                :size="'mini'"
+                :isDetail="false"
+                :is_show="'0'"
+                :controlDisabled="true"
+                :placeholder="'所属平台'"
+                @searchChange="platform_codeChange"
+              />
+            </el-col>
+
+            <el-col :span="4" style="width: 210px; padding: 0 0 0 10px">
+              <search-brand
+                :value="brandid"
+                :disabled="false"
+                :size="'mini'"
+                :isDetail="true"
+                :names="parmValue.supplierName"
+                :placeholder="'商品品牌'"
+                @searchChange="brandidsearchChange"
+              />
+            </el-col>
+            <el-col :span="3" class="fr" style="width: 66px; padding: 0 0 0 10px">
+              <el-button type="primary" :size="searchSize" @click="searchList">刷新</el-button>
+            </el-col>
+          </el-row>
+          <el-row style="padding: 10px 0 0 0">
+
+            <el-col :span="3" style="margin-right:10px">
+              <el-select
+                style="width:100%"
+                v-model="parmValue.is_stock"
+                size="mini"
+                placeholder="商品类型"
+                clearable
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="opt in isStockOptions"
+                  :key="opt.value"
+                  :value="opt.value"
+                  :label="opt.label"
+                />
+              </el-select>
+            </el-col>
+
+            <el-col :span="3" style="right:10px">
+              <el-select
+                style="width:100%"
+                v-model="parmValue.is_compliance"
+                size="mini"
+                placeholder="是否合规"
+                clearable
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option value="0" label="未设置" />
+                <el-option value="1" label="合规" />
+                <el-option value="2" label="不合规" />
+              </el-select>
+            </el-col>
+
+            <el-col :span="3" style="margin-left:10px">
+              <el-select placeholder="来源" clearable size="mini" style="width:100%" v-model="parmValue.create_source" @change=" pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();">
+                <el-option value="0" label="手动创建商品" />
+                <el-option value="1" label="咨询成交商品" />
+              </el-select>
+            </el-col>
+
+            <el-col :span="4" style="width: 350;margin-left:10px">
+              <el-input
+                :size="searchSize"
+                v-model="sinput"
+                :maxlength="40"
+                @blur="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+                placeholder="关键字"
+              >
+                <el-select
+                  v-model="select"
+                  slot="prepend"
+                  :size="searchSize"
+                  style="width: 120px"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                  placeholder="关键字类型"
+                >
+                  <el-option label="商品名称" value="1" />
+                  <el-option label="供应商名称" value="3" />
+                  <el-option label="成本商品编号" value="2" />
+                  <el-option label="上线商品编号" value="8" />
+                  <el-option label="业务企业编号" value="5" />
+                  <el-option label="平台商品编号" value="6" />
+                  <el-option label="成本创建人" value="7" />
+                  <el-option label="上线创建人" value="10" />
+                  <el-option label="上线创建人部门" value="9" />
+                </el-select>
+              </el-input>
+            </el-col>
+
+            <!-- <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((i) => i == '003') && !isSupertube"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="routeGoto('goodsOnlineAdd', {})"
+              >添加</el-button>
+            </el-col> -->
+
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 66px; padding: 0 0 0 10px"
+              v-if="powers.some((i) => i == '087')"
+            >
+              <el-button
+                :size="searchSize"
+                type="primary"
+                style="float: right"
+                @click="centerDialogVisible = true"
+              >导出上线商品</el-button>
+            </el-col>
+          </el-row>
+        </div>
+      </template>
+
+      <template #create_source="{ scope }">
+        <el-tag size="mini" :type="scope.row.create_source === '1' ? 'warning' : ''">
+          {{ scope.row.create_source === "1" ? "咨询成交商品" : "手动创建商品" }}
+        </el-tag>
+      </template>
+
+
+      <template #cat_info="{ scope }">
+        {{scope.row.cat_info.map((cat_name) => cat_name).join("/")}}
+      </template>
+      
+      <template #good_thumb_img="{ scope }">
+        <div
+          v-if="scope.row.good_thumb_img"
+          style="width: 20px; height: 20px"
+          class="hover"
+          v-viewer
+        >
+          <img
+            :src="scope.row.good_thumb_img"
+            style="display: inline-block; width: 100%; height: 100%"
+            alt
+          />
+        </div>
+      </template>
+      <template #is_stock="{ scope }">
+        <el-tag
+          size="mini"
+        >{{ (isStockOptions.find(({value}) => value === String(scope.row.is_stock)) || {}).label}}</el-tag>
+      </template>
+
+      <template #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="(options8.find((item) => item.id == scope.row.exam_status) || {}).type || ''"
+          v-text="
+            (options8.find((item) => item.id == scope.row.exam_status) || {}).name || '--'
+          "
+        ></el-tag>
+      </template>
+      <template #good_type="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.good_type == '0' ? 'warning' : ''"
+          v-text="
+            (options1.find((item) => item.id == scope.row.good_type) || {}).name || '否'
+          "
+        ></el-tag>
+      </template>
+
+      <template #is_compliance="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.is_compliance == '0' ? 'warning' : ''"
+          v-text="
+            (options01.find((item) => item.id == scope.row.is_compliance) || {}).name || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((i) => i == '007')"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="getRouter('bbcOnlineDetail', scope.row.skuCode)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            (powers.some((i) => i == '078') &&
+            (scope.row.status + '' === '4' || scope.row.status + '' === '5')) && !isSupertube
+          "
+          effect="dark"
+          content="重新发起上线流程"
+          placement="top"
+        >
+          <i class="el-icon-upload tb-icon" @click="get_againonline(scope.row.skuCode)"></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="(powers.some((i) => i == '079') && scope.row.exam_status !== '5') && !isSupertube"
+          effect="dark"
+          content="下线商品"
+          placement="top"
+        >
+          <i class="el-icon-download tb-icon" @click="showDonlineDlg(scope.row.skuCode)"></i>
+        </el-tooltip>
+
+        <el-tooltip
+          effect="dark"
+          content="设置是否合规"
+          placement="top"
+          v-if="!isSupertube && powers.includes('095')"
+        >
+          <i class="el-icon-setting tb-icon" @click="showCompianceModal(scope.row)"></i>
+        </el-tooltip>
+      </template>
+    </ex-table>
+    <no-auth v-else></no-auth>
+    <el-dialog title="下线原因" :visible.sync="dialogFormVisible" width="500px">
+      <el-form
+        :model="donline_form"
+        :rules="donline_rules"
+        ref="donline_Form"
+        class="demo-ruleForm"
+        label-width="80px"
+      >
+        <el-form-item label="下线原因" prop="offline_reason">
+          <el-select
+            style="width: 100%"
+            v-model="donline_form.offline_reason"
+            placeholder="请选择下线原因"
+          >
+            <el-option
+              :label="item.result"
+              :value="item.result_code"
+              v-for="item in donline_formStOps"
+              :key="item.result_code"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="下线备注" prop="offline_remark">
+          <el-input
+            v-model="donline_form.offline_remark"
+            type="textarea"
+            placeholder="请输入下线备注"
+            autocomplete="off"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="donlineDlg">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog title="上线商品导出" :visible.sync="centerDialogVisible" width="500px" center>
+      <el-form
+        :model="ruleForm"
+        :rules="rules"
+        ref="ruleForm"
+        class="demo-ruleForm"
+        label-width="80px"
+      >
+        <el-form-item prop="start_date" label="日期: ">
+          <!-- <el-date-picker
+            value-format="yyyy-MM-dd"
+            v-model="ruleForm.date"
+            type="date"
+            placeholder="请选择"
+          >
+          </el-date-picker>-->
+
+          <periodDatePicker
+            :start="ruleForm.start_date"
+            :end="ruleForm.end_date"
+            :width="'165px'"
+            @timeReturned="time"
+          />
+        </el-form-item>
+        <el-form-item label="状态: " prop="status">
+          <el-select v-model="ruleForm.status" placeholder="请选择">
+            <el-option label="待上线" value="5"></el-option>
+            <el-option label="上线成功" value="6"></el-option>
+            <el-option label="已下线" value="8"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="平台id: " prop="platform_id">
+          <!-- <el-input
+            v-model="ruleForm.platform_id"
+            style="width: 300px"
+            placeholder="请输入"
+          ></el-input>-->
+          <search-terrace
+            :value="ruleForm.platform_id"
+            :disabled="false"
+            :isDetail="false"
+            :is_show="'0'"
+            :placeholder="'所属平台'"
+            @searchChange="platform_codesearchChange"
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="goodsExport">导 出</el-button>
+      </span>
+    </el-dialog>
+    <!-- 弹窗 新增/修改 -->
+    <add-edit
+      :id="modelId"
+      :show-model="showModel"
+      :sitem="sitem"
+      @refresh="searchList"
+      @cancel="showModel = false"
+    />
+
+    <compiance-modal
+      :visible.sync="compianceModalVisible"
+      :sitem="sitem"
+      @refresh="() => searchList()"
+    />
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/bbc";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import urlConfig from "@/apis/url-config";
+import resToken from "@/mixins/resToken";
+import { listCol, options1, options8, options01 } from "./columns";
+import companyHelper from "@/mixins/companyHelper";
+import { isStockOptions } from "@/assets/js/statusList";
+import CompianceModal from "./components/compiance-modal.vue";
+
+export default {
+  name: "goodsOnline",
+  components: { CompianceModal },
+  mixins: [mixinPage, resToken, companyHelper],
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size", "isSupertube"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find(i => i.menu_route == "bbcOnline") ||
+        {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    var validate = (rule, value, callback) => {
+      if (value == "") {
+        return callback(new Error("必填项不能为空"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      isStockOptions,
+      options01,
+      dialogFormVisible: false,
+      donline_formStOps: [],
+      donline_form: {
+        offline_reason: "",
+        offline_remark: "",
+        skuCode: ""
+      },
+      donline_rules: {
+        offline_reason: [
+          { validator: validate, required: true, trigger: "blur" }
+        ],
+        offline_remark: [
+          { validator: validate, required: true, trigger: "blur" }
+        ]
+      },
+      fileUrl: urlConfig.baseURL,
+      ruleForm: {
+        // date: "",
+        platform_id: "",
+        status: "",
+        start_date: "",
+        end_date: ""
+      },
+      rules: {
+        start_date: [
+          {
+            validator: validate,
+            type: "date",
+            required: true,
+            trigger: "change"
+          }
+        ],
+        status: [{ validator: validate, required: true, trigger: "change" }],
+        platform_id: [
+          { validator: validate, required: true, trigger: "change" }
+        ]
+      },
+      compianceModalVisible: false,
+      centerDialogVisible: false,
+      options1: options1,
+      options8: options8,
+      loading: false,
+      parmValue: {
+        create_source:"",
+        is_compliance: "",
+        is_stock: "",
+        good_name: "", //商品名称
+        spucode: "", //商品编号
+        skucode: "", //商品编号
+        cat_id: "", //商品分类
+        start: "", //开始日期
+        end: "", //结束日期
+        platform_code: "", //平台编码
+        is_stock: "", //是否库存品
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        supplierNo: "", //供应商编号
+        good_type: "", //是否定制
+        brand_id: "", //品牌
+        companyNo: "", //业务企业编号
+        exam_status: "", //审核状态
+        plat_code: "", //平台商品编号
+        creater: "", //
+        company_name: "" //创建人部门
+      },
+
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"]
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格 - 列参数
+      columns: listCol,
+      cat_id: [],
+      brandid: [],
+      select: "1",
+      sinput: ""
+    };
+  },
+  mounted() {
+    const { back } = this.$route.query;
+    if (back) {
+      this.parmValue = JSON.parse(back);
+      console.log(this.parmValue);
+      const { page, size } = this.parmValue;
+      // this.parmValue.start = start || last_start;
+      // this.parmValue.end = end || last_end;
+      if (this.parmValue.brand_id.length > 0) {
+        this.brandid = [this.parmValue.brand_id];
+      }
+
+      this.pageInfo = {
+        size: size,
+        curr: page,
+        total: 0
+      };
+      //多选条件
+      this.select = this.parmValue.select;
+      // this.sselect = this.parmValue.sselect;
+      this.sinput = this.parmValue.sinput;
+    } else {
+      this.select = "1";
+      //  this.sselect = "创建时间"
+    }
+    this.cat_id = [];
+    // this.brandid = [];
+    this.searchList();
+  },
+  methods: {
+    // 获取异常原因下拉列表
+    async getresultlist() {
+      const res = await asyncRequest.resultlist({
+        page: 1,
+        size: 100,
+        type: "8",
+        status: "3"
+      });
+      if (res && res.code === 0 && res.data) {
+        const { list } = res.data;
+        this.donline_formStOps = list;
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    // 时间函数
+    async time(e) {
+      this.ruleForm.start_date = e.startTime || "";
+      this.ruleForm.end_date = e.endTime || "";
+    },
+    platform_codesearchChange(e) {
+      const { id } = e;
+      this.ruleForm.platform_id = id || "";
+      this.$refs.ruleForm.validateField("platform_id");
+    },
+    async platform_codeChange(e) {
+      const { id } = e;
+      this.parmValue.platform_code = id || "";
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    //导出
+    async goodsExport() {
+      if (
+        (this.ruleForm.start_date !== "" && this.ruleForm.end_date === "") ||
+        (this.ruleForm.start_date === "" && this.ruleForm.end_date !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      // console.log(this.$refs.ruleForm)
+      // return;
+      await this.$refs.ruleForm.validate(async valid => {
+        if (valid) {
+          if (!this.loading) {
+            this.loading = true;
+            let httpType = `aplication/zip`;
+            axios({
+              method: "post",
+              url: this.fileUrl + "admin/exportgood",
+              responseType: "blob",
+              data: this.ruleForm,
+              headers: {
+                Accept: httpType
+              }
+            })
+              .then(res => {
+                if (res && res.status == 200 && res.data) {
+                  let url = window.URL.createObjectURL(
+                    new Blob([res.data], {
+                      type: httpType
+                    })
+                  );
+                  let link = document.createElement("a");
+                  link.style.display = "none";
+                  link.href = url;
+                  let excelName = "商品.zip";
+                  link.setAttribute("download", excelName);
+                  document.body.appendChild(link);
+                  link.click();
+                  link.remove();
+                  window.URL.revokeObjectURL(url); //释放掉blob对象
+                  this.$message.success(`导出成功！`);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                } else {
+                  this.$message.error(res.data.message);
+                  setTimeout(() => {
+                    this.loading = false;
+                  }, 500);
+                }
+              })
+              .catch(error => {
+                console.log(error);
+                this.loading = false;
+              });
+          }
+          // this.loading = true;
+
+          // const res = await asyncRequest.exportgood(this.ruleForm);
+          // if (res && res.code === 0) {
+          //   this.$message.warning(res.message);
+          //   console.log(res);
+          //   this.loading = false;
+          // } else if (res && res.code >= 100 && res.code <= 104) {
+          //   await this.logout();
+          // } else {
+          //   this.loading = false;
+          //   this.$message.warning(res.message);
+          // }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //点击详情
+    getRouter(toRouter, queryId) {
+      if (toRouter && queryId) {
+        let model = {
+          id: queryId,
+          type: "view"
+        };
+
+        //有多选框的条件
+        this.parmValue.select = this.select;
+        // this.parmValue.sselect = this.sselect ;
+        this.parmValue.sinput = this.sinput;
+        //
+        console.log(this.parmValue);
+        let routerModel = {
+          options: JSON.parse(JSON.stringify(this.parmValue)),
+          router: this.$route.path
+        };
+        model.preModel = JSON.stringify(routerModel);
+
+        this.routeGoto(toRouter, model);
+      } else {
+        this.$message.warning("暂未找到相关流程！");
+      }
+    },
+    restSearch() {
+      this.select = "1";
+      this.sinput = "";
+      this.cat_id = [];
+      this.brandid = [];
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      };
+      this.parmValue = {
+        create_source:"",
+        is_compliance: "",
+        good_name: "", //商品名称
+        spucode: "", //商品编号
+        skucode: "", //商品编号
+        cat_id: "", //商品分类
+        start: "", //开始日期
+        end: "", //结束日期
+        platform_code: "", //平台编码
+        is_stock: "", //是否库存品
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        supplierNo: "", //供应商编号
+        good_type: "", //是否定制
+        brand_id: "", //品牌
+        companyNo: "", //业务企业编号
+        exam_status: "", //审核状态
+        plat_code: "", //平台商品编号
+        creater: "", //
+        company_name: "" //创建人部门
+      };
+      this.searchList();
+    },
+    //商品品牌选择
+    async brandidsearchChange(e) {
+      const { id, code, label } = e;
+      if (id) {
+        this.brandid = [id];
+        this.parmValue.brand_id = id;
+        this.parmValue.supplierName = label;
+      } else {
+        this.brandid = [];
+        this.parmValue.brand_id = "";
+        this.parmValue.supplierName = "";
+      }
+      this.parmValue.brand_id = this.brandid.toString();
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    // 时间
+    async handleTime(e) {
+      this.parmValue.start = e.startTime || "";
+      this.parmValue.end = e.endTime || "";
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end !== "") ||
+        (this.parmValue.start === "" && this.parmValue.end === "")
+      ) {
+        this.pageInfo.curr = 1;
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    },
+    /**
+     * 商品重新上线
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async get_againonline(skuCode) {
+      await this.$confirm(`确定要重新发起上线流程？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            skuCode: skuCode
+          };
+          const res = await asyncRequest.againonline(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "重新发起上线流程成功！",
+              message: ""
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    //点击下线
+    async showDonlineDlg(skuCode) {
+      this.dialogFormVisible = true;
+      this.donline_form = {
+        offline_reason: "",
+        offline_remark: "",
+        skuCode: ""
+      };
+      this.donline_form.skuCode = skuCode;
+      // this.donlineDlg(skuCode)
+    },
+    showCompianceModal(row) {
+      this.compianceModalVisible = true;
+      this.sitem = row;
+    },
+    //商品下线原因 确定
+    async donlineDlg() {
+      await this.$refs.donline_Form.validate(async valid => {
+        if (valid) {
+          this.dialogFormVisible = false;
+          this.get_donline(this.donline_form.skuCode);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    /**
+     * 商品下线
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async get_donline(skuCode) {
+      await this.$confirm(`确定要下线商品？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(async () => {
+          this.loading = true;
+          let obj = {
+            skuCode: skuCode,
+            exam_status: "5"
+          };
+          let model = { ...this.donline_form, ...obj };
+
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: res.message,
+              message: ""
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    /**
+     * 启用/禁用
+     * @param {String} id id
+     * @param {String} status 0-禁用 1-启用
+     */
+    async changeStatus(id, status) {
+      await this.$confirm(
+        `确定要改为${status + "" === "1" ? "禁用" : "启用"}？`,
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      )
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            id: id,
+            status: status + "" === "1" ? "0" : "1"
+          };
+          const res = await asyncRequest.status(model);
+          if (res && res.code === 0) {
+            this.loading = false;
+            this.$notify.success({
+              title: "状态修改成功！",
+              message: ""
+            });
+            await this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.loading = false;
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    async deleteItem(code) {
+      await this.$confirm("确定要删除？", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(async () => {
+          const model = {
+            codes: [code]
+          };
+          const res = await asyncRequest.delete(model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "删除成功",
+              message: ""
+            });
+            this.searchList();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    // 刷新表格
+    async searchList() {
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end === "") ||
+        (this.parmValue.start === "" && this.parmValue.end !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      this.loading = true;
+      let model = JSON.parse(JSON.stringify(this.parmValue));
+
+      model.companyNo = this.currentCompany || "";
+
+      model.good_name = this.select === "1" ? this.sinput : ""; //商品名称
+
+      model.supplier_name = this.select === "3" ? this.sinput : "";
+
+      model.spucode = this.select === "2" ? this.sinput : ""; //商品编号
+      model.skucode = this.select === "8" ? this.sinput : ""; //商品编号
+      // model.platform_code = this.select === "1" ? this.sinput : ""; //平台编码
+      // model.supplierNo = this.select === "1" ? this.sinput : ""; //供应商编号
+      // model.companyNo = this.select === "5" ? this.sinput : ""; //业务企业编号
+      // model.exam_status = this.select === "1" ? this.sinput : ""; //审核状态
+      model.plat_code = this.select === "6" ? this.sinput : ""; //平台商品编号
+      model.creater = this.select === "7" ? this.sinput : ""; //
+      model.company_name = this.select === "9" ? this.sinput : ""; // 部门
+      model.online_creater = this.select === "10" ? this.sinput : ""; // 上线创建人
+      const res = await asyncRequest.list(model);
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.tableData.forEach(a => {
+          a.cat_name = "";
+          let list = a.cat_info || [];
+          list.forEach((b, i) => {
+            a.cat_name += i == 0 ? b.name : "/" + b.name;
+          });
+        });
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.getresultlist();
+      this.loading = false;
+    },
+    //商品分类选择
+    async goods_class_change(e) {
+      this.cat_id = e;
+      this.parmValue.cat_id =
+        this.cat_id.length === 0 ? "" : this.cat_id[this.cat_id.length - 1];
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/goodStore/goodsCost/components/addEdit.vue

@@ -100,6 +100,7 @@
                   >
                     <el-option label="有赞平台" value="1" />
                     <el-option label="无对接" value="0" />
+                    <el-option label="BBC" value="2" />
                   </el-select>
                 </el-form-item>
 

src/views/goodStore/goodsOnline/add.vue

@@ -36,6 +36,7 @@
               >
                 <el-option label="有赞平台" value="1" />
                 <el-option label="无对接" value="0" />
+                <el-option label="BBC" value="2" />
               </el-select>
             </el-form-item>