InteSecurePlatform.git

			@@ -1,6 +1,6 @@
			<template>
			<div class="home-container">
			<el-scrollbar height="100%">
			<div style="height: 100%">
			<el-row class="homeCard">
			<el-col :span="8">
			<div class="grid-content topInfo">
			@@ -24,12 +24,14 @@
			ref="multipleTableRef"
			:data="tableData"
			style="width: 100%"
			height="calc(100% - 100px)"
			:header-cell-style="{background: '#fafafa'}"
			@selection-change="handleSelectionChange"
			>
			<el-table-column type="selection" width="55" />
			<el-table-column property="name" label="休息日名称"/>
			<el-table-column property="type" label="休息类型"/>
			<el-table-column property="info" label="描述信息"/>
			<el-table-column fixed="right" label="操作" align="center" width="250">
			<template #default="scope">
			<el-button link type="primary" size="small" :icon="View" @click="viewRecord(scope.row)">查看</el-button>
			@@ -38,22 +40,22 @@
			</template>
			</el-table-column>
			</el-table>
			</div>
			<div class="pageBtn">
			<el-pagination
			v-model:currentPage="currentPage"
			v-model:page-size="pageSize"
			:page-sizes="[10, 15]"
			small=false
			background
			layout="total, sizes, prev, pager, next, jumper"
			:total="100"
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			/>
			<div class="pageBtn">
			<el-pagination
			v-model:currentPage="currentPage"
			v-model:page-size="pageSize"
			:page-sizes="[10, 15]"
			small=false
			background
			layout="total, sizes, prev, pager, next, jumper"
			:total="100"
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			/>
			</div>
			</div>
			</div>
			</el-scrollbar>
			</div>
			<el-dialog v-model="dialogDetails" title="休息日详情">
			<el-form :model="details" label-width="120px">
			<el-form-item label="名称">
			@@ -145,171 +147,175 @@
			interface type {

			}
			// export default defineComponent({
			// name: 'workCheckinRecord',
			// setup() {
			const userInfo = useUserInfo()
			const { userInfos } = storeToRefs(userInfo);
			const state = reactive<stateType>({});
			const currentPage = ref(1)
			const pageSize = ref(10)
			const chosenIndex = ref(-1)
			const handleSizeChange = (val: number) => {
			console.log(`${val} items per page`)
			const userInfo = useUserInfo()
			const { userInfos } = storeToRefs(userInfo);
			const state = reactive<stateType>({});
			const currentPage = ref(1)
			const pageSize = ref(10)
			const chosenIndex = ref(-1)
			const handleSizeChange = (val: number) => {
			console.log(`${val} items per page`)
			}
			const handleCurrentChange = (val: number) => {
			console.log(`current page: ${val}`)
			}
			const casProps = {
			expandTrigger: 'hover',
			}
			const tableData = reactive(
			[
			{
			name: '周末休息',
			type: '每周公休假日',
			content: ''
			},
			{
			name: '节假日休息',
			type: '每年法定节假日',
			content: ''
			},
			{
			name: '每周一、周四休息',
			type: '自定义休息日,每周',
			content: ['周一','周四']
			},
			{
			name: '每月休息日休息',
			type: '自定义休息日,每月',
			content: ['5','15','25']
			}
			const handleCurrentChange = (val: number) => {
			console.log(`current page: ${val}`)
			}
			const casProps = {
			expandTrigger: 'hover',
			}
			const tableData = reactive(
			[
			{
			name: '周末休息',
			type: '每周公休假日',
			content: ''
			},
			{
			name: '节假日休息',
			type: '每年法定节假日',
			content: ''
			},
			{
			name: '每周一、周四休息',
			type: '自定义休息日,每周',
			content: ['周一','周四']
			},
			{
			name: '每月休息日休息',
			type: '自定义休息日,每月',
			content: ['5','15','25']
			}
			]
			)
			const holidayList =reactive([
			]
			)
			const holidayList =reactive([
			{
			value: '每周公休假日',
			label: '每周公休假日'
			},
			{
			value: '每年法定节假日',
			label: '每年法定节假日'
			},
			{
			value: '自定义休息日',
			label: '自定义休息日',
			children: [
			{
			value: '每周公休假日',
			label: '每周公休假日'
			value: '每周',
			label: '每周',
			},
			{
			value: '每年法定节假日',
			label: '每年法定节假日'
			},
			{
			value: '自定义休息日',
			label: '自定义休息日',
			children: [
			{
			value: '每周',
			label: '每周',
			},
			{
			value: '每月',
			label: '每月',
			}
			]
			value: '每月',
			label: '每月',
			}
			])
			const handleChange = (value) => {
			addRecord.value.content = []
			console.log(JSON.parse(JSON.stringify(value)))
			]
			}
			])
			const handleChange = (value) => {
			addRecord.value.content = []
			console.log(JSON.parse(JSON.stringify(value)))
			}
			const weekDays = reactive(['周一','周二','周三','周四','周五','周六','周日'])
			const addRef = ref<FormInstance>()
			const addRules = reactive<FormRules>({
			name:[{required: true, message: '该内容不能为空',trigger:'blur'}],
			type:[{required: true, message: '该内容不能为空',trigger:'blur'}],
			content:[{required: true, message: '该内容不能为空'}]
			})
			const dialogDetails = ref(false)
			const dialogAddRecord = ref(false)
			const deleteDialog = ref(false)
			const addRecord = ref({})
			const details = ref({})
			const viewRecord = (row) =>{
			details.value = JSON.parse(JSON.stringify(row))
			dialogDetails.value = true
			}
			const deleteRecord = (index) =>{
			chosenIndex.value = index
			deleteDialog.value = true
			}
			const conFirmDelete = ()=> {
			tableData.splice(chosenIndex.value,1)
			deleteDialog.value = false
			}
			const confirmAddRecord = async (formEl: FormInstance \| undefined) =>{
			if (!formEl) return
			await formEl.validate((valid, fields) => {
			if (valid) {
			if(chosenIndex.value == -1){
			tableData.unshift(addRecord.value)
			}else{
			tableData[chosenIndex.value] = addRecord.value
			}
			dialogAddRecord.value =false
			} else {
			console.log('error submit!', fields)
			}
			const weekDays = reactive(['周一','周二','周三','周四','周五','周六','周日'])
			const addRef = ref<FormInstance>()
			const addRules = reactive<FormRules>({
			name:[{required: true, message: '该内容不能为空',trigger:'blur'}],
			type:[{required: true, message: '该内容不能为空',trigger:'blur'}],
			content:[{required: true, message: '该内容不能为空'}]
			})
			const dialogDetails = ref(false)
			const dialogAddRecord = ref(false)
			const deleteDialog = ref(false)
			const addRecord = ref({})
			const details = ref({})
			const viewRecord = (row) =>{
			details.value = JSON.parse(JSON.stringify(row))
			dialogDetails.value = true
			}
			const deleteRecord = (index) =>{
			chosenIndex.value = index
			deleteDialog.value = true
			}
			const conFirmDelete = ()=> {
			tableData.splice(chosenIndex.value,1)
			deleteDialog.value = false
			}
			const confirmAddRecord = async (formEl: FormInstance \| undefined) =>{
			if (!formEl) return
			await formEl.validate((valid, fields) => {
			if (valid) {
			if(chosenIndex.value == -1){
			tableData.unshift(addRecord.value)
			}else{
			tableData[chosenIndex.value] = addRecord.value
			}
			dialogAddRecord.value =false
			} else {
			console.log('error submit!', fields)
			}
			})
			})

			}
			const closeAdd =()=>{
			addRecord.value={}
			chosenIndex.value = -1
			}
			const indexClear = ()=>{
			chosenIndex.value = -1
			}
			const editRecord =(index, row)=>{
			dialogAddRecord.value = true
			chosenIndex.value = index
			addRecord.value = JSON.parse(JSON.stringify(row))
			}
			// 折线图
			const renderMenu = async (value: string) => {
			Session.set('projectId',value)
			userInfos.value.projectId = value
			await initBackEndControlRoutes();
			};
			// return {
			// renderMenu,
			// multipleTableRef,
			// tableData,
			// currentPage,
			// pageSize,
			// dialogDetails,
			// details,
			// deleteDialog,
			// dialogAddRecord,
			// viewRecord,
			// deleteRecord,
			// handleSizeChange,
			// handleCurrentChange,
			// Plus,
			// Edit,
			// Delete,
			// Search,
			// Download,
			// handleSelectionChange,
			// Refresh,
			// ...toRefs(state),
			// };
			// },
			// });
			}
			const closeAdd =()=>{
			addRecord.value={}
			chosenIndex.value = -1
			}
			const indexClear = ()=>{
			chosenIndex.value = -1
			}
			const editRecord =(index, row)=>{
			dialogAddRecord.value = true
			chosenIndex.value = index
			addRecord.value = JSON.parse(JSON.stringify(row))
			}
			// 折线图
			const renderMenu = async (value: string) => {
			Session.set('projectId',value)
			userInfos.value.projectId = value
			await initBackEndControlRoutes();
			};
			</script>

			<style scoped lang="scss">
			$homeNavLengh: 8;
			.home-container {
			height: 100%;
			height: calc(100vh - 114px);
			box-sizing: border-box;
			overflow: hidden;
			.homeCard{
			width: 100%;
			padding: 20px;
			box-sizing: border-box;
			background: #fff;
			border-radius: 4px;

			.main-card{
			width: 100%;
			height: 100%;
			.cardTop{
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;
			.mainCardBtn{
			margin: 0;
			}
			}
			.pageBtn{
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: right;

			.demo-pagination-block + .demo-pagination-block {
			margin-top: 10px;
			}
			.demo-pagination-block .demonstration {
			margin-bottom: 16px;
			}
			}
			}
			&:last-of-type{
			height: calc(100% - 100px);
			}
			}
			.el-row{
			display: flex;
			@@ -333,37 +339,6 @@
			white-space: nowrap;
			margin-right: 20px;
			}
			}
			}
			.mainPages{
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			}
			.main-card{
			width: 100%;
			.cardTop{
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;
			.mainCardBtn{
			margin: 0;
			}
			}
			}
			.pageBtn{
			display: flex;
			align-items: center;
			justify-content: right;
			margin-top: 20px;

			.demo-pagination-block + .demo-pagination-block {
			margin-top: 10px;
			}
			.demo-pagination-block .demonstration {
			margin-bottom: 16px;
			}
			}
			}