From f97d5cc205d1d65df5e4e63f6f7bf26308a2c4e1 Mon Sep 17 00:00:00 2001
From: fanfan <franceesfan@163.com>
Date: Thu, 30 May 2024 17:47:52 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/goods/distributionPrice/Index.vue | 1061 +++++++++---------
 src/views/goods/memberPrice/Index.vue       | 1062 +++++++++----------
 2 files changed, 1029 insertions(+), 1094 deletions(-)

diff --git a/src/views/goods/distributionPrice/Index.vue b/src/views/goods/distributionPrice/Index.vue
index 86f308b..3317cdd 100644
--- a/src/views/goods/distributionPrice/Index.vue
+++ b/src/views/goods/distributionPrice/Index.vue
@@ -1,101 +1,66 @@
 <template>
-  <a-card :bordered="false">
-    <div class="card-title">{{ $route.meta.title }}</div>
-    <a-spin :spinning="isLoading">
-      <a-form :form="form" @submit="handleSubmit">
-        <a-form-item v-bind="formItemLayoutWithOutLabel">
-          <div class="msg">
-            <span>价格区间(元)</span>
-            <span>分销加价率%</span>
-            <span>利润空间(元)</span>
-          </div>
-        </a-form-item>
-        <a-modal
-          v-model:visible="setPriceVisible"
-          width="450px"
-          title="利润值"
-          @ok="handleBatchPrice(index_1, index_2, mixPrice, maxPrice)"
-        >
-          <div class="fen" style="margin-top: -10px">
-            <input placeholder="最大利润值" style="margin-right: 25px" v-model="mixPrice" class="input" type="text" />
-            <input placeholder="最小利润值" v-model="maxPrice" class="input" type="text" />
-          </div>
-          <div class="setRule">
-            <div class="ruleTitle">设置规则：</div>
-            <div class="ruleText">
-              A.当加价率生效后，会员价高于市场价，会员价统一自动按以下标准执行： （市场价-成本价）x_____% +成本价=会员价
-              _____%为此时的加价率。 利润低于_____元的商品不展示在商城里。
-            </div>
-          </div>
-        </a-modal>
-        <a-form-item v-bind="formItemLayoutWithOutLabel">
-          <a-button type="dashed" style="width: calc(43.5% + 8px); margin-right: 50px" @click="handleAddCondition">
-            <a-icon type="plus-circle" /> 新增分类模版 </a-button
-          ><a-button type="dashed" style="width: calc(44.5% + 8px)" @click="handleRemoveCondition">
-            <a-icon type="minus-circle-o" /> 删除分类模版
-          </a-button>
-        </a-form-item>
-        <a-form-item
-          v-for="(k, index) in form.getFieldValue('list')"
-          :key="k.id"
-          :label="index === 0 ? '分销模版' : ''"
-          :labelCol="labelCol"
-          v-bind="index === 0 ? { wrapperCol } : formItemLayoutWithOutLabel"
-          required
-        >
-          <a-tree-select
-            style="width: 100%; margin-right: 8px; margin-top: 3px"
-            placeholder="请选择商品分类"
-            :dropdownStyle="{ maxHeight: '500px', overflow: 'auto' }"
-            :treeData="formData.categoryList"
-            treeCheckable
-            allowClear
-            treeCheckStrictly
-            @select="onSelect(index, $event)"
-            @focus="handleSelectChange(index)"
-            v-decorator="[`category${k.id}`]"
-          ></a-tree-select>
-          <div style="width: 100%">
-            <div class="fan" v-for="(m, index2) in k.price_list" :key="m.id">
-              <a-form-item style="margin-right: 15px; width: 33%; cursor: pointer">
-                <div class="inMax" @click="setPrice(index, index2)">
-                  <span v-if="m.min && m.max">{{ m.min }} ~ {{ m.max }}</span
-                  ><span style="color: #d9d9d9" v-else>利润值</span>
-                  <div class="yuan">元</div>
-                </div>
-              </a-form-item>
-              <a-form-item style="margin-right: 15px; width: 33%">
-                <a-input
-                  placeholder="利润率"
-                  @input="onRate($event, index, index2)"
-                  suffix="%"
-                  v-model="m.add_price_rate"
-                  style="width: 100%; margin-right: 8px; text-align: center"
-                />
-              </a-form-item>
-              <div style="width: 33%; text-align: center">
-                <span>{{ m.startProfit }}</span> ~ <span>{{ m.endProfit }}</span>
-              </div>
-            </div>
-            <div style="width: 100%">
-              <a-button
-                type="dashed"
-                style="width: calc(40% + 8px); margin-right: 50px"
-                @click="handleAddPriceRate(index)"
-              >
-                <a-icon type="plus-circle" /> 新增价格区间 </a-button
-              ><a-button type="dashed" style="width: calc(40% + 8px)" @click="handleRemovePriceRate(index)">
-                <a-icon type="minus-circle-o" /> 删除价格区间
-              </a-button>
-            </div>
-          </div>
-        </a-form-item>
-        <a-form-item :wrapperCol="{ span: wrapperCol.span, offset: labelCol.span }">
-          <a-button type="primary" html-type="submit">提交</a-button>
-        </a-form-item>
-      </a-form>
-    </a-spin>
-  </a-card>
+	<a-card :bordered="false">
+		<div class="card-title">{{ $route.meta.title }}</div>
+		<a-spin :spinning="isLoading">
+			<a-form :form="form" @submit="handleSubmit">
+				<a-form-item v-bind="formItemLayoutWithOutLabel">
+					<div class="msg">
+						<span>价格区间(元)</span>
+						<span>分销加价率%</span>
+						<span>利润空间(元)</span>
+					</div>
+				</a-form-item>
+				<a-modal v-model:visible="setPriceVisible" width="450px" title="利润值" @ok="handleBatchPrice(index_1, index_2, mixPrice, maxPrice)">
+					<div class="fen" style="margin-top: -10px">
+						<input placeholder="最大利润值" style="margin-right: 25px" v-model="mixPrice" class="input" type="text" />
+						<input placeholder="最小利润值" v-model="maxPrice" class="input" type="text" />
+					</div>
+					<div class="setRule">
+						<div class="ruleTitle">设置规则：</div>
+						<div class="ruleText">
+							A.当加价率生效后，会员价高于市场价，会员价统一自动按以下标准执行： （市场价-成本价）x_____% +成本价=会员价
+							_____%为此时的加价率。 利润低于_____元的商品不展示在商城里。
+						</div>
+					</div>
+				</a-modal>
+				<a-form-item v-bind="formItemLayoutWithOutLabel">
+					<a-button type="dashed" style="width: calc(43.5% + 8px); margin-right: 50px" @click="handleAddCondition">
+						<a-icon type="plus-circle" /> 新增分类模版 </a-button><a-button type="dashed" style="width: calc(44.5% + 8px)" @click="handleRemoveCondition">
+						<a-icon type="minus-circle-o" /> 删除分类模版
+					</a-button>
+				</a-form-item>
+				<a-form-item v-for="(k, index) in form.getFieldValue('list')" :key="k.id" :label="index === 0 ? '分销模版' : ''" :labelCol="labelCol" v-bind="index === 0 ? { wrapperCol } : formItemLayoutWithOutLabel" required>
+					<a-tree-select style="width: 100%; margin-right: 8px; margin-top: 3px" placeholder="请选择商品分类" :dropdownStyle="{ maxHeight: '500px', overflow: 'auto' }" :treeData="formData.categoryList" treeCheckable allowClear treeCheckStrictly
+						@select="onSelect(index, $event)" @focus="handleSelectChange(index)" v-decorator="[`category${k.id}`]"></a-tree-select>
+					<div style="width: 100%">
+						<div class="fan" v-for="(m, index2) in k.price_list" :key="m.id">
+							<a-form-item style="margin-right: 15px; width: 33%; cursor: pointer">
+								<div class="inMax" @click="setPrice(index, index2,m.min,m.max)">
+									<span v-if="m.min && m.max">{{ m.min }} ~ {{ m.max }}</span><span style="color: #d9d9d9" v-else>利润值</span>
+									<div class="yuan">元</div>
+								</div>
+							</a-form-item>
+							<a-form-item style="margin-right: 15px; width: 33%">
+								<a-input placeholder="利润率" @input="onRate($event, index, index2)" suffix="%" v-model="m.add_price_rate" style="width: 100%; margin-right: 8px; text-align: center" />
+							</a-form-item>
+							<div style="width: 33%; text-align: center">
+								<span>{{ m.startProfit }}</span> ~ <span>{{ m.endProfit }}</span>
+							</div>
+						</div>
+						<div style="width: 100%">
+							<a-button type="dashed" style="width: calc(40% + 8px); margin-right: 50px" @click="handleAddPriceRate(index)">
+								<a-icon type="plus-circle" /> 新增价格区间 </a-button><a-button type="dashed" style="width: calc(40% + 8px)" @click="handleRemovePriceRate(index)">
+								<a-icon type="minus-circle-o" /> 删除价格区间
+							</a-button>
+						</div>
+					</div>
+				</a-form-item>
+				<a-form-item :wrapperCol="{ span: wrapperCol.span, offset: labelCol.span }">
+					<a-button type="primary" html-type="submit">提交</a-button>
+				</a-form-item>
+			</a-form>
+		</a-spin>
+	</a-card>
 </template>
 
 <script>
@@ -105,474 +70,476 @@ import * as GoodsApi from '@/api/goods'
 import GoodsModel from '@/common/model/goods/Index'
 import { isEmpty } from '@/utils/util'
 export default {
-  data() {
-    return {
-      // 标签布局属性
-      labelCol: { span: 3 },
-      // 输入框布局属性
-      wrapperCol: { span: 10 },
-      // loading状态
-      isLoading: false,
-      // 当前表单元素
-      form: this.$form.createForm(this),
-      // 当前记录详情分类数据、
-      formData: GoodsModel.formData,
-      record: {},
-      checkList: [],
-      formItemLayoutWithOutLabel: {
-        wrapperCol: { span: 10, offset: 3 },
-      },
-      setPriceVisible: false,
-      index_1: '',
-      index_2: '',
-      mixPrice: '',
-      maxPrice: '',
-    }
-  },
-  // 初始化数据
-  created() {
-    this.isLoading = true
-    // 获取form所需的数据
-    GoodsModel.getFromData().then(() => {
-      this.isLoading = false
-    })
-    this.form.getFieldDecorator('list', { initialValue: [], preserve: true })
-    this.getDataList() //渠道数据请求
-    // 获取当前详情记录
-    this.getDetail()
-  },
-  methods: {
-    // 计算利润率
-    onRate(e, index_1, index_2) {
-      const { form } = this
-      const list = form.getFieldValue('list')
-      let rate = Number(list[index_1].price_list[index_2].add_price_rate)
-      let min = list[index_1].price_list[index_2].min
-      let max = list[index_1].price_list[index_2].max
-      if (!min && !max) {
-        list[index_1].price_list[index_2].add_price_rate = ''
-        this.$message.warning('利润值不能低于为空', 1.5)
-        return
-      }
-      if (0 > rate) {
-        list[index_1].price_list[index_2].add_price_rate = ''
-        this.$message.warning('最低利率不能低于等于0', 1.5)
-        return
-      }
-      list[index_1].price_list[index_2].startProfit = Number(
-        (list[index_1].price_list[index_2].min * (rate / 100)).toFixed(2)
-      )
-      list[index_1].price_list[index_2].endProfit = Number(
-        (list[index_1].price_list[index_2].max * (rate / 100)).toFixed(2)
-      )
-      list[index_1].price_list[index_2].add_price_rate = rate
-      form.setFieldsValue({
-        list: list,
-      })
-      this.$forceUpdate()
-    },
-    handleBatchPrice(index1, index2, min, max) {
-      const { form } = this
-      if (!this.mixPrice) {
-        this.$message.warning('请输入最低价格', 1.5)
-      } else if (!this.maxPrice) {
-        this.$message.warning('请输入最高价格', 1.5)
-      } else if (0 >= this.mixPrice) {
-        this.mixPrice = null
-        this.$message.warning('最低价格必须大于0', 1.5)
-      } else if (0 >= this.maxPrice) {
-        this.maxPrice = null
-        this.$message.warning('最高价格必须大于0', 1.5)
-      } else if (this.mixPrice > this.maxPrice) {
-        this.maxPrice = null
-        this.$message.warning('最高价格不能低于最低价格', 1.5)
-      } else {
-        const condition = form.getFieldValue('list')
-        condition.forEach(function (item, k) {
-          if (k == index1) {
-            item.price_list.forEach(function (item1, j) {
-              if (j == index2) {
-                item1.min = min
-                item1.max = max
-              }
-            })
-          }
-        })
-        form.setFieldsValue({
-          list: condition,
-        })
-        this.$forceUpdate()
-        this.setPriceVisible = false
-      }
-    },
-    setPrice(index1, index2) {
-      this.index_1 = index1
-      this.index_2 = index2
-      this.setPriceVisible = true
-    },
-    onSelect(index, event) {
-      const { form, $nextTick } = this
-      const key = form.getFieldValue('list')
-      for (let i = 0; i < key.length; i++) {
-        if (i == index) {
-          key[i].category.push(event.value)
-        }
-      }
-      $nextTick(() => {
-        form.setFieldsValue({
-          list: key,
-        })
-        this.$forceUpdate()
-      })
-    },
-    deleteNodeById(nodes, ids) {
-      let that = this
-      for (let i = 0; i < nodes.length; i++) {
-        nodes[i].disabled = false
-        console.log(nodes[i].value,ids)
-        if (ids.includes(nodes[i].value) == true) {
-          nodes[i].disabled = true
-        }
-        if (nodes[i].children && nodes[i].children.length > 0) {
-          that.deleteNodeById(nodes[i].children, ids) // 递归查找子节点
-        }
-      }
-      return nodes
-    },
-    handleSelectChange(index, event) {
-      const { form, $nextTick } = this
-      const key = form.getFieldValue('list')
-      let category = []
-      for (let i = 0; i < key.length; i++) {
-        if (i !== index) {
-          key[i].category.forEach((item) => {
-            //forEach循环
-            category.push(Number(item))
-          })
-        }
-      }
-      console.log(key,category)
-      $nextTick(() => {
-        this.formData.categoryList = this.deleteNodeById(this.formData.categoryList, category)
-        console.log(this.deleteNodeById(this.formData.categoryList, category))
-        this.formData = this.formData
-        this.$forceUpdate()
-      })
-    },
-    // 删除模版列表
-    handleRemoveCondition(index) {
-      const { form } = this
-      const keys = form.getFieldValue('list')
-      if (keys.length === 0) {
-        this.$message.warning('暂无可删除的分类模版', 1.5)
-        return
-      }
-      keys.pop()
-      form.setFieldsValue({
-        list: keys,
-      })
-      this.$forceUpdate()
-    },
-    // 新增模版列表
-    handleAddCondition() {
-      const { form } = this
-      const key = form.getFieldValue('list')
-      const keys = key ? key : []
-      const nextKeys = keys.concat([{ category: [], price_list: [], id: this.generateRandomString(8) }])
-      form.setFieldsValue({
-        list: nextKeys,
-      })
-    },
-    // 删除值列表
-    handleRemovePriceRate(index) {
-      const { form } = this
-      const priceList = form.getFieldValue('list')[index].price_list
-      if (priceList.length === 0) {
-        this.$message.warning('暂无可删除的价格区间', 1.5)
-        return
-      }
-      priceList.pop()
-      const conditionList = form.getFieldValue('list')
-      conditionList.forEach(function (item, mm) {
-        if (mm == index) {
-          item.price_list = priceList
-        }
-      })
-      form.setFieldsValue({
-        list: conditionList,
-      })
-      this.$forceUpdate()
-    },
-    // 新增值列表
-    handleAddPriceRate(index) {
-      const { form } = this
-      const priceList = form.getFieldValue('list')[index].price_list
-      const addList = priceList ? priceList : []
-      const nextKeys = addList.concat([
-        { max: '', min: '', add_price_rate: '', startProfit: 0, endProfit: 0, id: this.generateRandomString(8) },
-      ])
-      const conditionList = form.getFieldValue('list')
-      conditionList.forEach(function (item, mm) {
-        if (mm == index) {
-          item.price_list = nextKeys
-        }
-      })
-      form.setFieldsValue({
-        list: conditionList,
-      })
-    },
-    generateRandomString(length) {
-      let result = ''
-      const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
-      const charactersLength = characters.length
-      for (let i = 0; i < length; i++) {
-        result += characters.charAt(Math.floor(Math.random() * charactersLength))
-      }
-      return result
-    },
-    // 渠道
-    getDataList() {
-      return GoodsApi.getDataList().then((result) => {
-        const obj = result.data
-        Object.keys(obj).forEach((item) => {
-          this.checkList.push({ id: item, name: obj[item] })
-        })
-      })
-    },
-    formatCategoryIds(categoryIds) {
-      return categoryIds.map((id) => {
-        return { value: id }
-      })
-    },
-    // 设置表单默认值
-    setFieldsValue() {
-      const { record, form, $nextTick } = this
-      const categoryAry = []
-      if (record.list) {
-        record.list = record.list.map((x) => {
-          x.id = this.generateRandomString(8)
-          return x
-        })
-        record.list.forEach((x, i) => {
-          record[`category${x.id}`] = this.formatCategoryIds(x.category.split(","))
-          categoryAry.push(`category${x.id}`)
-          this.form.getFieldDecorator(`category${x.id}`, { initialValue: '', preserve: true })
-          x.category=x.category.split(",")
-          x.price_list.forEach((m, j) => {
-            m.startProfit= Number(( m.min * (Number(m.add_price_rate) / 100)).toFixed(2))
-            m.endProfit= Number(( m.max * (Number(m.add_price_rate) / 100)).toFixed(2))
-          })
-        })
-      }
-      // 设置表单内容
-      !isEmpty(form.getFieldsValue()) &&
-        $nextTick(() => {
-          form.setFieldsValue(pick(record, ['list', ...categoryAry]))
-          this.$forceUpdate()
-        })
-    },
-    formatCategoryIds(categoryIds) {
-      return categoryIds.map((id) => {
-        return { value: id }
-      })
-    },
-    // 获取当前详情记录
-    getDetail() {
-      this.isLoading = true
-      GoodsApi.getStorePriceInfo({type:1})
-        .then((result) => {
-          this.record = result.data
-          // 设置默认值
-          this.setFieldsValue()
-        })
-        .finally(() => (this.isLoading = false))
-    },
-    getChannel(val) {
-      this.form.open_channel = val
-    },
-    // 确认按钮
-    handleSubmit(e) {
-      e.preventDefault()
-      // 表单验证
-      const {
-        form: { validateFields },
-        onFormSubmit,
-      } = this
-      validateFields((errors, values) => {
-        !errors && onFormSubmit(values)
-      })
-    },
-    // 提交到后端api
-    onFormSubmit(values) {
-      const params = {}
-      params.list = values.list.map((x, i) => {
-        return {
-          category: values[`category${x.id}`],
-          price_list: x.price_list,
-        }
-      })
-      let step = 0
-      let list = params.list
-      list.forEach((item, index) => {
-        if (Array.isArray(item.category)) {
-          item.category = Array.from(item.category, ({ value }) => value).join(',')
-        }
-        if (!item.category) {
-          step++
-          let name = '请选择第' + (index + 1) + '行分类'
-          this.$message.warning(name, 1.5)
-          return
-        }
-        if (item.price_list.length > 0) {
-          item.price_list.forEach((item_1, index_1) => {
-            item_1.category=item.category
-            if (!item_1.min) {
-              step++
-              let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最低价格'
-              this.$message.warning(name, 1.5)
-              return
-            }
-            if (!item_1.max) {
-              step++
-              let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最高价格'
-              this.$message.warning(name, 1.5)
-              return
-            }
-            if (!item_1.add_price_rate) {
-              step++
-              let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的会员加价率'
-              this.$message.warning(name, 1.5)
-              return
-            }
-            delete item_1.id
-          })
-        } else {
-          step++
-          let name = '请新增第' + (index + 1) + '行的价格区间'
-          this.$message.warning(name, 1.5)
-          return
-        }
-      
-      })
-      if (step == 0) {
-        this.isLoading = true
-        GoodsApi.setStorePrice({
-						list: list,
-						type: 1
+	data() {
+		return {
+			// 标签布局属性
+			labelCol: { span: 3 },
+			// 输入框布局属性
+			wrapperCol: { span: 10 },
+			// loading状态
+			isLoading: false,
+			// 当前表单元素
+			form: this.$form.createForm(this),
+			// 当前记录详情分类数据、
+			formData: GoodsModel.formData,
+			record: {},
+			checkList: [],
+			formItemLayoutWithOutLabel: {
+				wrapperCol: { span: 10, offset: 3 },
+			},
+			setPriceVisible: false,
+			index_1: '',
+			index_2: '',
+			mixPrice: '',
+			maxPrice: '',
+		}
+	},
+	// 初始化数据
+	created() {
+		this.isLoading = true
+		// 获取form所需的数据
+		GoodsModel.getFromData().then(() => {
+			this.isLoading = false
+		})
+		this.form.getFieldDecorator('list', { initialValue: [], preserve: true })
+		this.getDataList() //渠道数据请求
+		// 获取当前详情记录
+		this.getDetail()
+	},
+	methods: {
+		// 计算利润率
+		onRate(e, index_1, index_2) {
+			const { form } = this
+			const list = form.getFieldValue('list')
+			let rate = Number(list[index_1].price_list[index_2].add_price_rate)
+			let min = list[index_1].price_list[index_2].min
+			let max = list[index_1].price_list[index_2].max
+			if (!min && !max) {
+				list[index_1].price_list[index_2].add_price_rate = ''
+				this.$message.warning('利润值不能低于为空', 1.5)
+				return
+			}
+			if (0 > rate) {
+				list[index_1].price_list[index_2].add_price_rate = ''
+				this.$message.warning('最低利率不能低于等于0', 1.5)
+				return
+			}
+			list[index_1].price_list[index_2].startProfit = Number(
+				(list[index_1].price_list[index_2].min * (rate / 100)).toFixed(2)
+			)
+			list[index_1].price_list[index_2].endProfit = Number(
+				(list[index_1].price_list[index_2].max * (rate / 100)).toFixed(2)
+			)
+			list[index_1].price_list[index_2].add_price_rate = rate
+			form.setFieldsValue({
+				list: list,
+			})
+			this.$forceUpdate()
+		},
+		handleBatchPrice(index1, index2, min, max) {
+			const { form } = this
+			if (!this.mixPrice) {
+				this.$message.warning('请输入最低价格', 1.5)
+			} else if (!this.maxPrice) {
+				this.$message.warning('请输入最高价格', 1.5)
+			} else if (0 >= this.mixPrice) {
+				this.mixPrice = null
+				this.$message.warning('最低价格必须大于0', 1.5)
+			} else if (0 >= this.maxPrice) {
+				this.maxPrice = null
+				this.$message.warning('最高价格必须大于0', 1.5)
+			} else if (this.mixPrice > this.maxPrice) {
+				this.maxPrice = null
+				this.$message.warning('最高价格不能低于最低价格', 1.5)
+			} else {
+				const condition = form.getFieldValue('list')
+				condition.forEach(function (item, k) {
+					if (k == index1) {
+						item.price_list.forEach(function (item1, j) {
+							if (j == index2) {
+								item1.min = min
+								item1.max = max
+							}
+						})
+					}
+				})
+				form.setFieldsValue({
+					list: condition,
+				})
+				this.$forceUpdate()
+				this.setPriceVisible = false;
+				this.mixPrice = '';
+				this.maxPrice = ''
+			}
+		},
+		setPrice(index1, index2, min, max) {
+			this.index_1 = index1
+			this.index_2 = index2
+			this.mixPrice = min;
+			this.maxPrice = max
+			this.setPriceVisible = true
+		},
+		onSelect(index, event) {
+			const { form, $nextTick } = this
+			const key = form.getFieldValue('list')
+			for (let i = 0; i < key.length; i++) {
+				if (i == index) {
+					key[i].category.push(event.value)
+				}
+			}
+			$nextTick(() => {
+				form.setFieldsValue({
+					list: key,
+				})
+				this.$forceUpdate()
+			})
+		},
+		deleteNodeById(nodes, ids) {
+			let that = this
+			for (let i = 0; i < nodes.length; i++) {
+				nodes[i].disabled = false
+				console.log(nodes[i].value, ids)
+				if (ids.includes(nodes[i].value) == true) {
+					nodes[i].disabled = true
+				}
+				if (nodes[i].children && nodes[i].children.length > 0) {
+					that.deleteNodeById(nodes[i].children, ids) // 递归查找子节点
+				}
+			}
+			return nodes
+		},
+		handleSelectChange(index, event) {
+			const { form, $nextTick } = this
+			const key = form.getFieldValue('list')
+			let category = []
+			for (let i = 0; i < key.length; i++) {
+				if (i !== index) {
+					key[i].category.forEach((item) => {
+						//forEach循环
+						category.push(Number(item))
 					})
-          .then((result) => {
-            // 显示提示信息
-            this.$message.success(result.message, 1.5)
-            this.getDetail()
-          })
-          .catch(() => {
-            this.isLoading = false
-          })
-          .finally(() => (this.isLoading = false))
-      }
-    },
-  },
+				}
+			}
+			$nextTick(() => {
+				this.formData.categoryList = this.deleteNodeById(this.formData.categoryList, category)
+				console.log(this.deleteNodeById(this.formData.categoryList, category))
+				this.formData = this.formData
+				this.$forceUpdate()
+			})
+		},
+		// 删除模版列表
+		handleRemoveCondition(index) {
+			const { form } = this
+			const keys = form.getFieldValue('list')
+			if (keys.length === 0) {
+				this.$message.warning('暂无可删除的分类模版', 1.5)
+				return
+			}
+			keys.pop()
+			form.setFieldsValue({
+				list: keys,
+			})
+			this.$forceUpdate()
+		},
+		// 新增模版列表
+		handleAddCondition() {
+			const { form } = this
+			const key = form.getFieldValue('list')
+			const keys = key ? key : []
+			const nextKeys = keys.concat([{ category: [], price_list: [], id: this.generateRandomString(8) }])
+			form.setFieldsValue({
+				list: nextKeys,
+			})
+		},
+		// 删除值列表
+		handleRemovePriceRate(index) {
+			const { form } = this
+			const priceList = form.getFieldValue('list')[index].price_list
+			if (priceList.length === 0) {
+				this.$message.warning('暂无可删除的价格区间', 1.5)
+				return
+			}
+			priceList.pop()
+			const conditionList = form.getFieldValue('list')
+			conditionList.forEach(function (item, mm) {
+				if (mm == index) {
+					item.price_list = priceList
+				}
+			})
+			form.setFieldsValue({
+				list: conditionList,
+			})
+			this.$forceUpdate()
+		},
+		// 新增值列表
+		handleAddPriceRate(index) {
+			const { form } = this
+			const priceList = form.getFieldValue('list')[index].price_list
+			const addList = priceList ? priceList : []
+			const nextKeys = addList.concat([
+				{ max: '', min: '', add_price_rate: '', startProfit: 0, endProfit: 0, id: this.generateRandomString(8) },
+			])
+			const conditionList = form.getFieldValue('list')
+			conditionList.forEach(function (item, mm) {
+				if (mm == index) {
+					item.price_list = nextKeys
+				}
+			})
+			form.setFieldsValue({
+				list: conditionList,
+			})
+		},
+		generateRandomString(length) {
+			let result = ''
+			const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+			const charactersLength = characters.length
+			for (let i = 0; i < length; i++) {
+				result += characters.charAt(Math.floor(Math.random() * charactersLength))
+			}
+			return result
+		},
+		// 渠道
+		getDataList() {
+			return GoodsApi.getDataList().then((result) => {
+				const obj = result.data
+				Object.keys(obj).forEach((item) => {
+					this.checkList.push({ id: item, name: obj[item] })
+				})
+			})
+		},
+		formatCategoryIds(categoryIds) {
+			return categoryIds.map((id) => {
+				return { value: id }
+			})
+		},
+		// 设置表单默认值
+		setFieldsValue() {
+			const { record, form, $nextTick } = this
+			const categoryAry = []
+			if (record.list) {
+				record.list = record.list.map((x) => {
+					x.id = this.generateRandomString(8)
+					return x
+				})
+				record.list.forEach((x, i) => {
+					record[`category${x.id}`] = this.formatCategoryIds(x.category.split(','))
+					categoryAry.push(`category${x.id}`)
+					this.form.getFieldDecorator(`category${x.id}`, { initialValue: '', preserve: true })
+					x.category = x.category.split(',')
+					x.price_list.forEach((m, j) => {
+						m.startProfit = Number((m.min * (Number(m.add_price_rate) / 100)).toFixed(2))
+						m.endProfit = Number((m.max * (Number(m.add_price_rate) / 100)).toFixed(2))
+					})
+				})
+			}
+			// 设置表单内容
+			!isEmpty(form.getFieldsValue()) &&
+				$nextTick(() => {
+					form.setFieldsValue(pick(record, ['list', ...categoryAry]))
+					this.$forceUpdate()
+				})
+		},
+		formatCategoryIds(categoryIds) {
+			return categoryIds.map((id) => {
+				return { value: id }
+			})
+		},
+		// 获取当前详情记录
+		getDetail() {
+			this.isLoading = true
+			GoodsApi.getStorePriceInfo({ type: 1 })
+				.then((result) => {
+					this.record = result.data
+					// 设置默认值
+					this.setFieldsValue()
+				})
+				.finally(() => (this.isLoading = false))
+		},
+		getChannel(val) {
+			this.form.open_channel = val
+		},
+		// 确认按钮
+		handleSubmit(e) {
+			e.preventDefault()
+			// 表单验证
+			const {
+				form: { validateFields },
+				onFormSubmit,
+			} = this
+			validateFields((errors, values) => {
+				!errors && onFormSubmit(values)
+			})
+		},
+		// 提交到后端api
+		onFormSubmit(values) {
+			const params = {}
+			params.list = values.list.map((x, i) => {
+				return {
+					category: values[`category${x.id}`],
+					price_list: x.price_list,
+				}
+			})
+			let step = 0
+			let list = params.list
+			list.forEach((item, index) => {
+				if (Array.isArray(item.category)) {
+					item.category = Array.from(item.category, ({ value }) => value).join(',')
+				}
+				if (!item.category) {
+					step++
+					let name = '请选择第' + (index + 1) + '行分类'
+					this.$message.warning(name, 1.5)
+					return
+				}
+				if (item.price_list.length > 0) {
+					item.price_list.forEach((item_1, index_1) => {
+						item_1.category = item.category
+						if (!item_1.min) {
+							step++
+							let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最低价格'
+							this.$message.warning(name, 1.5)
+							return
+						}
+						if (!item_1.max) {
+							step++
+							let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最高价格'
+							this.$message.warning(name, 1.5)
+							return
+						}
+						if (!item_1.add_price_rate) {
+							step++
+							let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的会员加价率'
+							this.$message.warning(name, 1.5)
+							return
+						}
+						delete item_1.id
+					})
+				} else {
+					step++
+					let name = '请新增第' + (index + 1) + '行的价格区间'
+					this.$message.warning(name, 1.5)
+					return
+				}
+			})
+			if (step == 0) {
+				this.isLoading = true
+				GoodsApi.setStorePrice({
+					list: list,
+					type: 1,
+				})
+					.then((result) => {
+						// 显示提示信息
+						this.$message.success(result.message, 1.5)
+						this.getDetail()
+					})
+					.catch(() => {
+						this.isLoading = false
+					})
+					.finally(() => (this.isLoading = false))
+			}
+		},
+	},
 }
 </script>
 <style lang="less" scoped>
 .msg {
-  width: 100%;
-  background: #ffe7e7;
-  border-radius: 0px 0px 0px 0px;
-  opacity: 1;
-  padding: 5px 25px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 16px;
-  span {
-    width: 33%;
-    text-align: center;
-  }
+	width: 100%;
+	background: #ffe7e7;
+	border-radius: 0px 0px 0px 0px;
+	opacity: 1;
+	padding: 5px 25px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	font-size: 16px;
+	span {
+		width: 33%;
+		text-align: center;
+	}
 }
 /deep/.ant-form-item-control {
-  padding-left: 10px;
-  .ant-form-item-control {
-    padding-left: 0;
-  }
+	padding-left: 10px;
+	.ant-form-item-control {
+		padding-left: 0;
+	}
 }
 /deep/.ant-input-prefix {
-  font-weight: bold;
+	font-weight: bold;
 }
 .fan {
-  display: flex;
-  align-items: top;
+	display: flex;
+	align-items: top;
 }
 .fan /deep/ .ant-form-item {
-  margin-bottom: 0;
+	margin-bottom: 0;
 }
 .fen {
-  span {
-    color: #555;
-    width: 80px;
-  }
-  .input {
-    background-color: #fff;
-    border: 1px solid #d9d9d9;
-    height: 32px;
-    width: 180px;
-    margin-top: 10px;
-    padding-left: 10px;
-  }
-  input::-webkit-input-placeholder {
-    // 针对 谷歌 内核
-    color: #bfbfbf;
-  }
-  input:-moz-placeholder {
-    // 火狐
-    color: #bfbfbf;
-  }
-  input:-ms-input-placeholder {
-    // 微软ie
-    color: #bfbfbf;
-  }
+	span {
+		color: #555;
+		width: 80px;
+	}
+	.input {
+		background-color: #fff;
+		border: 1px solid #d9d9d9;
+		height: 32px;
+		width: 180px;
+		margin-top: 10px;
+		padding-left: 10px;
+	}
+	input::-webkit-input-placeholder {
+		// 针对 谷歌 内核
+		color: #bfbfbf;
+	}
+	input:-moz-placeholder {
+		// 火狐
+		color: #bfbfbf;
+	}
+	input:-ms-input-placeholder {
+		// 微软ie
+		color: #bfbfbf;
+	}
 }
 .setRule {
-  margin-top: 20px;
-  .ruleTitle {
-    font-size: 14px;
-    font-family: PingFang SC, PingFang SC;
-    font-weight: 500;
-    color: #303030;
-  }
-  .ruleText {
-    margin-top: 8px;
-    font-size: 14px;
-    font-family: PingFang SC, PingFang SC;
-    font-weight: 400;
-    color: #8b8b8b;
-    line-height: 32px;
-  }
+	margin-top: 20px;
+	.ruleTitle {
+		font-size: 14px;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		color: #303030;
+	}
+	.ruleText {
+		margin-top: 8px;
+		font-size: 14px;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 400;
+		color: #8b8b8b;
+		line-height: 32px;
+	}
 }
 .inMax {
-  width: 100%;
-  text-align: center;
-  position: relative;
-  padding: 0;
-  font-variant: tabular-nums;
-  list-style: none;
-  display: inline-block;
-  width: 100%;
-  height: 30px;
-  padding: 4px 11px;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 13px;
-  line-height: 1.8;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  .yuan {
-    position: absolute;
-    right: 10px;
-    top: 2px;
-  }
+	width: 100%;
+	text-align: center;
+	position: relative;
+	padding: 0;
+	font-variant: tabular-nums;
+	list-style: none;
+	display: inline-block;
+	width: 100%;
+	height: 30px;
+	padding: 4px 11px;
+	color: rgba(0, 0, 0, 0.65);
+	font-size: 13px;
+	line-height: 1.8;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #d9d9d9;
+	border-radius: 2px;
+	-webkit-transition: all 0.3s;
+	transition: all 0.3s;
+	.yuan {
+		position: absolute;
+		right: 10px;
+		top: 2px;
+	}
 }
 </style>
diff --git a/src/views/goods/memberPrice/Index.vue b/src/views/goods/memberPrice/Index.vue
index 78d0d39..a13986b 100644
--- a/src/views/goods/memberPrice/Index.vue
+++ b/src/views/goods/memberPrice/Index.vue
@@ -1,101 +1,66 @@
 <template>
-  <a-card :bordered="false">
-    <div class="card-title">{{ $route.meta.title }}</div>
-    <a-spin :spinning="isLoading">
-      <a-form :form="form" @submit="handleSubmit">
-        <a-form-item v-bind="formItemLayoutWithOutLabel">
-          <div class="msg">
-            <span>价格区间(元)</span>
-            <span>会员加价率%</span>
-            <span>利润空间(元)</span>
-          </div>
-        </a-form-item>
-        <a-modal
-          v-model:visible="setPriceVisible"
-          width="450px"
-          title="利润值"
-          @ok="handleBatchPrice(index_1, index_2, mixPrice, maxPrice)"
-        >
-          <div class="fen" style="margin-top: -10px">
-            <input placeholder="最大利润值" style="margin-right: 25px" v-model="mixPrice" class="input" type="text" />
-            <input placeholder="最小利润值" v-model="maxPrice" class="input" type="text" />
-          </div>
-          <div class="setRule">
-            <div class="ruleTitle">设置规则：</div>
-            <div class="ruleText">
-              A.当加价率生效后，会员价高于市场价，会员价统一自动按以下标准执行： （市场价-成本价）x_____% +成本价=会员价
-              _____%为此时的加价率。 利润低于_____元的商品不展示在商城里。
-            </div>
-          </div>
-        </a-modal>
-        <a-form-item v-bind="formItemLayoutWithOutLabel">
-          <a-button type="dashed" style="width: calc(43.5% + 8px); margin-right: 50px" @click="handleAddCondition">
-            <a-icon type="plus-circle" /> 新增分类模版 </a-button
-          ><a-button type="dashed" style="width: calc(44.5% + 8px)" @click="handleRemoveCondition">
-            <a-icon type="minus-circle-o" /> 删除分类模版
-          </a-button>
-        </a-form-item>
-        <a-form-item
-          v-for="(k, index) in form.getFieldValue('list')"
-          :key="k.id"
-          :label="index === 0 ? '会员模版' : ''"
-          :labelCol="labelCol"
-          v-bind="index === 0 ? { wrapperCol } : formItemLayoutWithOutLabel"
-          required
-        >
-          <a-tree-select
-            style="width: 100%; margin-right: 8px; margin-top: 3px"
-            placeholder="请选择商品分类"
-            :dropdownStyle="{ maxHeight: '500px', overflow: 'auto' }"
-            :treeData="formData.categoryList"
-            treeCheckable
-            allowClear
-            treeCheckStrictly
-            @select="onSelect(index, $event)"
-            @focus="handleSelectChange(index)"
-            v-decorator="[`category${k.id}`]"
-          ></a-tree-select>
-          <div style="width: 100%">
-            <div class="fan" v-for="(m, index2) in k.price_list" :key="m.id">
-              <a-form-item style="margin-right: 15px; width: 33%; cursor: pointer">
-                <div class="inMax" @click="setPrice(index, index2)">
-                  <span v-if="m.min && m.max">{{ m.min }} ~ {{ m.max }}</span
-                  ><span style="color: #d9d9d9" v-else>利润值</span>
-                  <div class="yuan">元</div>
-                </div>
-              </a-form-item>
-              <a-form-item style="margin-right: 15px; width: 33%">
-                <a-input
-                  placeholder="利润率"
-                  @input="onRate($event, index, index2)"
-                  suffix="%"
-                  v-model="m.add_price_rate"
-                  style="width: 100%; margin-right: 8px; text-align: center"
-                />
-              </a-form-item>
-              <div style="width: 33%; text-align: center">
-                <span>{{ m.startProfit }}</span> ~ <span>{{ m.endProfit }}</span>
-              </div>
-            </div>
-            <div style="width: 100%">
-              <a-button
-                type="dashed"
-                style="width: calc(40% + 8px); margin-right: 50px"
-                @click="handleAddPriceRate(index)"
-              >
-                <a-icon type="plus-circle" /> 新增价格区间 </a-button
-              ><a-button type="dashed" style="width: calc(40% + 8px)" @click="handleRemovePriceRate(index)">
-                <a-icon type="minus-circle-o" /> 删除价格区间
-              </a-button>
-            </div>
-          </div>
-        </a-form-item>
-        <a-form-item :wrapperCol="{ span: wrapperCol.span, offset: labelCol.span }">
-          <a-button type="primary" html-type="submit">提交</a-button>
-        </a-form-item>
-      </a-form>
-    </a-spin>
-  </a-card>
+	<a-card :bordered="false">
+		<div class="card-title">{{ $route.meta.title }}</div>
+		<a-spin :spinning="isLoading">
+			<a-form :form="form" @submit="handleSubmit">
+				<a-form-item v-bind="formItemLayoutWithOutLabel">
+					<div class="msg">
+						<span>价格区间(元)</span>
+						<span>会员加价率%</span>
+						<span>利润空间(元)</span>
+					</div>
+				</a-form-item>
+				<a-modal v-model:visible="setPriceVisible" width="450px" title="利润值" @ok="handleBatchPrice(index_1, index_2, mixPrice, maxPrice)">
+					<div class="fen" style="margin-top: -10px">
+						<input placeholder="最大利润值" style="margin-right: 25px" v-model="mixPrice" class="input" type="text" />
+						<input placeholder="最小利润值" v-model="maxPrice" class="input" type="text" />
+					</div>
+					<div class="setRule">
+						<div class="ruleTitle">设置规则：</div>
+						<div class="ruleText">
+							A.当加价率生效后，会员价高于市场价，会员价统一自动按以下标准执行： （市场价-成本价）x_____% +成本价=会员价
+							_____%为此时的加价率。 利润低于_____元的商品不展示在商城里。
+						</div>
+					</div>
+				</a-modal>
+				<a-form-item v-bind="formItemLayoutWithOutLabel">
+					<a-button type="dashed" style="width: calc(43.5% + 8px); margin-right: 50px" @click="handleAddCondition">
+						<a-icon type="plus-circle" /> 新增分类模版 </a-button><a-button type="dashed" style="width: calc(44.5% + 8px)" @click="handleRemoveCondition">
+						<a-icon type="minus-circle-o" /> 删除分类模版
+					</a-button>
+				</a-form-item>
+				<a-form-item v-for="(k, index) in form.getFieldValue('list')" :key="k.id" :label="index === 0 ? '会员模版' : ''" :labelCol="labelCol" v-bind="index === 0 ? { wrapperCol } : formItemLayoutWithOutLabel" required>
+					<a-tree-select style="width: 100%; margin-right: 8px; margin-top: 3px" placeholder="请选择商品分类" :dropdownStyle="{ maxHeight: '500px', overflow: 'auto' }" :treeData="formData.categoryList" treeCheckable allowClear treeCheckStrictly
+						@select="onSelect(index, $event)" @focus="handleSelectChange(index)" v-decorator="[`category${k.id}`]"></a-tree-select>
+					<div style="width: 100%">
+						<div class="fan" v-for="(m, index2) in k.price_list" :key="m.id">
+							<a-form-item style="margin-right: 15px; width: 33%; cursor: pointer">
+								<div class="inMax" @click="setPrice(index, index2,m.min,m.max)">
+									<span v-if="m.min && m.max">{{ m.min }} ~ {{ m.max }}</span><span style="color: #d9d9d9" v-else>利润值</span>
+									<div class="yuan">元</div>
+								</div>
+							</a-form-item>
+							<a-form-item style="margin-right: 15px; width: 33%">
+								<a-input placeholder="利润率" @input="onRate($event, index, index2)" suffix="%" v-model="m.add_price_rate" style="width: 100%; margin-right: 8px; text-align: center" />
+							</a-form-item>
+							<div style="width: 33%; text-align: center">
+								<span>{{ m.startProfit }}</span> ~ <span>{{ m.endProfit }}</span>
+							</div>
+						</div>
+						<div style="width: 100%">
+							<a-button type="dashed" style="width: calc(40% + 8px); margin-right: 50px" @click="handleAddPriceRate(index)">
+								<a-icon type="plus-circle" /> 新增价格区间 </a-button><a-button type="dashed" style="width: calc(40% + 8px)" @click="handleRemovePriceRate(index)">
+								<a-icon type="minus-circle-o" /> 删除价格区间
+							</a-button>
+						</div>
+					</div>
+				</a-form-item>
+				<a-form-item :wrapperCol="{ span: wrapperCol.span, offset: labelCol.span }">
+					<a-button type="primary" html-type="submit">提交</a-button>
+				</a-form-item>
+			</a-form>
+		</a-spin>
+	</a-card>
 </template>
 
 <script>
@@ -105,474 +70,477 @@ import * as GoodsApi from '@/api/goods'
 import GoodsModel from '@/common/model/goods/Index'
 import { isEmpty } from '@/utils/util'
 export default {
-  data() {
-    return {
-      // 标签布局属性
-      labelCol: { span: 3 },
-      // 输入框布局属性
-      wrapperCol: { span: 10 },
-      // loading状态
-      isLoading: false,
-      // 当前表单元素
-      form: this.$form.createForm(this),
-      // 当前记录详情分类数据、
-      formData: GoodsModel.formData,
-      record: {},
-      checkList: [],
-      formItemLayoutWithOutLabel: {
-        wrapperCol: { span: 10, offset: 3 },
-      },
-      setPriceVisible: false,
-      index_1: '',
-      index_2: '',
-      mixPrice: '',
-      maxPrice: '',
-    }
-  },
-  // 初始化数据
-  created() {
-    this.isLoading = true
-    // 获取form所需的数据
-    GoodsModel.getFromData().then(() => {
-      this.isLoading = false
-    })
-    this.form.getFieldDecorator('list', { initialValue: [], preserve: true })
-    this.getDataList() //渠道数据请求
-    // 获取当前详情记录
-    this.getDetail()
-  },
-  methods: {
-    // 计算利润率
-    onRate(e, index_1, index_2) {
-      const { form } = this
-      const list = form.getFieldValue('list')
-      let rate = Number(list[index_1].price_list[index_2].add_price_rate)
-      let min = list[index_1].price_list[index_2].min
-      let max = list[index_1].price_list[index_2].max
-      if (!min && !max) {
-        list[index_1].price_list[index_2].add_price_rate = ''
-        this.$message.warning('利润值不能低于为空', 1.5)
-        return
-      }
-      if (0 > rate) {
-        list[index_1].price_list[index_2].add_price_rate = ''
-        this.$message.warning('最低利率不能低于等于0', 1.5)
-        return
-      }
-      list[index_1].price_list[index_2].startProfit = Number(
-        (list[index_1].price_list[index_2].min * (rate / 100)).toFixed(2)
-      )
-      list[index_1].price_list[index_2].endProfit = Number(
-        (list[index_1].price_list[index_2].max * (rate / 100)).toFixed(2)
-      )
-      list[index_1].price_list[index_2].add_price_rate = rate
-      form.setFieldsValue({
-        list: list,
-      })
-      this.$forceUpdate()
-    },
-    handleBatchPrice(index1, index2, min, max) {
-      const { form } = this
-      if (!this.mixPrice) {
-        this.$message.warning('请输入最低价格', 1.5)
-      } else if (!this.maxPrice) {
-        this.$message.warning('请输入最高价格', 1.5)
-      } else if (0 >= this.mixPrice) {
-        this.mixPrice = null
-        this.$message.warning('最低价格必须大于0', 1.5)
-      } else if (0 >= this.maxPrice) {
-        this.maxPrice = null
-        this.$message.warning('最高价格必须大于0', 1.5)
-      } else if (this.mixPrice > this.maxPrice) {
-        this.maxPrice = null
-        this.$message.warning('最高价格不能低于最低价格', 1.5)
-      } else {
-        const condition = form.getFieldValue('list')
-        condition.forEach(function (item, k) {
-          if (k == index1) {
-            item.price_list.forEach(function (item1, j) {
-              if (j == index2) {
-                item1.min = min
-                item1.max = max
-              }
-            })
-          }
-        })
-        form.setFieldsValue({
-          list: condition,
-        })
-        this.$forceUpdate()
-        this.setPriceVisible = false
-      }
-    },
-    setPrice(index1, index2) {
-      this.index_1 = index1
-      this.index_2 = index2
-      this.setPriceVisible = true
-    },
-    onSelect(index, event) {
-      const { form, $nextTick } = this
-      const key = form.getFieldValue('list')
-      for (let i = 0; i < key.length; i++) {
-        if (i == index) {
-          key[i].category.push(event.value)
-        }
-      }
-      $nextTick(() => {
-        form.setFieldsValue({
-          list: key,
-        })
-        this.$forceUpdate()
-      })
-    },
-    deleteNodeById(nodes, ids) {
-      let that = this
-      for (let i = 0; i < nodes.length; i++) {
-        nodes[i].disabled = false
-        console.log(nodes[i].value,ids)
-        if (ids.includes(nodes[i].value) == true) {
-          nodes[i].disabled = true
-        }
-        if (nodes[i].children && nodes[i].children.length > 0) {
-          that.deleteNodeById(nodes[i].children, ids) // 递归查找子节点
-        }
-      }
-      return nodes
-    },
-    handleSelectChange(index, event) {
-      const { form, $nextTick } = this
-      const key = form.getFieldValue('list')
-      let category = []
-      for (let i = 0; i < key.length; i++) {
-        if (i !== index) {
-          key[i].category.forEach((item) => {
-            //forEach循环
-            category.push(Number(item))
-          })
-        }
-      }
-      console.log(key,category)
-      $nextTick(() => {
-        this.formData.categoryList = this.deleteNodeById(this.formData.categoryList, category)
-        console.log(this.deleteNodeById(this.formData.categoryList, category))
-        this.formData = this.formData
-        this.$forceUpdate()
-      })
-    },
-    // 删除模版列表
-    handleRemoveCondition(index) {
-      const { form } = this
-      const keys = form.getFieldValue('list')
-      if (keys.length === 0) {
-        this.$message.warning('暂无可删除的分类模版', 1.5)
-        return
-      }
-      keys.pop()
-      form.setFieldsValue({
-        list: keys,
-      })
-      this.$forceUpdate()
-    },
-    // 新增模版列表
-    handleAddCondition() {
-      const { form } = this
-      const key = form.getFieldValue('list')
-      const keys = key ? key : []
-      const nextKeys = keys.concat([{ category: [], price_list: [], id: this.generateRandomString(8) }])
-      form.setFieldsValue({
-        list: nextKeys,
-      })
-    },
-    // 删除值列表
-    handleRemovePriceRate(index) {
-      const { form } = this
-      const priceList = form.getFieldValue('list')[index].price_list
-      if (priceList.length === 0) {
-        this.$message.warning('暂无可删除的价格区间', 1.5)
-        return
-      }
-      priceList.pop()
-      const conditionList = form.getFieldValue('list')
-      conditionList.forEach(function (item, mm) {
-        if (mm == index) {
-          item.price_list = priceList
-        }
-      })
-      form.setFieldsValue({
-        list: conditionList,
-      })
-      this.$forceUpdate()
-    },
-    // 新增值列表
-    handleAddPriceRate(index) {
-      const { form } = this
-      const priceList = form.getFieldValue('list')[index].price_list
-      const addList = priceList ? priceList : []
-      const nextKeys = addList.concat([
-        { max: '', min: '', add_price_rate: '', startProfit: 0, endProfit: 0, id: this.generateRandomString(8) },
-      ])
-      const conditionList = form.getFieldValue('list')
-      conditionList.forEach(function (item, mm) {
-        if (mm == index) {
-          item.price_list = nextKeys
-        }
-      })
-      form.setFieldsValue({
-        list: conditionList,
-      })
-    },
-    generateRandomString(length) {
-      let result = ''
-      const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
-      const charactersLength = characters.length
-      for (let i = 0; i < length; i++) {
-        result += characters.charAt(Math.floor(Math.random() * charactersLength))
-      }
-      return result
-    },
-    // 渠道
-    getDataList() {
-      return GoodsApi.getDataList().then((result) => {
-        const obj = result.data
-        Object.keys(obj).forEach((item) => {
-          this.checkList.push({ id: item, name: obj[item] })
-        })
-      })
-    },
-    formatCategoryIds(categoryIds) {
-      return categoryIds.map((id) => {
-        return { value: id }
-      })
-    },
-    // 设置表单默认值
-    setFieldsValue() {
-      const { record, form, $nextTick } = this
-      const categoryAry = []
-      if (record.list) {
-        record.list = record.list.map((x) => {
-          x.id = this.generateRandomString(8)
-          return x
-        })
-        record.list.forEach((x, i) => {
-          record[`category${x.id}`] = this.formatCategoryIds(x.category.split(","))
-          categoryAry.push(`category${x.id}`)
-          this.form.getFieldDecorator(`category${x.id}`, { initialValue: '', preserve: true })
-          x.category=x.category.split(",")
-          x.price_list.forEach((m, j) => {
-            m.startProfit= Number(( m.min * (Number(m.add_price_rate) / 100)).toFixed(2))
-            m.endProfit= Number(( m.max * (Number(m.add_price_rate) / 100)).toFixed(2))
-          })
-        })
-      }
-      // 设置表单内容
-      !isEmpty(form.getFieldsValue()) &&
-        $nextTick(() => {
-          form.setFieldsValue(pick(record, ['list', ...categoryAry]))
-          this.$forceUpdate()
-        })
-    },
-    formatCategoryIds(categoryIds) {
-      return categoryIds.map((id) => {
-        return { value: id }
-      })
-    },
-    // 获取当前详情记录
-    getDetail() {
-      this.isLoading = true
-      GoodsApi.getStorePriceInfo({type:0})
-        .then((result) => {
-          this.record = result.data
-          // 设置默认值
-          this.setFieldsValue()
-        })
-        .finally(() => (this.isLoading = false))
-    },
-    getChannel(val) {
-      this.form.open_channel = val
-    },
-    // 确认按钮
-    handleSubmit(e) {
-      e.preventDefault()
-      // 表单验证
-      const {
-        form: { validateFields },
-        onFormSubmit,
-      } = this
-      validateFields((errors, values) => {
-        !errors && onFormSubmit(values)
-      })
-    },
-    // 提交到后端api
-    onFormSubmit(values) {
-      const params = {}
-      params.list = values.list.map((x, i) => {
-        return {
-          category: values[`category${x.id}`],
-          price_list: x.price_list,
-        }
-      })
-      let step = 0
-      let list = params.list
-      list.forEach((item, index) => {
-        if (Array.isArray(item.category)) {
-          item.category = Array.from(item.category, ({ value }) => value).join(',')
-        }
-        if (!item.category) {
-          step++
-          let name = '请选择第' + (index + 1) + '行分类'
-          this.$message.warning(name, 1.5)
-          return
-        }
-        if (item.price_list.length > 0) {
-          item.price_list.forEach((item_1, index_1) => {
-            item_1.category=item.category
-            if (!item_1.min) {
-              step++
-              let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最低价格'
-              this.$message.warning(name, 1.5)
-              return
-            }
-            if (!item_1.max) {
-              step++
-              let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最高价格'
-              this.$message.warning(name, 1.5)
-              return
-            }
-            if (!item_1.add_price_rate) {
-              step++
-              let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的会员加价率'
-              this.$message.warning(name, 1.5)
-              return
-            }
-            delete item_1.id
-          })
-        } else {
-          step++
-          let name = '请新增第' + (index + 1) + '行的价格区间'
-          this.$message.warning(name, 1.5)
-          return
-        }
-      
-      })
-      if (step == 0) {
-        this.isLoading = true
-        GoodsApi.setStorePrice({
-						list: list,
-						type: 0
+	data() {
+		return {
+			// 标签布局属性
+			labelCol: { span: 3 },
+			// 输入框布局属性
+			wrapperCol: { span: 10 },
+			// loading状态
+			isLoading: false,
+			// 当前表单元素
+			form: this.$form.createForm(this),
+			// 当前记录详情分类数据、
+			formData: GoodsModel.formData,
+			record: {},
+			checkList: [],
+			formItemLayoutWithOutLabel: {
+				wrapperCol: { span: 10, offset: 3 },
+			},
+			setPriceVisible: false,
+			index_1: '',
+			index_2: '',
+			mixPrice: '',
+			maxPrice: '',
+		}
+	},
+	// 初始化数据
+	created() {
+		this.isLoading = true
+		// 获取form所需的数据
+		GoodsModel.getFromData().then(() => {
+			this.isLoading = false
+		})
+		this.form.getFieldDecorator('list', { initialValue: [], preserve: true })
+		this.getDataList() //渠道数据请求
+		// 获取当前详情记录
+		this.getDetail()
+	},
+	methods: {
+		// 计算利润率
+		onRate(e, index_1, index_2) {
+			const { form } = this
+			const list = form.getFieldValue('list')
+			let rate = Number(list[index_1].price_list[index_2].add_price_rate)
+			let min = list[index_1].price_list[index_2].min
+			let max = list[index_1].price_list[index_2].max
+			if (!min && !max) {
+				list[index_1].price_list[index_2].add_price_rate = ''
+				this.$message.warning('利润值不能低于为空', 1.5)
+				return
+			}
+			if (0 > rate) {
+				list[index_1].price_list[index_2].add_price_rate = ''
+				this.$message.warning('最低利率不能低于等于0', 1.5)
+				return
+			}
+			list[index_1].price_list[index_2].startProfit = Number(
+				(list[index_1].price_list[index_2].min * (rate / 100)).toFixed(2)
+			)
+			list[index_1].price_list[index_2].endProfit = Number(
+				(list[index_1].price_list[index_2].max * (rate / 100)).toFixed(2)
+			)
+			list[index_1].price_list[index_2].add_price_rate = rate
+			form.setFieldsValue({
+				list: list,
+			})
+			this.$forceUpdate()
+		},
+		handleBatchPrice(index1, index2, min, max) {
+			const { form } = this
+			if (!this.mixPrice) {
+				this.$message.warning('请输入最低价格', 1.5)
+			} else if (!this.maxPrice) {
+				this.$message.warning('请输入最高价格', 1.5)
+			} else if (0 >= this.mixPrice) {
+				this.mixPrice = null
+				this.$message.warning('最低价格必须大于0', 1.5)
+			} else if (0 >= this.maxPrice) {
+				this.maxPrice = null
+				this.$message.warning('最高价格必须大于0', 1.5)
+			} else if (this.mixPrice > this.maxPrice) {
+				this.maxPrice = null
+				this.$message.warning('最高价格不能低于最低价格', 1.5)
+			} else {
+				const condition = form.getFieldValue('list')
+				condition.forEach(function (item, k) {
+					if (k == index1) {
+						item.price_list.forEach(function (item1, j) {
+							if (j == index2) {
+								item1.min = min
+								item1.max = max
+							}
+						})
+					}
+				})
+				form.setFieldsValue({
+					list: condition,
+				})
+				this.$forceUpdate()
+				this.mixPrice = ''
+				this.maxPrice = ''
+				this.setPriceVisible = false
+			}
+		},
+    setPrice(index1, index2, min, max) {
+			this.index_1 = index1
+			this.index_2 = index2
+			this.mixPrice = min;
+			this.maxPrice = max
+			this.setPriceVisible = true
+		},
+		onSelect(index, event) {
+			const { form, $nextTick } = this
+			const key = form.getFieldValue('list')
+			for (let i = 0; i < key.length; i++) {
+				if (i == index) {
+					key[i].category.push(event.value)
+				}
+			}
+			$nextTick(() => {
+				form.setFieldsValue({
+					list: key,
+				})
+				this.$forceUpdate()
+			})
+		},
+		deleteNodeById(nodes, ids) {
+			let that = this
+			for (let i = 0; i < nodes.length; i++) {
+				nodes[i].disabled = false
+				console.log(nodes[i].value, ids)
+				if (ids.includes(nodes[i].value) == true) {
+					nodes[i].disabled = true
+				}
+				if (nodes[i].children && nodes[i].children.length > 0) {
+					that.deleteNodeById(nodes[i].children, ids) // 递归查找子节点
+				}
+			}
+			return nodes
+		},
+		handleSelectChange(index, event) {
+			const { form, $nextTick } = this
+			const key = form.getFieldValue('list')
+			let category = []
+			for (let i = 0; i < key.length; i++) {
+				if (i !== index) {
+					key[i].category.forEach((item) => {
+						//forEach循环
+						category.push(Number(item))
 					})
-          .then((result) => {
-            // 显示提示信息
-            this.$message.success(result.message, 1.5)
-            this.getDetail()
-          })
-          .catch(() => {
-            this.isLoading = false
-          })
-          .finally(() => (this.isLoading = false))
-      }
-    },
-  },
+				}
+			}
+			console.log(key, category)
+			$nextTick(() => {
+				this.formData.categoryList = this.deleteNodeById(this.formData.categoryList, category)
+				console.log(this.deleteNodeById(this.formData.categoryList, category))
+				this.formData = this.formData
+				this.$forceUpdate()
+			})
+		},
+		// 删除模版列表
+		handleRemoveCondition(index) {
+			const { form } = this
+			const keys = form.getFieldValue('list')
+			if (keys.length === 0) {
+				this.$message.warning('暂无可删除的分类模版', 1.5)
+				return
+			}
+			keys.pop()
+			form.setFieldsValue({
+				list: keys,
+			})
+			this.$forceUpdate()
+		},
+		// 新增模版列表
+		handleAddCondition() {
+			const { form } = this
+			const key = form.getFieldValue('list')
+			const keys = key ? key : []
+			const nextKeys = keys.concat([{ category: [], price_list: [], id: this.generateRandomString(8) }])
+			form.setFieldsValue({
+				list: nextKeys,
+			})
+		},
+		// 删除值列表
+		handleRemovePriceRate(index) {
+			const { form } = this
+			const priceList = form.getFieldValue('list')[index].price_list
+			if (priceList.length === 0) {
+				this.$message.warning('暂无可删除的价格区间', 1.5)
+				return
+			}
+			priceList.pop()
+			const conditionList = form.getFieldValue('list')
+			conditionList.forEach(function (item, mm) {
+				if (mm == index) {
+					item.price_list = priceList
+				}
+			})
+			form.setFieldsValue({
+				list: conditionList,
+			})
+			this.$forceUpdate()
+		},
+		// 新增值列表
+		handleAddPriceRate(index) {
+			const { form } = this
+			const priceList = form.getFieldValue('list')[index].price_list
+			const addList = priceList ? priceList : []
+			const nextKeys = addList.concat([
+				{ max: '', min: '', add_price_rate: '', startProfit: 0, endProfit: 0, id: this.generateRandomString(8) },
+			])
+			const conditionList = form.getFieldValue('list')
+			conditionList.forEach(function (item, mm) {
+				if (mm == index) {
+					item.price_list = nextKeys
+				}
+			})
+			form.setFieldsValue({
+				list: conditionList,
+			})
+		},
+		generateRandomString(length) {
+			let result = ''
+			const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+			const charactersLength = characters.length
+			for (let i = 0; i < length; i++) {
+				result += characters.charAt(Math.floor(Math.random() * charactersLength))
+			}
+			return result
+		},
+		// 渠道
+		getDataList() {
+			return GoodsApi.getDataList().then((result) => {
+				const obj = result.data
+				Object.keys(obj).forEach((item) => {
+					this.checkList.push({ id: item, name: obj[item] })
+				})
+			})
+		},
+		formatCategoryIds(categoryIds) {
+			return categoryIds.map((id) => {
+				return { value: id }
+			})
+		},
+		// 设置表单默认值
+		setFieldsValue() {
+			const { record, form, $nextTick } = this
+			const categoryAry = []
+			if (record.list) {
+				record.list = record.list.map((x) => {
+					x.id = this.generateRandomString(8)
+					return x
+				})
+				record.list.forEach((x, i) => {
+					record[`category${x.id}`] = this.formatCategoryIds(x.category.split(','))
+					categoryAry.push(`category${x.id}`)
+					this.form.getFieldDecorator(`category${x.id}`, { initialValue: '', preserve: true })
+					x.category = x.category.split(',')
+					x.price_list.forEach((m, j) => {
+						m.startProfit = Number((m.min * (Number(m.add_price_rate) / 100)).toFixed(2))
+						m.endProfit = Number((m.max * (Number(m.add_price_rate) / 100)).toFixed(2))
+					})
+				})
+			}
+			// 设置表单内容
+			!isEmpty(form.getFieldsValue()) &&
+				$nextTick(() => {
+					form.setFieldsValue(pick(record, ['list', ...categoryAry]))
+					this.$forceUpdate()
+				})
+		},
+		formatCategoryIds(categoryIds) {
+			return categoryIds.map((id) => {
+				return { value: id }
+			})
+		},
+		// 获取当前详情记录
+		getDetail() {
+			this.isLoading = true
+			GoodsApi.getStorePriceInfo({ type: 0 })
+				.then((result) => {
+					this.record = result.data
+					// 设置默认值
+					this.setFieldsValue()
+				})
+				.finally(() => (this.isLoading = false))
+		},
+		getChannel(val) {
+			this.form.open_channel = val
+		},
+		// 确认按钮
+		handleSubmit(e) {
+			e.preventDefault()
+			// 表单验证
+			const {
+				form: { validateFields },
+				onFormSubmit,
+			} = this
+			validateFields((errors, values) => {
+				!errors && onFormSubmit(values)
+			})
+		},
+		// 提交到后端api
+		onFormSubmit(values) {
+			const params = {}
+			params.list = values.list.map((x, i) => {
+				return {
+					category: values[`category${x.id}`],
+					price_list: x.price_list,
+				}
+			})
+			let step = 0
+			let list = params.list
+			list.forEach((item, index) => {
+				if (Array.isArray(item.category)) {
+					item.category = Array.from(item.category, ({ value }) => value).join(',')
+				}
+				if (!item.category) {
+					step++
+					let name = '请选择第' + (index + 1) + '行分类'
+					this.$message.warning(name, 1.5)
+					return
+				}
+				if (item.price_list.length > 0) {
+					item.price_list.forEach((item_1, index_1) => {
+						item_1.category = item.category
+						if (!item_1.min) {
+							step++
+							let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最低价格'
+							this.$message.warning(name, 1.5)
+							return
+						}
+						if (!item_1.max) {
+							step++
+							let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的最高价格'
+							this.$message.warning(name, 1.5)
+							return
+						}
+						if (!item_1.add_price_rate) {
+							step++
+							let name = '请完善第' + (index + 1) + '行分类模版的' + '第' + (index_1 + 1) + '行分类的会员加价率'
+							this.$message.warning(name, 1.5)
+							return
+						}
+						delete item_1.id
+					})
+				} else {
+					step++
+					let name = '请新增第' + (index + 1) + '行的价格区间'
+					this.$message.warning(name, 1.5)
+					return
+				}
+			})
+			if (step == 0) {
+				this.isLoading = true
+				GoodsApi.setStorePrice({
+					list: list,
+					type: 0,
+				})
+					.then((result) => {
+						// 显示提示信息
+						this.$message.success(result.message, 1.5)
+						this.getDetail()
+					})
+					.catch(() => {
+						this.isLoading = false
+					})
+					.finally(() => (this.isLoading = false))
+			}
+		},
+	},
 }
 </script>
 <style lang="less" scoped>
 .msg {
-  width: 100%;
-  background: #ffe7e7;
-  border-radius: 0px 0px 0px 0px;
-  opacity: 1;
-  padding: 5px 25px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 16px;
-  span {
-    width: 33%;
-    text-align: center;
-  }
+	width: 100%;
+	background: #ffe7e7;
+	border-radius: 0px 0px 0px 0px;
+	opacity: 1;
+	padding: 5px 25px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	font-size: 16px;
+	span {
+		width: 33%;
+		text-align: center;
+	}
 }
 /deep/.ant-form-item-control {
-  padding-left: 10px;
-  .ant-form-item-control {
-    padding-left: 0;
-  }
+	padding-left: 10px;
+	.ant-form-item-control {
+		padding-left: 0;
+	}
 }
 /deep/.ant-input-prefix {
-  font-weight: bold;
+	font-weight: bold;
 }
 .fan {
-  display: flex;
-  align-items: top;
+	display: flex;
+	align-items: top;
 }
 .fan /deep/ .ant-form-item {
-  margin-bottom: 0;
+	margin-bottom: 0;
 }
 .fen {
-  span {
-    color: #555;
-    width: 80px;
-  }
-  .input {
-    background-color: #fff;
-    border: 1px solid #d9d9d9;
-    height: 32px;
-    width: 180px;
-    margin-top: 10px;
-    padding-left: 10px;
-  }
-  input::-webkit-input-placeholder {
-    // 针对 谷歌 内核
-    color: #bfbfbf;
-  }
-  input:-moz-placeholder {
-    // 火狐
-    color: #bfbfbf;
-  }
-  input:-ms-input-placeholder {
-    // 微软ie
-    color: #bfbfbf;
-  }
+	span {
+		color: #555;
+		width: 80px;
+	}
+	.input {
+		background-color: #fff;
+		border: 1px solid #d9d9d9;
+		height: 32px;
+		width: 180px;
+		margin-top: 10px;
+		padding-left: 10px;
+	}
+	input::-webkit-input-placeholder {
+		// 针对 谷歌 内核
+		color: #bfbfbf;
+	}
+	input:-moz-placeholder {
+		// 火狐
+		color: #bfbfbf;
+	}
+	input:-ms-input-placeholder {
+		// 微软ie
+		color: #bfbfbf;
+	}
 }
 .setRule {
-  margin-top: 20px;
-  .ruleTitle {
-    font-size: 14px;
-    font-family: PingFang SC, PingFang SC;
-    font-weight: 500;
-    color: #303030;
-  }
-  .ruleText {
-    margin-top: 8px;
-    font-size: 14px;
-    font-family: PingFang SC, PingFang SC;
-    font-weight: 400;
-    color: #8b8b8b;
-    line-height: 32px;
-  }
+	margin-top: 20px;
+	.ruleTitle {
+		font-size: 14px;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		color: #303030;
+	}
+	.ruleText {
+		margin-top: 8px;
+		font-size: 14px;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 400;
+		color: #8b8b8b;
+		line-height: 32px;
+	}
 }
 .inMax {
-  width: 100%;
-  text-align: center;
-  position: relative;
-  padding: 0;
-  font-variant: tabular-nums;
-  list-style: none;
-  display: inline-block;
-  width: 100%;
-  height: 30px;
-  padding: 4px 11px;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 13px;
-  line-height: 1.8;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  .yuan {
-    position: absolute;
-    right: 10px;
-    top: 2px;
-  }
+	width: 100%;
+	text-align: center;
+	position: relative;
+	padding: 0;
+	font-variant: tabular-nums;
+	list-style: none;
+	display: inline-block;
+	width: 100%;
+	height: 30px;
+	padding: 4px 11px;
+	color: rgba(0, 0, 0, 0.65);
+	font-size: 13px;
+	line-height: 1.8;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #d9d9d9;
+	border-radius: 2px;
+	-webkit-transition: all 0.3s;
+	transition: all 0.3s;
+	.yuan {
+		position: absolute;
+		right: 10px;
+		top: 2px;
+	}
 }
 </style>