意见反馈按钮

src/views/trials/trials-layout/components/feedBack.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="feedBack" @click.stop="open">
+    <i class="el-icon-chat-dot-square icon"></i>
+    <transition name="fade">
+      <div class="checkBox" v-show="visible" @click.stop="false">
+        <span>{{ $t("triials:feedBack:botton:opinion") }}</span>
+        <span>{{ $t("triials:feedBack:botton:mine") }}</span>
+      </div>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  name: "feedBack",
+  data() {
+    return {
+      visible: false,
+    };
+  },
+  methods: {
+    open() {
+      this.visible = !this.visible;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.feedBack {
+  position: fixed;
+  bottom: 50px;
+  right: 50px;
+  z-index: 100000;
+  width: 50px;
+  height: 50px;
+  background: rgba(64, 158, 255, 0.533);
+  line-height: 50px;
+  text-align: center;
+  color: rgb(255, 255, 255);
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .icon {
+    font-size: 30px;
+  }
+  .checkBox {
+    width: 100px;
+    border: 1px solid #ddd;
+    border-radius: 2px;
+    background-color: #fff;
+    color: #000;
+    position: absolute;
+    left: calc(-50% - 50px);
+    top: -58px;
+    span {
+      display: block;
+      width: 98px;
+      line-height: 24px;
+      font-size: 14px;
+      cursor: pointer;
+      &:first-child {
+        border-bottom: 1px solid #ddd;
+      }
+      &:hover {
+        color: #409eff;
+        background: #ecf5ff;
+      }
+    }
+  }
+}
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+.fade-enter-active,
+.fade-leave-active {
+  transition: 0.5s;
+}
+.fade-enter-to {
+  opacity: 1;
+}
+</style>

src/views/trials/trials-layout/index.vue

@@ -6,19 +6,22 @@
       </div>
       <trialsMain />
     </div>
+    <!-- <feedBack/> -->
   </div>
 </template>
 
 <script>
 import trialsMain from './components/trialsMain'
 import trialsNavbar from './components/trialsNavbar'
+import feedBack from "./components/feedBack"
 // import ResizeMixin from './mixin/ResizeHandler'
 
 export default {
   name: 'Layout',
   components: {
     trialsMain,
-    trialsNavbar
+    trialsNavbar,
+    feedBack
   }
   // mixins: [ResizeMixin]
 

src/views/trials/trials-panel/reading/consistency-analysis/index.vue

@@ -149,7 +149,7 @@
           prop="IsUrgent"
           :label="$t('trials:consistencyAnalysis:table:isUrgent')"
           show-overflow-tooltip
-          width="120"
+          min-width="120"
           sortable="custom"
         >
           <template slot-scope="scope">
@@ -161,7 +161,7 @@
         <el-table-column
           prop="TrialSiteCode"
           :label="$t('trials:consistencyAnalysis:table:siteCode')"
-          width="100"
+          min-width="100"
           sortable="custom"
           show-overflow-tooltip
         />
@@ -169,7 +169,7 @@
         <el-table-column
           prop="SubjectCode"
           :label="$t('trials:consistencyAnalysis:table:subjectCode')"
-          width="120"
+          min-width="120"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -196,7 +196,7 @@
         <el-table-column
           prop="VisitTaskNum"
           :label="$t('trials:consistencyAnalysis:table:taskName')"
-          width="140"
+          min-width="140"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -219,7 +219,7 @@
         <el-table-column
           prop="ReadingCategory"
           :label="$t('trials:consistencyAnalysis:table:taskType')"
-          width="140"
+          min-width="140"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -234,7 +234,7 @@
         <el-table-column
           prop="UserName"
           :label="$t('trials:consistencyAnalysis:table:reader')"
-          width="120"
+          min-width="120"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -246,7 +246,7 @@
         <el-table-column
           prop="ArmEnum"
           :label="$t('trials:consistencyAnalysis:table:role')"
-          width="100"
+          min-width="100"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -263,7 +263,7 @@
         <el-table-column
           prop="TrialReadingCriterionName"
           :label="$t('trials:consistencyAnalysis:table:criterionName')"
-          width="180"
+          min-width="180"
           sortable="custom"
           show-overflow-tooltip
         />
@@ -271,7 +271,7 @@
         <el-table-column
           prop="IsSelfAnalysis"
           :label="$t('trials:consistencyAnalysis:table:category')"
-          width="170"
+          min-width="170"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -284,7 +284,7 @@
         <el-table-column
           prop="ReadingTaskState"
           :label="$t('trials:consistencyAnalysis:table:reviewStatus')"
-          width="140"
+          min-width="140"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -298,7 +298,7 @@
         <el-table-column
           prop="AllocateTime"
           :label="$t('trials:consistencyAnalysis:table:auditTime')"
-          width="160"
+          min-width="160"
           sortable="custom"
           show-overflow-tooltip
         >
@@ -316,7 +316,7 @@
         <el-table-column
           prop="SignTime"
           :label="$t('trials:consistencyAnalysis:table:signTime')"
-          width="160"
+          min-width="160"
           sortable="custom"
           show-overflow-tooltip
         />
@@ -324,7 +324,7 @@
         <el-table-column
           prop="TaskState"
           :label="$t('trials:consistencyAnalysis:table:taskStatus')"
-          width="120"
+          min-width="120"
           sortable="custom"
           show-overflow-tooltip
         >