公告，活动，投诉接口对接完成

src/views/system/HandleLog/addHandleLog.vue

@@ -0,0 +1,174 @@
+<template>
+  <div class="ResidentMainBox p-2 w-full">
+    <PageHeader title="办事编辑"></PageHeader>
+    <div class="ResidentMainBody">
+      <el-card>
+        <template #header>
+          <div class="title">基本信息</div>
+        </template>
+        <div class="addBuildingFormBody">
+          <div class="formbox">
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
+              <el-row>
+                <el-col>
+                  <el-form-item label="办事内容" prop="content">
+                    <editor
+                      @update:model-value="handleContent"
+                      :model-value="form.content"
+                      :height="500"
+                      :min-height="300"
+                      :read-only="false"
+                      :file-size="5"
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="求助人姓名" prop="seekName">
+                    <el-input v-model.trim="form.seekName" placeholder="请输入求助人姓名" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="联系方式" prop="phone">
+                    <el-input v-model.trim="form.phone" placeholder="请输入联系方式" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="办事时间" prop="handleTime">
+                    <el-date-picker
+                      format="YYYY-MM-DD HH:mm"
+                      value-format="YYYY-MM-DD HH:mm"
+                      v-model="form.handleTime"
+                      type="datetime"
+                      placeholder="请选择"
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="办事地点" prop="handlePosition">
+                    <el-input v-model.trim="form.handlePosition" placeholder="请输入办事地点" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-form-item>
+                <el-button type="primary" @click="submitForm">提交</el-button>
+                <el-button @click="handleBack">返回</el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </el-card>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import PageHeader from '@/components/Pageheader/index.vue';
+import { addHandleLog, getHandleLog, updateHandleLog } from '@/api/system/HandleLog';
+
+const route = useRoute();
+const router = useRouter();
+const formRef = ref();
+const form = ref({
+  'id': null,
+  'content': '',
+  'seekName': '',
+  'phone': '',
+  'handleTime': '',
+  'handlePosition': ''
+});
+const rules = {
+  content: [{ required: true, message: '请输入办事内容', trigger: 'blur' }],
+  seekName: [{ required: true, message: '请选择求助人', trigger: 'blur' }],
+  handlePosition: [{ required: true, message: '请输入办事地点', trigger: 'blur' }],
+  handleTime: [{ required: true, message: '请输入办事时间', trigger: 'blur' }]
+};
+const userid = ref();
+// ! 富文本 =============================================================================================================
+function handleContent(val: string) {
+  form.value.content = val.trim();
+}
+// ! 富文本 =============================================================================================================
+
+//  ! 初始 ====================================================================================================
+function init() {
+  getHandleLog(userid.value).then((res) => {
+    form.value = {
+      ...form.value,
+      ...res.data
+    };
+    console.log(form.value);
+  });
+}
+
+if (route.query.id) {
+  userid.value = route.query.id;
+  init();
+}
+
+// 提交
+const submitForm = () => {
+  formRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      if (userid.value) {
+        updateHandleLog(form.value).then(() => {
+          ElMessage.success('编辑成功');
+          handleBack();
+        });
+      } else {
+        addHandleLog(form.value).then(() => {
+          ElMessage.success('添加成功');
+          handleBack();
+        });
+      }
+    }
+  });
+};
+
+//  返回
+function handleBack() {
+  router.push({
+    path: '/repair/handlelog'
+  });
+}
+</script>
+
+<style scoped lang="scss">
+.ResidentMainBox {
+  display: flex;
+  flex-direction: column;
+  .ResidentMainBody {
+    margin-top: 20px;
+    flex: 1;
+
+    .formbox {
+      width: 1000px;
+      margin: 0 auto;
+    }
+
+    :deep(.el-date-editor.el-input, .el-date-editor.el-input__wrapper) {
+      width: 380px;
+    }
+    &:deep(div.el-step__head.is-process) {
+      & > div.el-step__line {
+        width: 0;
+        border: 1px dashed gray;
+        background: transparent;
+      }
+    }
+    &:deep(.el-step.is-vertical .el-step__line) {
+      top: 20px;
+    }
+    &:deep(div.el-step__head.is-finish) {
+      & > div.el-step__line {
+        width: 0;
+        border: 1px solid var(--el-color-primary);
+        background: transparent;
+      }
+    }
+  }
+}
+</style>