8/31 dev 权限,sse,账单,bug

src/views/system/Complaint/complainMain.vue

@@ -52,10 +52,10 @@
                   <el-image
                     v-for="(item, index) in problemImageUrlList"
                     :key="index"
-                    :src="item"
-                    :preview-teleported="true"
                     :initial-index="index"
                     :preview-src-list="problemImageUrlList"
+                    :preview-teleported="true"
+                    :src="item"
                     style="width: 120px; height: 120px; margin-right: 10px"
                   ></el-image>
                 </div>
@@ -73,27 +73,27 @@
             </div>
           </template>
           <div class="formBox">
-            <el-form ref="formRef" :rules="rules" class="m-auto" :inline="false" label-width="100px" :model="form">
+            <el-form ref="formRef" :inline="false" :model="form" :rules="rules" class="m-auto" label-width="100px">
               <el-form-item label="处理状态" prop="status">
                 <el-radio-group v-model="form.status">
                   <el-radio value="1">处理完成</el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="处理人员" prop="handleId">
-                <repairUser
-                  title-name="选择处理人员"
+                <complainUser
                   :is-multiple="false"
-                  :username="formInfo.handleName"
                   :userid="formInfo.handleId"
+                  :username="formInfo.handleName"
                   returnvalue="*"
+                  title-name="选择处理人员"
                   @change="handleChange"
-                ></repairUser>
+                ></complainUser>
               </el-form-item>
               <el-form-item label="处理描述" prop="handleContent">
-                <el-input maxlength="200" show-word-limit type="textarea" :rows="5" v-model.trim="form.handleContent"></el-input>
+                <el-input v-model.trim="form.handleContent" :rows="5" maxlength="200" show-word-limit type="textarea"></el-input>
               </el-form-item>
               <el-form-item>
-                <el-button type="primary" v-if="form.status !== '0'" @click="submitForm">提交</el-button>
+                <el-button v-if="form.status !== '0'" type="primary" @click="submitForm">提交</el-button>
                 <el-button @click="handleBack">返回</el-button>
               </el-form-item>
             </el-form>
@@ -103,10 +103,10 @@
     </div>
   </div>
 </template>
-<script setup lang="ts">
+<script lang="ts" setup>
 import DictTag from '@/components/DictTag/index.vue';
 import { ref } from 'vue';
-import repairUser from '@/components/Holder/repairUser.vue';
+import complainUser from '@/components/Holder/complainUser.vue';
 import PageHeader from '@/components/Pageheader/index.vue';
 import { getComplaint, updateComplaint } from '@/api/system/Complaint';
 import { listComplaintType } from '@/api/system/ComplainType';
@@ -143,7 +143,7 @@ const form = ref({
 });
 const rules = {
   status: [{ required: true, message: '选择投诉处理状态', trigger: 'blur' }],
-  handleContent: [{ required: true, message: '投诉处理内容不能为空', trigger: 'blur' }],
+  handleContent: [{ required: false, message: '投诉处理内容不能为空', trigger: 'blur' }],
   handleId: [{ required: true, message: '投诉处理人员不能为空', trigger: 'blur' }]
 };
 const userid = ref();
@@ -155,7 +155,7 @@ async function init() {
   getComplaint(userid.value).then((res) => {
     formInfo.value = {
       ...formInfo.value,
-      ...res.data,
+      ...res.data
     };
     form.value = {
       ...form.value,
@@ -210,7 +210,7 @@ function handleBack() {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .ResidentMainBox {
   display: flex;
   flex-direction: column;