You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
352 lines
8.9 KiB
352 lines
8.9 KiB
2 years ago
|
<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>
|