opms_wechat/pages/openSeaCustomer/components/collectionCustomer.vue

<template>
  <view>
    <!-- 领取客户 -->
    <u-modal
      :show="showCollectionModel"
      :showCancelButton="true"
      @confirm="confirmCollection()"
      @cancel="closeMoveInModel()"
      title="领取客户">
      <view class="slot-content" style="width: 100%">
        <view class="flex">
          <text>申请说明：</text>
          <u-textarea
            v-model="openSeaObj.applyRemark"
            placeholder="请输入申请说明"
            height="180"
            :count="true"
            maxlength="500"></u-textarea>
        </view>
      </view>
    </u-modal>
    <u-notify ref="uNotify"></u-notify>
  </view>
</template>

<script>
  import { mapGetters } from 'vuex'
  import customerApi from '../../../api/customer'
  import to from 'await-to-js'
  export default {
    props: {
      position: {
        default: () => {},
        required: true,
      },
    },
    data() {
      return {
        flag: true,
        showCollectionModel: false,
        openSeaObj: {
          applyRemark: '',
          receive: '1',
          ids: [],
        },
      }
    },
    computed: {
      ...mapGetters(['userId', 'username']),
    },
    methods: {
      open(id) {
        this.openSeaObj.ids = [id]
        this.showCollectionModel = true
      },
      // 领用
      async confirmCollection() {
        // this.openSeaObj.salesId = this.userId
        // this.openSeaObj.salesName = this.username
        if (!this.flag) return
        if (!this.openSeaObj.applyRemark) {
          this.$refs.uNotify.show({
            top: this.position.height + this.position.paddingTop + 10,
            type: 'warning',
            message: '请输入领用原因',
            duration: 1000 * 3,
          })
          return
        }
        let params = {
          ...this.openSeaObj,
          salesId: this.userId,
          salesName: this.username,
        }
        this.flag = false
        const [err, res] = await to(customerApi.collection(params))
        this.flag = true
        if (err) return this.closeMoveInModel()
        if (res.code == 200) {
          this.$refs.uToast.show({
            type: 'loading',
            message: '客户领用成功',
            complete: () => {
              this.showCollectionModel = false
              this.$emit('fetchList')
            },
          })
        } else {
          this.closeMoveInModel()
        }
      },
      // 关闭移入公海模块
      closeMoveInModel() {
        this.openSeaObj.ids = []
        this.openSeaObj.applyRemark = ''
        this.showCollectionModel = false
      },
    },
  }
</script>

<style></style>