添加事件发生时间

package.json

@@ -17,6 +17,7 @@
         "core-js": "^3.6.5",
         "echarts": "^5.2.1",
         "element-plus": "^1.1.0-beta.24",
+        "moment": "^2.29.3",
         "nprogress": "^0.2.0",
         "ol": "^6.9.0",
         "pinia": "^2.0.0",

src/api/incident.ts

@@ -19,6 +19,7 @@ export interface IncidentItem {
   name?: string; // 非必须
   status?: number; // 非必须 状态
   madinDept?: string; // 非必须
+  happenTime?:string;
   assistDept?: string; // 非必须
   createBy?: string; // 非必须
   createTime?: string; // 非必须

src/views/IncidentManagementReport/index.tsx

@@ -48,9 +48,12 @@ import {
   Notify,
   Uploader,
   UploaderFileListItem,
-  Toast
+  Toast,
+  DatetimePicker
+
 } from 'vant';
 import { isArray } from 'lodash';
+import moment from 'moment';
 
 export default defineComponent({
   name: 'IncidentManagementReport',
@@ -63,11 +66,13 @@ export default defineComponent({
     const form = ref({ ...detail.value });
     const formRef = ref();
 
+    
     const showCreateByPicker = ref(false);
 
     const showCreateByDeptPicker = ref(false);
 
     const showCreateTypeByPicker = ref(false);
+    const currentDate=ref(new Date());
 
     const route = useRoute();
     const router = useRouter();
@@ -483,6 +488,41 @@ export default defineComponent({
               required
               rules={[{ required: true, message: '事件标题必填' }]}
             />
+            <Field
+              v-model={form.value.happenTime}
+              // rows={2}
+              // autosize
+              readonly
+              is-link
+              name="发生时间"
+              label="发生时间"
+              rules={[{ required: true, message: '事件发生时间必填' }]}
+              // type="textarea"
+              required
+              placeholder="点击选择时间"
+              onClick={() => (showCreateByDeptPicker.value = true)}
+            />
+            <Popup
+              v-model:show={showCreateByDeptPicker.value}
+              position="bottom">
+              <DatetimePicker
+                v-model={currentDate.value}
+                type="datetime"
+                title="选择时间"
+                onConfirm={(value) => {
+                  //
+                  form.value.happenTime =
+                    moment(value).format('YYYY-MM-DD HH:mm');;
+                  // form.value.type = value.value;
+                  console.log(value, '---');
+
+                  showCreateByDeptPicker.value = false;
+                }}
+                onCancel={() => {
+                  showCreateByDeptPicker.value = false;
+                }}
+              />
+            </Popup>
             {/* <Field
               v-model={form.value.createBy}
               name="上报人"

yarn.lock

@@ -2179,6 +2179,11 @@ mlly@^0.2.2:
   dependencies:
     import-meta-resolve "^1.1.1"
 
+moment@^2.29.3:
+  version "2.29.3"
+  resolved "https://registry.npmmirror.com/moment/-/moment-2.29.3.tgz#edd47411c322413999f7a5940d526de183c031f3"
+  integrity sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==
+
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.npmmirror.com/ms/download/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"