经销商管理

doum

19 小时以前 1e4f8276eb86dde67135126cbb9bae19bb845823

 admin/src/components/business/OperaLabelsZhuanquWindow.vue

@@ -6,17 +6,7 @@
    :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 +19,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,6 +30,7 @@
        <el-input type="textarea" v-model="form.info" placeholder="请输入备注" :maxlength="200" v-trim/>
      </el-form-item>
    </el-form>
    <OperaCouponGoodsWindow ref="OperaCouponGoodsWindow" @success="doSelect"/>
  </GlobalAlertWindow>
</template>

@@ -43,10 +38,12 @@
import BaseOpera from '@/components/base/BaseOpera'
import GlobalAlertWindow from '@/components/common/GlobalAlertWindow'
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: { GlobalAlertWindow, UploadAvatarImage ,OperaCouponGoodsWindow},
  data () {
    return {
      isUploading: false,
@@ -60,8 +57,10 @@
        parentId: null,
        sortnum: null,
        imgFullurl: null,
        applyIdList:[],
        imgurl: ''
      },
      applyDataList:[],
      // 验证规则
      rules: {
        parentId: [{ required: true, message: '请选择所属品牌'  }],
@@ -77,11 +76,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 +115,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)
        })
      })
    },
    // 上传图片