refactor:重构页面路径

src/views/goodStore/supplierGoodsCost/columns.js

@@ -0,0 +1,807 @@
+import { isSpecialSymbol, hasSpace } from '@/utils/validate'
+
+// 是否定制
+const options1 = [
+  { id: '0', name: '否' },
+  { id: '1', 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: '0', name: '无工差' },
+  { id: '1', name: '有工差' }
+]
+// 配置要求
+const options9 = ['证书', '包装盒', '绒布袋', '标签', '其他']
+const listCol = [
+  { type: 'selection', fixed: 'left', _noset_: true },
+  {
+    prop: 'spuCode',
+    label: '编号',
+    width: '160px'
+  },
+  {
+    prop: 'good_thumb_img',
+    label: '图片',
+    _slot_: 'good_thumb_img',
+    width: '45px'
+  },
+  {
+    prop: 'good_name',
+    label: '名称',
+    'min-width': '160px'
+  },
+  {
+    prop: 'cat_name',
+    label: '分类'
+  },
+  {
+    prop: 'brand_name',
+    label: '品牌'
+  },
+  {
+    prop: 'is_stock',
+    label: '库存类型',
+    _slot_: 'is_stock',
+    width: '85px'
+  },
+  {
+    prop: 'isonline',
+    label: '是否上线',
+    _slot_: 'isonline',
+    width: '70px'
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    _slot_: 'status',
+    width: '118px'
+  },
+  {
+    prop: 'supplierNo',
+    label: '供应商编号',
+    width: '110px'
+  },
+  {
+    prop: 'supplier_name',
+    label: '供应商名称',
+    width: '110px'
+  },
+  {
+    prop: 'companyNo',
+    label: '业务公司编号',
+    width: '110px'
+  },
+  {
+    prop: 'company',
+    label: '业务公司名称',
+    width: '110px'
+  },
+  {
+    prop: 'charger_company_name',
+    label: '负责人部门',
+    minWidth: '150px'
+  },
+
+  {
+    prop: 'charger',
+    label: '负责人',
+    width: '70px'
+  },
+  {
+    prop: 'creater',
+    label: '创建人',
+    width: '70px'
+  },
+
+  {
+    prop: 'addtime',
+    label: '创建时间',
+    width: '140px'
+  },
+  {
+    prop: '',
+    label: '操作',
+    fixed: 'right',
+    _noset_: true,
+    width: '200px',
+    _slot_: 'operation'
+  }
+]
+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_good_img = (rule, value, callback) => {
+  const { required } = rule
+  if (required && value.length == 0) {
+    callback(new Error('请上传商品主图！'))
+  } else if (required && (value.length < 3 || value.length > 10)) {
+    callback(new Error('商品主图应为3~10张！'))
+  } else {
+    callback()
+  }
+}
+const validate_desc = (rule, value, callback) => {
+  const { required } = rule
+  if (required && value.length == 0) {
+    callback(new Error('不能为空！'))
+  } else if (isSpecialSymbol(value)) {
+    callback(new Error('不能使用英文特殊字符！'))
+  } else {
+    callback()
+  }
+}
+const validate_good_name = (rule, value, callback) => {
+  const { required } = rule
+  if (required && value.length == 0) {
+    callback(new Error('不能为空！'))
+  } else if (hasSpace(value)) {
+    callback(new Error('不能出现回车/换行符！'))
+  } else if (isSpecialSymbol(value)) {
+    callback(new Error('不能使用英文特殊字符！'))
+  } else {
+    callback()
+  }
+}
+const rules = {
+  cat_id: [
+    {
+      type: 'array',
+      required: true,
+      message: '请选择商品分类',
+      trigger: 'change'
+    }
+  ],
+  brandid: [
+    {
+      type: 'array',
+      required: true,
+      message: '请选择商品品牌',
+      trigger: 'change'
+    }
+  ],
+  noble_weight: [
+    {
+      required: true,
+      validator: validate_num_0,
+      trigger: 'blur'
+    }
+  ],
+  weight: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  good_type: [
+    {
+      required: true,
+      message: '请选择是否定制',
+      trigger: 'change'
+    }
+  ],
+  is_stock: [
+    {
+      required: true,
+      message: '请选择是否库存品',
+      trigger: 'change'
+    }
+  ],
+  company_id: [
+    {
+      required: true,
+      message: '请选择业务公司',
+      trigger: 'change'
+    }
+  ],
+  supplierNo: [
+    {
+      type: 'array',
+      required: true,
+      message: '请选择供应商',
+      trigger: 'change'
+    }
+  ],
+  is_auth: [
+    {
+      required: true,
+      message: '请选择是否有权限销售',
+      trigger: 'change'
+    }
+  ],
+  tax: [
+    {
+      required: true,
+      message: '请选择税率',
+      trigger: 'change'
+    }
+  ],
+  good_name: [
+    {
+      required: true,
+      validator: validate_good_name,
+      trigger: 'blur'
+    }
+  ],
+  unit: [
+    {
+      type: 'array',
+      required: true,
+      message: '请输入商品单位',
+      trigger: 'blur'
+    }
+  ],
+  is_exclusive: [
+    {
+      required: true,
+      type: 'array',
+      message: '请选择专属类型',
+      trigger: 'change'
+    }
+  ],
+  noble_metal: [
+    {
+      required: true,
+      message: '请选择贵金属种类',
+      trigger: 'change'
+    }
+  ],
+  is_gold_price: [
+    {
+      required: true,
+      message: '请选择是否启用实时金价',
+      trigger: 'change'
+    }
+  ],
+  moq: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  stock_moq: [
+    {
+      required: true,
+      validator: validate_num_0,
+      trigger: 'blur'
+    }
+  ],
+  customized: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  after_sales: [
+    {
+      required: true,
+      message: '售后说明不能为空',
+      trigger: 'blur'
+    },
+    {
+      required: true,
+      validator: validate_desc,
+      trigger: 'blur'
+    }
+  ],
+  // isSpecialSymbol
+  good_remark: [
+    {
+      required: true,
+      message: '商品备注不能为空',
+      trigger: 'blur'
+    },
+    {
+      required: true,
+      validator: validate_desc,
+      trigger: 'blur'
+    }
+  ],
+  // 包装/发货/图片
+  packing_list: [
+    {
+      required: true,
+      message: '请输入包装清单',
+      trigger: 'blur'
+    }
+  ],
+  packing_way: [
+    {
+      required: true,
+      message: '请输入包装方式',
+      trigger: 'blur'
+    }
+  ],
+
+  packing_spec: [
+    {
+      required: true,
+      message: '请输入装箱规格',
+      trigger: 'blur'
+    }
+  ],
+  packing_weight: [
+    {
+      required: true,
+      message: '请输入装箱重量',
+      trigger: 'blur'
+    }
+  ],
+  packing_szie: [
+    {
+      required: true,
+      message: '请输入装箱尺寸',
+      trigger: 'blur'
+    }
+  ],
+  supply_area: [
+    {
+      required: true,
+      message: '请选择供货区域',
+      trigger: 'change'
+    }
+  ],
+  delivery_place: [
+    {
+      type: 'array',
+      required: true,
+      message: '请选择发货地',
+      trigger: 'change'
+    }
+  ],
+  origin_place: [
+    {
+      type: 'array',
+      required: true,
+      message: '请选择产地',
+      trigger: 'change'
+    }
+  ],
+  delivery_day: [
+    {
+      required: true,
+      message: '请输入物流时间',
+      trigger: 'blur'
+    }
+  ],
+  lead_time: [
+    {
+      required: true,
+      message: '请输入供货周期',
+      trigger: 'blur'
+    }
+  ],
+  sample_day: [
+    {
+      required: true,
+      message: '请输入调样周期',
+      trigger: 'blur'
+    }
+  ],
+  packing_size: [
+    {
+      required: true,
+      message: '请输入装箱尺寸',
+      trigger: 'blur'
+    }
+  ],
+  good_size: [
+    {
+      required: true,
+      message: '请输入商品尺寸',
+      trigger: 'blur'
+    }
+  ],
+  good_thumb_img: [
+    {
+      required: true,
+      message: '请上传商品缩略图',
+      trigger: 'change'
+    }
+  ],
+  good_img: [
+    {
+      type: 'array',
+      required: true,
+      validator: validate_good_img,
+      trigger: 'change'
+    }
+  ],
+  good_info_img: [
+    {
+      type: 'array',
+      required: true,
+      message: '至少上传一张商品详情介绍图',
+      trigger: 'change'
+    }
+  ],
+  demo_fee: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  is_diff: [
+    {
+      required: true,
+      message: '请选择有无工差',
+      trigger: 'change'
+    }
+  ],
+  config: [
+    {
+      required: true,
+      type: 'array',
+      message: '请选择配置要求',
+      trigger: 'change'
+    }
+  ],
+  other_config: [
+    {
+      required: true,
+      message: '其他要求不能为空',
+      trigger: 'blur'
+    }
+  ],
+  open_fee: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  sample_fee: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  market_price: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+
+  cgd_gold_price: [
+    {
+      required: true,
+      validator: validate_num,
+      trigger: 'blur'
+    }
+  ],
+  craft_desc: [
+    {
+      required: false,
+      validator: validate_desc,
+      trigger: 'blur'
+    }
+  ]
+
+  // is_step: {
+  //   required: true,
+  //   message: "请选择是否启用阶梯",
+  //   trigger: "change",
+  // },
+}
+
+const basicColumns = [
+  {
+    prop: 'cat_info',
+    label: '商品分类',
+    span: 12,
+    _slot_: 'cat_info'
+  },
+  {
+    prop: 'good_name',
+    label: '商品名称',
+    span: 12
+  },
+  {
+    prop: 'company',
+    label: '业务公司',
+    span: 12
+  },
+  {
+    prop: 'supplierName',
+    label: '供应商',
+    span: 12
+  },
+  {
+    prop: 'brand_name',
+    label: '商品品牌',
+    span: 6
+  },
+  {
+    prop: 'brand_name',
+    label: '销售权限',
+    span: 6
+  },
+  {
+    prop: 'unit',
+    label: '单位',
+    span: 6
+  },
+  {
+    prop: 'tax',
+    label: '税点',
+    _slot_: 'tax',
+    span: 6
+  },
+  {
+    prop: 'is_exclusive',
+    label: '专属类型',
+    _slot_: 'is_exclusive',
+    span: 8
+  },
+  {
+    prop: 'weight',
+    label: '商品总重量',
+    _slot_: 'weight',
+    span: 8
+  },
+  {
+    prop: 'is_stock',
+    label: '是否库存品',
+    _slot_: 'is_stock',
+    span: 8
+  },
+  {
+    prop: 'noble_weight',
+    label: '贵金属重量',
+    _slot_: 'noble_weight',
+    span: 8
+  },
+  {
+    prop: 'noble_name',
+    label: '贵金属种类',
+    _slot_: 'noble_metal',
+    span: 8
+  },
+  {
+    prop: 'is_gold_price',
+    label: '启用实时金价',
+    _slot_: 'is_gold_price',
+    span: 8
+  },
+  {
+    prop: 'is_diff',
+    label: '有无工差',
+    _slot_: 'is_diff',
+    span: 8
+  },
+  {
+    prop: 'config',
+    label: '配置要求',
+    span: 8
+  },
+  {
+    prop: 'other_config',
+    label: '其他配置要求',
+    span: 8
+  },
+  {
+    prop: 'after_sales',
+    label: '售后说明',
+    span: 24
+  },
+  {
+    prop: 'good_remark',
+    label: '商品备注',
+    span: 24
+  },
+  {
+    prop: 'craft_desc',
+    label: '工艺说明',
+    span: 24
+  }
+]
+
+const packingColumns = [
+  {
+    prop: 'packing_way',
+    label: '包装方式',
+    span: 6
+  },
+  {
+    prop: 'packing_spec',
+    label: '装箱规格',
+    span: 6
+  },
+  {
+    prop: 'packing_weight',
+    label: '装箱重量',
+    _slot_: 'packing_weight',
+    span: 6
+  },
+  {
+    prop: 'packing_size',
+    label: '装箱尺寸',
+    span: 6
+  },
+  {
+    prop: 'good_size',
+    label: '装箱尺寸',
+    span: 6
+  },
+  {
+    prop: 'good_bar',
+    label: '商品条形码',
+    span: 6
+  },
+  {
+    prop: 'packing_list',
+    label: '商品清单',
+    span: 12
+  }
+]
+
+const sendColumns = [
+  {
+    prop: 'packing_spec',
+    label: '供货区域',
+    span: 6
+  },
+  {
+    prop: 'delivery_day',
+    label: '物流天数',
+    _slot_: 'delivery_day',
+    span: 6
+  },
+  {
+    prop: 'lead_time',
+    label: '供货周期',
+    _slot_: 'lead_time',
+    span: 6
+  },
+  {
+    prop: 'sample_day',
+    label: '调样周期',
+    _slot_: 'sample_day',
+    span: 6
+  },
+  {
+    prop: 'delivery_place',
+    label: '发货地',
+    span: 12,
+    _slot_: 'delivery_place'
+  },
+  {
+    prop: 'origin_place',
+    label: '产地',
+    span: 12,
+    _slot_: 'origin_place'
+  }
+]
+
+const imageColumns = [
+  {
+    prop: 'good_thumb_img',
+    label: '图片缩略',
+    _slot_: 'good_thumb_img',
+    span: 6
+  },
+  {
+    prop: 'good_img',
+    label: '商品主图',
+    _slot_: 'good_img',
+    span: 12
+  },
+  {
+    prop: 'good_info_img',
+    _slot_: 'good_info_img',
+    label: '详情介绍',
+    span: 6
+  }
+]
+
+const ladderColumns = [
+  {
+    prop: 'demo_fee',
+    label: '打样费',
+    _slot_: 'demo_fee',
+    span: 6
+  },
+  {
+    prop: 'open_fee',
+    label: '开模费',
+    _slot_: 'open_fee',
+    span: 6
+  },
+  {
+    prop: 'sample_fee',
+    _slot_: 'sample_fee',
+    label: '调样费',
+    span: 6
+  },
+  {
+    prop: 'market_price',
+    _slot_: 'market_price',
+    label: '市场价',
+    span: 6
+  },
+  {
+    prop: 'data_table',
+    label: '阶梯成本',
+    _slot_: 'data_table',
+    span: 24
+  }
+]
+
+export {
+  options1,
+  options2,
+  options3,
+  options4,
+  options5,
+  options6,
+  options7,
+  options8,
+  options9,
+  listCol,
+  rules,
+  sendColumns,
+  imageColumns,
+  basicColumns,
+  ladderColumns,
+  packingColumns
+}

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

@@ -0,0 +1,343 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="'添加商品上线'"
+    :center="true"
+    align="left"
+    top="8vh"
+    width="1040px"
+    :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; padding-bottom: 0">
+      <el-row :gutter="10">
+        <el-col :span="24" style="padding: 0 0 15px 0">
+          <el-table
+            :data="sitem"
+            stripe
+            :size="'mini'"
+            border
+            max-height="380px"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="spuCode"
+              label="编号"
+              width="160"
+              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="160px"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="cat_name"
+              label="分类"
+              min-width="100"
+              show-overflow-tooltip
+            />
+            <el-table-column prop="brand_name" label="品牌" show-overflow-tooltip />
+            <el-table-column
+              prop="good_type"
+              label="定制"
+              width="50"
+              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>
+        </el-col>
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="80px"
+            class="demo-ruleForm"
+          >
+            <el-row style="padding-bottom">
+              <el-col :span="8">
+                <el-form-item label="所属平台" prop="platform">
+                  <search-terrace
+                    :value="ruleForm.platform"
+                    :disabled="false"
+                    :isDetail="false"
+                    :is_show="'1'"
+                    :placeholder="'所属平台'"
+                    @searchChange="platform_codesearchChange"
+                  />
+                </el-form-item>
+                <el-form-item label="上线原因" prop="online_reason">
+                  <el-input
+                    :disabled="false"
+                    placeholder="上线原因"
+                    v-model="ruleForm.online_reason"
+                    maxlength="200"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="16" style="text-align: right">
+                <el-form-item label="上线备注" prop="online_remark">
+                  <el-input
+                    type="textarea"
+                    :rows="3"
+                    :disabled="false"
+                    placeholder="商品备注"
+                    maxlength="2000"
+                    show-word-limit
+                    v-model="ruleForm.online_remark"
+                  />
+                </el-form-item>
+                <el-button
+                  v-if="id !== '007'"
+                  type="primary"
+                  :size="'mini'"
+                  @click="submitForm"
+                  >保 存
+                </el-button>
+                <el-button :size="'mini'" @click="showModelThis = false">{{
+                  id == "007" ? "关 闭" : "取 消"
+                }}</el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsCost";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "brand",
+  props: ["showModel", "id", "sitem"],
+  mixins: [resToken],
+  data() {
+    return {
+      loading: false,
+      showModelThis: this.showModel,
+      ruleForm: {
+        platform: "", //string	平台id
+        online_reason: "", //string	上线原因
+        online_remark: "", //string	上线备注
+      },
+      //是否定制
+      options1: [
+        { id: "0", name: "否" },
+        { id: "1", name: "是" },
+      ],
+      rulesThis: this.rules,
+      rules: {
+        platform: [
+          {
+            required: true,
+            message: "请选择所属平台",
+            trigger: "change",
+          },
+        ],
+        online_reason: [
+          {
+            required: true,
+            message: "上线原因不能为空",
+            trigger: "blur",
+          },
+        ],
+        online_remark: [
+          {
+            required: true,
+            message: "上线备注不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      this.loading = false;
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.ruleForm = {
+            platform: "", //string	平台id
+            online_reason: "", //string	上线原因
+            online_remark: "", //string	上线备注
+          };
+        }
+      });
+    },
+    platform_codesearchChange(e) {
+      const { id, code, label } = e;
+      this.ruleForm.platform = id || "";
+      this.$refs.ruleForm.validateField("platform");
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            this.loading = true;
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            // model.platform = model.platform.toString();
+            model.codes = [];
+            let list = JSON.parse(JSON.stringify(this.sitem));
+            list.forEach((e) => {
+              model.codes.push(e.spuCode);
+            });
+            let { code, data, message } = await asyncRequest.online_add(model);
+            this.loading = false;
+            if (code === 0) {
+              this.$notify.success({
+                title: "已成功添加至上线流程！",
+                message: "",
+              });
+              this.showModelThis = false;
+              // 刷新
+              this.$emit("refresh");
+            } else if (code >= 100 && code <= 104) {
+              await this.logout();
+            } else if (code === 1009) {
+              let resList = JSON.parse(JSON.stringify(data));
+
+              let htmlList = "<ul>";
+              resList.forEach((v) => {
+                htmlList += `<li>
+          <img src='${v.good_img}' style='width: 20px; height: 20px'
+                  class='hover'
+                  v-viewer/>
+                  <span>${v.good_name}__</span>`;
+                const { speclist } = v;
+                let str = "<span>";
+                speclist.forEach((a, ai) => {
+                  str += `${ai !== 0 ? "--" : ""}${a.spec_name}[${a.spec_value}]`;
+                });
+                htmlList += str + "</span>" + `</li>`;
+              });
+              htmlList += "</ul>";
+              this.$notify({
+                title: "以下商品已上线或已经在审批流程中！",
+                dangerouslyUseHTMLString: true,
+                message: htmlList,
+              });
+            } else if (code === 1010) {
+              let resList = JSON.parse(JSON.stringify(data));
+
+              let htmlList = "<ul>";
+              resList.forEach((v) => {
+                htmlList += `<li>
+          <img src='${v.good_img}' style='width: 20px; height: 20px'
+                  class='hover'
+                  v-viewer/>
+                  <span>${v.good_name}__</span>`;
+                const { speclist } = v;
+                let str = "<span>";
+                speclist.forEach((a, ai) => {
+                  str += `${ai !== 0 ? "--" : ""}${a.spec_name}[${a.spec_value}]`;
+                });
+                htmlList += str + "</span>" + `</li>`;
+              });
+              htmlList += "</ul>";
+              this.$notify({
+                title: "该平台要求商品必须要有一件的成本！",
+                dangerouslyUseHTMLString: true,
+                message: htmlList,
+              });
+            } else {
+              this.$message.warning(res.message);
+            }
+          }
+        } else {
+          // console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.brand {
+}
+</style>

src/views/goodStore/supplierGoodsCost/components/baseForm.vue

@@ -0,0 +1,2205 @@
+<template>
+  <el-form
+    :model="ruleForm"
+    status-icon
+    :rules="rulesThis"
+    ref="ruleForm"
+    :size="'mini'"
+    v-loading="loading"
+    label-width="90px"
+  >
+    <el-row class="ddiv">
+      <el-col :span="1" class="dtitle">
+        <ul style="padding: 140px 0 0 0">
+          <li>基</li>
+          <li>础</li>
+          <li>信</li>
+          <li>息</li>
+        </ul>
+      </el-col>
+      <el-col :span="23" class="dmain">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="业务公司" prop="company_id">
+<!--              <search-work-company-->
+<!--                :value="ruleForm.company_id"-->
+<!--                :placeholder="'业务公司'"-->
+<!--                :disabled="type === 'view' || type === 'editBase' || type === 'editCoin'"-->
+<!--                :size="'mini'"-->
+<!--                :isDetail="type !== 'add'"-->
+<!--                @searchChange="company_idsearchChange"-->
+<!--              />-->
+              <el-input :value="getCompanyWithCode(ruleForm.companyNo).name" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="供应商" prop="supplierNo">
+              <search-supplier
+                :value="ruleForm.supplierNo"
+                :placeholder="'供应商'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :size="'mini'"
+                :names="supplierName"
+                :isDetail="type !== 'add'"
+                :isp="this.type !== 'view'"
+                @searchChange="supplierNosearchChange"
+              />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="商品分类" prop="cat_id">
+<!--              <search-sort-->
+<!--                :value="ruleForm.cat_id"-->
+<!--                :placeholder="'商品分类'"-->
+<!--                :disabled="type === 'view' || type === 'editBase' || type === 'editCoin'"-->
+<!--                :size="'mini'"-->
+<!--                :names="cat_id_name"-->
+<!--                :isDetail="type !== 'add'"-->
+<!--                @searchChange="goods_class_change"-->
+<!--              />-->
+              <company-sort
+                :value="ruleForm.cat_id"
+                :placeholder="'商品分类'"
+                :disabled="type === 'view' || type === 'editBase' || type === 'editCoin'"
+                :size="'mini'"
+                :names="cat_id_name"
+                :isDetail="type !== 'add'"
+                :company-no="ruleForm.company_id"
+                @searchChange="goods_class_change"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="商品名称" prop="good_name">
+              <el-input
+                placeholder="商品名称"
+                maxlength="100"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.good_name"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商品品牌" prop="brandid">
+              <search-brand
+                :value="ruleForm.brandid"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :size="'mini'"
+                :isDetail="type !== 'add'"
+                :names="brand_name"
+                :placeholder="'商品品牌'"
+                @searchChange="brandidsearchChange"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="销售权限" prop="is_auth">
+              <el-select
+                v-model="ruleForm.is_auth"
+                filterable
+                clearable
+                :disabled="type === 'view' || type === 'editCoin'"
+                style="width: 100%"
+                placeholder="销售权限"
+              >
+                <el-option
+                  v-for="group in options3"
+                  :key="group.id"
+                  :label="group.name"
+                  :value="group.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="4">
+            <el-form-item label="单位" prop="unit" label-width="60px">
+              <search-unit
+                :value="ruleForm.unit"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :size="'mini'"
+                :isDetail="type !== 'add'"
+                :names="unit_name"
+                :placeholder="'单位'"
+                @searchChange="unitsearchChange"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label="税点" prop="tax" label-width="60px">
+              <search-tax
+                :value="ruleForm.tax"
+                :disabled="type === 'view' || type === 'editBase' || type === 'editCoin'"
+                :size="'mini'"
+                :isDetail="type !== 'add'"
+                :placeholder="'税点'"
+                @searchChange="taxsearchChange"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="专属类型" prop="is_exclusive">
+              <search-exclusive
+                :disabled="type === 'view' || type === 'editCoin'"
+                style="width: 100%"
+                :isDetail="type !== 'add'"
+                :size="'mini'"
+                placeholder="专属类型"
+                :value="ruleForm.is_exclusive"
+                @selectChange="exclusiveSearchChange"
+              />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="商品总重量" prop="weight" label-width="95px">
+              <digital-input
+                :values="ruleForm.weight"
+                :name="'ruleForm.weight'"
+                :placeholder="'商品总重量'"
+                :min="0"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="3"
+                :size="'mini'"
+                :controls="false"
+                :append="'g'"
+                @reschange="number_change($event, 'weight')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="是否库存品" prop="is_stock" label-width="95px">
+              <el-select
+                v-model="ruleForm.is_stock"
+                filterable
+                clearable
+                :disabled="type === 'view' || type === 'editBase' || type === 'editCoin'"
+                style="width: 100%"
+                @change="stock_change"
+                placeholder="是否库存品"
+              >
+                <el-option
+                  v-for="group in options4"
+                  :key="group.id"
+                  :label="group.name"
+                  :value="group.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24" v-show="is_noble">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="贵金属重量" prop="noble_weight" label-width="95px">
+                  <digital-input
+                    :values="ruleForm.noble_weight"
+                    :placeholder="'贵金属重量'"
+                    :name="'ruleForm.noble_weight'"
+                    :min="0"
+                    :disabled="
+                      type === 'view' || type === 'editBase' || type === 'editCoin'
+                    "
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="3"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'g'"
+                    @reschange="number_change($event, 'noble_weight')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="贵金属种类" prop="noble_metal" label-width="95px">
+                  <search-metal-kind
+                    :value="ruleForm.noble_metal"
+                    :disabled="
+                      type === 'view' || type === 'editBase' || type === 'editCoin'
+                    "
+                    :size="'mini'"
+                    :isDetail="type !== 'add'"
+                    :placeholder="'贵金属种类'"
+                    @searchChange="noble_metalsearchChange"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item
+                  label="启用实时金价"
+                  prop="is_gold_price"
+                  label-width="110px"
+                >
+                  <el-select
+                    v-model="ruleForm.is_gold_price"
+                    filterable
+                    clearable
+                    :disabled="
+                      type === 'view' || type === 'editBase' || type === 'editCoin'
+                    "
+                    style="width: 100%"
+                    placeholder="启用实时金价"
+                    @change="is_goold_price_change"
+                  >
+                    <el-option
+                      v-for="group in options5"
+                      :key="group.id"
+                      :label="group.name"
+                      :value="group.id"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="有无工差" prop="is_diff">
+                  <el-select
+                    v-model="ruleForm.is_diff"
+                    filterable
+                    clearable
+                    :disabled="
+                      type === 'view' || type === 'editBase' || type === 'editCoin'
+                    "
+                    style="width: 100%"
+                    placeholder="有无工差"
+                  >
+                    <el-option
+                      v-for="group in options8"
+                      :key="group.id"
+                      :label="group.name"
+                      :value="group.id"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="10">
+                <el-form-item label="配置要求" prop="config" label-width="85px">
+                  <el-select
+                    v-model="ruleForm.config"
+                    multiple
+                    :disabled="type === 'view'"
+                    style="width: 100%"
+                    placeholder="配置要求"
+                  >
+                    <el-option
+                      v-for="(item, index) in options9"
+                      :key="item + index"
+                      :label="item"
+                      :value="item"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item
+                  label="其他配置要求"
+                  prop="other_config"
+                  label-width="110px"
+                >
+                  <el-input
+                    placeholder="其他配置要求"
+                    maxlength="100"
+                    :disabled="type === 'view'"
+                    v-model="ruleForm.other_config"
+                  >
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="售后说明" prop="after_sales">
+              <el-input
+                type="textarea"
+                :rows="4"
+                :disabled="type === 'view' || type === 'editCoin'"
+                placeholder="售后说明"
+                v-model="ruleForm.after_sales"
+                show-word-limit
+                maxlength="250"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商品备注" prop="good_remark">
+              <el-input
+                type="textarea"
+                :rows="4"
+                :disabled="type === 'view' || type === 'editCoin'"
+                placeholder="商品备注"
+                show-word-limit
+                maxlength="250"
+                v-model="ruleForm.good_remark"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="工艺说明" prop="craft_desc">
+              <el-input
+                type="textarea"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :rows="4"
+                placeholder="工艺说明"
+                show-word-limit
+                maxlength="250"
+                v-model="ruleForm.craft_desc"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="是否定制" prop="good_type">
+              <el-select
+                v-model="ruleForm.good_type"
+                filterable
+                :disabled="type === 'view' || type === 'editCoin'"
+                clearable
+                style="width: 100%"
+                placeholder="是否定制"
+                @change="good_type_change"
+              >
+                <el-option
+                  v-for="group in options1"
+                  :key="group.id"
+                  :label="group.name"
+                  :value="group.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-show="ruleForm.good_type === '1'">
+            <el-form-item label="定制起订量" prop="moq" label-width="95px">
+              <digital-input
+                :values="ruleForm.moq"
+                :placeholder="'定制起订量'"
+                :name="'ruleForm.moq'"
+                :min="0"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="''"
+                @reschange="number_change($event, 'moq')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-show="ruleForm.good_type === '1'">
+            <el-form-item label="定制工期" prop="customized">
+              <digital-input
+                :values="ruleForm.customized"
+                :placeholder="'定制工期'"
+                :name="'ruleForm.customized'"
+                :min="0"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'天'"
+                @reschange="number_change($event, 'customized')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-show="ruleForm.is_stock === '1'">
+            <el-form-item label="备库起订量" prop="stock_moq" label-width="95px">
+              <digital-input
+                :values="ruleForm.stock_moq"
+                :placeholder="'备库起订量'"
+                :min="0"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="''"
+                @reschange="number_change($event, 'stock_moq')"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+
+    <el-row class="ddiv">
+      <el-col :span="1" class="dtitle">
+        <ul>
+          <li>规</li>
+          <li>格</li>
+          <li>信</li>
+          <li>息</li>
+        </ul>
+      </el-col>
+      <el-col :span="23" class="dmain" style="padding: 20px 0 20px 18px">
+        <el-table :data="spec_tableData" :size="'mini'" border style="width: 100%">
+          <el-table-column prop="spec_value" label="规格类型" />
+          <el-table-column prop="spec_value_value" label="规格值" />
+          <el-table-column
+            fixed="right"
+            v-if="type === 'add' || type === 'editBase' || type === 'edit'"
+          >
+            <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="openEdit('-1', {})"
+                />
+              </el-tooltip>
+            </template>
+            <template slot-scope="scope">
+              <el-tooltip effect="dark" content="修改" placement="top">
+                <i
+                  class="el-icon-edit tb-icon"
+                  @click="openEdit(scope.$index, scope.row)"
+                ></i>
+              </el-tooltip>
+
+              <el-tooltip
+                v-if="!scope.row.isMust"
+                effect="dark"
+                content="删除"
+                placement="top"
+              >
+                <i class="el-icon-delete tb-icon" @click="openDelete(scope.$index)"></i>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- 弹窗 新增/修改 -->
+        <base-form-add-edit
+          :index="modelIndex"
+          :show-model="showModel"
+          :sitem="sitem"
+          @refresh="refreshEdit"
+          @cancel="showModel = false"
+        />
+      </el-col>
+    </el-row>
+    <el-row class="ddiv">
+      <el-col :span="1" class="dtitle">
+        <ul>
+          <li>包</li>
+          <li>装</li>
+          <li>信</li>
+          <li>息</li>
+        </ul></el-col
+      >
+      <el-col :span="23" class="dmain">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="包装方式" prop="packing_way">
+              <el-input
+                placeholder="包装方式"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.packing_way"
+                maxlength="250"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="装箱规格" prop="packing_spec">
+              <el-input
+                placeholder="装箱规格"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.packing_spec"
+                maxlength="250"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="装箱重量" prop="packing_weight">
+              <digital-input
+                :values="ruleForm.packing_weight"
+                :placeholder="'装箱重量'"
+                :min="0"
+                :name="'ruleForm.packing_weight'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="3"
+                :size="'mini'"
+                :controls="false"
+                :append="'g'"
+                @reschange="number_change($event, 'packing_weight')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="装箱尺寸" prop="packing_size">
+              <el-input
+                placeholder="装箱尺寸"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.packing_size"
+                maxlength="250"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="商品尺寸" prop="good_size">
+              <el-input
+                placeholder="商品尺寸"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.good_size"
+                maxlength="250"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="商品条形码" prop="good_bar">
+              <el-input
+                placeholder="商品条形码"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.good_bar"
+                type="number"
+                :min="0"
+                :max="9999999999999"
+                :step="0"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="包装清单" prop="packing_list">
+              <el-input
+                placeholder="包装清单"
+                :disabled="type === 'view' || type === 'editCoin'"
+                v-model="ruleForm.packing_list"
+                maxlength="250"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+    <el-row class="ddiv">
+      <el-col :span="1" class="dtitle">
+        <ul>
+          <li>发</li>
+          <li>货</li>
+          <li>信</li>
+          <li>息</li>
+        </ul></el-col
+      >
+      <el-col :span="23" class="dmain">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="供货区域" prop="supply_area">
+              <el-select
+                v-model="ruleForm.supply_area"
+                filterable
+                clearable
+                :disabled="type === 'view' || type === 'editCoin'"
+                style="width: 100%"
+                placeholder="供货区域"
+              >
+                <el-option
+                  v-for="group in options6"
+                  :key="group.id"
+                  :label="group.name"
+                  :value="group.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item label="物流时间" prop="delivery_day">
+              <digital-input
+                :values="ruleForm.delivery_day"
+                :placeholder="'物流时间'"
+                :min="0"
+                :name="'ruleForm.delivery_day'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'天'"
+                @reschange="number_change($event, 'delivery_day')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="供货周期" prop="lead_time">
+              <digital-input
+                :values="ruleForm.lead_time"
+                :placeholder="'物流时间'"
+                :min="0"
+                :name="'ruleForm.lead_time'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'天'"
+                @reschange="number_change($event, 'lead_time')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="调样周期" prop="sample_day">
+              <digital-input
+                :values="ruleForm.sample_day"
+                :placeholder="'调样周期'"
+                :min="0"
+                :name="'ruleForm.sample_day'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'天'"
+                @reschange="number_change($event, 'sample_day')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="发货地" prop="delivery_place">
+              <select-area
+                :placeholder="'发货地'"
+                :value="ruleForm.delivery_place"
+                :is-detail="id !== 'add'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                :size="'mini'"
+                @selectChange="selectAreaChange($event, 'delivery_place')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="产地" prop="origin_place">
+              <select-area
+                :placeholder="'产地'"
+                :value="ruleForm.origin_place"
+                :size="'mini'"
+                :is-detail="id !== 'add'"
+                :disabled="type === 'view' || type === 'editCoin'"
+                @selectChange="selectAreaChange($event, 'origin_place')"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+    <el-row class="ddiv">
+      <el-col :span="1" class="dtitle">
+        <ul>
+          <li>图</li>
+          <li>片</li>
+          <li>信</li>
+          <li>息</li>
+        </ul></el-col
+      >
+      <el-col :span="23" class="dmain">
+        <el-row style="padding: 0 0 20px 0">
+          <el-col :span="6">
+            <el-form-item
+              label="商品缩略"
+              prop="good_thumb_img"
+              class="activity-upload my-label-top"
+            >
+              <div class="btnupload" style="position: relative">
+                <img
+                  v-if="ruleForm.good_thumb_img"
+                  :src="ruleForm.good_thumb_img"
+                  class="avatar"
+                />
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <file-upload
+                  class="Upload"
+                  :disabled="type === 'view' || type === 'editCoin'"
+                  :accept="'.jpg,.png,.jpeg'"
+                  :multiple="true"
+                  :uploadcondition="beforeAvatarUpload"
+                  @UploadErrorEvent="UploadErrorEvent($event, 'good_thumb_img')"
+                  @UploadSuccessEvent="UploadSuccessEvent($event, 'good_thumb_img')"
+                ></file-upload>
+              </div>
+              <div class="txt-tips fl">
+                <p>尺寸比例：</p>
+                <p>1:1</p>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="9">
+            <el-form-item label="商品主图" prop="good_img">
+              <div class="good_info_img_div">
+                <ul v-if="ruleForm.good_img" class="clear">
+                  <li
+                    class="img-show-li"
+                    v-viewer
+                    v-for="(img, iindex) in ruleForm.good_img"
+                    :key="img + iindex"
+                  >
+                    <div class="img-show-li-div">
+                      <img :src="img" class="img-show" alt="" />
+                      <i
+                        v-if="type == 'add' || type === 'editBase' || type === 'edit'"
+                        class="el-icon-close"
+                        @click="closeImg(iindex, 'good_img')"
+                      ></i>
+                    </div>
+                  </li>
+                  <li
+                    class="img-show-li"
+                    v-if="
+                      ruleForm.good_img.length < 11 &&
+                      (type == 'add' || type === 'editBase' || type === 'edit')
+                    "
+                  >
+                    <div class="activity-upload">
+                      <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="true"
+                          :uploadcondition="beforeAvatarUpload"
+                          @UploadErrorEvent="UploadErrorEvent($event, 'good_img')"
+                          @UploadSuccessEvent="UploadSuccessEvent($event, 'good_img')"
+                        ></file-upload>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="9">
+            <el-form-item label="详情介绍" prop="good_info_img">
+              <div class="good_info_img_div">
+                <ul v-if="ruleForm.good_info_img" class="clear">
+                  <li
+                    class="img-show-li"
+                    v-viewer
+                    v-for="(img, iindex) in ruleForm.good_info_img"
+                    :key="img + iindex"
+                  >
+                    <div class="img-show-li-div">
+                      <img :src="img" class="img-show" alt="" />
+                      <i
+                        v-if="type == 'add' || type === 'editBase' || type === 'edit'"
+                        class="el-icon-close"
+                        @click="closeImg(iindex, 'good_info_img')"
+                      ></i>
+                    </div>
+                  </li>
+                  <li
+                    class="img-show-li"
+                    v-if="
+                      ruleForm.good_info_img.length < 11 &&
+                      (type == 'add' || type === 'editBase' || type === 'edit')
+                    "
+                  >
+                    <div class="activity-upload">
+                      <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="true"
+                          :uploadcondition="beforeAvatarUpload"
+                          @UploadErrorEvent="UploadErrorEvent($event, 'good_info_img')"
+                          @UploadSuccessEvent="
+                            UploadSuccessEvent($event, 'good_info_img')
+                          "
+                        ></file-upload>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <div style="font-size: 12px; color: #606266">
+              <span style="padding: 0 0 0 20px">图片大小：小于1M</span>
+              <span style="padding: 0 0 0 20px">图片类型.jpg/png/jpeg</span>
+            </div>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+    <el-row class="ddiv">
+      <el-col :span="1" class="dtitle">
+        <ul style="padding: 0">
+          <li>固</li>
+          <li>定</li>
+          <li>与</li>
+          <li>阶</li>
+          <li>梯</li>
+          <li>成</li>
+          <li>本</li>
+        </ul></el-col
+      >
+      <el-col :span="23" class="dmain">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="打样费" prop="demo_fee" label-width="75px">
+              <digital-input
+                :values="ruleForm.demo_fee"
+                :placeholder="'打样费'"
+                :min="0"
+                :name="'ruleForm.demo_fee'"
+                :disabled="type === 'view' || type === 'editBase'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'元'"
+                @reschange="number_change($event, 'demo_fee')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="开模费" prop="open_fee" label-width="75px">
+              <digital-input
+                :values="ruleForm.open_fee"
+                :placeholder="'开模费'"
+                :min="0"
+                :name="'ruleForm.open_fee'"
+                :disabled="type === 'view' || type === 'editBase'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'元/件'"
+                @reschange="number_change($event, 'open_fee')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="调样费" prop="sample_fee" label-width="75px">
+              <digital-input
+                :values="ruleForm.sample_fee"
+                :placeholder="'调样费'"
+                :min="0"
+                :name="'ruleForm.sample_fee'"
+                :disabled="type === 'view' || type === 'editBase'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'元'"
+                @reschange="number_change($event, 'sample_fee')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="市场价" prop="market_price" label-width="75px">
+              <digital-input
+                :values="ruleForm.market_price"
+                :placeholder="'市场价'"
+                :min="0"
+                :name="'ruleForm.market_price'"
+                :disabled="type === 'view' || type === 'editBase'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'元'"
+                @reschange="number_change($event, 'market_price')"
+              />
+            </el-form-item>
+          </el-col>
+
+          <!-- <el-col :span="6">
+            <el-form-item label="启用阶梯" prop="is_step">
+              <el-select
+                v-model="ruleForm.is_step"
+                filterable
+                :disabled="type === 'view' || type === 'editBase'"
+                style="width: 100%"
+                placeholder="启用阶梯"
+                @change="is_step_change"
+              >
+                <el-option
+                  v-for="group in options5"
+                  :key="group.id"
+                  :label="group.name"
+                  :value="group.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col> -->
+          <el-col
+            :span="6"
+            v-show="is_noble && ruleForm && ruleForm.is_gold_price === '1'"
+          >
+            <el-form-item
+              label="供应商采购金价"
+              prop="cgd_gold_price"
+              label-width="130px"
+            >
+              <digital-input
+                :values="ruleForm.cgd_gold_price"
+                :placeholder="'供应商采购金价'"
+                :min="0"
+                :name="'ruleForm.cgd_gold_price'"
+                :disabled="type === 'view' || type === 'editBase'"
+                :max="100000000000"
+                :position="'right'"
+                :precision="2"
+                :size="'mini'"
+                :controls="false"
+                :append="'元/g'"
+                @reschange="number_change($event, 'cgd_gold_price')"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col
+            :span="6"
+            v-show="is_noble && ruleForm && ruleForm.is_gold_price === '1'"
+          >
+            <el-form-item label="当前金价">
+              <el-input
+                v-model="ruleForm.noble_price"
+                disabled
+                maxlength="15"
+                placeholder="当前金价"
+              >
+                <template slot="append">元/g</template></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24" style="padding-left: 18px">
+            <el-table
+              :data="ladder_tableData"
+              :size="'mini'"
+              border
+              stripe
+              style="width: 100%; margin: 0 0 20px 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-column
+                fixed="right"
+                v-if="type === 'add' || type === 'editCoin' || type === 'edit'"
+                width="80px"
+              >
+                <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="修改" placement="top">
+                    <i
+                      class="el-icon-edit tb-icon"
+                      @click="openCostEdit(scope.$index, scope.row)"
+                    ></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-col>
+        </el-row>
+        <!-- 弹窗 新增/修改 -->
+        <cost-form-add-edit
+          :index="costmodelIndex"
+          :show-model="costshowModel"
+          :sitem="costsitem"
+          @refresh="costrefreshEdit"
+          @cancel="costshowModel = false"
+        />
+      </el-col>
+      <el-col
+        :span="24"
+        v-if="
+          type === 'editBase' || type === 'add' || type === 'editCoin' || type === 'edit'
+        "
+        style="text-align: right; padding: 15px 0 15px 0; border-top: 1px solid #dcdfe6"
+      >
+        <el-button :size="'mini'" type="primary" @click="submitForm">保 存 </el-button>
+      </el-col></el-row
+    >
+  </el-form>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsCost";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+import baseFormAddEdit from "./baseFormAddEdit";
+import costFormAddEdit from "./costFormAddEdit";
+import companyHelper from '@/mixins/companyHelper'
+import {
+  options1,
+  options2,
+  options3,
+  options4,
+  options5,
+  options6,
+  options7,
+  options8,
+  options9,
+  rules,
+} from "../columns";
+import { add_sum, accMul } from "@/utils/validate";
+import CompanySort from '@/components/globalComponents/company-sort/index.vue'
+export default {
+  name: "goodsCostAdd",
+  mixins: [resToken, companyHelper],
+  props: ["showModel", "id", "type", "sitem", "business_companyNo"],
+  components: {
+    CompanySort,
+    baseFormAddEdit,
+    costFormAddEdit,
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const { btnList } = this.$store.getters
+      const tran = btnList.find((i) => i.menu_route == "goodsCostAdd") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+  watch: {
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
+  data() {
+    return {
+      spec_tableData: [],
+      is_support_stock: "",
+      cat_id_name: "",
+      brand_name: "",
+      unit_name: "",
+      costshowModel: false,
+      costmodelIndex: "",
+      costsitem: {},
+      showModel: false,
+      modelIndex: "",
+      is_noble: false,
+      size: "small",
+      status: "",
+      rulesThis: this.rules,
+      activeName: "1",
+      loading: true,
+      supplierName: "",
+      options1: options1,
+      options2: options2,
+      options3: options3,
+      options4: options4,
+      options5: options5,
+      options6: options6,
+      options7: options7,
+      options8: options8,
+      options9: options9,
+      ruleForm: {
+        company_id:''
+      },
+      spec_tableData: [],
+      old_spec_tableData: [],
+      ladder_tableData: [],
+      old_ladder_tableData: [],
+      rules: rules,
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    onCompanyChange(){
+      this.ruleForm.company_id = this.currentCompany
+    },
+    async initForm() {
+      this.loading = true;
+      this.resetFormData();
+      this.rulesThis = this.rules;
+      await this.resetForm();
+      this.sch_is_noble();
+      this.good_type_change();
+      await this.get_golpricelast();
+      this.stock_change();
+      this.loading = false;
+    },
+    async number_change(e, key) {
+      this.ruleForm[key] = e + "" || "0";
+      this.$refs.ruleForm.validateField(key);
+      await this.get_all_fee();
+    },
+    openEdit(index, sitem) {
+      this.modelIndex = index;
+      this.sitem = sitem;
+      this.showModel = true;
+    },
+    stock_change() {
+      this.rulesThis.stock_moq[0].required = this.ruleForm.is_stock === "1";
+    },
+    openCostEdit(index, sitem) {
+      // const { is_step } = this.ruleForm;
+      // if (index === -1 && is_step === "0" && this.ladder_tableData.length > 0) {
+      //   this.$message.warning("不启用阶梯成本，只能录入一条阶梯成本信息！");
+      //   return;
+      // }
+      this.costmodelIndex = index;
+      this.costsitem = sitem;
+      this.costshowModel = true;
+    },
+    openDelete(index) {
+      this.spec_tableData.splice(index, 1);
+    },
+    openCostEditDelete(index) {
+      this.ladder_tableData.splice(index, 1);
+    },
+    // is_step_change() {
+    //   const { is_step } = this.ruleForm;
+    //   if (is_step === "0") {
+    //     let res = [];
+    //     let list =
+    //       this.ladder_tableData.length === 0
+    //         ? []
+    //         : JSON.parse(JSON.stringify(this.ladder_tableData));
+    //     if (list.length > 0) {
+    //       res.push(list[0]);
+    //     }
+    //     this.ladder_tableData = res;
+    //   }
+    // },
+    async submitForm() {
+      this.sch_is_noble();
+      this.good_type_change();
+
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.loading) {
+            this.loading = true;
+            const {
+              noble_weight,
+              weight,
+              good_type,
+              moq,
+              is_step,
+              is_gold_price,
+              stock_moq,
+              is_stock,
+              supplierNo,
+              company_id,
+            } = this.ruleForm;
+            if (supplierNo.toString() === company_id) {
+              this.$message.warning("供应商不能与业务公司相同！");
+              loading = false;
+              return;
+            }
+
+            if (this.is_support_stock + "" === "0" && is_stock === "0") {
+              this.$message.warning("该商品为供应商退货业务创建的，不允许改为非库存品！");
+              loading = false;
+              return;
+            }
+            if (is_stock === "0") {
+              const { scode, sdata, smsg } = await this.getSupplerPower();
+              if (scode === 0) {
+                const { has_account } = sdata;
+                if (has_account + "" === "1") {
+                  this.$message.warning("该供应商已开通账号，不允许创建非库存商品！");
+                  this.loading = false;
+                  return;
+                }
+              }
+            }
+            if (this.spec_tableData.length === 0) {
+              this.$message.warning("请录入商品规格信息！");
+              this.loading = false;
+              return;
+            }
+            let isMust = true;
+            this.spec_tableData.forEach((e) => {
+              if (e.isMust && !e.spec_value_id) {
+                isMust = false;
+              }
+            });
+            if (!isMust) {
+              this.$message.warning("分类绑定的规格必须填写规格值！");
+              this.loading = false;
+              return;
+            }
+            if (this.ladder_tableData.length === 0) {
+              this.$message.warning("请录入阶梯成本！");
+              this.loading = false;
+              return;
+            }
+            // stock_moq
+
+            if (is_stock === "1") {
+              let min = parseInt(this.ladder_tableData[0].min_num),
+                smoq = parseInt(stock_moq);
+              this.ladder_tableData.forEach((si) => {
+                let n = parseInt(si.min_num);
+                min = n < min ? n : min;
+              });
+              // console.log(smoq, min, smoq < min);
+              if (smoq < min) {
+                this.$message.warning("备库起订量不能低于成本最低起订量！");
+                this.loading = false;
+                return;
+              }
+            }
+            // if (is_step === "0" && this.ladder_tableData.length > 1) {
+            //   this.$message.warning("不启用阶梯成本，只能录入一条阶梯成本信息！");
+            //   this.loading = false;
+            //   return;
+            // }
+            if (this.is_noble) {
+              if (noble_weight * 1000 > weight * 1000) {
+                this.$message.warning("贵金属总重量不能大于商品总重量！");
+                this.loading = false;
+                return;
+              }
+            }
+            if (is_gold_price === "1" && this.is_noble) {
+              let is_p = true;
+              this.ladder_tableData.forEach((v) => {
+                if (v.nake_fee * 1 !== 0) {
+                  is_p = false;
+                }
+              });
+              if (!is_p) {
+                this.$message.warning("启用实时金价的贵金属商品不能填写成本单价！");
+                this.loading = false;
+                return;
+              }
+            }
+            // if (good_type === "1") {
+            //   let set_num = moq * 1;
+            //   let isok = true;
+            //   this.ladder_tableData.forEach((e) => {
+            //     if (e.min_num * 1 < set_num) {
+            //       isok = false;
+            //     }
+            //   });
+            //   if (!isok) {
+            //     this.$message.warning("阶梯成本的起订量不能小于定制起订量！");
+            //     this.loading = false;
+            //     return;
+            //   }
+            // }
+
+            let model = JSON.parse(JSON.stringify(this.ruleForm));
+            model.cat_id = model.cat_id.toString();
+            model.brandid = model.brandid.toString();
+            model.supplierNo = model.supplierNo.toString();
+            model.delivery_place = model.delivery_place.toString();
+            model.origin_place = model.origin_place.toString();
+            model.good_info_img = model.good_info_img.toString();
+            model.good_img = model.good_img.toString();
+            model.unit = model.unit.toString();
+            model.speclist = JSON.parse(JSON.stringify(this.setResData(1)));
+            model.good_ladder = JSON.parse(JSON.stringify(this.setResData(2)));
+            model.config = model.config.toString();
+            model.is_exclusive =
+              model.is_exclusive.length > 0
+                ? model.is_exclusive[model.is_exclusive.length - 1]
+                : "";
+            let res = {};
+            delete model["id"];
+            if (this.type === "add") {
+              delete model["spuCode"];
+              res = await asyncRequest.add(model);
+            } else if (this.type === "editBase") {
+              let item1 = this.setModel(model, "1");
+              res = await asyncRequest.update(item1);
+            } else if (this.type === "editCoin") {
+              let item2 = this.setModel(model, "2");
+              res = await asyncRequest.updateP(item2);
+            } else {
+              model.companyNo = model.company_id;
+              delete model["company_id"];
+              res = await asyncRequest.edit_update(model);
+            }
+            // console.log(res);
+            this.loading = false;
+            const { code, data, message } = res;
+            if (code === 0) {
+              const title =
+                this.type === "add"
+                  ? "新建成功！"
+                  : this.type === "editBase"
+                  ? "基础信息修改成功！"
+                  : this.type === "editCoin"
+                  ? "成本信息修改成功!"
+                  : "商品信息修改成功";
+              this.$notify.success({
+                title: title,
+                message: "",
+              });
+              this.showModelThis = false;
+              // 刷新
+              this.$emit("refresh");
+            } else if (code >= 100 && code <= 104) {
+              await this.logout();
+            } else {
+              this.$message.warning(message);
+            }
+          }
+        } else {
+          // console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //获取规格值
+    setResData(type) {
+      let list = JSON.parse(
+        JSON.stringify(type === 1 ? this.spec_tableData : this.ladder_tableData)
+      );
+      let oldlist = JSON.parse(
+        JSON.stringify(type === 1 ? this.old_spec_tableData : this.old_ladder_tableData)
+      );
+      let hasIDlist = [];
+      list.forEach((a) => {
+        if (a.id !== "") {
+          hasIDlist.push(a);
+        }
+      });
+      let newList = [];
+      let resList = [];
+      oldlist.forEach((a, ai) => {
+        let item = null;
+        let index = hasIDlist.findIndex((b) => a.id === b.id);
+        if (index === -1) {
+          item = JSON.parse(JSON.stringify(a));
+          item.is_del = "1";
+        } else {
+          item = JSON.parse(JSON.stringify(hasIDlist[index]));
+        }
+        newList.push(item);
+      });
+      list.forEach((b) => {
+        if (b.id === "") {
+          b.is_del = "0";
+          newList.push(b);
+        }
+      });
+      if (type === 1) {
+        newList.forEach((a) => {
+          let m = {
+            id: a.id,
+            spec_id: a.spec_id,
+            spec_value_id: a.spec_value_id,
+            is_del: a.is_del || "0",
+          };
+          resList.push(m);
+        });
+      } else {
+        newList.forEach((a) => {
+          let m = {
+            id: a.id,
+            min_num: a.min_num,
+            nake_fee: a.nake_fee,
+            cost_fee: a.cost_fee,
+            delivery_fee: a.delivery_fee,
+            cert_fee: a.cert_fee,
+            mark_fee: a.mark_fee,
+            package_fee: a.package_fee,
+            other_fee: a.other_fee,
+            is_del: a.is_del || "0",
+          };
+          resList.push(m);
+        });
+      }
+      return resList;
+    },
+    setladder() {
+      let list = JSON.parse(JSON.stringify(this.ladder_tableData));
+      let oldlist = JSON.parse(JSON.stringify(this.old_ladder_tableData));
+      let hasIDlist = [];
+      list.forEach((a) => {
+        if (a.id !== "") {
+          hasIDlist.push(a);
+        }
+      });
+      let newList = [];
+      let resList = [];
+      oldlist.forEach((a, ai) => {
+        let item = null;
+        let index = hasIDlist.findIndex((b) => a.id === b.id);
+        if (index === -1) {
+          item = JSON.parse(JSON.stringify(a));
+          item.is_del = "1";
+        } else {
+          item = JSON.parse(JSON.stringify(b));
+        }
+        newList.push(item);
+      });
+      list.forEach((b) => {
+        if (b.id === "") {
+          b.is_del = "0";
+          newList.push(b);
+        }
+      });
+      newList.forEach((a) => {
+        let m = {
+          id: a.id,
+          min_num: a.min_num,
+          spec_value_id: a.spec_value_id,
+          is_del: a.is_del || "0",
+        };
+        resList.push(m);
+      });
+      return resList;
+    },
+    //规格编辑修改
+    refreshEdit(e) {
+      let item = JSON.parse(JSON.stringify(e));
+      const {
+        index,
+        id,
+        spec_id,
+        isMust,
+        spec_value,
+        spec_value_id,
+        spec_value_value,
+      } = item;
+      let ffindex = -1;
+      this.spec_tableData.forEach((i, findex) => {
+        if (i.spec_id === spec_id) {
+          ffindex = findex;
+          this.spec_tableData[findex].id = id;
+          this.spec_tableData[findex].spec_id = spec_id;
+          // this.spec_tableData[findex].isMust = isMust;
+          this.spec_tableData[findex].spec_value = spec_value;
+          this.spec_tableData[findex].spec_value_id = spec_value_id;
+          this.spec_tableData[findex].spec_value_value = spec_value_value;
+        }
+      });
+      if (ffindex === -1) {
+        this.spec_tableData.push(item);
+      }
+      this.showModel = false;
+    },
+    //阶梯成本修改
+    async costrefreshEdit(e) {
+      let item = JSON.parse(JSON.stringify(e));
+      const {
+        index,
+        id,
+        cost_fee,
+        delivery_fee,
+        min_num,
+        nake_fee,
+        cert_fee,
+        mark_fee,
+        package_fee,
+        other_fee,
+      } = item;
+      let isok = true;
+      let ffindex = -1;
+      if (this.ladder_tableData && this.ladder_tableData.length === 0) {
+        this.ladder_tableData.push(item);
+      } else {
+        this.ladder_tableData.forEach((i, findex) => {
+          if (parseInt(min_num + "") === parseInt(i.min_num + "")) {
+            isok = false;
+            this.ladder_tableData[findex].id = id;
+            this.ladder_tableData[findex].min_num = min_num;
+            this.ladder_tableData[findex].cost_fee = cost_fee;
+            this.ladder_tableData[findex].delivery_fee = delivery_fee;
+            this.ladder_tableData[findex].nake_fee = nake_fee;
+            this.ladder_tableData[findex].cert_fee = cert_fee;
+            this.ladder_tableData[findex].mark_fee = mark_fee;
+            this.ladder_tableData[findex].package_fee = package_fee;
+            this.ladder_tableData[findex].other_fee = other_fee;
+          }
+        });
+        if (isok) {
+          this.ladder_tableData.forEach((i, findex) => {
+            if (findex === parseInt(index + "")) {
+              ffindex = findex;
+              this.ladder_tableData[findex].id = id;
+              this.ladder_tableData[findex].min_num = min_num;
+              this.ladder_tableData[findex].cost_fee = cost_fee;
+              this.ladder_tableData[findex].delivery_fee = delivery_fee;
+              this.ladder_tableData[findex].nake_fee = nake_fee;
+              this.ladder_tableData[findex].cert_fee = cert_fee;
+              this.ladder_tableData[findex].mark_fee = mark_fee;
+              this.ladder_tableData[findex].package_fee = package_fee;
+              this.ladder_tableData[findex].other_fee = other_fee;
+            }
+          });
+          if (ffindex === -1) {
+            this.ladder_tableData.push(item);
+          }
+        }
+      }
+
+      await this.get_all_fee();
+      this.showModel = false;
+    },
+    async get_golpricelast() {
+      const { noble_metal } = this.ruleForm;
+      if (noble_metal) {
+        let model = {
+          type: noble_metal,
+        };
+        const { code, data, message } = await asyncRequest.golpricelast(model);
+        if (code === 0) {
+          data.forEach((e) => {
+            if (e.type) {
+              this.ruleForm.noble_price = e.price;
+            }
+          });
+        } else if (code >= 100 && code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(message);
+        }
+      } else {
+        this.ruleForm.noble_price = "0";
+      }
+    },
+    async get_all_fee() {
+      await this.get_golpricelast();
+      this.ladder_tableData.forEach((si, sii) => {
+        this.ladder_tableData[sii].nake_total = this.count_fee(si);
+        this.$set(this.ladder_tableData, sii, this.ladder_tableData[sii]);
+      });
+    },
+    count_fee(e) {
+      const {
+        noble_price, //供应商采购金价
+        is_gold_price, //是否启用实时金价
+        noble_weight, //贵金属重量
+      } = this.ruleForm;
+      const {
+        nake_fee, //成本单价
+        cost_fee, //工艺费
+        delivery_fee, //物流费
+
+        cert_fee, //证书费
+        mark_fee, //加标费
+        package_fee, //包装费
+        other_fee, //其他费用
+      } = e;
+      let XA = add_sum(nake_fee, delivery_fee),
+        XB = add_sum(package_fee, cert_fee),
+        XC = add_sum(mark_fee, other_fee),
+        XD = 0;
+      let total = add_sum(add_sum(XA, XB), XC);
+      // console.log(total);
+      if (this.is_noble && is_gold_price === "1") {
+        XD = add_sum(accMul(noble_price, noble_weight), accMul(noble_weight, cost_fee));
+        total = add_sum(total, XD);
+      }
+      return total;
+    },
+
+    dataSort(key) {
+      return function (a, b) {
+        let value1 = a[key];
+        let value2 = b[key];
+        return value1 - value2;
+      };
+    },
+    async getSupplerPower() {
+      const { code, data, message } = await asyncRequest.supplerlist({
+        code: this.ruleForm.supplierNo[0],
+        is_platform: "",
+        name: "",
+        page: 1,
+        size: 1000,
+      });
+      return { scode: code, sdata: data, smsg: message };
+    },
+    resetFormData() {
+      this.is_support_stock = "1";
+      this.spec_tableData = [];
+      this.old_spec_tableData = [];
+      this.ladder_tableData = [];
+      this.old_ladder_tableData = [];
+      this.cat_id_name = "";
+      this.is_noble = false;
+      this.status = "";
+      this.brand_name = "";
+      this.unit_name = "";
+      this.supplierName = "";
+
+      this.ruleForm = {
+        id: "",
+        spuCode: "",
+        cat_id: [],
+        brandid: [],
+        noble_weight: "0",
+        weight: "0",
+        good_type: "0",
+        is_stock: "0",
+        supplierNo: [],
+        company_id: this.currentCompany || "",
+        is_auth: "",
+        tax: "",
+        good_name: "",
+        unit: [],
+        is_exclusive: [],
+        noble_metal: "",
+        is_gold_price: "",
+        moq: "",
+        customized: "",
+        after_sales: "",
+        craft_desc: "",
+        good_remark: "",
+        //包装发货/图片
+        packing_list: "",
+        packing_way: "",
+        packing_spec: "",
+        packing_weight: "",
+        packing_size: "",
+        good_size: "",
+        good_bar: "",
+        supply_area: "",
+        delivery_place: [],
+        origin_place: [],
+        delivery_day: "0",
+        lead_time: "0",
+        sample_day: "0",
+        good_thumb_img: "",
+        good_img: [],
+        good_info_img: [],
+        //固定阶梯成本
+        demo_fee: "0",
+        open_fee: "0",
+        sample_fee: "0",
+        market_price: "0",
+        cgd_gold_price: "0",
+        noble_price: "0",
+        // is_step: "0",
+        is_diff: "",
+        config: [],
+        other_config: "",
+        stock_moq: "0",
+      };
+    },
+
+    async resetForm() {
+      // 重置
+      await this.$nextTick(async () => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.spec_tableData = [];
+          this.old_spec_tableData = [];
+          this.ladder_tableData = [];
+          this.old_ladder_tableData = [];
+          const {
+            id,
+            spuCode, //string	商品spuCode
+            // good_code, //string	无
+            good_name, //string	商品名称
+            // cat_id, //string	分类id
+            cat_info, //array 分类
+            brand_id, //string	品牌id
+            unit,
+            supplierName,
+            companyNo, //	string	企业公司id
+            good_unit, //	string	商品单位
+            good_type, //string	是否定制 1是0否
+            moq, //string	起订量
+            is_exclusive, //	string	是否是专属
+            customized, //	string	定制工期
+            tax, //string	税率
+            supplierNo, //	string	供应商
+            is_auth, //string	是否有销售权限0 否1 是
+            auth_img, //	string	无
+            exclusive,
+            is_stock, //
+            after_sales, //	string	售后说明
+            craft_desc, //	string	工艺说明
+            good_remark, //	string	商品备注
+            weight, //	string	重量
+            packing_way, //	string	包装方式
+            packing_size, //	string	包装尺寸
+            good_size, //商品尺寸
+            packing_spec, //	string	包装规格
+            packing_list, //	string	包装清单
+            packing_weight, //	string	装箱重量
+            good_bar, //	string	条形码
+            supply_area, //	string	供货区域 1 全国2 除偏远地区
+            delivery_place, //	string	发货地区
+            origin_place, //	string	产地
+            delivery_day, //	string	物流天数
+            lead_time, //	string	供货周期
+            sample_day, //string	调样周期
+            sample_fee, //		string	调样费有
+            good_img, //	string	商品图片
+            good_thumb_img, //	string	商品说略图
+            good_info_img, //	string	商品详情图
+            demo_fee, //	string	打样费
+            open_fee, //	string	开模费
+            noble_metal, //	string	金属类别
+            noble_weight, //	string	金属重量
+            is_gold_price, //	string	是否使用实时金价
+            market_price, //	string	市场价
+            cgd_gold_price, //	string	供应商采购金价
+            noble_price,
+            // is_step, //	string	是否使用阶梯价
+            // is_online, //	string	是否上线
+            status, //		string	状态
+            nakelist, //阶梯成本
+            speclist, //商品规格
+            brand_name,
+            config,
+            is_diff,
+            other_config,
+            stock_moq,
+            is_support_stock,
+          } = this.sitem;
+          this.is_support_stock = is_support_stock || "1";
+          let cat_id_name = "";
+          let cat_id = [];
+          (cat_info || []).forEach((ai, i) => {
+            cat_id_name += i === 0 ? ai.name : `_${ai.name}`;
+            cat_id.push(ai.id);
+          });
+          this.cat_id_name = cat_id_name;
+          let isok = false;
+          if (cat_id.length > 0) {
+            cat_id.forEach((i) => {
+              if (i === "6") {
+                isok = true;
+              }
+            });
+          }
+          let exclusiveList = [];
+          if (exclusive && exclusive.length > 0) {
+            exclusive.forEach((a, ai) => {
+              exclusiveList.push(a.id);
+            });
+          }
+          this.is_noble = isok;
+
+          let spec_list1 =
+            speclist && speclist.length > 0 ? JSON.parse(JSON.stringify(speclist)) : [];
+          spec_list1.forEach((a) => {
+            let model = {
+              id: a.id,
+              is_del: a.is_del,
+              spec_id: a.spec_id,
+              spec_value: a.spec_name,
+              spec_value_value: a.spec_value,
+              spec_value_id: a.spec_value_id,
+              spuCode: a.spuCode,
+            };
+            this.spec_tableData.push(model);
+          });
+          this.old_spec_tableData = JSON.parse(JSON.stringify(this.spec_tableData));
+
+          let list2 =
+            nakelist && nakelist.length > 0 ? JSON.parse(JSON.stringify(nakelist)) : [];
+          this.ladder_tableData = list2;
+          this.old_ladder_tableData = JSON.parse(JSON.stringify(this.ladder_tableData));
+          this.status = status;
+          this.brand_name = brand_name;
+          this.unit_name = unit;
+          this.supplierName = supplierName || "";
+          this.ruleForm = {
+            id: id || "",
+            spuCode: spuCode || "",
+            cat_id: cat_id && cat_id.length > 0 ? [cat_id[cat_id.length - 1]] : [],
+            brandid: brand_id ? [brand_id] : [],
+            noble_weight: noble_weight || "",
+            weight: weight || "",
+            good_type: good_type || "0",
+            is_stock: is_stock || "0",
+            supplierNo: supplierNo ? [supplierNo] : [],
+            company_id: companyNo || "",
+            is_auth: is_auth || "",
+            tax: tax ? tax + "%" : "",
+            good_name: good_name || "",
+            unit: good_unit ? [good_unit] : [],
+            is_exclusive: exclusiveList || [],
+            noble_metal: noble_metal || "",
+            is_gold_price: is_gold_price || "0",
+            moq: moq || "0",
+            customized: customized || "0",
+            after_sales: after_sales || "",
+            craft_desc: craft_desc || "",
+            good_remark: good_remark || "",
+            //包装发货/图片
+            packing_list: packing_list || "",
+            packing_way: packing_way || "",
+            packing_spec: packing_spec || "",
+            packing_weight: packing_weight || "",
+            packing_size: packing_size || "",
+            good_size: good_size || "",
+            good_bar: good_bar || "",
+            supply_area: supply_area || "",
+            delivery_place: delivery_place ? (delivery_place || "").split(",") : [],
+            origin_place: origin_place ? (origin_place || "").split(",") : [],
+            delivery_day: delivery_day || "",
+            lead_time: lead_time || "",
+            sample_day: sample_day || "",
+            good_thumb_img: good_thumb_img || "",
+            good_img: good_img
+              ? Object.prototype.toString.call(good_img) === "[object Array]"
+                ? []
+                : (good_img || "").split(",")
+              : [],
+            good_info_img: good_info_img
+              ? (Object.prototype.toString.call(good_info_img) === "[object Array]"
+                  ? []
+                  : good_info_img || ""
+                ).split(",")
+              : [],
+            //固定阶梯成本
+            demo_fee: demo_fee || "",
+            open_fee: open_fee || "",
+            sample_fee: sample_fee || "",
+            market_price: market_price || "",
+            cgd_gold_price: cgd_gold_price || "",
+            noble_price: noble_price || "0",
+            // is_step: is_step || "0",
+            is_diff: is_diff || "",
+            config: config ? config.split(",") : [],
+            other_config: other_config || "",
+            stock_moq: stock_moq || "0",
+          };
+        }
+
+        this.ruleForm.company_id = this.currentCompany
+        await this.set_must_spec();
+      });
+    },
+    sch_is_noble() {
+      let list = [
+        "noble_weight",
+        "noble_metal",
+        "is_gold_price",
+        "is_diff",
+        "config",
+        "other_config",
+        "cgd_gold_price",
+      ];
+      for (let i = 0; i < list.length; i++) {
+        if (list[i] === "cgd_gold_price") {
+          const { is_gold_price } = this.ruleForm;
+          this.rulesThis[list[i]][0].required = this.is_noble && is_gold_price === "1";
+          // console.log(list[i] + "===" + this.rulesThis[list[i]][0].required);
+        } else {
+          this.rulesThis[list[i]][0].required = this.is_noble;
+        }
+
+        this.$refs.ruleForm.validateField(list[i]);
+      }
+    },
+    setModel(model, type) {
+      let item = null;
+      if (type === 1) {
+        item = JSON.parse(JSON.stringify(model));
+        delete item["demo_fee"];
+        delete item["open_fee"];
+        delete item["noble_metal"];
+        delete item["noble_weight"];
+        delete item["is_gold_price"];
+        delete item["market_price"];
+        delete item["cgd_gold_price"];
+        // delete item["is_step"];
+        delete item["good_ladder"];
+      } else {
+        const {
+          demo_fee,
+          open_fee,
+          noble_metal,
+          noble_weight,
+          is_gold_price,
+          market_price,
+          cgd_gold_price,
+          // is_step,
+          good_ladder,
+          spuCode,
+        } = model;
+        item = {
+          demo_fee: demo_fee || "",
+          open_fee: open_fee || "",
+          noble_metal: noble_metal || "",
+          noble_weight: noble_weight || "",
+          is_gold_price: is_gold_price || "",
+          market_price: market_price || "",
+          cgd_gold_price: cgd_gold_price || "",
+          // is_step: is_step || "",
+          good_ladder: good_ladder || [],
+          spuCode: spuCode || "",
+        };
+      }
+      return model;
+    },
+    //商品分类选择
+    async goods_class_change(e) {
+      const { code, pid, id, label, cat_desc } = e;
+      this.ruleForm.cat_id = id ? [id] : [];
+      this.$refs.ruleForm.validateField("cat_id");
+      this.ruleForm.after_sales = cat_desc || "";
+      this.$refs.ruleForm.validateField("after_sales");
+      this.is_noble = pid === "6";
+      this.sch_is_noble();
+      await this.set_must_spec();
+      await this.get_all_fee();
+    },
+    async set_must_spec() {
+      const { cat_id } = this.ruleForm;
+      let id = cat_id.length == 1 ? cat_id[0] : "";
+      if (id) {
+        const { code, message, data } = await asyncRequest.catinfo({ id: id });
+        if (code === 0) {
+          const { spec } = data;
+          if (spec && spec.length > 0) {
+            if (this.spec_tableData && this.spec_tableData.length > 0) {
+              this.spec_tableData.forEach((c) => {
+                c.isMust = false;
+              });
+              spec.forEach((a, ai) => {
+                let findex = this.spec_tableData.findIndex(
+                  (b) => b.spec_id + "" === a.id + ""
+                );
+                if (findex !== -1) {
+                  this.spec_tableData[findex].isMust = true;
+                } else {
+                  this.spec_tableData.push({
+                    id: "",
+                    index: "1",
+                    spec_id: a.id + "",
+                    spec_value: a.spec_name,
+                    isMust: true,
+                    spec_value_value: "",
+                    spec_value_id: "",
+                  });
+                }
+              });
+            } else {
+              spec.forEach((a, ai) => {
+                let model = {
+                  id: "",
+                  index: "1",
+                  spec_id: a.id + "",
+                  spec_value: a.spec_name,
+                  isMust: true,
+                  spec_value_value: "",
+                  spec_value_id: "",
+                };
+                this.spec_tableData.push(model);
+              });
+            }
+          }
+          this.spec_tableData.map((e, ei) => {
+            e.index = ei + "";
+            return e;
+          });
+          this.spec_tableData.forEach((si, sii) => {
+            this.$set(this.spec_tableData, sii, si);
+          });
+        } else if (code >= 100 && code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(message);
+        }
+      } else {
+        this.spec_tableData.forEach((si, sii) => {
+          si.isMust = false;
+          this.$set(this.spec_tableData, sii, si);
+        });
+      }
+      console.log(this.spec_tableData);
+    },
+    async is_goold_price_change(e) {
+      await this.get_all_fee();
+    },
+    //商品品牌选择
+    brandidsearchChange(e) {
+      const { id, code, label } = e;
+      this.ruleForm.brandid = id ? [id] : [];
+      this.$refs.ruleForm.validateField("brandid");
+    },
+    //供应商选择
+    supplierNosearchChange(e) {
+      const { id, code, label } = e;
+      this.ruleForm.supplierNo = code ? [code] : [];
+      this.$refs.ruleForm.validateField("supplierNo");
+    },
+    //业务企业选择
+    company_idsearchChange(e) {
+      const { code } = e;
+      this.ruleForm.company_id = code || "";
+      this.$refs.ruleForm.validateField("company_id");
+    },
+    //税点选择
+    taxsearchChange(e) {
+      this.ruleForm.tax = e;
+      this.$refs.ruleForm.validateField("tax");
+    },
+    //专属类型选择
+    exclusiveSearchChange(e) {
+      this.ruleForm.is_exclusive = e;
+      this.$refs.ruleForm.validateField("is_exclusive");
+    },
+    //单位选择
+    unitsearchChange(e) {
+      const { id, code, label } = e;
+      this.ruleForm.unit = code ? [code] : [];
+      this.$refs.ruleForm.validateField("unit");
+    },
+    //贵金属种类选择
+    async noble_metalsearchChange(e) {
+      const { id, code, label } = e;
+      this.ruleForm.noble_metal = id || "";
+      this.$refs.ruleForm.validateField("noble_metal");
+      await this.get_all_fee();
+    },
+    //省市区
+    selectAreaChange(e, key) {
+      this.ruleForm[key] = e;
+      this.$refs.ruleForm.validateField(key);
+    },
+    closeImg(index, key) {
+      this.ruleForm[key].splice(index, 1);
+      this.$refs.ruleForm.validateField(key);
+    },
+
+    //图片上传成功
+    async UploadSuccessEvent(data, key) {
+      const { url } = data;
+      if (url === "noToken") {
+        await this.logout();
+      } else {
+        if (key === "good_thumb_img") {
+          this.ruleForm[key] = url;
+        } else {
+          if (this.ruleForm[key].length < 10) {
+            this.ruleForm[key].push(url);
+          }
+        }
+        this.$refs.ruleForm.validateField(key);
+        this.$message.success("图片上传成功!");
+      }
+    },
+    good_type_change() {
+      let list = ["moq", "customized"];
+      for (let i = 0; i < list.length; i++) {
+        this.rulesThis[list[i]][0].required = this.ruleForm.good_type === "1";
+        // console.log(list[i] + "===" + this.rulesThis[list[i]][0].required);
+        this.$refs.ruleForm.validateField(list[i]);
+      }
+    },
+    UploadErrorEvent(res, key) {
+      if (res !== "break") {
+        this.$message.error("图片上传失败!");
+        this.$refs.ruleForm.validateField(key);
+      }
+    },
+    //判断图片规格
+    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;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.goodsCostDetail {
+  // position: relative;
+  .good_info_img_div {
+    ul {
+      width: 100%;
+      li {
+        float: left;
+        width: 55px;
+        height: 55px;
+        padding: 0 5px 0 0;
+        .img-show-li-div {
+          width: 50px;
+          height: 50px;
+          border: 1px solid #dfe4ed;
+          background: #dfe4ed;
+          position: relative;
+          img.img-show {
+            width: 100%;
+            height: 100%;
+            position: relative;
+            display: inline-block;
+          }
+          i.el-icon-close {
+            position: absolute;
+            z-index: 2;
+            top: 0;
+            right: 0;
+            color: #dfe4ed;
+          }
+          &:hover {
+            i.el-icon-close {
+              cursor: pointer;
+              color: #6954f0;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .goodsCostAdd-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;
+    }
+  }
+}
+</style>

src/views/goodStore/supplierGoodsCost/components/baseFormAddEdit.vue

@@ -0,0 +1,266 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="5vh"
+    width="1040px"
+    :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="80px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="规格类型" prop="spec_id">
+              <search-spec
+                :value="ruleForm.spec_id"
+                :disabled="sitem.isMust"
+                :size="'mini'"
+                :isDetail="false"
+                :placeholder="'规格类型'"
+                @searchChange="spec_idsearchChange"
+              />
+            </el-form-item>
+            <el-form-item label="规格值" prop="spec_value_id">
+              <div
+                v-if="specVlist.length > 0"
+              >
+                <el-select
+                  v-model="ruleForm.spec_value_id"
+                  placeholder="请选择规格值"
+                  @change="spec_value_id_change"
+                  style="width:100%"
+                  filterable
+                >
+                  <el-option
+                    v-for="item in specVlist"
+                    :key="item.id + item.spec_value"
+                    :label="item.spec_value"
+                    :value="item.id"
+                    >{{ item.spec_value }}</el-option
+                  >
+                </el-select>
+              </div>
+              <div class="no-data" v-else>暂无规格值,请添加！</div>
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <el-input
+            style="width: 209px"
+            v-model="sinput"
+            class="fl"
+            :disabled="id == 'edit'"
+            :size="'small'"
+            placeholder="规格值名称，如红色"
+            maxlength="100"
+          />
+          <el-button
+            style="margin: 0 0 0 10px"
+            icon="el-icon-plus"
+            :size="'small'"
+            @click="add_spec"
+            class="fl"
+            >新增规格值</el-button
+          >
+          <el-button
+            v-if="id !== 'edit'"
+            :size="'small'"
+            type="primary"
+            @click="submitForm"
+            >保 存
+          </el-button>
+          <el-button @click="showModelThis = false" :size="'small'">{{
+            id == "edit" ? "关 闭" : "取 消"
+          }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsCost";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "brand",
+  props: ["showModel", "index", "sitem"],
+  mixins: [resToken],
+  data() {
+    return {
+      loading: false,
+      title: "商品规格",
+      sinput: "",
+      showModelThis: this.showModel,
+      specVlist: [],
+      ruleForm: {},
+      rulesThis: this.rules,
+
+      rules: {
+        spec_id: [
+          {
+            required: true,
+            message: "规格类型不能为空",
+            trigger: "change",
+          },
+        ],
+        spec_value_id: [{ 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;
+      this.sinput = "";
+      this.resetFormData();
+      this.rulesThis = this.rules;
+      if (this.index + "" === "-1") {
+        this.title = "添加商品规格值";
+      } else {
+        this.title = "修改商品规格值";
+      }
+      await this.resetForm();
+      this.loading = false;
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          this.resetFormData();
+        }
+      });
+    },
+    async resetFormData() {
+      const {
+        id,
+        spec_id,
+        spec_value,
+        spec_value_id,
+        spec_value_value,
+        isMust,
+      } = this.sitem;
+      this.ruleForm = {
+        index: this.index,
+        id: id || "",
+        spec_id: spec_id || "",
+        spec_value: spec_value || "",
+        isMust: isMust || false,
+        spec_value_id: spec_value_id || "",
+        spec_value_value: spec_value_value || "",
+      };
+      if (spec_id) {
+        await this.getlist();
+      }
+    },
+    async add_spec() {
+      const { spec_id } = this.ruleForm;
+      if (spec_id) {
+        if (this.sinput) {
+          const { code, data, message } = await asyncRequest.valueadd({
+            spec_id: spec_id,
+            spec_value: this.sinput,
+          });
+          if (code === 0) {
+            await this.getlist();
+          } else if (code >= 100 && code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(message);
+          }
+        } else {
+          this.$message.warning("请输入规格值！");
+        }
+      } else {
+        this.$message.warning("请选择规格类型！");
+      }
+    },
+    async spec_idsearchChange(e) {
+      const { id, spec_name } = e;
+      this.ruleForm.spec_id = id || "";
+      this.ruleForm.spec_value = spec_name || "";
+      this.$refs.ruleForm.validateField("spec_id");
+      await this.getlist();
+    },
+    spec_value_id_change(e) {
+      if (e) {
+        const { id, spec_value } = this.specVlist.find((i) => i.id === e);
+        this.ruleForm.spec_value_id = id || "";
+        this.ruleForm.spec_value_value = spec_value || "";
+      } else {
+        this.ruleForm.spec_value_id = "";
+        this.ruleForm.spec_value_value = "";
+      }
+      this.$refs.ruleForm.validateField("spec_value_id");
+    },
+    async getlist() {
+      const { spec_id } = this.ruleForm;
+      if (spec_id) {
+        const { code, data, message } = await asyncRequest.valueall({
+          spec_id: spec_id,
+        });
+        if (code === 0) {
+          this.specVlist = data;
+        } else if (code >= 100 && code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(message);
+        }
+      } else {
+        this.specVlist = [];
+      }
+    },
+
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.showModelThis = false;
+          this.$emit("refresh", this.ruleForm);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.goodsCostAdd {
+  .no-data {
+    text-align: center;
+    line-height: 32px;
+    color: #8492a6;
+    // border: 1px solid #ccc;
+    border-radius: 6px;
+  }
+}
+</style>

src/views/goodStore/supplierGoodsCost/components/costDetail.vue

@@ -0,0 +1,48 @@
+<template>
+  <el-collapse v-model="collapses">
+    <el-collapse-item title="基础信息" name="1">
+      <show-data-table :columns="basicColumns" />
+    </el-collapse-item>
+
+    <el-collapse-item title="规格信息" name="2">
+      <show-data-table />
+    </el-collapse-item>
+
+    <el-collapse-item title="包装信息" name="3">
+      <show-data-table />
+    </el-collapse-item>
+
+    <el-collapse-item title="发货信息" name="4">
+      <show-data-table />
+    </el-collapse-item>
+
+    <el-collapse-item title="图片信息" name="5">
+      <show-data-table />
+    </el-collapse-item>
+
+    <el-collapse-item title="固定与阶梯成本" name="6">
+      <show-data-table />
+    </el-collapse-item>
+  </el-collapse>
+</template>
+
+<script>
+
+import ShowDataTable from '@/views/standingBook/components/detail-data-table.vue'
+import { basicColumns } from './../columns'
+
+export default {
+  name: 'CostDetail',
+  components: { ShowDataTable },
+  data() {
+    return {
+      collapses: ['1', '2', '3', '4', '5', '6'],
+      basicColumns
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/goodStore/supplierGoodsCost/components/costFormAddEdit.vue

@@ -0,0 +1,362 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="title"
+    :center="true"
+    align="left"
+    top="18vh"
+    width="700px"
+    :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="80px"
+            class="demo-ruleForm"
+          >
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="起订量" prop="min_num">
+                  <digital-input
+                    :values="ruleForm.min_num"
+                    :placeholder="'起订量'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="0"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="''"
+                    @reschange="number_change($event, 'min_num')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="成本单价" prop="nake_fee">
+                  <digital-input
+                    :values="ruleForm.nake_fee"
+                    :placeholder="'成本单价'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'nake_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="工艺费" prop="cost_fee">
+                  <digital-input
+                    :values="ruleForm.cost_fee"
+                    :placeholder="'工艺费'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'cost_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="物流费" prop="delivery_fee">
+                  <digital-input
+                    :values="ruleForm.delivery_fee"
+                    :placeholder="'物流费'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'delivery_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="12">
+                <el-form-item label="证书费" prop="cert_fee">
+                  <digital-input
+                    :values="ruleForm.cert_fee"
+                    :placeholder="'证书费'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'cert_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="加标费" prop="mark_fee">
+                  <digital-input
+                    :values="ruleForm.mark_fee"
+                    :placeholder="'加标费'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'mark_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="包装费" prop="package_fee">
+                  <digital-input
+                    :values="ruleForm.package_fee"
+                    :placeholder="'包装费'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'package_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+
+              <el-col :span="12">
+                <el-form-item label="其他费用" prop="other_fee">
+                  <digital-input
+                    :values="ruleForm.other_fee"
+                    :placeholder="'其他费用'"
+                    :min="0"
+                    :disabled="false"
+                    :max="100000000000"
+                    :position="'right'"
+                    :precision="2"
+                    :size="'mini'"
+                    :controls="false"
+                    :append="'元'"
+                    @reschange="number_change($event, 'other_fee')"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24" style="text-align: right">
+                <el-button :size="'small'" type="primary" @click="submitForm"
+                  >保 存
+                </el-button>
+                <el-button @click="showModelThis = false" :size="'small'">{{
+                  "取 消"
+                }}</el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import resToken from "@/mixins/resToken";
+export default {
+  name: "brand",
+  props: ["showModel", "index", "sitem"],
+  mixins: [resToken],
+  data() {
+    const validate_num_0 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("起订量不能为空！"));
+      } else if (value === "0") {
+        callback(new Error("起订量不能为零！"));
+      } else {
+        callback();
+      }
+    };
+    const validate_num = (rule, value, callback) => {
+      const { required } = rule;
+      if (required && value === "") {
+        callback(new Error("不能为空！"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      loading: false,
+      title: "",
+      showModelThis: this.showModel,
+      ruleForm: {},
+      rulesThis: this.rules,
+      rules: {
+        min_num: [{ required: true, validator: validate_num_0, trigger: "blur" }],
+        nake_price: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+        //固定成本
+        cert_fee: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+        package_fee: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+
+        cost_fee: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+
+        mark_fee: [
+          {
+            required: true,
+            validator: validate_num,
+            trigger: "blur",
+          },
+        ],
+        nake_fee: [{ required: true, validator: validate_num, trigger: "blur" }],
+        delivery_fee: [{ required: true, validator: validate_num, trigger: "blur" }],
+      },
+    };
+  },
+  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.resetFormData();
+
+      console.log(this.index);
+      if (this.index + "" === "-1") {
+        this.title = "添加成本阶梯";
+      } else {
+        this.title = "修改成本阶梯";
+      }
+      this.rulesThis = this.rules;
+      await this.resetForm();
+
+      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() {
+      if (this.index + "" === "-1") {
+        this.ruleForm = {
+          id: "",
+          index: "-1",
+          min_num: "0",
+          nake_fee: "0",
+          cost_fee: "0",
+          delivery_fee: "0",
+          cert_fee: "0",
+          mark_fee: "0",
+          package_fee: "0",
+          other_fee: "0",
+        };
+      } else {
+        const {
+          id,
+          min_num,
+          nake_fee,
+          cost_fee,
+          delivery_fee,
+          cert_fee,
+          mark_fee,
+          package_fee,
+          other_fee,
+        } = this.sitem;
+        this.ruleForm = {
+          id: id || "",
+          index: this.index,
+          min_num: min_num || "0",
+          cost_fee: cost_fee || "0",
+          nake_fee: nake_fee || "0",
+          delivery_fee: delivery_fee || "0",
+          cert_fee: cert_fee || "0",
+          mark_fee: mark_fee || "0",
+          package_fee: package_fee || "0",
+          other_fee: other_fee || "0",
+        };
+      }
+    },
+
+    number_change(e, key) {
+      const res = e ?? "";
+      this.ruleForm[key] = res === "" ? "0" : res;
+      this.$refs.ruleForm.validateField(key);
+    },
+
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          this.showModelThis = false;
+          // 刷新
+          this.$emit("refresh", this.ruleForm);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.brand {
+}
+</style>

src/views/goodStore/supplierGoodsCost/detail.vue

@@ -0,0 +1,349 @@
+<template>
+  <div class="goodsCostDetail">
+    <div class="goodsCostDetail-main" v-if="powers.some((i) => i == '007')">
+      <el-tabs v-model="activeTabs">
+        <el-tab-pane label="新建商品成本" name="0" v-if="queryType === 'add'">
+          <base-form
+            v-if="newTime !== ''"
+            :type="queryType"
+            :id="queryId"
+            :newTime="newTime"
+            :sitem="sitem"
+            @refresh="refresh"
+          />
+        </el-tab-pane>
+        <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="1">
+              <show-data-table :columns="basicColumns" :sitem="sitem">
+                <template slot="cat_info">
+                  {{sitem.cat_info ? sitem.cat_info.map(({name}) => name).join('_') : '--' }}
+                </template>
+                <template slot="weight">
+                  {{sitem.weight}}g
+                </template>
+                <template slot="tax">
+                  {{sitem.tax}}%
+                </template>
+                <template slot="is_stock">
+                  {{String(sitem.is_stock) === '0' ? '非库存品' : '库存品'}}
+                </template>
+                <template slot="is_exclusive">
+                  {{String(sitem.is_exclusive) === '0' ? '非泰康' : '泰康'}}
+                </template>
+                <template slot="noble_weight">{{sitem.noble_weight}}g</template>
+                <template slot="is_gold_price">{{String(sitem.is_gold_price) === '1' ? '是' : '否'}}</template>
+                <template slot="is_diff">{{String(sitem.is_diff) === '1' ? '有公差' : '无工差'}}</template>
+              </show-data-table>
+            </el-collapse-item>
+
+            <el-collapse-item title="规格信息" name="2">
+              <el-table :data="sitem.speclist" :size="'mini'" border style="width: 100%">
+                <el-table-column prop="spec_name" label="规格类型" />
+                <el-table-column prop="spec_value" label="规格值" />
+              </el-table>
+            </el-collapse-item>
+
+            <el-collapse-item title="包装信息" name="3">
+              <show-data-table :columns="packingColumns" :sitem="sitem">
+                <template slot="packing_weight">
+                  {{sitem.packing_weight}}g
+                </template>
+              </show-data-table>
+            </el-collapse-item>
+
+            <el-collapse-item title="发货信息" name="4">
+              <show-data-table :columns="sendColumns" :sitem="sitem">
+                <template slot="delivery_day">{{sitem.delivery_day}}天</template>
+                <template slot="lead_time">{{sitem.lead_time}}天</template>
+                <template slot="sample_day">{{sitem.sample_day}}天</template>
+                <template slot="delivery_place">{{delivery_place}}</template>
+                <template slot="origin_place">{{origin_place}}</template>
+              </show-data-table>
+            </el-collapse-item>
+
+            <el-collapse-item title="图片信息" name="5">
+              <show-data-table :columns="imageColumns" :sitem="sitem">
+                <template slot="good_thumb_img">
+                  <el-image style="height: 40px;width: 40px" :src="sitem.good_thumb_img" :preview-src-list="[sitem.good_thumb_img]" />
+                </template>
+
+                <template slot="good_img">
+                  <template v-if="sitem.good_img">
+                    <el-image style="height: 40px;width: 40px;margin-right: 10px" v-for="(img,index) in sitem.good_img.split(',')" :src="img" :preview-src-list="sitem.good_img.split(',')" :key="index" />
+                  </template>
+                </template>
+
+                <template slot="good_info_img">
+                    <el-image style="height: 40px;width: 40px" :src="sitem.good_info_img" :preview-src-list="[sitem.good_info_img]" />
+                </template>
+              </show-data-table>
+            </el-collapse-item>
+
+            <el-collapse-item title="固定与阶梯成本" name="6">
+              <show-data-table :columns="ladderColumns" :sitem="sitem">
+                <template slot="demo_fee">{{sitem.demo_fee}}元</template>
+                <template slot="open_fee">{{sitem.open_fee}}元</template>
+                <template slot="sample_fee">{{sitem.sample_fee}}元</template>
+                <template slot="market_price">{{sitem.market_price}}元</template>
+
+                <template slot="data_table">
+                  <el-table size="mini" :data="sitem.nakelist">
+                    <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>
+                </template>
+              </show-data-table>
+            </el-collapse-item>
+
+            <el-collapse-item
+              title="采购部门审批"
+              v-if="
+                ((status + '' === '0' && ppowers.some((i) => i == '0')) ||
+                  (status + '' === '2' && ppowers.some((i) => i == '2')) ||
+                  (status + '' === '3' && ppowers.some((i) => i == '3'))) &&
+                queryType === 'view'
+              "
+            >
+              <exam-form
+                :statusList="statusList"
+                :newTime="newTime"
+                :disabled="false"
+                :isMust="false"
+                @searchChange="examForm"
+              />
+            </el-collapse-item>
+          </el-collapse>
+        </el-tab-pane>
+        <el-tab-pane label="审批记录" name="2" v-if="queryType !== 'add'">
+          <process-time-line
+            v-if="newTime !== ''"
+            :newTime="newTime"
+            :type="'SPCB'"
+            :orderCode="queryId"
+          />
+        </el-tab-pane>
+
+
+        <el-tab-pane label="流程图" name="3" v-if="queryType !== 'add'">
+          <flow-chart process_id="15" type="SPCB" :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/goodsCost";
+import resToken from "@/mixins/resToken";
+import { mapGetters } from "vuex";
+import baseForm from "./components/baseForm";
+import costForm from './components/costDetail'
+import ShowDataTable from '@/views/standingBook/components/detail-data-table.vue'
+import { basicColumns, packingColumns, sendColumns, imageColumns, ladderColumns } from './columns'
+
+export default {
+  name: "goodsCostDetail",
+  mixins: [resToken],
+  components: {
+    ShowDataTable,
+    baseForm,
+    costForm
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const { btnList } = this.$store.getters
+      const tran = btnList.find((item) => item.menu_route == "supplierGoodsCostDetail") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+    ppowers() {
+      const tran =
+        this.$store.getters.roleProcess.find((i) => i.process_type === "SPCB") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+
+  data() {
+    return {
+      statusList: [],
+      basicColumns,
+      packingColumns,
+      sendColumns,
+      imageColumns,
+      ladderColumns,
+      size: "small",
+      activeTabs: "1",
+      activeNames: ["0", "1", "2", "3", "4", "5", "6"],
+      newTime: "",
+      loading: false,
+      queryType: "",
+      queryId: "",
+      status: "",
+      sitem: null,
+      delivery_place: '',
+      origin_place: ''
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    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();
+        await this.getArea('delivery_place');
+        await this.getArea('origin_place');
+      }
+
+      this.loading = false;
+    },
+    // 点击业务审核的保存按钮
+
+    async examForm(e) {
+      console.log(e);
+      if (!this.loading) {
+        let type = "";
+        if (e.state + '' === "1") {
+          type = "1";
+        } else {
+          type =
+            this.status + '' === "0"
+              ? "6"
+              : this.status + '' === "2"
+              ? "4"
+              : this.status + '' === "3"
+              ? "5"
+              : "";
+        }
+        await this.setstatus(type, "提交采购部门审核", e.remark);
+      }
+    },
+    async getArea(prop = 'delivery_place'){
+      const chunks = this.sitem[prop].split(',');
+      let { data: province } = await asyncRequest.province();
+      province = province.find(({province_code}) => province_code === chunks[0])
+      let { data: city } = await  asyncRequest.city({code: chunks[0]})
+      city = city.find(({city_code}) => city_code === chunks[1])
+      let { data: area } = await asyncRequest.area({code: chunks[1]})
+      area = area.find(({area_code}) => area_code === chunks[2])
+      this[prop] = [province,city,area].map(({name}) => name).join("_")
+    },
+    async setstatus(type, detail, remark) {
+      await this.$confirm(`确定要${detail}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          let _model = {
+            spuCode: this.queryId,
+            status: type,
+            remark: remark,
+          };
+          let res = await asyncRequest.status(_model);
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "提交成功！",
+              message: "",
+            });
+            await this.initForm();
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    handleClick(row) {
+      console.log(row);
+    },
+    async refresh(e) {
+      await this.routeReGoto("goodsCost", {});
+    },
+    async initData() {
+      this.loading = true;
+      const { code, message, data } = await asyncRequest.detail({
+        spuCode: this.queryId,
+      });
+      this.loading = false;
+      if (code === 0) {
+        this.sitem = JSON.parse(JSON.stringify(data));
+        const { status } = this.sitem;
+        this.status = 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>
+.goodsCostDetail {
+  width: 100%;
+  box-sizing: border-box;
+  .goodsCostDetail-main {
+    box-sizing: border-box;
+    padding: 10px;
+    height: 100%;
+    width: 100%;
+  }
+  .goodsCostDetail-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/goodStore/supplierGoodsCost/index.vue

@@ -0,0 +1,899 @@
+<template>
+  <div class="goodsCost 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();
+      "
+      @selection="selection_change"
+    >
+      <template #table-header="{}">
+        <div style="width: 100%">
+          <el-row style="padding: 0 0 10px 80px">
+            <el-col :span="6" style="width: 303px">
+              <period-date-picker
+                :type="1"
+                :width="'135px'"
+                :size="searchSize"
+                :start="parmValue.start"
+                :end="parmValue.end"
+                @timeReturned="handleTime"
+              />
+            </el-col>
+            <el-col :span="4" style="width: 135px">
+              <search-brand
+                :value="brandid"
+                :disabled="false"
+                :size="'mini'"
+                :isDetail="true"
+                :names="parmValue.supplierName"
+                :placeholder="'商品品牌'"
+                @searchChange="brandidsearchChange"
+              />
+            </el-col>
+            <el-col :span="6" style="width: 310px; padding: 0 0 0 10px">
+              <good-class
+                :value="parmValue.cat_id"
+                @handleChange="goods_class_change"
+                :disabled="false"
+                :size="searchSize"
+                :isDetail="false"
+                :placeholder="'分类'"
+              />
+            </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-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="4" style="width: 226px">
+              <el-select
+                v-model="parmValue.status"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="状态"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in statusList"
+                  :key="'status' + item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 145px; padding: 0 0 0 10px">
+              <el-select
+                v-model="parmValue.isonline"
+                filterable
+                clearable
+                :size="searchSize"
+                placeholder="是否上线"
+                style="width: 100%"
+                @change="
+                  pageInfo.curr = 1;
+                  parmValue.page = 1;
+                  searchList();
+                "
+              >
+                <el-option
+                  v-for="item in isonlineoptions"
+                  :key="'isonline' + item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-col>
+            <el-col :span="4" style="width: 420px; padding: 0 0 0 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"
+                  style="width: 135px"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                  placeholder="关键字类型"
+                >
+                  <el-option label="商品编号" value="1" />
+                  <el-option label="商品名称" value="2" />
+                  <el-option label="业务企业编号" value="3" />
+                  <el-option label="供应商编号" value="4" />
+                  <!-- <el-option label="创建人部门" value="5" /> -->
+                </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')"
+            >
+              <el-button
+                :size="searchSize"
+                type="success"
+                style="float: right"
+                @click="handleCreate"
+              >
+                添加
+              </el-button>
+            </el-col>
+            <el-col
+              :span="3"
+              class="fr"
+              style="width: 110px; padding: 0 0 0 10px"
+              v-if="powers.some((i) => i == '055')"
+            >
+              <el-button
+                :size="searchSize"
+                type="warning"
+                style="float: right"
+                @click="add_online"
+              >
+                <i class="el-icon-circle-plus-outline"></i>
+                <span>商品上线</span>
+              </el-button>
+            </el-col>
+          </el-row>
+        </div></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 #status="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="
+            (statusList.find((item) => item.code == scope.row.status) || {}).type || '--'
+          "
+          v-text="
+            (statusList.find((item) => item.code == scope.row.status) || {}).name || '--'
+          "
+        ></el-tag>
+      </template>
+      <template #isonline="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.is_online == '0' ? 'warning' : ''"
+          v-text="
+            (isonlineoptions.find((item) => item.id == scope.row.is_online) || {}).name ||
+            '--'
+          "
+        ></el-tag>
+      </template>
+      <template #is_stock="{ scope }">
+        <el-tag
+          :size="tablebtnSize"
+          :type="scope.row.is_stock == '0' ? 'warning' : ''"
+          v-text="
+            (options4.find((item) => item.id == scope.row.is_stock) || {}).name || '--'
+          "
+        ></el-tag>
+      </template>
+
+      <template #operation="{ scope }">
+        <el-tooltip
+          v-if="powers.some((i) => i == '007') && scope.row.status !== '8'"
+          effect="dark"
+          content="详情"
+          placement="top"
+        >
+          <i
+            class="el-icon-view tb-icon"
+            @click="getRouter('goodsCostDetail', scope.row.spuCode)"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="powers.some((i) => i == '079') && scope.row.status !== '8'"
+          effect="dark"
+          content="下线商品"
+          placement="top"
+        >
+          <i
+            class="el-icon-download tb-icon"
+            @click="showDonlineDlg(scope.row.spuCode)"
+          ></i>
+        </el-tooltip>
+
+        <el-tooltip
+          v-if="
+            ((ppowers.some((i) => i == '7') && scope.row.status + '' === '7') ||
+              (ppowers.some((i) => i == '6') && scope.row.status + '' === '6') ||
+              (ppowers.some((i) => i == '8') && scope.row.status + '' === '8')) &&
+            ((scope.row.has_account + '' == '0' && scope.row.is_stock + '' === '0') ||
+              scope.row.is_stock + '' === '1')
+          "
+          effect="dark"
+          content="修改"
+          placement="top"
+        >
+          <i
+            class="el-icon-edit tb-icon"
+            @click="
+              routeGoto('goodsCostDetail', {
+                id: scope.row.spuCode,
+                type: 'edit',
+              })
+            "
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            ppowers.some((i) => i == '4') &&
+            (scope.row.status + '' === '4' || scope.row.status + '' === '1') &&
+            ((scope.row.has_account + '' == '0' && scope.row.is_stock + '' === '0') ||
+              scope.row.is_stock + '' === '1')
+          "
+          effect="dark"
+          content="修改基础信息"
+          placement="top"
+        >
+          <i
+            class="el-icon-c-scale-to-original tb-icon"
+            @click="wantto(scope.row.is_online, scope.row.spuCode, scope.row.status, '2')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            ppowers.some((i) => i == '5') &&
+            (scope.row.status + '' === '5' || scope.row.status + '' === '1') &&
+            ((scope.row.has_account + '' == '0' && scope.row.is_stock + '' === '0') ||
+              scope.row.is_stock + '' === '1')
+          "
+          effect="dark"
+          content="修改成本信息"
+          placement="top"
+        >
+          <i
+            class="el-icon-coin tb-icon"
+            @click="wantto(scope.row.is_online, scope.row.spuCode, scope.row.status, '3')"
+          ></i>
+        </el-tooltip>
+        <el-tooltip
+          v-if="
+            powers.some((i) => i == '010') &&
+            !(scope.row.status + '' === '7' || scope.row.status + '' === '8')
+          "
+          effect="dark"
+          content="复制商品"
+          placement="top"
+        >
+          <i
+            class="el-icon-document-copy tb-icon"
+            @click="good_copy(scope.row.spuCode)"
+          ></i>
+        </el-tooltip>
+
+        <el-tooltip
+          v-if="powers.some((i) => i == '006')"
+          effect="dark"
+          content="删除"
+          placement="top"
+        >
+          <i class="el-icon-delete tb-icon" @click="deleteItem(scope.row.spuCode)"></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>
+    <add-edit
+      :id="''"
+      :sitem="changeList"
+      :show-model="showModel"
+      :is-detail="false"
+      @refresh="showModel = false"
+      @cancel="showModel = false"
+    />
+  </div>
+</template>
+<script>
+import asyncRequest from "@/apis/service/goodStore/goodsCost";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+import { listCol, options1, options4 } from "./columns";
+import addEdit from "./components/addEdit";
+import companyHelper from '@/mixins/companyHelper'
+export default {
+  name: "goodsCost",
+  mixins: [mixinPage, resToken, companyHelper],
+  components: {
+    addEdit,
+  },
+  computed: {
+    //组件SIZE设置
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "supplierGoodsCost") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+    ppowers() {
+      const tran =
+        this.$store.getters.roleProcess.find((i) => i.process_type === "SPCB") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    },
+  },
+  data() {
+    var validate = (rule, value, callback) => {
+      if (value == "") {
+        return callback(new Error("必填项不能为空"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      dialogFormVisible: false,
+      donline_formStOps: [],
+      donline_form: {
+        offline_reason: "",
+        offline_remark: "",
+        spuCode: "",
+      },
+      donline_rules: {
+        offline_reason: [{ validator: validate, required: true, trigger: "blur" }],
+        offline_remark: [{ validator: validate, required: true, trigger: "blur" }],
+      },
+      statusList: [
+        {
+          code: "0",
+          name: "新建待审核",
+          type: "",
+        },
+        {
+          code: "1",
+          name: "审核通过",
+          type: "success",
+        },
+        {
+          code: "2",
+          name: "基础修改待审核",
+          type: "",
+        },
+        {
+          code: "3",
+          name: "成本修改待审核",
+          type: "",
+        },
+        {
+          code: "4",
+          name: "基础修改驳回",
+          type: "danger",
+        },
+        {
+          code: "5",
+          name: "成本修改驳回",
+          type: "danger",
+        },
+        {
+          code: "6",
+          name: "新建审核驳回",
+          type: "danger",
+        },
+        {
+          code: "7",
+          name: "复制商品待编辑",
+          type: "info",
+        },
+        {
+          code: "8",
+          name: "竞价商品待编辑",
+          type: "info",
+        },
+      ],
+      isonlineoptions: [
+        { id: "0", name: "未上线" },
+        { id: "1", name: "已上线" },
+      ],
+      showModel: false,
+      options1,
+      options4,
+      loading: false,
+      changeList: [],
+      parmValue: {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        start: "",
+        end: "",
+        status: "",
+        good_name: "",
+        spucode: "",
+        cat_id: [],
+        brandid: "",
+        good_type: "",
+        companyNo: "",
+        supplierNo: "",
+        isonline: "",
+        company_name: "", //创建人部门
+        // creater: "",
+      },
+      sinput: "",
+      select: "",
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: listCol,
+      supplierNo: [],
+      brandid: [],
+    };
+  },
+  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.brandid.length > 0) {
+        this.brandid = [this.parmValue.brandid];
+      }
+
+      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 = "2";
+      //  this.sselect = "创建时间"
+    }
+    this.select = "2";
+    this.supplierNo = [];
+
+    this.searchList();
+  },
+  methods: {
+    handleCreate(){
+      if(!this.currentIsBusinessCompany()) return
+      this.routeGoto('goodsCostDetail', { id: 'add', type: 'add' })
+    },
+    // 获取异常原因下拉列表
+    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);
+      }
+    },
+    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 = "2";
+      this.sinput = "";
+      this.supplierNo = [];
+      this.brandid = [];
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.parmValue = {
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        start: "",
+        end: "",
+        status: "",
+        good_name: "",
+        company_name: "", //创建人部门
+        spucode: "",
+        cat_id: [],
+        brandid: "",
+        good_type: "",
+        isonline: "",
+        companyNo: "",
+        supplierNo: "",
+      };
+      this.searchList();
+    },
+    async wantto(isonline, spuCode, ntype, wtype) {
+      const { code, data, message } = await asyncRequest.checkIsUpdate({ spuCode });
+      if (code === 0) {
+        const { is_allow_update } = data;
+        if (is_allow_update + "" === "1") {
+          this.routeGoto("goodsCostDetail", {
+            id: spuCode,
+            type: wtype === "2" ? "editBase" : wtype === "3" ? "editCoin" : "",
+          });
+        } else {
+          if (isonline + "" === "1") {
+            this.$message.warning("已上线的商品需要下线才能修改！");
+          } else {
+            this.$message.warning("当前商品上线流程正在进行中，请下线再操作！");
+          }
+        }
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+    },
+    selection_change(e) {
+      const { list } = e;
+      this.changeList = list.length > 0 ? JSON.parse(JSON.stringify(list)) : [];
+    },
+    //商品品牌选择
+    async brandidsearchChange(e) {
+      const { id, code, label } = e;
+      if (id) {
+        this.brandid = [id];
+        this.parmValue.brandid = id;
+        this.parmValue.supplierName = label;
+      } else {
+        this.brandid = [];
+        this.parmValue.brandid = "";
+        this.parmValue.supplierName = "";
+      }
+      // this.parmValue.brandid = 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();
+      }
+    },
+    async good_copy(spuCode) {
+      await this.$confirm(`确定要复制该商品？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = {
+            spuCode: spuCode,
+          };
+          const res = await asyncRequest.copy(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("取消");
+        });
+    },
+    /**
+     * 启用/禁用
+     * @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 item = JSON.parse(JSON.stringify(this.parmValue));
+      item.spucode = this.select === "1" ? this.sinput : "";
+      item.good_name = this.select === "2" ? this.sinput : "";
+      item.companyNo = this.select === "3" ? this.sinput : "";
+      item.supplierNo = this.select === "4" ? this.sinput : "";
+      item.company_name = this.select === "5" ? this.sinput : ""; // 部门
+      item.cat_id = item.cat_id.length > 0 ? item.cat_id[item.cat_id.length - 1] : "";
+      const res = await asyncRequest.list(item);
+      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.parmValue.cat_id = e;
+      this.pageInfo.curr = 1;
+      this.parmValue.page = 1;
+      await this.searchList();
+    },
+    add_online() {
+      if (this.changeList.length === 0) {
+        this.$message.warning("至少选择一个商品！");
+        return;
+      }
+      if (this.changeList.length > 100) {
+        this.$message.warning("商品数量不能超过100！");
+        return;
+      }
+      let isok = true;
+      this.changeList.forEach((e) => {
+        if (String(e.status) !== "1") {
+          isok = false;
+        }
+      });
+      if (!isok) {
+        this.$message.warning("只有审核通过的商品可以上线！");
+        return;
+      }
+      this.showModel = true;
+    },
+    //点击下线
+    async showDonlineDlg(spuCode) {
+      this.dialogFormVisible = true;
+      this.donline_form = {
+        offline_reason: "",
+        offline_remark: "",
+        skuCode: "",
+      };
+      this.donline_form.spuCode = spuCode;
+      // this.donlineDlg(spuCode)
+    },
+    //商品下线原因 确定
+    async donlineDlg() {
+      await this.$refs.donline_Form.validate(async (valid) => {
+        if (valid) {
+          this.dialogFormVisible = false;
+          this.get_donline(this.donline_form.spuCode);
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+
+    async get_donline(spuCode) {
+      await this.$confirm(`本次操作会下线本条SKU下的所有商品`, "提示", {
+        // cancelButtonClass:"lzx_BtnErr",
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+        center: true,
+      })
+        .then(async () => {
+          this.loading = true;
+          const model = this.donline_form;
+          const res = await asyncRequest.goodupoffline(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(async () => {
+          console.log("取消");
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/goodStore/supplierGoodsCost/ladderPrice.vue

@@ -0,0 +1,258 @@
+<template>
+  <el-dialog
+    :title="title"
+    :center="true"
+    align="left"
+    top="12vh"
+    width="1040px"
+    @close="closeModel"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+  >
+  <el-card>
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <div
+            v-if="
+              left &&
+              left.header &&
+              left.header.length > 0 &&
+              right &&
+              right.header &&
+              right.header.length > 0
+            "
+          >
+            <div class="list-table clearfix">
+              <div class="left" :style="{ width: lang }">
+                <div class="header">
+                  <div
+                    class="header-item"
+                    v-for="(lhead, lhi) in left.header"
+                    :key="'lhead' + lhi"
+                  >
+                    {{ lhead.spec_name }}
+                  </div>
+                </div>
+                <div
+                  class="header-body"
+                  v-if="left.spec && left.spec.length > 0"
+                >
+                  <div
+                    class="header-body-row"
+                    v-for="(lhr, lhri) in left.spec"
+                    :key="'lheadrow' + lhri"
+                  >
+                    <div
+                      class="heder-body-col"
+                      v-for="(lhc, lhci) in lhr"
+                      :key="'lheadcol' + lhci"
+                    >
+                      {{ lhc.spec_value }}
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="right" :style="{ paddingLeft: lang }">
+                <div class="header">
+                  <div
+                    class="header-col clearfix"
+                    v-for="(lhr, lhri) in right.header"
+                    :key="'lheadr' + lhri"
+                  >
+                    <div class="header-col-jieti clearfix">
+                      <div class="header-col-jieti-title tc clearfix">
+                        阶梯{{ lhri + 1 }}
+                      </div>
+                      <div class="header-col-jieti-main clearfix">
+                        <div class="header-col-item fl tc">{{ lhr.num }}</div>
+                        <div class="header-col-item fl tc">{{ lhr.price }}</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="right-body"
+                  v-if="right.spec && right.spec.length > 0"
+                >
+                  <div
+                    class="right-body-col"
+                    v-for="(lbr, lbri) in right.spec"
+                    :key="'lbodyr' + lbri"
+                  >
+                    <div
+                      class="right-body-col-item clearfix"
+                      v-for="(lbritem, lbritemi) in lbr.limit"
+                      :key="'lbritem' + lbritemi"
+                    >
+                      <div class="right-body-col-item-div fl tc">
+                        {{ lbritem.begin_num }}
+                      </div>
+                      <div class="right-body-col-item-div fl tc">
+                        {{ lbritem.shop_price }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div v-else class="tc">
+            <el-tag type="warning">暂无阶梯价！</el-tag>
+          </div>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+   <script>
+export default {
+  name: "goodsCost",
+  props: ["showModel", "left", "right", "lang"],
+  data() {
+    return {
+      loading: true,
+      title: "商品阶梯价格",
+       showModelThis: this.showModel,
+    };
+  },
+  methods: {
+    closeModel(e) {
+      console.log(e);
+      this.showModelThis = false;
+    },
+    async initForm() {
+      this.loading = false;
+    },
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.goodsCost {
+  $gBC: #dfe6ec;
+  .list-table {
+    position: relative;
+    width: 100%;
+    border-top: 1px solid $gBC;
+    border-left: 1px solid $gBC;
+    .left {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 2;
+      background: #fff;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-item {
+          width: 100px;
+          flex: 1;
+          padding: 0 10px;
+          height: 64px;
+          line-height: 64px;
+          border-right: 1px solid $gBC;
+          border-bottom: 1px solid $gBC;
+        }
+      }
+      .header-body {
+        width: 100%;
+        position: relative;
+        .header-body-row {
+          width: 100%;
+          display: flex;
+          .heder-body-col {
+            flex: 1;
+            padding: 0 10px;
+            height: 38px;
+            border-right: 1px solid $gBC;
+            border-bottom: 1px solid $gBC;
+            line-height: 38px;
+          }
+        }
+      }
+    }
+    .right {
+      position: relative;
+      width: 100%;
+      display: block;
+      overflow-x: scroll;
+      .header {
+        width: 100%;
+        display: flex;
+        .header-col {
+          min-width: 220px;
+          flex: 1;
+          height: 64px;
+          line-height: 64px;
+
+          // position: relative;
+          .header-col-jieti {
+            height: 64px;
+            line-height: 64px;
+            // position: relative;
+            width: 100%;
+            .header-col-jieti-title {
+              // position: relative;
+              width: 100%;
+              line-height: 32px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+              height: 32px;
+            }
+            .header-col-jieti-main {
+              // position: relative;
+              width: 100%;
+              .header-col-item {
+                // position: relative;
+                height: 32px;
+                line-height: 32px;
+                width: 50%;
+                border-right: 1px solid $gBC;
+                border-bottom: 1px solid $gBC;
+              }
+            }
+          }
+        }
+      }
+      .right-body {
+        position: relative;
+        .right-body-col {
+          position: relative;
+          width: 100%;
+          display: flex;
+          .right-body-col-item {
+            min-width: 220px;
+            flex: 1;
+
+            position: relative;
+            overflow: hidden;
+            .right-body-col-item-div {
+              position: relative;
+              height: 38px;
+              line-height: 38px;
+              width: 50%;
+              padding: 0 10px;
+              border-right: 1px solid $gBC;
+              border-bottom: 1px solid $gBC;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+   

src/views/goodStore/supplierGoodsOffline/columns.js

@@ -0,0 +1,95 @@
+//列表
+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: "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/goodStore/supplierGoodsOffline/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 == "supplierGoodsOfflineDetail"
+        ) || {};
+      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/goodStore/supplierGoodsOffline/index.vue

@@ -0,0 +1,320 @@
+<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 { columns} from "./columns";
+import { mapGetters } from "vuex";
+
+export default {
+  name: "goodsOffline",
+  mixins: [mixinPage, resToken],
+  components: {
+    periodDatePickerActive
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const tran =
+        this.$store.getters.btnList.find((i) => i.menu_route == "supplierGoodsOffline") ||
+        {};
+      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;
+      console.log(this.parmValue)
+      const res = await asyncRequest.goodofflist(this.parmValue);
+      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/goodStore/supplierGoodsOffline/period-date-picker/index.js

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

src/views/goodStore/supplierGoodsOffline/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/supplierPurchaseIn/purchaseDiffOrder/detail.vue

@@ -93,7 +93,7 @@ export default {
   computed: {
     powers() {
       const { btnList } = this.$store.getters
-      const tran = btnList.find( (item) => item.menu_route == "purchaseDiffOrderDetail") || {};
+      const tran = btnList.find( (item) => item.menu_route == "supplierPurchaseDiffOrderDetail") || {};
       const { action } = tran ?? {};
       return action ?? [];
     },

src/views/supplierPurchaseIn/purchaseDiffOrder/index.vue

@@ -174,7 +174,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "purchaseDiffOrder"
+          (item) => item.menu_route == "supplierPurchaseDiffOrder"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierPurchaseIn/purchaseReturn/detail.vue

@@ -69,7 +69,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "purchaseReturnDetail"
+          (item) => item.menu_route == "supplierPurchaseReturnDetail"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierPurchaseIn/purchaseReturn/index.vue

@@ -201,7 +201,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "purchaseReturn"
+          (item) => item.menu_route == "supplierPurchaseReturn"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierPurchaseIn/recovery/index.vue

@@ -192,7 +192,7 @@ import { columns } from "./columns";
 import { mapGetters } from "vuex";
 import showData from "./showData";
 export default {
-  name: "recovery",
+  name: "supplierRecovery",
   mixins: [mixinPage, resToken],
   components: {
     showData,
@@ -201,7 +201,7 @@ export default {
     ...mapGetters(["tablebtnSize", "searchSize", "size"]),
     powers() {
       const tran =
-        this.$store.getters.btnList.find((item) => item.menu_route == "recovery") || {};
+        this.$store.getters.btnList.find((item) => item.menu_route == "supplierRecovery") || {};
       const { action } = tran ?? {};
       return action ?? [];
     },

src/views/supplierPurchaseIn/workbench/index.vue

@@ -105,7 +105,7 @@ export default {
     ...mapGetters(["tablebtnSize", "searchSize", "size"]),
     powers() {
       const { btnList } = this.$store.getters
-      const tran = btnList.find((i) => i.menu_route == "workbench") || {};
+      const tran = btnList.find((i) => i.menu_route == "supplierRecovery") || {};
       const { action } = tran ?? {};
       return action ?? [];
     },

src/views/supplierSellOut/returnOrder/detail.vue

@@ -118,7 +118,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "returnOrderDetail"
+          (item) => item.menu_route == "supplierReturnOrderDetail"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/returnOrder/index.vue

@@ -195,7 +195,7 @@ export default {
     ...mapGetters(["tablebtnSize", "searchSize", "size"]),
     powers() {
       const tran =
-        this.$store.getters.btnList.find((i) => i.menu_route == "returnOrder") ||
+        this.$store.getters.btnList.find((i) => i.menu_route == "supplierReturnOrder") ||
         {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/salesOrder/detail.vue

@@ -225,7 +225,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "salesOrderDetail"
+          (item) => item.menu_route == "supplierSalesOrderDetail"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/salesOrder/index.vue

@@ -297,7 +297,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "salesOrder"
+          (item) => item.menu_route == "supplierSalesOrder"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/sellAfterApply/detail.vue

@@ -166,7 +166,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "sellAfterApplyDetail"
+          (item) => item.menu_route == "supplierSellAfterApplyDetail"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/sellAfterApply/index.vue

@@ -227,7 +227,7 @@ import { columns } from "./columns";
 import { mapGetters } from "vuex";
 
 export default {
-  name: "sellAfterApply",
+  name: "supplierSellAfterApply",
   mixins: [mixinPage, resToken],
 
   computed: {
@@ -235,7 +235,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "sellAfterApply"
+          (item) => item.menu_route == "supplierSellAfterApply"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/zxDiffOrder/detail.vue

@@ -127,7 +127,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "zxDiffOrderDetail"
+          (item) => item.menu_route == "supplierZxDiffOrderDetail"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierSellOut/zxDiffOrder/index.vue

@@ -169,7 +169,7 @@ export default {
     powers() {
       const tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "zxDiffOrder"
+          (item) => item.menu_route == "supplierZxDiffOrder"
         ) || {};
       const { action } = tran ?? {};
       return action ?? [];

src/views/supplierWorkbench/workbench/detail.vue

@@ -271,7 +271,7 @@ import resToken from "@/mixins/resToken";
 import { mapGetters } from "vuex";
 import baseForm from "./components/baseForm.vue";
 export default {
-  name: "workbenchDetail",
+  name: "supplierWorkbenchDetail",
   components: {
     baseForm,
   },

src/views/supplierWorkbench/workbench/index.vue

@@ -97,14 +97,14 @@ import mixinPage from "@/mixins/elPaginationHandle";
 import { mapGetters } from "vuex";
 import resToken from "@/mixins/resToken";
 export default {
-  name: "workbench",
+  name: "supplierWorkbench",
   mixins: [mixinPage, resToken],
   computed: {
     //组件SIZE设置
     ...mapGetters(["tablebtnSize", "searchSize", "size"]),
     powers() {
       const { btnList } = this.$store.getters
-      const tran = btnList.find((i) => i.menu_route == "workbench") || {};
+      const tran = btnList.find((i) => i.menu_route == "supplierWorkbench") || {};
       const { action } = tran ?? {};
       return action ?? [];
     },