合并

MrShi

7 小时以前 41115bb4b6d0161ff6d2c15ef6b3d5386a14ac9c

 admin/src/components/business/OperaLabelsZhuanquWindow.vue

@@ -1,22 +1,13 @@
<template>
  <GlobalAlertWindow
  <GlobalWindow
    v-loading="isUploading"
    :title="title"
    width="500px"
    :visible.sync="visible"
    :confirm-working="isWorking"
    @confirm="confirm"
  >
    <el-form :model="form" ref="form" :rules="rules" label-width="120px" label-suffix="："  inline>
      <el-form-item label="所属品牌" prop="parentId" v-if="form.type === 15">
        <el-select  v-model="form.parentId" placeholder="请选择所属品牌" >
          <el-option
              v-for="item in labels()"
              :key="item.id"
              :value="item.id"
              :label="item.name"
          ></el-option>
        </el-select>
      </el-form-item>
    <el-form :model="form" ref="form" :rules="rules" label-width="120px" label-suffix="："   >
      <el-form-item label="名称" prop="name">
        <el-input v-model="form.name" placeholder="请输入名称" :maxlength="5" v-trim/>
      </el-form-item>
@@ -29,6 +20,10 @@
          @uploadBegin="isUploading = true"
        />
      </el-form-item>
      <el-form-item label="选中商品" prop="applyIdList" >
        <span style="font-size: 12px;color: #216EEE"   @click="selectGoods">已指定【 {{applyDataList.length}} 】件商品</span>
        <el-button style="margin-left:30px;display: inline-block;width: 80px;" type="primary"  @click="selectGoods">去选择 </el-button>
      </el-form-item>
      <el-form-item label="排序码" prop="sortnum">
        <el-input type="number" v-model="form.sortnum" placeholder="请输入排序码" v-trim/>
      </el-form-item>
@@ -36,17 +31,20 @@
        <el-input type="textarea" v-model="form.info" placeholder="请输入备注" :maxlength="200" v-trim/>
      </el-form-item>
    </el-form>
  </GlobalAlertWindow>
    <OperaCouponGoodsWindow ref="OperaCouponGoodsWindow" @success="doSelect"/>
  </GlobalWindow>
</template>

<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalAlertWindow from '@/components/common/GlobalAlertWindow'
import GlobalWindow from '@/components/common/GlobalWindow'
import UploadAvatarImage from '@/components/common/UploadAvatarImage'
import OperaCouponGoodsWindow from '@/components/business/OperaCouponGoodsWindow'
import { allList as goodsList } from '@/api/business/goods'
export default {
  name: 'OperaLabelsWindow',
  extends: BaseOpera,
  components: { GlobalAlertWindow, UploadAvatarImage },
  components: { GlobalWindow, UploadAvatarImage, OperaCouponGoodsWindow },
  data () {
    return {
      isUploading: false,
@@ -60,8 +58,10 @@
        parentId: null,
        sortnum: null,
        imgFullurl: null,
        applyIdList: [],
        imgurl: ''
      },
      applyDataList: [],
      // 验证规则
      rules: {
        parentId: [{ required: true, message: '请选择所属品牌'  }],
@@ -77,11 +77,29 @@
    })
  },
  methods: {
    selectGoods () {
      this.$refs.OperaCouponGoodsWindow.open('选择商品', this.applyDataList)
    },
    doSelect (rows) {
      console.log(rows, this.applyDataList)
      this.applyDataList = []
      this.form.applyIdList = []
      if (rows && rows.length) {
        rows.forEach(item => {
          this.applyDataList.push(item)
          this.form.applyIdList.push(item.id)
        })
      }
      this.$refs.form.clearValidate()
    },
    open (title, target, type) {
      this.title = title
      this.visible = true
      this.applyDataList = []
      this.form.applyIdList = []
      this.form.imgFullurl =null
      this.form.imgurl =null
      this.goods = []
      // 新建
      if (target == null) {
        this.$nextTick(() => {
@@ -98,6 +116,17 @@
          this.form[key] = target[key]
        }
        this.form.type = type
        this.loadSelectGoods()
      })
    },
    loadSelectGoods () {
      goodsList({
        zhuanquId: this.form.id // 商品分类
      }).then(res => {
        this.applyDataList = res || []
        this.applyDataList.forEach(t => {
          this.form.applyIdList.push(t.id)
        })
      })
    },
    // 上传图片