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