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