付费申请

src/components/Form/src/BasicForm.vue

@@ -11,8 +11,9 @@
     <Row v-bind="getRow" :gutter="15" style="position: relative">
       <slot name="formHeader"></slot>
       <template v-for="schema in getSchema" :key="schema.field">
+        {{ schema }}
         <FormItem
-          v-if="!getProps.readonly"
+          v-if="schema.isEdit != 1"
           :is-advanced="fieldsIsAdvancedMap[schema.field]"
           :table-action="tableAction"
           :form-action-type="formActionType"

src/components/Form/src/components/FormitemOnlyread.vue

@@ -5,7 +5,10 @@
 -->
 <template>
   <a-col :span="colSpan" v-if="schema.show !== false">
-    <div>{{ schema.label }}: {{ formModel[schema.field] || '-' }}</div>
+    <div class="ds-form-onlyread">
+      <span class="label">{{ schema.label }}：</span> {{ formModel[schema.field] || '-' }}
+      <span class="iconfont icon-bianji1" @click="editFormItem"></span>
+    </div>
   </a-col>
 </template>
 
@@ -65,10 +68,36 @@
       console.log(colValue)
       const [state] = useRuleFormItem(props, 'value', 'change')
       console.log(state.value)
+      // 触发编辑框
+      const editFormItem = () => {
+        props.formActionType.updateSchema({
+          field: props.schema.field,
+          isEdit: 2
+        })
+      }
       return {
         colSpan,
-        colValue
+        colValue,
+        editFormItem
       }
     }
   })
-</script>
+</script>
+
+<style lang="less">
+.ds-form-onlyread {
+  font-size: 12px;
+  .label {
+    color: #7A8798;
+  }
+  .icon-bianji1 {
+    display: none;
+    cursor: pointer;
+  }
+}
+.ds-form-onlyread:hover {
+  .icon-bianji1 {
+    display: inline-block;
+  }
+}
+</style>