diff --git a/src/components/complaint/aComplaintDetailAppraise.vue b/src/components/complaint/aComplaintDetailAppraise.vue
index 1f8e46d15..0e7e6445e 100644
--- a/src/components/complaint/aComplaintDetailAppraise.vue
+++ b/src/components/complaint/aComplaintDetailAppraise.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="appraise-container">
     <el-table :data="appraises" border style="width: 100%">
-      <el-table-column prop="createUserName" :label="$t('complaintDetailAppraise.user')" align="center"></el-table-column>
+      <el-table-column prop="createUserName" :label="$t('complaintDetailAppraise.userName')" align="center"></el-table-column>
       <el-table-column prop="context" :label="$t('complaintDetailAppraise.content')" align="center"></el-table-column>
       <el-table-column prop="score" :label="$t('complaintDetailAppraise.score')" align="center"></el-table-column>
       <el-table-column prop="state" :label="$t('complaintDetailAppraise.status')" align="center">
@@ -10,7 +10,7 @@
         </template>
       </el-table-column>
       <el-table-column prop="createTime" :label="$t('complaintDetailAppraise.time')" align="center"></el-table-column>
-      <el-table-column prop="replyUserName" :label="$t('complaintDetailAppraise.replier')" align="center"></el-table-column>
+      <el-table-column prop="replyUserName" :label="$t('complaintDetailAppraise.replyUser')" align="center"></el-table-column>
       <el-table-column prop="replyContext" :label="$t('complaintDetailAppraise.replyContent')" align="center"></el-table-column>
     </el-table>
   </div>
diff --git a/src/components/complaint/aComplaintDetailType.vue b/src/components/complaint/aComplaintDetailType.vue
index 93f5bce7d..2276139ae 100644
--- a/src/components/complaint/aComplaintDetailType.vue
+++ b/src/components/complaint/aComplaintDetailType.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="type-container">
     <el-table :data="complaintTypes" border style="width: 100%">
-      <el-table-column prop="typeName" :label="$t('complaintDetailType.name')" align="center"></el-table-column>
+      <el-table-column prop="typeName" :label="$t('complaintDetailType.typeName')" align="center"></el-table-column>
       <el-table-column prop="notifyWay" :label="$t('complaintDetailType.notifyWay')" align="center">
         <template slot-scope="scope">
           {{ scope.row.notifyWay === 'SMS' ? $t('complaintDetailType.sms') : $t('complaintDetailType.wechat') }}
         </template>
       </el-table-column>
-      <el-table-column prop="appraiseReply" :label="$t('complaintDetailType.replyType')" align="center">
+      <el-table-column prop="appraiseReply" :label="$t('complaintDetailType.appraiseReply')" align="center">
         <template slot-scope="scope">
           {{ scope.row.appraiseReply === 'Y' ? $t('complaintDetailType.autoReply') : $t('complaintDetailType.manualReply') }}
         </template>
diff --git a/src/components/oa/ComplaintDetailAppraise.vue b/src/components/oa/ComplaintDetailAppraise.vue
index ec8b0c303..eeade565d 100644
--- a/src/components/oa/ComplaintDetailAppraise.vue
+++ b/src/components/oa/ComplaintDetailAppraise.vue
@@ -1,71 +1,28 @@
 <template>
   <div class="complaint-detail-appraise">
-    <el-table
-      :data="appraises"
-      border
-      style="width: 100%"
-      v-loading="loading"
-    >
-      <el-table-column
-        prop="createUserName"
-        :label="$t('complaintDetailAppraise.userName')"
-        align="center"
-      />
-      <el-table-column
-        prop="context"
-        :label="$t('complaintDetailAppraise.content')"
-        align="center"
-      />
-      <el-table-column
-        prop="score"
-        :label="$t('complaintDetailAppraise.score')"
-        align="center"
-      />
-      <el-table-column
-        prop="state"
-        :label="$t('complaintDetailAppraise.status')"
-        align="center"
-      >
+    <el-table :data="appraises" border style="width: 100%" v-loading="loading">
+      <el-table-column prop="createUserName" :label="$t('complaintDetailAppraise.userName')" align="center" />
+      <el-table-column prop="context" :label="$t('complaintDetailAppraise.content')" align="center" />
+      <el-table-column prop="score" :label="$t('complaintDetailAppraise.score')" align="center" />
+      <el-table-column prop="state" :label="$t('complaintDetailAppraise.status')" align="center">
         <template slot-scope="scope">
-          <span>{{ scope.row.state === 'W' ? $t('complaintDetailAppraise.waitReply') : $t('complaintDetailAppraise.replied') }}</span>
+          <span>{{ scope.row.state === 'W' ? $t('complaintDetailAppraise.waitReply') :
+            $t('complaintDetailAppraise.replied') }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        prop="createTime"
-        :label="$t('complaintDetailAppraise.time')"
-        align="center"
-      />
-      <el-table-column
-        prop="replyUserName"
-        :label="$t('complaintDetailAppraise.replyUser')"
-        align="center"
-      />
-      <el-table-column
-        prop="replyContext"
-        :label="$t('complaintDetailAppraise.replyContent')"
-        align="center"
-      />
-      <el-table-column
-        :label="$t('common.operation')"
-        align="center"
-      >
+      <el-table-column prop="createTime" :label="$t('complaintDetailAppraise.time')" align="center" />
+      <el-table-column prop="replyUserName" :label="$t('complaintDetailAppraise.replyUser')" align="center" />
+      <el-table-column prop="replyContext" :label="$t('complaintDetailAppraise.replyContent')" align="center" />
+      <el-table-column :label="$t('common.operation')" align="center">
         <template slot-scope="scope">
-          <el-button
-            v-if="scope.row.state === 'W'"
-            type="text"
-            size="small"
-            @click="openReplyModal(scope.row)"
-          >
+          <el-button v-if="scope.row.state === 'W'" type="text" size="small" @click="openReplyModal(scope.row)">
             {{ $t('complaintDetailAppraise.reply') }}
           </el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <reply-complaint-appraise
-      ref="replyComplaintAppraise"
-      @success="handleSuccess"
-    />
+    <reply-complaint-appraise ref="replyComplaintAppraise" @success="handleSuccess" />
   </div>
 </template>
 
diff --git a/src/views/complaint/adminComplaintDetailList.vue b/src/views/complaint/adminComplaintDetailList.vue
index 89316392a..d5ebd46a4 100644
--- a/src/views/complaint/adminComplaintDetailList.vue
+++ b/src/views/complaint/adminComplaintDetailList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="complaint-detail-container">
+  <div class="complaint-detail-container padding">
     <el-card class="box-card">
       <div slot="header" class=" flex justify-between">
         <span>{{ $t('complaintDetail.title') }}</span>
@@ -11,25 +11,25 @@
         <el-row :gutter="20" class="info-section text-left">
           <el-col :span="6">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.orderId') }}:</label>
+              <label>{{ $t('adminComplaint.table.complaintId') }}:</label>
               <span>{{ complaintDetail.complaintId }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.type') }}:</label>
+              <label>{{ $t('adminComplaint.table.type') }}:</label>
               <span>{{ complaintDetail.typeName }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.room') }}:</label>
+              <label>{{ $t('adminComplaint.table.room') }}:</label>
               <span>{{ complaintDetail.roomName }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.contact') }}:</label>
+              <label>{{ $t('adminComplaint.table.contact') }}:</label>
               <span>{{ complaintDetail.complaintName }}</span>
             </div>
           </el-col>
@@ -39,19 +39,19 @@
         <el-row :gutter="20" class="info-section text-left">
           <el-col :span="6">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.phone') }}:</label>
+              <label>{{ $t('adminComplaint.table.contactTel') }}:</label>
               <span>{{ complaintDetail.tel }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.status') }}:</label>
+              <label>{{ $t('adminComplaint.table.status') }}:</label>
               <span>{{ complaintDetail.stateName }}</span>
             </div>
           </el-col>
           <el-col :span="12">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.createTime') }}:</label>
+              <label>{{ $t('adminComplaint.table.createTime') }}:</label>
               <span>{{ complaintDetail.createTime }}</span>
             </div>
           </el-col>
@@ -60,7 +60,7 @@
         <el-row :gutter="20" class="info-section text-left">
           <el-col :span="24">
             <div class="info-item">
-              <label>{{ $t('complaintDetail.content') }}:</label>
+              <label>{{ $t('adminComplaint.table.content') }}:</label>
               <span>{{ complaintDetail.context }}</span>
             </div>
           </el-col>
diff --git a/src/views/complaint/adminComplaintLang.js b/src/views/complaint/adminComplaintLang.js
index 8f51a520f..4c00e565b 100644
--- a/src/views/complaint/adminComplaintLang.js
+++ b/src/views/complaint/adminComplaintLang.js
@@ -27,7 +27,8 @@ export const messages = {
         contactTel: 'Contact Tel',
         status: 'Status',
         handler: 'Handler',
-        createTime: 'Create Time'
+        createTime: 'Create Time',
+        content: 'Content'
       },
       fetchError: 'Failed to fetch complaint list'
     }
@@ -60,7 +61,8 @@ export const messages = {
         contactTel: '联系电话',
         status: '状态',
         handler: '处理人',
-        createTime: '创建时间'
+        createTime: '创建时间',
+        content: '内容'
       },
       fetchError: '获取投诉列表失败'
     }