reaper 4 лет назад
Родитель
Сommit
771fd65cb4

+ 5 - 1
src/components/knowledgeExtra/AddAssess/ScoreResultsTable.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="ScoreResults">
+    <h4>得分结果:</h4>
     <el-table
       :data="list"
       header-row-class-name="header_row_class_name"
@@ -97,8 +98,11 @@ export default {
 <style lang="less" scoped>
 .ScoreResults {
   width: 100%;
-  padding: 0 30px;
+  padding: 30px 30px 0 30px;
   box-sizing: border-box;
+  h4 {
+    font-size: 14px;
+  }
   /deep/.el-table th,
   .el-table tr {
     height: 50px;

+ 30 - 1
src/components/knowledgeExtra/AddAssess/index.vue

@@ -135,7 +135,12 @@ it .ql-editor,
         <h5><span>*</span>量表内容:</h5>
         <div class="table_top_box">
           <div class="table_top_box_left">
-            <el-form-item label="标题:" label-width="70px">
+            <el-form-item
+              label="标题:"
+              label-width="70px"
+              :prop="`scaleTable-${tableIndex}-tableContent`"
+              :rules="rules.tableContent"
+            >
               <el-input maxlength="20" v-model.trim="table.content" />
             </el-form-item>
             <div style="margin: 0 20px">
@@ -262,6 +267,13 @@ it .ql-editor,
         @CHANEG_SCORE_RESULT="CHANEG_SCORE_RESULT"
       />
     </el-form>
+    <!-- 暂时用的按钮 -->
+    <button
+      style="position: fixed; bottom: 20px; right: 20px; font-size: 16px"
+      @click="assessCommit"
+    >
+      暂时用的按钮
+    </button>
   </div>
 </template>
 
@@ -474,6 +486,17 @@ export default {
     };
   },
   methods: {
+    // 提交 (父级调用)
+    assessCommit() {
+      // this.$refs["scaleFormRef"].validate((valid) => {
+      //   console.log(valid);
+      //   if (valid) {
+      //   } else {
+      //     return false;
+      //   }
+      // });
+      console.log("/one/", this.scaleData);
+    },
     /**
      * 增/删/得分结果表格
      * @param  type : 1:add  0:remove
@@ -481,6 +504,12 @@ export default {
      */
     CHANEG_SCORE_RESULT(type, index) {
       console.log(type, index);
+      // 节流: 阻止用户频繁点击
+      if (this.timer) return;
+      this.timer = setTimeout(() => {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }, 500);
       if (type === 1) {
         this.scoreresultsdatas.splice(index + 1, 0, {
           content: {

+ 6 - 4
src/components/knowledgeExtra/AddDevKnow.vue

@@ -147,7 +147,7 @@
           </div>
         </el-tab-pane>
         <el-tab-pane label="评估内容" name="two">
-          <AddAssess />
+          <AddAssess ref="assessRef" />
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -586,6 +586,9 @@ export default {
     },
 
     submitForm() {
+      // 评估内容验证 --wanglei
+      this.$refs.assessRef.assessCommit();
+      // end....
       if (this.isSuccessUpload === 1) {
         this.warning("文件上传中,请稍等");
         return;
@@ -939,10 +942,9 @@ export default {
       color: #fff;
     }
   }
-  
 }
 /deep/ .el-tabs__header {
-    padding: 0 10px !important;
-  }
+  padding: 0 10px !important;
+}
 </style>