表格优化提交

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>

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],
+          });
         }
       }
     }

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>