#

src/components/pages/test/examine/conpoments/personPage.vue

@@ -195,12 +195,12 @@
 
           </div>
         </div>
-        <div style="height:100%;overflow: auto;padding-bottom: 80px;">
+        <div style="height:calc(100% - 130px);">
           <div class="sBox_table">
             <div class="table_title">
               <div style="width: 150px;">一级指标</div>
-              <div style="width: 160px;">二级指标</div>
-              <div style="width: 160px;">评价方法</div>
+              <div style="flex: 1;padding: 0 10px;box-sizing: border-box;">{{ gotype ? "维度" : "二级指标"}}</div>
+              <div v-if="!gotype" style="width: 160px;">评价方法</div>
               <div style="width: 110px;">分值</div>
               <div style="width: 110px;">自评</div>
               <div style="flex: 1;">自评概述</div>
@@ -209,7 +209,7 @@
               <div style="flex: 1;">认定概述</div>
             </div>
             <div
-              style="height: 100%;overflow: auto;overflow-x: hidden;border-left: 1px #ccc solid;"
+              class="tabCon"
             >
               <div
                 class="table_Content"
@@ -221,28 +221,29 @@
                   <div class="ColCon">
                     <div class="twoCon" v-for="k in item.children" :key="k.id">
                       <div>{{ k.name }}</div>
-                      <div style="padding: 10px;box-sizing: border-box;">
+                      <div v-if="!gotype" style="padding: 10px;box-sizing: border-box;width: 160px;">
                         {{ k.evaMethod }}
                       </div>
                       <div>{{ k.score }}</div>
                       <div>
                         {{ k.sco1 }}
                       </div>
-                      <div>
+                      <div style="flex: 1;">
                         <div class="tArea">
                           {{ k.selfSummary }}
                         </div>
                       </div>
-                      <div>
+                      <div style="width: 250px;">
                         <div v-if="!k.testid.test.length">/</div>
-                        <div v-else style="padding-top: 10px;">
+                        <div v-else style="padding-top: 10px;width: 100%;">
                           <!-- {{ reverseString(k.testid.test) }} -->
                           <div
                             v-for="(item2) in k.testid.test"
                             :key="item2.courseId"
                             class="orgData"
+                            style="width: 100%;"
                           >
-                            <div :style="item2.status==2?`color:red`:''" @click="lookUserPrize(item2.courseId)">
+                            <div style="width: 100%;" :style="item2.status==2?`color:red`:''" @click="lookUserPrize(item2.courseId)">
                               {{ item2.title }}:{{ item2.num }}份
                             </div>
                           </div>
@@ -283,7 +284,7 @@
                           ></el-input>
                         </div>
                       </div>
-                      <div style="display: flex;justify-content: center;">
+                      <div style="display: flex;justify-content: center;flex: 1;">
                         <textarea
                           v-if="tableData.length > 0"
                           @blur="saveTab(k.id)"
@@ -437,6 +438,7 @@ export default {
   },
   data() {
     return {
+      gotype:(window.topU && window.topU.gotype) ?  window.topU.gotype : '',
       digType: 2,
       diaSco: false,
       diaIframe: false,
@@ -1634,14 +1636,17 @@ ws['!page'] = {
 .sBox_table {
   width: 100%;
   min-width: 1500px;
+  /* height: 100%; */
   height: 100%;
   margin: 0 auto;
   /* min-width: 1520px; */
   font-size: 14px;
+  display: flex;
+  flex-direction: column;
 }
 
 .table_title {
-  width: calc(100% - 6px);
+  /* width: calc(100% - 6px); */
   /* min-width: calc(100px * 9); */
   height: 50px;
   background: #e0eafb;
@@ -1735,15 +1740,23 @@ input[type="number"] {
   display: flex;
   box-sizing: border-box;
 
+  padding: 2px;
+  box-sizing: border-box;
   justify-content: center;
   align-items: center;
   border-left: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
 }
 .twoCon > div:nth-child(1) {
-  width: 160px !important;
+    flex: 1;
+    padding: 10px;
+    box-sizing: border-box;
 }
-.twoCon > div:nth-child(2) {
+.twoCon div{
+  width: 110px;
+}
+
+/* .twoCon > div:nth-child(2) {
   width: 160px !important;
   line-height: 20px;
 }
@@ -1764,8 +1777,10 @@ input[type="number"] {
 }
 .twoCon > div:nth-child(8) {
   flex: 1;
+} */
+.twoCon > div:last-child {
+  border-right: 1px #ccc solid;
 }
-
 .ColCon {
   flex: 1;
 }
@@ -1809,4 +1824,16 @@ input[type="number"] {
   color: #21ba45;
   border-radius: 4px;
 }
+.tabCon{
+  width: 100%;
+  /* padding-right: 6px; */
+  box-sizing: border-box;
+  overflow: auto;
+  overflow-x: hidden;
+  border-left: 1px #ccc solid;
+  box-sizing: border-box;
+  flex: 1;
+}
+
+
 </style>