<template>
  <el-dialog title="审核" append-to-body :modelValue="openShow" width="30%" @close="closeDialog">
    <avue-form ref="form" v-model="form" :option="option"></avue-form>

    <template #footer>
      <span class="dialog-footer">
        <el-button @click="closeDialog">取 消</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </span>
    </template>
  </el-dialog>
</template>
<script>
import { submitApproval } from '@/api/basicData/bsPlanAssignSteerModify';
export default {
  props: {
    showDialog: {
      type: Boolean,
      default: false,
    },
    rowItem: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      openShow: false,
      form: {},
      option: {
        submitBtn: false,
        emptyBtn: false,
        column: [
          {
            label: '审批结果',
            prop: 'result',
            span: 24,
            type: 'radio',
            dicData: [
              { label: '通过', value: 0 },
              { label: '不通过', value: 1 },
            ],
            rules: [{ required: true, message: '请选择', trigger: 'blur' }],
          },
          {
            label: '审批意见',
            prop: 'remark',
            type: 'textarea',
            span: 24,
          },
        ],
      },
    };
  },
  mounted() {
    this.openShow = this.showDialog;
  },
  methods: {
    closeDialog() {
      this.openShow = false;
      this.$emit('closeDialog');
    },
    submit() {
      this.$refs.form.validate(async valid => {
        if (valid) {
          // let params = {
          //   id: this.$route.query.id,
          //   approvalStatus: '',
          // };
          // submitApproval(params).then((res) => {
          //   if (res.code == 200) {
          //     this.$message.success('操作成功');
          //     this.closeDialog();
          //   }
          // });
        }
      });
    },
  },
};
</script>
<style lang="scss" scoped></style>
