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