From e20da0e6cc830c1227018d171d5cde731b5ab26a Mon Sep 17 00:00:00 2001
From: likunming <likunming@163.com>
Date: Tue, 27 Feb 2024 11:58:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E4=BC=98=E5=8C=96=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../platform/components/grid/TreeGridRow.vue   |  5 ++++-
 .../src/platform/components/grid/WGrid.vue     | 18 ++++++++++++++----
 .../platform/components/panel/WInfoPanel.vue   |  5 ++++-
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue b/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
index 114e76b5..dbdae4f8 100644
--- a/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue
@@ -46,7 +46,10 @@
     <template v-for="(col, index) in cols" :key="col.name">
       <q-td v-if="index > 0" :title="col.classes?.indexOf('truncate') > -1 && col.value && typeof col.value !== 'object' ? col.value : ''">
         <div :class="col.__thClass">
-          <template v-if="col.value && typeof col.value === 'object' && col.value.componentType">
+          <template v-if="col.value && typeof col.value === 'object' && col.value.componentType && col.value.bindModelValue">
+            <component :is="col.value.componentType" v-bind="col.value.attrs" v-model="getRow(table.rows, row[props.rowKey], false)[col.name]"></component>
+          </template>
+          <template v-else-if="col.value && typeof col.value === 'object' && col.value.componentType">
             <component :is="col.value.componentType" v-bind="col.value.attrs"></component>
           </template>
           <template v-else>
diff --git a/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue b/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
index d3ebdeb5..fbf6677d 100644
--- a/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/grid/WGrid.vue
@@ -124,6 +124,9 @@
               <template v-if="col.name === '_sortNo_'">
                 {{ scope.rowIndex + 1 }}
               </template>
+              <template v-else-if="col.value && typeof col.value === 'object' && col.value.componentType && col.value.bindModelValue">
+                <component :is="col.value.componentType" v-bind="col.value.attrs" v-model="scope.row[col.name]"></component>
+              </template>
               <template v-else-if="col.value && typeof col.value === 'object' && col.value.componentType">
                 <component :is="col.value.componentType" v-bind="col.value.attrs"></component>
               </template>
@@ -142,6 +145,9 @@
               <template v-if="col.name === '_sortNo_'">
                 {{ scope.rowIndex + 1 }}
               </template>
+              <template v-else-if="col.value && typeof col.value === 'object' && col.value.componentType && col.value.bindModelValue">
+                <component :is="col.value.componentType" v-bind="col.value.attrs" v-model="scope.row[col.name]"></component>
+              </template>
               <template v-else-if="col.value && typeof col.value === 'object' && col.value.componentType">
                 <component :is="col.value.componentType" v-bind="col.value.attrs"></component>
               </template>
@@ -1395,7 +1401,7 @@ const view = () => {
           } catch (error) {
             console.error('format error!');
           }
-          viewInfo.infoArray.push({ label: item.label, value: value });
+          viewInfo.infoArray.push({ label: item.label, value: value, originalValue: getSelectedRowsComputed.value[0][item.name] });
         } else {
           let value = null;
           if (tableColumnsMap.get(item.name) && tableColumnsMap.get(item.name).format) {
@@ -1408,7 +1414,7 @@ const view = () => {
           } else {
             value = getSelectedRowsComputed.value[0][item.name];
           }
-          viewInfo.infoArray.push({ label: item.label, value: value });
+          viewInfo.infoArray.push({ label: item.label, value: value, originalValue: getSelectedRowsComputed.value[0][item.name] });
         }
       }
     } else {
@@ -1420,9 +1426,13 @@ const view = () => {
           } catch (error) {
             console.error('format error!');
           }
-          viewInfo.infoArray.push({ label: item[1].label, value: value });
+          viewInfo.infoArray.push({ label: item[1].label, value: value, originalValue: getSelectedRowsComputed.value[0][item.name] });
         } else {
-          viewInfo.infoArray.push({ label: item[1].label, value: getSelectedRowsComputed.value[0][item[0]] });
+          viewInfo.infoArray.push({
+            label: item[1].label,
+            value: getSelectedRowsComputed.value[0][item[0]],
+            originalValue: getSelectedRowsComputed.value[0][item.name],
+          });
         }
       }
     }
diff --git a/io.sc.platform.core.frontend/src/platform/components/panel/WInfoPanel.vue b/io.sc.platform.core.frontend/src/platform/components/panel/WInfoPanel.vue
index 3ceee9f4..d3658fe4 100644
--- a/io.sc.platform.core.frontend/src/platform/components/panel/WInfoPanel.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/panel/WInfoPanel.vue
@@ -7,7 +7,10 @@
             <template v-for="(tdItem, tdIndex) in trItem as any" :key="tdIndex">
               <td :class="labelAlignClassComputed">{{ tdItem.label }}</td>
               <td :class="valueAlignClassComputed">
-                <template v-if="tdItem.value && typeof tdItem.value === 'object' && tdItem.value.componentType">
+                <template v-if="tdItem.value && typeof tdItem.value === 'object' && tdItem.value.componentType && tdItem.value.bindModelValue">
+                  <component :is="tdItem.value.componentType" v-bind="tdItem.value.attrs" v-model="tdItem.originalValue"></component>
+                </template>
+                <template v-else-if="tdItem.value && typeof tdItem.value === 'object' && tdItem.value.componentType">
                   <component :is="tdItem.value.componentType" v-bind="tdItem.value.attrs"></component>
                 </template>
                 <template v-else>