diff --git a/src/views/research/components/LogList.vue b/src/views/research/components/LogList.vue
index 9720ec3f..e7cdc2c2 100644
--- a/src/views/research/components/LogList.vue
+++ b/src/views/research/components/LogList.vue
@@ -1,29 +1,36 @@
 <template>
   <div class="log-list">
     <el-table v-loading="loading" :data="tableData" v-adaptive="{ bottomOffset: 40 }" height="100" style="width: 100%">
-      <el-table-column prop="CreateTime" :label="时间" min-width="120" show-overflow-tooltip>
+      <el-table-column prop="CreateTime" :label="$t('trials:researchForm:logList:label:CreateTime')" min-width="120"
+        show-overflow-tooltip>
         <template slot-scope="scope">
           {{ scope.row.CreateTime ? moment(scope.row.CreateTime).format('YYYY-MM-DD HH:mm:ss') : '' }}
         </template>
       </el-table-column>
-      <el-table-column prop="Name" label="姓名" min-width="100" show-overflow-tooltip>
+      <el-table-column prop="Name" :label="$t('trials:researchForm:logList:label:Name')" min-width="100"
+        show-overflow-tooltip>
       </el-table-column>
-      <el-table-column prop="UserType" label="角色" min-width="100" show-overflow-tooltip>
+      <el-table-column prop="UserType" :label="$t('trials:researchForm:logList:label:UserType')" min-width="100"
+        show-overflow-tooltip>
         <template slot-scope="scope">
-          {{ $fd('UserType', scope.row.UserType) }}
+          {{ scope.row.UserType && $fd('UserType', scope.row.UserType) ? $fd('UserType', scope.row.UserType) : '--' }}
         </template>
       </el-table-column>
-      <el-table-column prop="OptType" label="操作" min-width="100" show-overflow-tooltip>
+      <el-table-column prop="OptType" :label="$t('trials:researchForm:logList:label:OptType')" min-width="100"
+        show-overflow-tooltip>
         <template slot-scope="scope">
           {{ $fd('SiteSurveyOptTyp', scope.row.OptType) }}
         </template>
       </el-table-column>
-      <el-table-column prop="Json" label="详情" min-width="100" show-overflow-tooltip>
+      <el-table-column prop="Json" :label="$t('trials:researchForm:logList:label:Json')" min-width="100"
+        show-overflow-tooltip>
         <template slot-scope="scope">
-          <el-button v-if="scope.row.Json" type="text" @click="openLog(scope.row)">调研表</el-button>
+          <el-button v-if="scope.row.Json" type="text" @click="openLog(scope.row)">{{
+            $t('trials:researchForm:logList:label:SurveyForm') }}</el-button>
         </template>
       </el-table-column>
-      <el-table-column prop="Reason" label="备注" min-width="140" show-overflow-tooltip>
+      <el-table-column prop="Reason" :label="$t('trials:researchForm:logList:label:Reason')" min-width="140"
+        show-overflow-tooltip>
       </el-table-column>
     </el-table>
   </div>
diff --git a/src/views/trials/trials-panel/attachments/site-research/index.vue b/src/views/trials/trials-panel/attachments/site-research/index.vue
index 4ed4b941..9b500465 100644
--- a/src/views/trials/trials-panel/attachments/site-research/index.vue
+++ b/src/views/trials/trials-panel/attachments/site-research/index.vue
@@ -100,43 +100,94 @@ export default {
   flex: 1;
 }
 
-// .underline {
-//   // .el-step__title {
-//   //   text-decoration: underline
-//   // }
-//   .el-step__title,
-//   .el-step__title.is-process,
-//   .el-step__title.is-finish {
-//     text-decoration: underline;
-//   }
-// }
-// .noneUnderline {
-//   .el-step__title {
-//     text-decoration: none;
-//   }
-// }
-// .el-step__head.is-process,
-// .el-step__title.is-process,
-// .el-step__description.is-process {
-//   color: #428bca;
-//   border-color: #428bca;
-// }
-// .el-step__head.is-process .el-step__line {
-//   background-color: #428bca;
-// }
-// .el-step__head.is-finish,
-// .el-step__title.is-finish,
-// .el-step__description.is-finish {
-//   color: #303133;
-//   border-color: #303133;
-// }
-// .el-step__title.is-process,
-// .el-step__title.is-finish {
-//   text-decoration: none;
-// }
-// .el-step__head.is-finish .el-step__line {
-//   background-color: #303133;
-// }
+.title {
+  height: 40px;
+  line-height: 40px;
+  padding-left: 5px;
+  background: #e4ebf1;
+  border-left: 3px solid #0fc8e0;
+  font-size: 13px;
+
+  p {
+    padding: 0;
+    margin: 0;
+  }
+}
+
+.trial-wrapper {
+  height: 60px;
+
+  .div-row {
+    display: flex;
+    justify-content: space-between;
+    margin: 10px 20px !important;
+    font-size: 13px;
+
+    .div-col {
+      flex: 1;
+      width: 100px;
+      white-space: nowrap !important;
+      text-overflow: ellipsis !important;
+      word-break: break-word !important;
+      overflow: hidden !important;
+
+      label {
+        font-weight: bold;
+      }
+    }
+
+    .div-textarea {
+      display: inline-block;
+    }
+  }
+}
+
+::v-deep .el-step__head.is-process {
+  color: #428bca;
+  border-color: #428bca;
+}
+
+::v-deep .el-step__title.is-process {
+  color: #428bca;
+  border-color: #428bca;
+}
+
+::v-deep .el-step__description.is-process {
+  color: #428bca;
+  border-color: #428bca;
+}
+
+::v-deep .el-step__head.is-process .el-step__line {
+  background-color: #428bca;
+}
+
+::v-deep .el-step__head.is-finish {
+  color: #303133;
+  border-color: #303133;
+}
+
+::v-deep .el-step__title.is-finish {
+  color: #303133;
+  border-color: #303133;
+}
+
+::v-deep .el-step__description.is-finish {
+  color: #303133;
+  border-color: #303133;
+}
+
+::v-deep .el-step__title.is-process {
+  text-decoration: none;
+}
+
+::v-deep .el-step__title.is-finish {
+  text-decoration: none;
+}
+
+::v-deep .el-step__head.is-finish .el-step__line {
+  background-color: #303133;
+}
+
 .click_cursor {
   cursor: pointer;
 }