feature: 标准跟踪清单-重构

src/components/hzwlComponents/TimeLineFormItem.vue

@@ -5,33 +5,35 @@
         <h4>{{ title }}</h4>
         <div style="margin-top: 10px;width: 300px;max-width: 100%">
           <el-input
-              :disabled="disabled"
-              :value="name"
-              :placeholder="`选择${title}`"
-              readonly
-              @click.native="choice(id)"></el-input>
+            :disabled="disabled"
+            :value="name"
+            :placeholder="placeholder || `选择${title}`"
+            readonly
+            @click.native="choice(id)"
+          />
         </div>
       </el-form-item>
     </el-card>
-    <Role-tree v-if="!disabled"
-               :check-box="!multiple"
-               :is-title="`选择${title}`"
-               :is-visible.sync="modalShowFlag"
-               @checkedRole="checkedRole"
-               :nodeList="nodeList"
-    ></Role-tree>
+    <Role-tree
+      v-if="!disabled"
+      :check-box="!multiple"
+      :is-title="`选择${title}`"
+      :is-visible.sync="modalShowFlag"
+      :nodeList="nodeList"
+      @checkedRole="checkedRole"
+    />
   </el-timeline-item>
 </template>
 
 <script>
 export default {
-  name: "TimeLineFormItem",
+  name: 'TimeLineFormItem',
   props: {
-    id:{
+    id: {
       type: String,
       required: true
     },
-    name:{
+    name: {
       type: String,
       required: true
     },
@@ -50,14 +52,17 @@ export default {
       type: String,
       required: true
     },
-    multiple: {// 多选
+    multiple: { // 多选
       type: Boolean,
       default: false
+    },
+    placeholder: {
+      type: String
     }
   },
   data () {
     return {
-      drawerTitle: '', //drawer标题
+      drawerTitle: '', // drawer标题
       modalShowFlag: false, // drawer开关
       nodeList: [],
     }
@@ -77,7 +82,7 @@ export default {
       this.$emit('update:name', name)
     },
     joint (data, type) {
-      return data.reduce((init,item) => {
+      return data.reduce((init, item) => {
         if (init === '') {
           return item[type]
         } else {