<!--配货单-- 取消-->
<template>
  <div class="custom-modal">
    <p
      v-if="operation"
      class="modal-text"
    >
      是否确认修改该订单的状态？
    </p>
    <p 
      v-else 
      class="modal-text"
    >
      已勾选数据不能进行此操作！
    </p>
    <businessButton :btn-config="btnConfig" />
  </div>
</template>
<style lang="less">
.modal-text {
  margin-bottom: 10px;
}
</style>
<script lang="js">
  import businessButton from 'professionalComponents/businessButton';

  export default {
    name: 'CancelModal',
    props: {
      selectRowData: { // 获取选择行的数据
        type: Array,
        default: () => []
      },
      idArray: {// 获取ID用于多选
        type: [Array, Object],
        default: () => {}
      },
    },
    components: {
      businessButton
    },
    data() {
      return {
        operation: true, // 是否可以操作
        btnConfig: {
          typeAll: 'error', // 按钮统一风格样式
          btnsite: 'right', // 按钮位置 (right , center , left)
          buttons: [
            {
              type: '', // 按钮类型
              text: '取消', // 取消 按钮文本
              icon: '', // 按钮图标
              size: '', // 按钮大小
              disabled: false, // 按钮禁用控制
              btnclick: () => {
                this.$emit('closeActionDialog', false);
              } // 按钮点击事件
            },
            {
              type: '', // 按钮类型
              text: '确定', // 按钮文本
              icon: '', // 按钮图标
              size: '', // 按钮大小
              disabled: false, // 按钮禁用控制
              btnclick: () => {
                this.determine();
              }, // 按钮点击事件
            }
          ]
        },
      };
    },
    mounted() {
      // 判断状态
      const statusArr = ['缺货', '未确认', '已匹配', '配货中'];
      if (!statusArr.includes(this.selectRowData[0].VIRSTATUS.val)) {
        this.operation = false;
        this.btnConfig.buttons.splice(1);
      }
    },
    methods: {
      // 取消
      async determine() {
        this.$emit('closeActionDialog', false);
        const { data } = await this.service.storageContent.cancel({ ids: this.selectRowData[0].ID.val });
        if (data.code === 0) {
          this.$Message.success(data.message || '成功！');
        }
      }
    }
  };
</script>
