reactor: 审批意见公共组件

src/components/hzwlComponents/ReceiptDescription.vue

@@ -1,18 +1,34 @@
 <template>
   <!--意见-->
-  <el-form>
+  <div>
-    <div class="title">{{ title }}</div>
+    <el-form v-if="model" ref="form" :model="model" :rules="rules">
-    <el-form-item :prop="prop" label-width="0">
+      <div class="title">{{ title }}</div>
-      <el-input :disabled="disabled"
+      <el-form-item :prop="prop" label-width="0">
-                type="textarea"
+        <el-input :disabled="disabled"
-                :autosize="{ minRows: 3 }"
+                  type="textarea"
-                resize="none"
+                  :autosize="{ minRows: 3 }"
-                placeholder="请输入意见"
+                  resize="none"
-                :value="value"
+                  placeholder="请输入意见"
-                @input="handleChange">
+                  :value="value"
-      </el-input>
+                  @input="handleChange">
-    </el-form-item>
+        </el-input>
-  </el-form>
+      </el-form-item>
+    </el-form>
+
+    <template v-else>
+      <div class="title">{{ title }}</div>
+      <el-form-item :prop="prop" label-width="0">
+        <el-input :disabled="disabled"
+                  type="textarea"
+                  :autosize="{ minRows: 3 }"
+                  resize="none"
+                  placeholder="请输入意见"
+                  :value="value"
+                  @input="handleChange">
+        </el-input>
+      </el-form-item>
+    </template>
+  </div>
 </template>
 
 <script>
@@ -33,11 +49,23 @@ export default {
     },
     prop: {
       type: String
-    }
+    },
+    model: {
+      type: Object
+    },
+    rules: {
+      type: Object
+    },
   },
   methods: {
     handleChange (event) {
       this.$emit('input', event)
+    },
+    validate (callback) {
+      this.$refs.form.validate(callback)
+    },
+    clearValidate (props) {
+      this.$refs.form.clearValidate(props)
     }
   }
 }