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> <template>
<!--意见--> <!--意见-->
<div> <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> <div class="title">{{ title }}</div>
<el-form-item :prop="prop" label-width="0"> <el-form-item :prop="prop" label-width="0">
<el-input :disabled="disabled" <el-input :disabled="disabled"
@@ -29,6 +29,39 @@
</el-form-item> </el-form-item>
</template> </template>
</div> </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> </template>
<script> <script>
@@ -56,6 +89,11 @@ export default {
rules: { rules: {
type: Object type: Object
}, },
// 组件父元素是否是el-form
isItem: {
type: Boolean,
default: false
}
}, },
methods: { methods: {
handleChange (event) { handleChange (event) {
@@ -37,6 +37,7 @@
></formList> ></formList>
<ReceiptDescription <ReceiptDescription
title="审批意见" title="审批意见"
isItem
prop="commentText" prop="commentText"
v-model="qbfsForm.commentText" v-model="qbfsForm.commentText"
></ReceiptDescription> ></ReceiptDescription>
@@ -147,23 +147,27 @@
label="审核人"> label="审核人">
</el-table-column> </el-table-column>
</el-table> </el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="审批意见"> <!-- <el-collapse-item title="审批意见">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
disabled <!-- disabled-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -247,10 +251,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep7", name: "qbfzStep7",
components: { components: {
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -102,22 +102,27 @@
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<ReceiptDescription
title="回执说明"
v-model="commentText"
:disabled="disabledXX"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="回执说明"> <!-- <el-collapse-item title="回执说明">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input :disabled="disabledXX" <!-- <el-input :disabled="disabledXX"-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '2'"> <div class="content" v-show="active === '2'">
<div class="block" style="padding-top: 20px;"> <div class="block" style="padding-top: 20px;">
@@ -392,10 +397,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel } from "api/process"; import { saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep1", name: "qbfzStep1",
components:{ components:{
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -97,22 +97,26 @@
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="审批意见"> <!-- <el-collapse-item title="审批意见">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -222,10 +226,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep2", name: "qbfzStep2",
components:{ components:{
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -106,22 +106,26 @@
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<ReceiptDescription
title="回执说明"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="回执说明"> <!-- <el-collapse-item title="回执说明">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -228,10 +232,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep3", name: "qbfzStep3",
components:{ components:{
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -162,23 +162,28 @@
label="会签人"> label="会签人">
</el-table-column> </el-table-column>
</el-table> </el-table>
<ReceiptDescription
title="回执说明"
v-model="commentText"
:disabled="disabledXX"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion v-model="activesNames"> <!-- <el-collapse accordion v-model="activesNames">-->
<el-collapse-item title="回执说明" name="1"> <!-- <el-collapse-item title="回执说明" name="1">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
:disabled="disabledXX" <!-- :disabled="disabledXX"-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -279,10 +284,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep4-1", name: "qbfzStep4-1",
components: { components: {
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -152,22 +152,26 @@
label="会签人"> label="会签人">
</el-table-column> </el-table-column>
</el-table> </el-table>
<ReceiptDescription
title="回执说明"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="回执说明"> <!-- <el-collapse-item title="回执说明">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -267,10 +271,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep4", name: "qbfzStep4",
components: { components: {
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -153,22 +153,26 @@
label="会签人"> label="会签人">
</el-table-column> </el-table-column>
</el-table> </el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="审批意见"> <!-- <el-collapse-item title="审批意见">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -271,10 +275,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep5", name: "qbfzStep5",
components: { components: {
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -153,22 +153,26 @@
label="会签人"> label="会签人">
</el-table-column> </el-table-column>
</el-table> </el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="审批意见"> <!-- <el-collapse-item title="审批意见">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -271,10 +275,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep6", name: "qbfzStep6",
components: { components: {
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle
@@ -153,22 +153,26 @@
label="会签人"> label="会签人">
</el-table-column> </el-table-column>
</el-table> </el-table>
<ReceiptDescription
title="审批意见"
v-model="commentText"
></ReceiptDescription>
</div> </div>
<div> <!--<div>-->
<el-collapse accordion> <!-- <el-collapse accordion>-->
<el-collapse-item title="审批意见"> <!-- <el-collapse-item title="审批意见">-->
<div style="margin: 10px 0;"> <!-- <div style="margin: 10px 0;">-->
<el-input <!-- <el-input-->
type="textarea" <!-- type="textarea"-->
:rows="3" <!-- :rows="3"-->
resize="none" <!-- resize="none"-->
placeholder="请输入意见" <!-- placeholder="请输入意见"-->
v-model="commentText"> <!-- v-model="commentText">-->
</el-input> <!-- </el-input>-->
</div> <!-- </div>-->
</el-collapse-item> <!-- </el-collapse-item>-->
</el-collapse> <!-- </el-collapse>-->
</div> <!--</div>-->
</div> </div>
<div class="content" v-show="active === '3'"> <div class="content" v-show="active === '3'">
<div class="flow-list" style="height: 100%"> <div class="flow-list" style="height: 100%">
@@ -271,10 +275,12 @@ import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process"; import { changeAssigneeNew, inboundLiaisonDetail, saveTaskFirst } from "api/process";
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
export default { export default {
name: "qbfzStep7", name: "qbfzStep7",
components: { components: {
ReceiptDescription,
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle ProcessTitle