style: 企标废止流程-审批意见
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user