transmit-button.vue

<template>
  <div>
    <Button
      :disabled="!selectedRows.length"
      size="small"
      type="text"
      @click="modalVisible = true"
    >票据转发</Button>
    <Modal
      v-model="modalVisible"
      title="票据转发"
      @on-ok="handleOk"
      @on-cancel="handleCancel"
    >
      <Form>
        <FormItem label="接收人" :label-width="80">
          <gms-basedata-tree
            title="选择接收人"
            tableName="MD_STAFF"
            node-key="id"
            v-model="basedata"
            :multiple="false"
            :onlyChooseLeaf="false"
            :clearable="true"
            :searchable="true"
          />
        </FormItem>
      </Form>
    </Modal>
  </div>
</template>

<script>
export default {
  props: {
    selectedRows: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
      modalVisible: false,
      basedata: null,
    }
  },
  methods: {
    handleOk() {
      if (!this.basedata || !this.basedata.objectcode) {
        this.$Message.warning('请选择接收人');
        return
      }
      window.GMS.$http.post(
        `/yxgl/transferUser`,
        this.selectedRows.map((o) => ({
          ...o,
          userId: this.basedata.objectcode,
          userName: this.basedata.name,
        }))
      ).catch(() => {
        this.$Message.warning('修改失败');
      }).finally(() => {
        this.basedata = null
        this.$emit('after-click')
      })
    },
    handleCancel() {
      this.modalVisible = false
    },
  },
}
</script>

<style>

</style>