Просмотр исходного кода

修复数据双向绑定的问题

DESKTOP-0GD05B0\Administrator 2 лет назад
Родитель
Сommit
3fc9c58b71
1 измененных файлов с 23 добавлено и 2 удалено
  1. 23 2
      src/components/zhu-yuan-yi-sheng/yi-zhu-lu-ru/table/YzTableV2.vue

+ 23 - 2
src/components/zhu-yuan-yi-sheng/yi-zhu-lu-ru/table/YzTableV2.vue

@@ -17,7 +17,7 @@
 
 
 <script setup name='Test' lang="tsx">
-import {Ref, ref} from 'vue'
+import {Ref, ref, h} from 'vue'
 import XcTableV2 from "@/components/xiao-chan/xc-table-v2/XcTableV2.vue";
 import {stringIsBlank} from "@/utils/blank-utils";
 import {getFormatDatetime} from "@/utils/date";
@@ -77,14 +77,35 @@ const header = [
         return <input type="datetime-local"
                       style={endDateStyle(data)}
                       value={data.endTimeTemp}
-                      oncontextmenu={(event) => {
+                      oninput={(val: Event) => {
+                        data.endTimeTemp = val.target.value
+                      }
+                      }
+                      onclick={(event: Event) => {
+                        event.stopPropagation()
+                      }
+                      }
+                      oncontextmenu={(event: Event) => {
+                        event.stopPropagation()
                         event.preventDefault();
                         cancelStopTime(data)
                       }}/>
+        // return h('input', {
+        //       type: 'datetime-local',
+        //       modelValue: data.endTimeTemp,
+        //       onChange: (...val) => {
+        //         console.log(val)
+        //       }
+        //     }
+        // )
       }
       return <span>{timeFomat(data.endTime)}</span>
     }
   },
+  {
+    code: 'endTimeTemp', name: '结束时间',
+    width: 160
+  },
   {
     code: 'emergencyFlag', name: '紧急', cellRenderer: ({cellData}) => {
       return <span>{cellData === '1' ? '√' : ''}</span>