bugfix: 8494

src/components/knowledgeExtra/AddAssess/ScoreResultsTable.vue

@@ -1,10 +1,17 @@
 <style lang="less" scoped>
 .ScoreResults {
   width: 100%;
-  padding: 30px 30px 0 30px;
+  // padding: 30px 30px 0 30px;
   box-sizing: border-box;
+  border-top: 10px solid rgba(203, 207, 212, 0.3);
   h4 {
     font-size: 14px;
+    border-bottom: 1px solid rgba(203, 207, 212, 0.3);
+    padding: 10px 35px;
+  }
+  .table_box {
+    padding: 0 35px;
+    margin-top: -10px;
   }
   /deep/.el-table th,
   .el-table tr {
@@ -86,133 +93,134 @@
 <template>
   <div class="ScoreResults">
     <h4>得分结果：</h4>
-
-    <el-table
-      :data="list"
-      header-row-class-name="header_row_class_name"
-      border
-      style="width: 100%; margin: 20px 0"
-    >
-      <el-table-column prop="orderNo" width="70px" label="">
-        <template slot-scope="scope">
-          <div class="btn_box">
-            <div class="btn_div">
-              <img
-                @click="$emit('CHANEG_SCORE_RESULT', 1, scope.$index)"
-                src="@/images/add-new-rule-sub.png"
-                alt=""
-              />
-            </div>
-            <div class="btn_div" v-if="list.length > 1">
-              <img
-                @click="$emit('CHANEG_SCORE_RESULT', 0, scope.$index)"
-                src="@/images/add-new-rule-del.png"
-                alt=""
-              />
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column prop="content" label="得分范围">
-        <template slot="header">
-          <div class="custom_table_header">得分范围</div>
-        </template>
-        <template slot-scope="scope">
-          <!-- <div>{{ scope.row.content.max }},{{ scope.row.content.min }}</div> -->
-          <div class="range_box">
-            <div class="range_child">
-              <el-form-item
-                label="大于:"
-                label-width="70px"
-                :prop="`scoreresultsdatas[${scope.$index}].content.min`"
-                :rules="[
-                  {
-                    validator: (rule, value, callback) => {
-                      validateMinMax(scope, rule, value, callback);
-                    },
-                    trigger: ['blur']
-                  }
-                ]"
-              >
-                <el-input
-                  type="number"
-                  :id="`scoreresultsdatas[${scope.$index}].content.min`"
-                  v-model.number="scope.row.content.min"
-                  clearable
-                  placeholder="请输入"
-                ></el-input>
-              </el-form-item>
+    <div class="table_box">
+      <el-table
+        :data="list"
+        header-row-class-name="header_row_class_name"
+        border
+        style="width: 100%; margin: 20px 0"
+      >
+        <el-table-column prop="orderNo" width="70px" label="">
+          <template slot-scope="scope">
+            <div class="btn_box">
+              <div class="btn_div">
+                <img
+                  @click="$emit('CHANEG_SCORE_RESULT', 1, scope.$index)"
+                  src="@/images/add-new-rule-sub.png"
+                  alt=""
+                />
+              </div>
+              <div class="btn_div" v-if="list.length > 1">
+                <img
+                  @click="$emit('CHANEG_SCORE_RESULT', 0, scope.$index)"
+                  src="@/images/add-new-rule-del.png"
+                  alt=""
+                />
+              </div>
             </div>
-            <div class="range_child">
-              <el-form-item
-                label="小于:"
-                label-width="70px"
-                :prop="`scoreresultsdatas[${scope.$index}].content.max`"
-                :rules="[
-                  {
-                    validator: (rule, value, callback) => {
-                      validateMinMax(scope, rule, value, callback);
-                    },
-                    trigger: ['blur']
-                  }
-                ]"
-              >
-                <el-input
-                  type="number"
-                  :id="`scoreresultsdatas[${scope.$index}].content.max`"
-                  v-model.number="scope.row.content.max"
-                  clearable
-                  placeholder="请输入"
-                ></el-input>
-              </el-form-item>
+          </template>
+        </el-table-column>
+        <el-table-column prop="content" label="得分范围">
+          <template slot="header">
+            <div class="custom_table_header">得分范围</div>
+          </template>
+          <template slot-scope="scope">
+            <!-- <div>{{ scope.row.content.max }},{{ scope.row.content.min }}</div> -->
+            <div class="range_box">
+              <div class="range_child">
+                <el-form-item
+                  label="大于:"
+                  label-width="70px"
+                  :prop="`scoreresultsdatas[${scope.$index}].content.min`"
+                  :rules="[
+                    {
+                      validator: (rule, value, callback) => {
+                        validateMinMax(scope, rule, value, callback);
+                      },
+                      trigger: ['blur']
+                    }
+                  ]"
+                >
+                  <el-input
+                    type="number"
+                    :id="`scoreresultsdatas[${scope.$index}].content.min`"
+                    v-model.number="scope.row.content.min"
+                    clearable
+                    placeholder="请输入"
+                  ></el-input>
+                </el-form-item>
+              </div>
+              <div class="range_child">
+                <el-form-item
+                  label="小于:"
+                  label-width="70px"
+                  :prop="`scoreresultsdatas[${scope.$index}].content.max`"
+                  :rules="[
+                    {
+                      validator: (rule, value, callback) => {
+                        validateMinMax(scope, rule, value, callback);
+                      },
+                      trigger: ['blur']
+                    }
+                  ]"
+                >
+                  <el-input
+                    type="number"
+                    :id="`scoreresultsdatas[${scope.$index}].content.max`"
+                    v-model.number="scope.row.content.max"
+                    clearable
+                    placeholder="请输入"
+                  ></el-input>
+                </el-form-item>
+              </div>
             </div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column prop="result" label="结果">
-        <template slot="header">
-          <div class="custom_table_header">结果</div>
-        </template>
-        <template slot-scope="scope">
-          <el-form-item
-            :prop="`scoreresultsdatas[${scope.$index}].result`"
-            :rules="rules.soureResult"
-          >
-            <el-input
-              :id="`scoreresultsdatas[${scope.$index}].result`"
-              type="textarea"
-              rows="1"
-              :autosize="true"
-              resize="none"
-              v-model="scope.row.result"
-              clearable
-              maxlength="300"
-              placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-        </template>
-      </el-table-column>
-      <el-table-column prop="pushInfo" label="建议">
-        <template slot-scope="scope">
-          <el-form-item
-            :prop="`scoreresultsdatas[${scope.$index}].pushInfo`"
-            :rules="rules.sourePushInfo"
-          >
-            <el-input
-              :id="`scoreresultsdatas[${scope.$index}].pushInfo`"
-              type="textarea"
-              rows="1"
-              :autosize="true"
-              resize="none"
-              v-model="scope.row.pushInfo"
-              clearable
-              maxlength="500"
-              placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-        </template>
-      </el-table-column>
-    </el-table>
+          </template>
+        </el-table-column>
+        <el-table-column prop="result" label="结果">
+          <template slot="header">
+            <div class="custom_table_header">结果</div>
+          </template>
+          <template slot-scope="scope">
+            <el-form-item
+              :prop="`scoreresultsdatas[${scope.$index}].result`"
+              :rules="rules.soureResult"
+            >
+              <el-input
+                :id="`scoreresultsdatas[${scope.$index}].result`"
+                type="textarea"
+                rows="1"
+                :autosize="true"
+                resize="none"
+                v-model="scope.row.result"
+                clearable
+                maxlength="300"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+          </template>
+        </el-table-column>
+        <el-table-column prop="pushInfo" label="建议">
+          <template slot-scope="scope">
+            <el-form-item
+              :prop="`scoreresultsdatas[${scope.$index}].pushInfo`"
+              :rules="rules.sourePushInfo"
+            >
+              <el-input
+                :id="`scoreresultsdatas[${scope.$index}].pushInfo`"
+                type="textarea"
+                rows="1"
+                :autosize="true"
+                resize="none"
+                v-model="scope.row.pushInfo"
+                clearable
+                maxlength="500"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
   </div>
 </template>
 
@@ -233,7 +241,7 @@ export default {
           this.$refs[`scoreresultsdatas[${index}].result`] &&
             this.$refs[`scoreresultsdatas[${index}].result`].resizeTextarea();
         });
-      },500);
+      }, 500);
     },
     validateMinMax(scope, rule, value, callback) {
       const { min, max } = scope.row.content;

src/components/knowledgeExtra/AddAssess/index.vue

@@ -66,6 +66,9 @@
       color: #999;
       margin-top: 14px;
     }
+    &:nth-last-child(1) {
+      border: none;
+    }
   }
   /deep/ .el-form-item--mini.el-form-item,
   .el-form-item--small.el-form-item {

src/components/knowledgeExtra/AddAssess/scale-table.vue

@@ -4,7 +4,7 @@
   min-height: 100px;
   margin-top: -10px;
   .table_box {
-    padding: 0 30px;
+    padding: 0 35px;
   }
   .btn_box {
     width: 100%;

src/components/knowledgeExtra/DevInfo.vue

@@ -86,10 +86,14 @@
       </div>
     </div>
     <el-form-item label-width="160px" class="btns">
-      <el-button size="small" @click="addEmit">添加段落</el-button>
+      <!-- <el-button size="small" @click="addEmit">添加段落</el-button>
       <el-button size="small" @click="delEmit" type="info"
         >删除本段落</el-button
-      >
+      > -->
+      <div class="change_btns">
+        <div @click="addEmit">新增标题</div>
+        <div @click="delEmit">删除标题</div>
+      </div>
     </el-form-item>
   </el-form>
 </template>
@@ -383,4 +387,34 @@ it .ql-editor,
 /deep/ .el-form-item.is-success .el-textarea__inner {
   border-color: #c9c9c9 !important;
 }
+.change_btns {
+  // width: 100%;
+  margin-top: 10px;
+  display: flex;
+  box-sizing: border-box;
+  div {
+    width: 90px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    border-radius: 2px;
+    border: 1px solid #21cbc7;
+    color: #21cbc7;
+    font-size: 14px;
+    margin-right: 30px;
+    cursor: pointer;
+    &:nth-child(1) {
+      &:hover {
+        background: rgba(97, 218, 215, 0.1);
+      }
+    }
+    &:nth-child(2) {
+      border-color: #ff5b5b;
+      color: #ff5b5b;
+      &:hover {
+        background: rgba(255, 91, 91, 0.1);
+      }
+    }
+  }
+}
 </style>