<template>
  <div
    class="updatePoOrder"
    style="display: none;"
  >
    <!--    <Spin-->
    <!--      v-if="spinShow"-->
    <!--      size="large"-->
    <!--      fix-->
    <!--    />-->
    <!--    <businessForm :form-config="formConfig"/>-->
    <!--    <businessButton :btn-config="btnConfig"/>-->
  </div>
</template>

<script>
  // import businessForm from 'professionalComponents/businessForm';
  // import businessButton from 'professionalComponents/businessButton';

  export default {
    components: {
      // businessForm,
      // businessButton,
    },
    props: {
      objList: {
        type: Array,
        defalut: () => []
      },
      idArray: {
        type: Array,
        defalut: () => []
      },
      webid: {
        type: Number
      },
      tablename: {
        type: String
      },
      selectRowData: {
        type: Array,
        defalut: () => []
      }
    },
    data() {
      return {
        spinShow: false,
        formConfig: {
          // 表单取值,和下面formData下对象的value一一对应
          formValue: {
            SHOPID: '',
          },
          // 表单配置
          // formData: [
          //   {
          //     style: 'input', // 输入框类型
          //     label: 'PO单号', // 输入框前文字
          //     value: 'POS', // 输入框的值
          //     width: '24', // 所占的宽度 (宽度分为24份,数值代表所占份数的宽度)
          //     icon: '', // 输入框后带的图标,暂只有输入框支持
          //     placeholder: '多个PO单号使用英文逗号分隔!', // 占位文本，默认为请输入
          //     ghost: false, // 是否关闭幽灵按钮，默认开启
          //     iconclick: () => {
          //     } // 点击icon图标事件
          //     // setRequired: "required" //必选标识,值不为required时无标识
          //   },
          // ],
          ruleValidate: {
            SHOPID: [{
              required: true,
              message: ' ',
              trigger: 'blur'
            }]
          }
        },
        btnConfig: {
          typeAll: 'error', // 按钮统一风格样式
          btnsite: 'right', // 按钮位置 (right , center , left)
          buttons: [
            {
              type: '', // 按钮类型
              text: '取消', // 取消 按钮文本
              icon: '', // 按钮图标
              size: '', // 按钮大小
              disabled: false, // 按钮禁用控制
              btnclick: () => {
                this.$emit('closeActionDialog', true);
              } // 按钮点击事件
            },
            {
              type: '', // 按钮类型
              text: '更新', // 下载 按钮文本
              icon: '', // 按钮图标
              size: '', // 按钮大小
              disabled: false, // 按钮禁用控制
              btnclick: async () => {
                const SELLERNICK = this.selectRowData.map(item => item.SHOPID.val);
                const query = {
                  pos: this.formConfig.formValue.POS,
                  sellerNick: SELLERNICK.join(','),
                };
                if (!query.pos) {
                  this.$Message.error('请输入po单号');
                  return false;
                }
                this.spinShow = true;
                const res = await this.service.storageContent.updatePoList(query);
                console.log('res::', res);
                this.spinShow = false;
                if (res.data.code == 0) {
                  this.$Message.success(res.data.message || '更新成功!');
                  this.$emit('closeActionDialog', true);
                } else {
                  this.$Message.error(res.data.message || '更新失败!');
                }
              }, // 按钮点击事件
            }
          ],
        },
      };
    },
    methods: {
      async updatePoOrder() {
        let selectRowData = this.selectRowData;
        console.log('selectRowData::', selectRowData);
        const shopIdArr = this.selectRowData.map(item => item.SHOPID.refobjid);
        const posArr = this.selectRowData.map(item => item.PO_NO.val);
        const query = {
          pos: posArr.join(','),
          // shopId: shopIdArr.join(','),
        };
        this.spinShow = true;
        const res = await this.service.storageContent.updatePoList(query);
        console.log('res::', res);
        this.spinShow = false;
        if (res.data.code == 0) {
          this.$Message.success(res.data.message || '更新成功!');
          this.$emit('closeActionDialog', true);
        } else {
          this.$emit('closeActionDialog', false);
          this.$Message.error(res.data.message || '更新失败!');
        }
      }
    },
    // 可选方法 组件出现时调用自定义的方法
    mounted() {
      this.updatePoOrder();
    },
    created() {
      document.querySelector('.ark-modal-wrap').style.zIndex = -1;
    }
  };
</script>

<style>

</style>
