You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
158 lines
4.3 KiB
158 lines
4.3 KiB
3 months ago
|
<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>
|