引入失物招领，维修工单

2025-03-20 17:30:25 +08:00
1 parent ae84ffef91
commit 5364ebcf2d
@@ -0,0 +1,141 @@
+<template>
+    <el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible"
+      :close-on-click-modal="false" draggable>
+      <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+       <el-row :gutter="24">
+    <el-col :span="24" class="mb20">
+      <el-form-item label="标题" prop="title">
+        <el-input v-model="form.title" placeholder="请输入标题"/>
+      </el-form-item>
+      </el-col>
+         <el-col :span="24" class="mb20">
+           <el-form-item label="发现地点" prop="location">
+             <el-input v-model="form.location" placeholder="请输入发现地点"/>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12" class="mb20">
+           <el-form-item label="发现日期" prop="dateFound">
+             <el-date-picker type="date" placeholder="请选择发现日期" v-model="form.dateFound" :value-format="dateStr"></el-date-picker>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12" class="mb20">
+           <el-form-item label="排序" prop="sort">
+             <el-input v-model="form.sort" placeholder="请输入排序"/>
+           </el-form-item>
+         </el-col>
+    <el-col :span="12" class="mb20">
+  <el-form-item label="图片" prop="picUrl">
+    <upload-img v-model="form.picUrl"></upload-img>
+  </el-form-item>
+  </el-col>
+
+<!--         <el-col :span="12" class="mb20">-->
+<!--           <el-form-item label="状态" prop="status">-->
+<!--             <el-input v-model="form.status" placeholder="请输入状态"/>-->
+<!--           </el-form-item>-->
+<!--         </el-col>-->
+    <el-col :span="24" class="mb20">
+  <el-form-item label="描述" prop="description">
+    <editor v-if="visible" v-model:get-html="form.description" placeholder="请输入描述"></editor>
+  </el-form-item>
+  </el-col>
+
+
+
+
+			</el-row>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="visible = false">取消</el-button>
+          <el-button type="primary" @click="onSubmit" :disabled="loading">确认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+</template>
+
+<script setup lang="ts" name="LostAndFoundDialog">
+import { useDict } from '/@/hooks/dict';
+import { useMessage } from "/@/hooks/message";
+import { getObj, addObj, putObj } from '/@/api/integrated/lostAndFound'
+import { rule } from '/@/utils/validate';
+const emit = defineEmits(['refresh']);
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+// 定义字典
+const { lost_and_found_status } = useDict('lost_and_found_status')
+
+// 提交表单数据
+const form = reactive({
+		id:'',
+	  title: '',
+	  picUrl: '',
+	  sort: '',
+	  description: '',
+	  status: '',
+	  dateFound: '',
+	  location: '',
+});
+
+// 定义校验规则
+const dataRules = ref({
+        title: [{required: true, message: '标题不能为空', trigger: 'blur'}],
+        sort: [{ validator: rule.number, trigger: 'blur' }],
+        location: [{required: true, message: '发现地点不能为空', trigger: 'blur'}],
+})
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.id = ''
+
+  // 重置表单数据
+	nextTick(() => {
+		dataFormRef.value?.resetFields();
+	});
+
+  // 获取lostAndFound信息
+  if (id) {
+    form.id = id
+    getlostAndFoundData(id)
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+	const valid = await dataFormRef.value.validate().catch(() => {});
+	if (!valid) return false;
+
+	try {
+    loading.value = true;
+		form.id ? await putObj(form) : await addObj(form);
+		useMessage().success(form.id ? '修改成功' : '添加成功');
+		visible.value = false;
+		emit('refresh');
+	} catch (err: any) {
+		useMessage().error(err.msg);
+	} finally {
+    loading.value = false;
+  }
+};
+
+
+// 初始化表单数据
+const getlostAndFoundData = (id: string) => {
+  // 获取数据
+  loading.value = true
+  getObj(id).then((res: any) => {
+    Object.assign(form, res.data)
+  }).finally(() => {
+    loading.value = false
+  })
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>