From fd85ed1ca96d72d0e45cfefce57a794adf8b1a4b Mon Sep 17 00:00:00 2001
From: lijingjia <lijj_xl@163.com>
Date: Thu, 19 Sep 2024 15:44:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=98=E8=B4=B9=E7=94=B3=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Form/src/BasicForm.vue         |  3 +-
 .../Form/src/components/FormitemOnlyread.vue  | 35 +++++++++++++++++--
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index 0b6e2479..48faeefb 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/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"
diff --git a/src/components/Form/src/components/FormitemOnlyread.vue b/src/components/Form/src/components/FormitemOnlyread.vue
index 454ceb1e..d50a9e75 100644
--- a/src/components/Form/src/components/FormitemOnlyread.vue
+++ b/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>
\ No newline at end of file
+</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>
\ No newline at end of file