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

src/components/hzwlComponents/ReceiptDescription.vue

@@ -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) {