20260715173700

code/g3hd/frontend/src/components/g3-date-picker/G3DatePicker.vue

@@ -0,0 +1,32 @@
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  modelValue: String,
+  disabled: Boolean,
+});
+
+const emit = defineEmits(["update:modelValue", "change"]);
+
+const innerValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit("update:modelValue", val),
+});
+
+function handleChange(val) {
+  emit("change", val);
+}
+</script>
+
+<template>
+  <el-date-picker
+    v-model="innerValue"
+    type="date"
+    format="YYYY-MM-DD"
+    value-format="YYYY-MM-DD"
+    style="width: 100%"
+    size="small"
+    :disabled="disabled"
+    @change="handleChange"
+  />
+</template>

code/g3hd/frontend/src/components/g3-date-picker/G3DateTimePicker.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { computed } from "vue";
+
+const props = defineProps({
+  modelValue: String,
+  disabled: Boolean,
+  // dataField: {
+  //     type: String,
+  //     default: '',
+  // },
+});
+
+const emit = defineEmits(["update:modelValue", "change"]);
+
+const innerValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit("update:modelValue", val),
+});
+</script>
+
+<template>
+  <el-date-picker
+    v-model="innerValue"
+    type="datetime"
+    format="YYYY-MM-DD HH:mm:ss"
+    value-format="YYYY-MM-DD HH:mm:ss"
+    style="width: 100%"
+    size="small"
+    :disabled="disabled"
+  />
+</template>