<template>
  <el-dialog title="详情" append-to-body :modelValue="openShow" width="60%" @close="closeDialog">
    <!-- <avue-form :option="option"></avue-form> -->

    <el-descriptions
      class="margin-top"
      title="免责信息"
      :column="2"
      :size="size"
      border
      label-width="100px"
    >
      <el-descriptions-item label="提出人"> </el-descriptions-item>
      <el-descriptions-item label="岗位"> </el-descriptions-item>
      <el-descriptions-item label="免责问题描述"> </el-descriptions-item>
      <el-descriptions-item label="原因"> </el-descriptions-item>
      <el-descriptions-item label="措施"> </el-descriptions-item>
      <el-descriptions-item label="免责理由"> </el-descriptions-item>
      <el-descriptions-item label="免责金额"> </el-descriptions-item>
    </el-descriptions>
    <el-descriptions
      class="margin-top"
      title="审批信息"
      :column="3"
      :size="size"
      border
      style="margin-top: 15px"
    >
    </el-descriptions>
    <el-steps :active="active" finish-status="success" class="center-steps">
      <el-step title="提交">
       <template #description>
            <div>提交人</div>
            <div>2025-09-09</div>
        </template>
      </el-step>
      <el-step title="工艺员">
         <template #description>
            <div>工艺员</div>
            <div>2025-09-09</div>
            <div>驳回原因</div>
        </template>
      </el-step>
      <el-step title="质量工程师">
         <template #description>
            <div>质量工程师名字</div>
            <div>2025-09-09</div>
            <div>驳回原因</div>
        </template>
      </el-step>
      <el-step title="业务主管">
         <template #description>
            <div>厂长名字</div>
            <div>2025-09-09</div>
            <div>驳回原因</div>
        </template>
      </el-step>
    </el-steps>
    <!-- <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 {
//   updateProcess,
// } from '../../api/flowManagement/index';
export default {
  props: {
    showDialog: {
      type: Boolean,
      default: false,
    },
    rowItem: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      openShow: false,
      active:1,
     
      //   option: {
      //     submitBtn: false,
      //     emptyBtn: false,
      //     column: [
      //       {
      //         label: '审批结果',
      //         prop: 'input',
      //         span: 24,
      //         type: 'radio',
      //         dicData: [
      //           { label: '审批通过', value: 0 },
      //           { label: '审批不通过', value: 1 },
      //         ],
      //         rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
      //       },
      //       {
      //         label: '驳回原因',
      //         prop: 'input2',
      //         // type: 'select',
      //         type: 'textarea',
      //         span: 24,
      //         // dicData: [
      //         //     {
      //         //         label: '不需要结算',
      //         //         value: '1',
      //         //     },
      //         //     {
      //         //         label: '基础数据有误',
      //         //         value: '2',
      //         //     }
      //         // ]
      //       },
      //     ],
      //   },
    };
  },
  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: '',

            // status: this.option.column[0].value,
            // reason: this.option.column[1].value,
          };
          //   updateProcess(params).then((res) => {
          //     if (res.code == 200) {
          //       this.$message.success('操作成功');
          //       this.closeDialog();
          //     }
          //   });
        }
      });
    },
  },
};
</script>
<style lang="scss" scoped>
 ::v-deep(.el-step__title) {
    font-size: 14px;
  }
</style>
