修复小区背景颜色，巡检点顺序一致，投诉处理按钮

src/views/system/Complaint/complainMain.vue

@@ -14,35 +14,35 @@
             <div class="carInfoBox">
               <div class="carInfo_item">
                 <div class="label">投诉类型</div>
-                <div class="main">{{ form.type }}</div>
+                <div class="main">{{ formInfo.type }}</div>
               </div>
 
               <div class="carInfo_item">
                 <div class="label">投诉人姓名</div>
-                <div class="main">{{ form.complaintName }}</div>
+                <div class="main">{{ formInfo.complaintName }}</div>
               </div>
 
               <div class="carInfo_item">
                 <div class="label">手机号码</div>
-                <div class="main">{{ form.phone }}</div>
+                <div class="main">{{ formInfo.phone }}</div>
               </div>
 
               <div class="carInfo_item">
                 <div class="label">投诉时间</div>
-                <div class="main">{{ form.createTime }}</div>
+                <div class="main">{{ formInfo.createTime }}</div>
               </div>
 
               <div class="carInfo_item">
                 <div class="label">处理状态</div>
                 <div class="main">
-                  <DictTag :options="com_complaint_status" :value="form.status"></DictTag>
+                  <DictTag :options="com_complaint_status" :value="formInfo.status"></DictTag>
                 </div>
               </div>
             </div>
             <div class="carInfoBox signLe">
               <div class="carInfo_item">
                 <div class="label">问题描述</div>
-                <div class="main">{{ form.problemDes }}</div>
+                <div class="main">{{ formInfo.problemDes }}</div>
               </div>
             </div>
             <div class="carInfoBox signLe">
@@ -75,14 +75,14 @@
             <el-form ref="formRef" :rules="rules" class="m-auto" :inline="false" label-width="100px" :model="form">
               <el-form-item label="处理状态" prop="status">
                 <el-radio-group v-model="form.status">
-                  <el-radio value="2">处理完成</el-radio>
+                  <el-radio value="1">处理完成</el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="处理人员" prop="handleId">
                 <repairUser
                   :is-multiple="false"
-                  :username="form.handleName"
-                  :userid="form.handleId ?? ''"
+                  :username="formInfo.handleName"
+                  :userid="formInfo.handleId"
                   returnvalue="*"
                   @change="handleChange"
                 ></repairUser>
@@ -91,7 +91,7 @@
                 <el-input type="textarea" :rows="5" v-model="form.handleContent"></el-input>
               </el-form-item>
               <el-form-item>
-                <el-button type="primary" v-if="form.status === '0'" @click="submitForm">提交</el-button>
+                <el-button type="primary" v-if="form.status !== '0'" @click="submitForm">提交</el-button>
                 <el-button @click="handleBack">返回</el-button>
               </el-form-item>
             </el-form>
@@ -115,7 +115,7 @@ const { com_complaint_status } = toRefs<any>(proxy?.useDict('com_complaint_statu
 const route = useRoute();
 const router = useRouter();
 
-const form = ref({
+const formInfo = ref({
   'id': null,
   'type': '',
   'typeId': null,
@@ -129,24 +129,34 @@ const form = ref({
   'handleContent': '',
   'createTime': null
 });
+const form = ref({
+  'id': null,
+  'status': '1',
+  'handleId': '',
+  'handleName': '',
+  'handleContent': ''
+});
 const rules = {
   status: [{ required: true, message: '选择投诉处理状态', trigger: 'blur' }],
-  handleContent: [{ required: true, message: '投诉处理内容不能为空', trigger: 'blur' }]
+  handleContent: [{ required: true, message: '投诉处理内容不能为空', trigger: 'blur' }],
+  handleId: [{ required: true, message: '投诉处理人员不能为空', trigger: 'blur' }]
 };
 const userid = ref();
 const problemImageUrlList = ref([]);
+
 //  ! 投诉 ====================================================================================================
 async function init() {
   const res2 = await listComplaintType();
   getComplaint(userid.value).then((res) => {
-    form.value = {
-      ...form.value,
+    formInfo.value = {
+      ...formInfo.value,
       ...res.data
     };
+    console.log(formInfo.value);
     problemImageUrlList.value = res.data.problemImageUrl ? res.data.problemImageUrl.split(',') : [];
-    const find = res2.rows.find((item) => item.id === form.value.typeId);
+    const find = res2.rows.find((item) => item.id === formInfo.value.typeId);
     if (find) {
-      form.value.type = find.name;
+      formInfo.value.type = find.name;
     }
   });
 }
@@ -168,7 +178,12 @@ const submitForm = () => {
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       if (userid.value) {
-        updateComplaint(form.value).then(() => {
+        form.value.id = userid.value;
+        const obj = {
+          ...formInfo.value,
+          ...form.value
+        };
+        updateComplaint(obj).then(() => {
           ElMessage.success('编辑成功');
           handleBack();
         });