4 changed files with 354 additions and 2 deletions
			
			
		| @ -0,0 +1,351 @@ | |||
| <template> | |||
|   <div class="project"> | |||
|     <el-table | |||
|       :data="tableData" | |||
|       style="width: 100%" | |||
|     > | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="projectName" | |||
|         label="检查项目" | |||
|         width="150" | |||
|       /> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Mon" | |||
|         label="周一" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.monFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.monAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Tues" | |||
|         label="周二" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.tuesFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.tuesAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Wed" | |||
|         label="周三" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.webFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.webAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Thur" | |||
|         label="周四" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.thurFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.thurAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Fri" | |||
|         label="周五" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.friFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.friAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Sat" | |||
|         label="周六" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.satFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.satAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Sun" | |||
|         label="周日" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="上午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.sunFront" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           label="下午" | |||
|           align="center" | |||
|           label-class-name="checkFont" | |||
|           width="50" | |||
|         > | |||
|           <template slot-scope="scope"> | |||
|             <el-checkbox v-model="scope.row.sunAfter" /> | |||
|           </template> | |||
|         </el-table-column> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Sun" | |||
|         label="上班时间" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           prop="Sun" | |||
|           label="上午" | |||
|           align="center" | |||
|         /> | |||
|         <template slot-scope="scope"> | |||
|           <input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> | |||
|         </template> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Sun" | |||
|         label="上班时间" | |||
|         align="center" | |||
|       > | |||
|         <el-table-column | |||
|           :resizable="false" | |||
|           prop="Sun" | |||
|           label="下午" | |||
|           align="center" | |||
|         /> | |||
|         <template slot-scope="scope"> | |||
|           <input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> | |||
|         </template> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Sun" | |||
|         label="时间间隔" | |||
|         align="center" | |||
|       > | |||
|         <template slot-scope="scope"> | |||
|           <input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> | |||
|         </template> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         prop="Sun" | |||
|         label="人数上限" | |||
|         align="center" | |||
|       > | |||
|         <template slot-scope="scope"> | |||
|           <input class="checkTime" type="checkbox" :ischecked="scope.row.SunTime"> | |||
|         </template> | |||
|       </el-table-column> | |||
|       <el-table-column | |||
|         :resizable="false" | |||
|         label="操作" | |||
|         align="center" | |||
|         width="150px" | |||
|       > | |||
|         <template slot-scope="scope"> | |||
|           <span | |||
|             style="color: #1890ff; padding-right: 8px;cursor: pointer" | |||
|             class="call" | |||
|             @click="editOpera(scope.row)" | |||
|           >修改</span> | |||
|           <span | |||
|             style="color: #FF4D4F; padding-right: 8px;cursor: pointer" | |||
|             class="call" | |||
|             @click="cancelClick(scope.row)" | |||
|           >取消</span> | |||
|         </template> | |||
|       </el-table-column> | |||
|     </el-table> | |||
|     <add-project :is-show="addShow" @close="closeDialog" /> | |||
|   </div> | |||
| </template> | |||
| 
 | |||
| <script> | |||
| import AddProject from '@/page-subspecialty/views/modules/nurseManagement/addProject.vue' | |||
| 
 | |||
| export default { | |||
|   name: 'SubSetting', | |||
|   components: { AddProject }, | |||
|   data() { | |||
|     return { | |||
|       addShow: false, | |||
|       tableData: [ | |||
|         { | |||
|           projectName: '视诱发电位', | |||
|           monFront: false, | |||
|           monAfter: false, | |||
|           tuesFront: false, | |||
|           tuesAfter: false, | |||
|           webFront: false, | |||
|           webAfter: false, | |||
|           thurFront: false, | |||
|           thurAfter: false, | |||
|           friFront: false, | |||
|           friAfter: false, | |||
|           satFront: false, | |||
|           satAfter: false, | |||
|           sunFront: false, | |||
|           sunAfter: false | |||
|         }, { | |||
|           projectName: '电脑视野计检查', | |||
|           MonTime: false, | |||
|           TuesTime: false, | |||
|           WedTime: false, | |||
|           ThurTime: false, | |||
|           FriTime: false, | |||
|           SatTime: false, | |||
|           SunTime: false | |||
|         } | |||
|       ] | |||
|     } | |||
|   }, | |||
|   methods: { | |||
|     editOpera() { | |||
|       this.addShow = true | |||
|     }, | |||
|     cancelClick() {}, | |||
|     closeDialog(val) { | |||
|       this.addShow = val | |||
|     } | |||
|   } | |||
| } | |||
| </script> | |||
| 
 | |||
| <style lang="scss" scoped> | |||
| ::v-deep .checkFont{ | |||
|   font-size: 12px !important; | |||
| } | |||
| .project{ | |||
|   padding: 10px 20px; | |||
|   background: #fff; | |||
| } | |||
| </style> | |||
					Loading…
					
					
				
		Reference in new issue