style: 企标废止流程-审批意见

This commit is contained in:
zyn
2023-11-30 16:05:20 +08:00
parent 50fed3d376
commit d04a084e65
11 changed files with 233 additions and 138 deletions
@@ -1,7 +1,7 @@
<template>
<!--意见-->
<div>
<el-form v-if="model" ref="form" :model="model" :rules="rules">
<el-form v-if="!isItem" ref="form" :model="model" :rules="rules">
<div class="title">{{ title }}</div>
<el-form-item :prop="prop" label-width="0">
<el-input :disabled="disabled"
@@ -29,6 +29,39 @@
</el-form-item>
</template>
</div>
<!--
使用案例
1.外层无el-form
1.1
<el-form
ref="formTongGuo"
:model="formTongGuo"
:rules="rules">
<ReceiptDescription
title="审批意见"
isItem
prop="commentText"
v-model="formTongGuo.commentText"
></ReceiptDescription>
</el-form>
1.2
<ReceiptDescription
title="审批意见"
ref="formTongGuo"
:model="formTongGuo"
:rules="rules"
prop="commentText"
v-model="formTongGuo.commentText"
></ReceiptDescription>
2.外层有el-form
<ReceiptDescription
title="审批意见"
isItem
prop="commentText"
v-model="qbfsForm.commentText"
></ReceiptDescription>
-->
</template>
<script>
@@ -56,6 +89,11 @@ export default {
rules: {
type: Object
},
// 组件父元素是否是el-form
isItem: {
type: Boolean,
default: false
}
},
methods: {
handleChange (event) {
@@ -37,6 +37,7 @@
></formList>
<ReceiptDescription
title="审批意见"
isItem
prop="commentText"
v-model="qbfsForm.commentText"
></ReceiptDescription>
@@ -147,23 +147,27 @@
label="审核人">
</el-table-column>
</el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
disabled
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="审批意见">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- disabled-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -247,10 +251,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep7",
components: {
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -102,22 +102,27 @@
</el-col>
</el-row>
</el-form>
<ReceiptDescription
title="回执说明"
v-model="commentText"
:disabled="disabledXX"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="回执说明">
<div style="margin: 10px 0;">
<el-input :disabled="disabledXX"
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="回执说明">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input :disabled="disabledXX"-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '2'">
<div class="block" style="padding-top: 20px;">
@@ -392,10 +397,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep1",
components:{
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -97,22 +97,26 @@
</el-col>
</el-row>
</el-form>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="审批意见">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -222,10 +226,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep2",
components:{
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -106,22 +106,26 @@
</el-col>
</el-row>
</el-form>
<ReceiptDescription
title="回执说明"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="回执说明">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="回执说明">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -228,10 +232,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep3",
components:{
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -162,23 +162,28 @@
label="会签人">
</el-table-column>
</el-table>
<ReceiptDescription
title="回执说明"
v-model="commentText"
:disabled="disabledXX"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion v-model="activesNames">
<el-collapse-item title="回执说明" name="1">
<div style="margin: 10px 0;">
<el-input
:disabled="disabledXX"
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion v-model="activesNames">-->
<!-- <el-collapse-item title="回执说明" name="1">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- :disabled="disabledXX"-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -279,10 +284,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep4-1",
components: {
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -152,22 +152,26 @@
label="会签人">
</el-table-column>
</el-table>
<ReceiptDescription
title="回执说明"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="回执说明">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="回执说明">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -267,10 +271,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep4",
components: {
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -153,22 +153,26 @@
label="会签人">
</el-table-column>
</el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="审批意见">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -271,10 +275,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep5",
components: {
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -153,22 +153,26 @@
label="会签人">
</el-table-column>
</el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="审批意见">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -271,10 +275,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep6",
components: {
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle
@@ -153,22 +153,26 @@
label="会签人">
</el-table-column>
</el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div>
<div>
<el-collapse accordion>
<el-collapse-item title="审批意见">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<!--<div>-->
<!-- <el-collapse accordion>-->
<!-- <el-collapse-item title="审批意见">-->
<!-- <div style="margin: 10px 0;">-->
<!-- <el-input-->
<!-- type="textarea"-->
<!-- :rows="3"-->
<!-- resize="none"-->
<!-- placeholder="请输入意见"-->
<!-- v-model="commentText">-->
<!-- </el-input>-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!--</div>-->
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%">
@@ -271,10 +275,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default {
name: "qbfzStep7",
components: {
ReceiptDescription,
ProcessHeader,
ProcessFooter,
ProcessTitle