完成办公功能测试

wuxw
1 parent c0ea09a1
Showing 16 changed files with 110 additions and 218 deletions
src/components/editor/RichTextEditor.vue
src/components/oa/addActivitiesType.vue
src/components/oa/addExamineProject.vue
src/components/oa/addQuestionTitle.vue
src/components/oa/complaintDetail.vue
src/components/oa/deleteQuestionAnswer.vue
src/components/oa/editExamineProject.vue
src/views/oa/addExamineStaffList.vue
src/views/oa/addQuestionAnswerLang.js
src/views/oa/addQuestionAnswerList.vue
src/views/oa/complaintList.vue
src/views/oa/editExamineStaffList.vue
src/views/oa/examineProjectManageList.vue
src/views/oa/printOwnerVotingList.vue
src/views/oa/printQuestionAnswerList.vue
src/views/oa/visitManageList.vue
@@ -2,7 +2,7 @@
 <template>
   <div ref="editor" class="rich-text-editor" style="text-align: left;"></div>
 </template>
-  
+
 <script>
 import E from 'wangeditor'
 import { getHeader } from '@/utils/header'
@@ -57,28 +57,53 @@ export default {
       ]
       // Image upload configuration
-      this.editor.config.uploadImgServer = '/upload/uploadFile'
+      this.editor.config.uploadImgServer = '/callComponent/upload/uploadFile/uploadImage'
       let headers = getHeader()
       this.editor.config.uploadImgHeaders = headers
       this.editor.config.uploadFileName = 'uploadFile'
       this.editor.config.uploadImgMaxSize = 10 * 1024 * 1024 // 10M
-      // Custom image upload callback
-      this.editor.config.uploadImgHooks = {
-        customInsert: (insertImgFn, result) => {
-          if (result.code === 0) {
-            const url = result.data.url || result.data.path
-            insertImgFn(url)
-          } else {
-            this.$message.error(result.msg || this.$t('upload.error'))
-          }
-        },
-        error: (err) => {
-          this.$message.error(this.$t('upload.error'))
-          console.error('Image upload error:', err)
-        }
+      this.editor.config.customUploadImg = (resultFiles, insertImgFn) => {
+        // 创建 FormData
+        const formData = new FormData()
+        formData.append('uploadFile', resultFiles[0])
+        formData.append('communityId', '-1') // 添加 communityId 参数
+
+        // 发送请求
+        fetch('/callComponent/upload/uploadFile/uploadImage', {
+          method: 'POST',
+          headers: headers,
+          body: formData
+        })
+          .then(response => response.json())
+          .then(result => {
+            console.log(result)
+              const url = result.url 
+              insertImgFn(url)
+        
+          })
+          .catch(err => {
+            this.$message.error(this.$t('upload.error'))
+            console.error('Image upload error:', err)
+          })
       }
+      // Custom image upload callback
+      // this.editor.config.uploadImgHooks = {
+      //   customInsert: (insertImgFn, result) => {
+      //     if (result.code === 0) {
+      //       const url = result.data.url || result.data.path
+      //       insertImgFn(url)
+      //     } else {
+      //       this.$message.error(result.msg || this.$t('upload.error'))
+      //     }
+      //   },
+      //   error: (err) => {
+      //     this.$message.error(this.$t('upload.error'))
+      //     console.error('Image upload error:', err)
+      //   }
+      // }
+
       // Create the editor
       this.editor.create()
@@ -112,7 +137,7 @@ export default {
   }
 }
 </script>
-  
+
 <style lang="scss" scoped>
 .rich-text-editor {
   border: 1px solid #dcdfe6;
 <template>
-  <el-dialog :title="$t('activitiesTypeManage.add.title')" :visible.sync="visible" width="50%" @close="handleClose">
+  <el-dialog :title="$t('activitiesTypeManage.add.title')" :visible.sync="visible" width="40%" @close="handleClose">
     <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
       <el-form-item :label="$t('activitiesTypeManage.add.typeName')" prop="typeName">
         <el-input v-model="formData.typeName" :placeholder="$t('activitiesTypeManage.add.typeNamePlaceholder')" />
 <template>
-  <el-dialog
-    :title="$t('examineProjectManage.add.title')"
-    :visible.sync="visible"
-    width="50%"
-    @close="handleClose"
-  >
-    <el-form
-      ref="form"
-      :model="formData"
-      :rules="rules"
-      label-width="120px"
-      label-position="right"
-    >
-      <el-form-item
-        :label="$t('examineProjectManage.form.name')"
-        prop="name"
-      >
-        <el-input
-          v-model="formData.name"
-          :placeholder="$t('examineProjectManage.form.namePlaceholder')"
-        />
+  <el-dialog :title="$t('examineProjectManage.add.title')" :visible.sync="visible" width="40%" @close="handleClose">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px" label-position="right" class="text-left">
+      <el-form-item :label="$t('examineProjectManage.form.name')" prop="name">
+        <el-input v-model="formData.name" :placeholder="$t('examineProjectManage.form.namePlaceholder')" />
       </el-form-item>
-      <el-form-item
-        :label="$t('examineProjectManage.form.post')"
-        prop="postCd"
-      >
-        <el-select
-          v-model="formData.postCd"
-          :placeholder="$t('examineProjectManage.form.postPlaceholder')"
-          style="width:100%"
-        >
-          <el-option
-            :label="$t('examineProjectManage.form.commonPost')"
-            value="9999"
-          />
+      <el-form-item :label="$t('examineProjectManage.form.post')" prop="postCd">
+        <el-select v-model="formData.postCd" :placeholder="$t('examineProjectManage.form.postPlaceholder')"
+          style="width:100%">
+          <el-option :label="$t('examineProjectManage.form.commonPost')" value="9999" />
         </el-select>
       </el-form-item>
-      <el-form-item
-        :label="$t('examineProjectManage.form.weight')"
-        prop="weight"
-      >
-        <el-input
-          v-model="formData.weight"
-          :placeholder="$t('examineProjectManage.form.weightPlaceholder')"
-          style="width:80%"
-        >
+      <el-form-item :label="$t('examineProjectManage.form.weight')" prop="weight">
+        <el-input v-model="formData.weight" :placeholder="$t('examineProjectManage.form.weightPlaceholder')"
+          style="width:80%">
           <template slot="append">%</template>
         </el-input>
       </el-form-item>
-      <el-form-item
-        :label="$t('examineProjectManage.form.state')"
-        prop="state"
-      >
-        <el-select
-          v-model="formData.state"
-          :placeholder="$t('examineProjectManage.form.statePlaceholder')"
-          style="width:100%"
-        >
-          <el-option
-            :label="$t('examineProjectManage.status.enable')"
-            value="Y"
-          />
-          <el-option
-            :label="$t('examineProjectManage.status.disable')"
-            value="N"
-          />
+      <el-form-item :label="$t('examineProjectManage.form.state')" prop="state">
+        <el-select v-model="formData.state" :placeholder="$t('examineProjectManage.form.statePlaceholder')"
+          style="width:100%">
+          <el-option :label="$t('examineProjectManage.status.enable')" value="Y" />
+          <el-option :label="$t('examineProjectManage.status.disable')" value="N" />
         </el-select>
       </el-form-item>
     </el-form>
 <template>
-  <el-dialog :title="$t('questionTitle.add.title')" :visible.sync="visible" width="70%" @close="handleClose">
+  <el-dialog :title="$t('questionTitle.add.title')" :visible.sync="visible" width="40%" @close="handleClose">
     <el-form ref="form" :model="formData" label-width="120px">
       <el-form-item :label="$t('questionTitle.add.name')" prop="qaTitle" :rules="[
         { required: true, message: $t('questionTitle.add.nameRequired'), trigger: 'blur' },
 <template>
-  <el-dialog :title="`${form.typeCdName} ${$t('complaint.detail.title')}`" :visible.sync="visible" width="70%" top="5vh">
+  <el-dialog :title="`${form.typeName} ${$t('complaint.detail.title')}`" :visible.sync="visible" width="70%"
+    top="5vh">
     <el-form label-width="120px">
       <el-row :gutter="20">
         <el-col :span="12">
@@ -17,7 +18,7 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item :label="$t('complaint.detail.type')">
-            <el-input v-model="form.typeCdName" readonly />
+            <el-input v-model="form.typeName" readonly />
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -58,7 +59,7 @@
         </el-form-item>
       </template>
-      <el-form-item :label="`${form.typeCdName}${$t('complaint.detail.content')}`">
+      <el-form-item :label="`${$t('complaint.detail.content')}`">
         <el-input type="textarea" :rows="4" v-model="form.context" readonly />
       </el-form-item>
@@ -100,7 +101,7 @@ export default {
         complaintName: '',
         tel: '',
         context: '',
-        typeCdName: '',
+        typeName: '',
         stateName: '',
         roomName: '',
         currentUserName: '',
@@ -116,6 +117,7 @@ export default {
   methods: {
     open(row) {
       this.visible = true
+      console.log(row)
       this.form = {
         ...row,
         photosShow: row.photos.map(photo => ({
@@ -36,8 +36,8 @@ export default {
     }
   },
   methods: {
-    open(qaId) {
-      this.qaId = qaId
+    open(qa) {
+      this.qaId = qa.qaId
       this.visible = true
     },
     async handleConfirm() {
 <template>
-  <el-dialog
-    :title="$t('examineProjectManage.edit.title')"
-    :visible.sync="visible"
-    width="50%"
-    @close="handleClose"
-  >
-    <el-form
-      ref="form"
-      :model="formData"
-      :rules="rules"
-      label-width="120px"
-      label-position="right"
-    >
-      <el-form-item
-        :label="$t('examineProjectManage.form.name')"
-        prop="name"
-      >
-        <el-input
-          v-model="formData.name"
-          :placeholder="$t('examineProjectManage.form.namePlaceholder')"
-        />
+  <el-dialog :title="$t('examineProjectManage.edit.title')" :visible.sync="visible" width="40%" @close="handleClose">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px" label-position="right" class="text-left">
+      <el-form-item :label="$t('examineProjectManage.form.name')" prop="name">
+        <el-input v-model="formData.name" :placeholder="$t('examineProjectManage.form.namePlaceholder')" />
       </el-form-item>
-      <el-form-item
-        :label="$t('examineProjectManage.form.post')"
-        prop="postCd"
-      >
-        <el-select
-          v-model="formData.postCd"
-          :placeholder="$t('examineProjectManage.form.postPlaceholder')"
-          style="width:100%"
-        >
-          <el-option
-            :label="$t('examineProjectManage.form.commonPost')"
-            value="9999"
-          />
+      <el-form-item :label="$t('examineProjectManage.form.post')" prop="postCd">
+        <el-select v-model="formData.postCd" :placeholder="$t('examineProjectManage.form.postPlaceholder')"
+          style="width:100%">
+          <el-option :label="$t('examineProjectManage.form.commonPost')" value="9999" />
         </el-select>
       </el-form-item>
-      <el-form-item
-        :label="$t('examineProjectManage.form.weight')"
-        prop="weight"
-      >
-        <el-input
-          v-model="formData.weight"
-          :placeholder="$t('examineProjectManage.form.weightPlaceholder')"
-          style="width:80%"
-        >
+      <el-form-item :label="$t('examineProjectManage.form.weight')" prop="weight">
+        <el-input v-model="formData.weight" :placeholder="$t('examineProjectManage.form.weightPlaceholder')"
+          style="width:80%">
           <template slot="append">%</template>
         </el-input>
       </el-form-item>
-      <el-form-item
-        :label="$t('examineProjectManage.form.state')"
-        prop="state"
-      >
-        <el-select
-          v-model="formData.state"
-          :placeholder="$t('examineProjectManage.form.statePlaceholder')"
-          style="width:100%"
-        >
-          <el-option
-            :label="$t('examineProjectManage.status.enable')"
-            value="Y"
-          />
-          <el-option
-            :label="$t('examineProjectManage.status.disable')"
-            value="N"
-          />
+      <el-form-item :label="$t('examineProjectManage.form.state')" prop="state">
+        <el-select v-model="formData.state" :placeholder="$t('examineProjectManage.form.statePlaceholder')"
+          style="width:100%">
+          <el-option :label="$t('examineProjectManage.status.enable')" value="Y" />
+          <el-option :label="$t('examineProjectManage.status.disable')" value="N" />
         </el-select>
       </el-form-item>
     </el-form>
@@ -9,7 +9,7 @@
           </el-button>
         </div>
       </div>
-      <el-form ref="form" :model="addExamineStaffInfo" label-width="120px">
+      <el-form ref="form" :model="addExamineStaffInfo" label-width="120px" class="text-left">
         <el-row>
           <el-col :span="24">
             <el-form-item :label="$t('addExamineStaff.staffName')">
@@ -38,8 +38,7 @@
         <el-row>
           <el-col :span="24">
             <el-form-item :label="$t('addExamineStaff.staffAvatar')">
-              <upload-image-url ref="uploadImage" :call-back-listener="'addExamineStaff'"
-                :call-back-function="'notifyUploadImage'" :image-count="1">
+              <upload-image-url ref="uploadImage" @notifyUploadCoverImage="notifyUploadImage" :image-count="1">
               </upload-image-url>
             </el-form-item>
           </el-col>
@@ -114,13 +113,10 @@ export default {
     this.addExamineStaffInfo.communityId = getCommunityId()
     this._listExamineProjects()
   },
-  mounted() {
-    this.$on('addExamineStaff', 'notifyUploadImage', this.notifyUploadImage)
-  },
   methods: {
     notifyUploadImage(_param) {
       if (_param.length > 0) {
-        this.addExamineStaffInfo.headerImg = _param[0].fileId
+        this.addExamineStaffInfo.headerImg = _param[0]
       } else {
         this.addExamineStaffInfo.headerImg = ''
       }
@@ -25,17 +25,6 @@ export const messages = {
       saveSuccess: 'Questionnaire saved successfully',
       saveError: 'Failed to save questionnaire'
     },
-    questionTitle: {
-      name: 'Name',
-      type: 'Type',
-      options: 'Options',
-      operation: 'Operation',
-      delete: 'Delete',
-      createTime: 'Create Time',
-      singleChoice: 'Single Choice',
-      multipleChoice: 'Multiple Choice',
-      shortAnswer: 'Short Answer'
-    },
     selectRoom: {
       buildingUnit: 'Building Unit',
       roomInfo: 'Room Information',
@@ -78,17 +67,6 @@ export const messages = {
       saveSuccess: '问卷保存成功',
       saveError: '问卷保存失败'
     },
-    questionTitle: {
-      name: '名称',
-      type: '类型',
-      options: '选项',
-      operation: '操作',
-      delete: '删除',
-      createTime: '创建时间',
-      singleChoice: '单选',
-      multipleChoice: '多选',
-      shortAnswer: '简答'
-    },
     selectRoom: {
       buildingUnit: '楼栋单元',
       roomInfo: '房屋信息',
@@ -52,23 +52,23 @@
         </el-button>
       </div>
       <el-table :data="addQuestionAnswerInfo.questionTitles" border style="width: 100%">
-        <el-table-column prop="qaTitle" :label="$t('questionTitle.name')" align="center" />
-        <el-table-column prop="titleType" :label="$t('questionTitle.type')" align="center">
+        <el-table-column prop="qaTitle" :label="$t('questionTitle.table.name')" align="center" />
+        <el-table-column prop="titleType" :label="$t('questionTitle.table.type')" align="center">
           <template slot-scope="scope">
             {{ getTitleTypeName(scope.row.titleType) }}
           </template>
         </el-table-column>
-        <el-table-column :label="$t('questionTitle.options')" align="center">
+        <el-table-column :label="$t('questionTitle.table.options')" align="center">
           <template slot-scope="scope">
             <div v-for="(item, index) in scope.row.titleValues" :key="index">
               {{ item.seq }}、{{ item.qaValue }}
             </div>
           </template>
         </el-table-column>
-        <el-table-column :label="$t('questionTitle.operation')" align="center" width="150">
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
           <template slot-scope="scope">
             <el-button type="danger" size="mini" @click="openDeleteQuestionTitle(scope.row)">
-              {{ $t('questionTitle.delete') }}
+              {{ $t('common.delete') }}
             </el-button>
           </template>
         </el-table-column>
@@ -134,11 +134,11 @@ export default {
   methods: {
     getTitleTypeName(titleType) {
       if (titleType === '1001') {
-        return this.$t('questionTitle.singleChoice')
+        return this.$t('questionTitle.types.singleChoice')
       } else if (titleType === '2002') {
-        return this.$t('questionTitle.multipleChoice')
+        return this.$t('questionTitle.types.multipleChoice')
       } else {
-        return this.$t('questionTitle.shortAnswer')
+        return this.$t('questionTitle.types.shortAnswer')
       }
     },
     chooseTitle() {
@@ -2,9 +2,9 @@
   <div class="complaint-container animated fadeInRight">
     <el-row :gutter="20">
       <el-col :span="4">
-        <el-card class="border-radius">
-          <div class="treeview">
-            <ul class="list-group text-center border-radius">
+        <div class="list-group-border-radius">
+          <div class=" treeview">
+            <ul class="list-group text-center ">
               <li v-for="(item, index) in complaintInfo.states" :key="index" @click="swatchComplaintState(item)"
                 :class="{ 'vc-node-selected': complaintInfo.conditions.state == item.statusCd }"
                 class="list-group-item node-orgTree">
@@ -12,7 +12,7 @@
               </li>
             </ul>
           </div>
-        </el-card>
+        </div>
       </el-col>
       <el-col :span="20">
         <el-card>
@@ -233,28 +233,6 @@ export default {
     border-radius: 4px;
   }
-  .treeview {
-    .list-group {
-      padding: 0;
-      margin: 0;
-      list-style: none;
-
-      .list-group-item {
-        padding: 10px 15px;
-        margin-bottom: -1px;
-        border: 1px solid #ddd;
-        cursor: pointer;
-
-        &:hover {
-          background-color: #f5f5f5;
-        }
-
-        &.vc-node-selected {
-          background-color: #409EFF;
-          color: #fff;
-        }
-      }
-    }
-  }
+  
 }
 </style>
 \ No newline at end of file
@@ -10,7 +10,7 @@
         </div>
       </div>
-      <el-form ref="form" :model="editExamineStaffInfo" label-width="120px">
+      <el-form ref="form" :model="editExamineStaffInfo" label-width="120px" class="text-left">
         <el-row>
           <el-col :span="24">
             <el-form-item :label="$t('editExamineStaff.staffName')">
@@ -37,7 +37,7 @@
         <el-row>
           <el-col :span="24">
             <el-form-item :label="$t('editExamineStaff.staffPhoto')">
-              <upload-image-url ref="uploadImage" :image-count="1" @notifyUploadImage="handleUploadImage">
+              <upload-image-url ref="uploadImage" :image-count="1" @notifyUploadCoverImage="handleUploadImage">
               </upload-image-url>
             </el-form-item>
           </el-col>
@@ -108,7 +108,7 @@ export default {
   methods: {
     handleUploadImage(images) {
       if (images.length > 0) {
-        this.editExamineStaffInfo.headerImg = images[0].fileId
+        this.editExamineStaffInfo.headerImg = images[0]
       } else {
         this.editExamineStaffInfo.headerImg = ''
       }
@@ -5,7 +5,7 @@
       <div slot="header" class="flex justify-between">
         <span>{{ $t('examineProjectManage.search.title') }}</span>
       </div>
-      <el-row :gutter="20">
+      <el-row :gutter="20" >
         <el-col :span="6">
           <el-input v-model="searchForm.name" :placeholder="$t('examineProjectManage.search.namePlaceholder')"
             clearable />
 <template>
   <div class="print-owner-voting-container">
-    <el-card>
       <el-row>
         <el-col :span="24">
           <div class="text-center">
@@ -98,7 +97,7 @@
           </el-button>
         </el-col>
       </el-row>
-    </el-card>
+
   </div>
 </template>
 <template>
   <div class="print-question-answer-container">
-    <el-card>
+
       <div class="text-center">
         <h1>{{ printQuestionAnswerInfo.qaName }}</h1>
       </div>
@@ -59,7 +59,7 @@
           {{ $t('common.cancel') }}
         </el-button>
       </div>
-    </el-card>
+
   </div>
 </template>
@@ -168,6 +168,7 @@
 import { listVisits, listVisitTypes } from '@/api/oa/visitManageApi'
 import { getDict } from '@/api/community/communityApi'
 import { getCommunityId } from '@/api/community/communityApi'
+import { jumpToIot } from '@/api/user/menuApi'
 export default {
   name: 'VisitManageList',
@@ -274,7 +275,8 @@ export default {
       this._listVisits(1, this.page.size)
     },
     _toIotVisit() {
-      this.$router.push('/pages/accessControl/visitManage')
+      //this.$router.push('/pages/accessControl/visitManage')
+      jumpToIot('/#/pages/accessControl/visitManage')
     },
     _toVisitDetail(visit) {
       this.$router.push(`/pages/accessControl/visitDetail?visitId=${visit.visitId}&phoneNumber=${visit.phoneNumber}`)