zc

src/views/safetyEducationExaminationNew/trainingManagement/trainingManagement/addPage.vue

@@ -4,7 +4,7 @@
     <div class="page-top-title-box">
       <p class="page-top-title-name-p">{{newData.id?'编辑培训':'新建培训'}}</p>
       <p class="page-top-title-out-p" @click="backPage">返回</p>
-      <p class="page-top-title-add-p" @click="submitForm">提交</p>
+      <p class="page-top-title-add-p" @click="submitForm" v-if="!showType">提交</p>
     </div>
     <div class="content-box scrollbar-box">
       <el-form :model="formData" ref="addForm"
@@ -20,6 +20,7 @@
             <p>*</p>
           </div>
           <el-input
+            :disabled="showType"
             maxLength="30"
             v-model="formData.trainingName"
             placeholder="请输入培训名称"
@@ -32,7 +33,8 @@
               <p>培训方式</p>
               <p>*</p>
             </div>
-            <el-radio-group v-model="formData.trainingMode">
+            <el-radio-group v-model="formData.trainingMode"
+                            :disabled="showType">
               <!--<el-radio :label="1" border>线上培训</el-radio>-->
               <el-radio :label="2" border>线下培训</el-radio>
             </el-radio-group>
@@ -44,6 +46,7 @@
             </div>
             <el-select v-model="formData.categoryId"
                        style="width:645px;"
+                       :disabled="showType"
                        placeholder="选择培训分类">
               <el-option
                 v-for="dict in optionListA"
@@ -62,6 +65,7 @@
             </div>
             <el-cascader
               style="width:645px;"
+              :disabled="showType"
               ref="deptCascader"
               @change="checkDept"
               v-model="formData.orgDeptId"
@@ -85,6 +89,7 @@
             </div>
             <el-date-picker
               style="width:645px;"
+              :disabled="showType"
               popper-class="trainingManagement-addPage-date-picker"
               v-model="formData.dateRange"
               type="datetimerange"
@@ -101,19 +106,19 @@
             <div class="rules-title-box" style="margin-bottom:10px;">
               <p>培训课件</p>
               <p>*</p>
-              <p @click="addBigItem()">添加课程</p>
+              <p @click="addBigItem()" v-if="!showType">添加课程</p>
             </div>
             <div class="list-title-box">
               <p>课件名称</p>
               <p>学时</p>
               <p>积分</p>
-              <p></p>
+              <p v-if="!showType"></p>
             </div>
             <div class="list-for-box" v-for="(item,index) in formData.coursewares" :key="index">
               <p>{{item.coursewareName}}</p>
               <p>{{item.creditHours}}学时</p>
               <p>{{item.points}}积分</p>
-              <p class="el-icon-circle-close" @click="delButton(index)"></p>
+              <p class="el-icon-circle-close" v-if="!showType" @click="delButton(index)"></p>
             </div>
             <p class="list-text-p" v-if="formData.coursewares[0]">学员每完成一个课件的学习，获得对应课件的学时和积分</p>
             <p class="list-null-p" v-if="!formData.coursewares[0]">暂无数据</p>
@@ -128,6 +133,7 @@
                   <p>*</p>
                 </div>
                 <el-select
+                  :disabled="showType"
                   style="width:645px;"
                   v-model="formData.speakerId"
                   filterable
@@ -153,6 +159,7 @@
               <div class="form-flex-box">
                 <el-form-item label=""  prop="locationBuildingId" class="form-item">
                   <el-select v-model="formData.locationBuildingId" ref="buildForm" placeholder="楼栋"
+                             :disabled="showType"
                              @change="changeBuild" style="width:205px;margin-right:15px;">
                     <el-option
                       v-for="dict in buildings"
@@ -164,6 +171,7 @@
                 </el-form-item>
                 <el-form-item label="" prop="locationFloorId" class="form-item">
                   <el-select v-model="formData.locationFloorId" ref="floorForm" placeholder="层数"
+                             :disabled="showType"
                              @change="changeFloor" style="width:205px;margin-right:15px;">
                     <el-option
                       v-for="dict in floors"
@@ -175,6 +183,7 @@
                 </el-form-item>
                 <el-form-item label="" prop="locationRoomId" class="form-item">
                   <el-select v-model="formData.locationRoomId" placeholder="房号"
+                             :disabled="showType"
                              @change="changeSub" style="width:205px;">
                     <el-option
                       v-for="dict in subOption"
@@ -194,6 +203,7 @@
                 <p>*</p>
               </div>
               <el-input-number v-model="formData.creditHours" controls-position="right"
+                               :disabled="showType"
                                style="width:645px;" :min="0" :max="9999"
                                :step="0.1" :precision="1" step-strictly
               ></el-input-number>
@@ -204,6 +214,7 @@
                 <p>*</p>
               </div>
               <el-input-number v-model="formData.points" controls-position="right"
+                               :disabled="showType"
                                style="width:645px;" :min="0.00" :max="9999"
                                :step="0.01" :precision="2" step-strictly
               ></el-input-number>
@@ -216,6 +227,7 @@
                 <p>*</p>
               </div>
               <el-input-number v-model="formData.trainingDurationMinutes" controls-position="right"
+                               :disabled="showType"
                                style="width:645px;" :min="0" :max="9999"
                                :step="1" :precision="0" step-strictly
               ></el-input-number>
@@ -228,6 +240,7 @@
             <p></p>
           </div>
           <el-switch
+            :disabled="showType"
             :active-value="1"
             :inactive-value="0"
             v-model="formData.proofRequired"
@@ -242,12 +255,13 @@
             <p>培训学员</p>
             <p>*</p>
           </div>
-          <el-radio-group v-model="formData.scopeType">
+          <el-radio-group v-model="formData.scopeType"
+                          :disabled="showType">
             <el-radio :label="1" border>全校</el-radio>
             <el-radio :label="2" border>指定范围</el-radio>
             <el-radio :label="3" border>指定人员</el-radio>
           </el-radio-group>
-          <span class="checkButton-p" v-if="formData.scopeType == 2 || formData.scopeType == 3" @click="openExamScopeDrawer()">选择</span>
+          <span class="checkButton-p" v-if="(formData.scopeType == 2 || formData.scopeType == 3) && !showType" @click="openExamScopeDrawer()">选择</span>
         </el-form-item>
         <!-- 考试范围表格（非全校时显示） -->
         <div class="scope-table-box" v-if="formData.scopeType == 2 || formData.scopeType == 3">
@@ -275,7 +289,7 @@
                 {{scope.row.academicYear?scope.row.academicYear:'-'}}
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="140" align="center">
+            <el-table-column label="操作" width="140" align="center" v-if="!showType">
               <template slot-scope="{ $index }">
                 <div class="table-button-box">
                   <p class="table-button-null"></p>
@@ -314,7 +328,7 @@
                 {{scope.row.academicYear?scope.row.academicYear:'-'}}
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="140" align="center">
+            <el-table-column label="操作" width="140" align="center" v-if="!showType">
               <template slot-scope="{ $index }">
                 <div class="table-button-box">
                   <p class="table-button-null"></p>
@@ -333,6 +347,7 @@
         </div>
         <el-form-item label="" prop="coverImage">
           <el-upload
+            :disabled="showType"
             style="width:300px;"
             accept=".jpg, .jpeg, .png"
             :action="uploadImgUrl"
@@ -356,6 +371,7 @@
         </div>
         <el-form-item label="" prop="detailContent">
           <tinymce-text
+            :disabled="showType"
             v-if="detailContentType"
             style="width:1325px;"
             v-model="formData.detailContent"
@@ -372,6 +388,7 @@
         <el-form-item label="" prop="attachmentPath">
           <el-upload
             style="width:1325px;"
+            :disabled="showType"
             accept=".pdf, .docx, .xlsx"
             :action="uploadImgUrl"
             :show-file-list="false"
@@ -397,6 +414,7 @@
             <p></p>
           </div>
           <el-switch
+            :disabled="showType"
             :active-value="1"
             :inactive-value="0"
             v-model="formData.publishStatus"
@@ -411,6 +429,7 @@
             <p></p>
           </div>
           <el-switch
+            :disabled="showType"
             :active-value="1"
             :inactive-value="0"
             v-model="formData.certificateEnabled"
@@ -423,6 +442,7 @@
           <el-form-item label="" class="form-item" prop="certificateTemplateId">
             <span style="margin-right:15px;">证书模板</span>
             <el-select v-model="formData.certificateTemplateId"  placeholder="房号"
+                       :disabled="showType"
                        style="width:300px;">
               <el-option
                 v-for="dict in optionListD"
@@ -1236,6 +1256,22 @@
       border-radius: 8px;
       border: 1px solid rgba(24, 87, 212, 0.12);
     }
+    ::v-deep .el-input.is-disabled .el-input__inner{
+      color:#333;
+    }
+    ::v-deep .el-range-editor.is-disabled input{
+      color:#333;
+    }
+    ::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner{
+      border-color: #1890ff;
+      background: #1890ff;
+    }
+    ::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner::after{
+      background-color: #F5F7FA;
+    }
+    ::v-deep .el-radio__input.is-disabled + span.el-radio__label{
+      color:#333;
+    }
   }
 </style>
 <style lang="scss">

src/views/safetyEducationExaminationNew/trainingManagement/trainingManagement/index.vue

@@ -86,7 +86,7 @@
         <el-table class="table-box" border :data="dataList">
           <el-table-column label="培训名称" prop="trainingName" show-overflow-tooltip>
             <template slot-scope="scope">
-              <span @click="tableButton(2)">{{scope.row.trainingName}}</span>
+              <span style="color:#1857d4;cursor: pointer" @click="tableButton(2,scope.row)">{{scope.row.trainingName}}</span>
             </template>
           </el-table-column>
           <el-table-column label="分类" prop="categoryName" width="140" show-overflow-tooltip>