中心调研日志添加国际化

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>

src/views/trials/trials-panel/attachments/site-research/index.vue

@@ -100,43 +100,94 @@ export default {
   flex: 1;
 }
 
-// .underline {
+.title {
-//   // .el-step__title {
+  height: 40px;
-//   //   text-decoration: underline
+  line-height: 40px;
-//   // }
+  padding-left: 5px;
-//   .el-step__title,
+  background: #e4ebf1;
-//   .el-step__title.is-process,
+  border-left: 3px solid #0fc8e0;
-//   .el-step__title.is-finish {
+  font-size: 13px;
-//     text-decoration: underline;
+
-//   }
+  p {
-// }
+    padding: 0;
-// .noneUnderline {
+    margin: 0;
-//   .el-step__title {
+  }
-//     text-decoration: none;
+}
-//   }
+
-// }
+.trial-wrapper {
-// .el-step__head.is-process,
+  height: 60px;
-// .el-step__title.is-process,
+
-// .el-step__description.is-process {
+  .div-row {
-//   color: #428bca;
+    display: flex;
-//   border-color: #428bca;
+    justify-content: space-between;
-// }
+    margin: 10px 20px !important;
-// .el-step__head.is-process .el-step__line {
+    font-size: 13px;
-//   background-color: #428bca;
+
-// }
+    .div-col {
-// .el-step__head.is-finish,
+      flex: 1;
-// .el-step__title.is-finish,
+      width: 100px;
-// .el-step__description.is-finish {
+      white-space: nowrap !important;
-//   color: #303133;
+      text-overflow: ellipsis !important;
-//   border-color: #303133;
+      word-break: break-word !important;
-// }
+      overflow: hidden !important;
-// .el-step__title.is-process,
+
-// .el-step__title.is-finish {
+      label {
-//   text-decoration: none;
+        font-weight: bold;
-// }
+      }
-// .el-step__head.is-finish .el-step__line {
+    }
-//   background-color: #303133;
+
-// }
+    .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;
 }