From 5f27a923d7e55db886bdf7ebd936fd2663a62fbb Mon Sep 17 00:00:00 2001
From: glj <13935964706@163.com>
Date: Fri, 12 Jul 2024 18:00:24 +0800
Subject: [PATCH] =?UTF-8?q?glj-=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/install/component/addInstall.vue  | 22 ++++++++++-----
 src/views/install/component/editInstall.vue | 30 ++++++++++++++-------
 src/views/install/index.vue                 |  1 +
 3 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/src/views/install/component/addInstall.vue b/src/views/install/component/addInstall.vue
index a7d1769..1927e1b 100644
--- a/src/views/install/component/addInstall.vue
+++ b/src/views/install/component/addInstall.vue
@@ -1,13 +1,18 @@
 <template>
 	<div class="system-add-role-container">
 		<el-dialog title="新增" v-model="state.isShowDialog" width="769px" draggable>
-			<el-form :model="state.ruleForm" size="default" label-width="90px" ref="roleRef" :rules="rules">
+			<el-form :model="state.ruleForm" size="default" label-width="100px" ref="roleRef" :rules="rules">
 				<el-row :gutter="35">
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="Image title" prop="title">
 							<el-input v-model="state.ruleForm.title" placeholder="title" clearable></el-input>
 						</el-form-item>
 					</el-col>
+					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+						<el-form-item label="Happen time" prop="happenTime">
+							<el-date-picker v-model="state.ruleForm.happenTime" type="dates" placeholder="Select occurrence date" />
+						</el-form-item>
+					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="images">
 							<el-upload class="avatar-uploader" :show-file-list="false" :auto-upload="true" :http-request="upLoadImg" :data="v" accept="image/*">
@@ -28,12 +33,12 @@
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="Sort">
 							<el-radio-group v-model="state.ruleForm.sort">
-								<el-radio style="margin-right:1rem" label="1" size="large" border>First</el-radio>
-								<el-radio style="margin-right:1rem" label="2" size="large" border>Second</el-radio>
-								<el-radio style="margin-right:1rem" label="3" size="large" border>Third</el-radio>
-								<el-radio style="margin-right:1rem" label="4" size="large" border>Fourth</el-radio>
-								<el-radio style="margin-right:1rem" label="5" size="large" border>Fifth</el-radio>
-								<el-radio style="margin-right:1rem" label="6" size="large" border>Sixth</el-radio>
+								<el-radio style="margin-right: 1rem" label="1" size="large" border>First</el-radio>
+								<el-radio style="margin-right: 1rem" label="2" size="large" border>Second</el-radio>
+								<el-radio style="margin-right: 1rem" label="3" size="large" border>Third</el-radio>
+								<el-radio style="margin-right: 1rem" label="4" size="large" border>Fourth</el-radio>
+								<el-radio style="margin-right: 1rem" label="5" size="large" border>Fifth</el-radio>
+								<el-radio style="margin-right: 1rem" label="6" size="large" border>Sixth</el-radio>
 							</el-radio-group>
 						</el-form-item>
 					</el-col>
@@ -101,6 +106,9 @@ const onSubmit = async (el) => {
 	if (!el) return;
 	await el.validate((valid, fields) => {
 		if (valid) {
+			let time = Date.parse(state.ruleForm.happenTime);
+			time = new Date(time);
+			state.ruleForm.happenTime = time;
 			addInstall(state.ruleForm).then((res) => {
 				ElMessage.success('新增成功');
 				emit('callback', res);
diff --git a/src/views/install/component/editInstall.vue b/src/views/install/component/editInstall.vue
index 160fed6..86fdf04 100644
--- a/src/views/install/component/editInstall.vue
+++ b/src/views/install/component/editInstall.vue
@@ -1,13 +1,23 @@
 <template>
 	<div class="system-add-role-container">
 		<el-dialog title="修改" v-model="state.isShowDialog" width="769px" draggable>
-			<el-form :model="state.ruleForm" size="default" label-width="90px" ref="roleRef" :rules="rules">
+			<el-form :model="state.ruleForm" size="default" label-width="100px" ref="roleRef" :rules="rules">
 				<el-row :gutter="35">
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="Image title" prop="title">
 							<el-input v-model="state.ruleForm.title" placeholder="title" clearable></el-input>
 						</el-form-item>
 					</el-col>
+					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
+						<el-form-item label="Happen time" prop="happenTime">
+							<el-date-picker
+								v-model="state.ruleForm.happenTime"
+								type="date"
+								value-format="YYYY-MM-DD"
+								placeholder="Select occurrence date"
+							/>
+						</el-form-item>
+					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="images">
 							<el-upload class="avatar-uploader" :show-file-list="false" :auto-upload="true" :http-request="upLoadImg" :data="v" accept="image/*">
@@ -28,12 +38,12 @@
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="Sort">
 							<el-radio-group v-model="state.ruleForm.sort">
-								<el-radio style="margin-right:1rem" label="1" size="large" border>First</el-radio>
-								<el-radio style="margin-right:1rem" label="2" size="large" border>Second</el-radio>
-								<el-radio style="margin-right:1rem" label="3" size="large" border>Third</el-radio>
-								<el-radio style="margin-right:1rem" label="4" size="large" border>Fourth</el-radio>
-								<el-radio style="margin-right:1rem" label="5" size="large" border>Fifth</el-radio>
-								<el-radio style="margin-right:1rem" label="6" size="large" border>Sixth</el-radio>
+								<el-radio style="margin-right: 1rem" label="1" size="large" border>First</el-radio>
+								<el-radio style="margin-right: 1rem" label="2" size="large" border>Second</el-radio>
+								<el-radio style="margin-right: 1rem" label="3" size="large" border>Third</el-radio>
+								<el-radio style="margin-right: 1rem" label="4" size="large" border>Fourth</el-radio>
+								<el-radio style="margin-right: 1rem" label="5" size="large" border>Fifth</el-radio>
+								<el-radio style="margin-right: 1rem" label="6" size="large" border>Sixth</el-radio>
 							</el-radio-group>
 						</el-form-item>
 					</el-col>
@@ -68,7 +78,7 @@ const state = reactive({
 	ruleForm: {
 		title: '',
 		link: '',
-		sort: "",
+		sort: '',
 		isLink: 1,
 		images: null,
 	},
@@ -86,10 +96,10 @@ const openDialog = (row) => {
 		}
 		if (da.link) {
 			state.ruleForm.isLink = 1;
-		}else{
+		} else {
 			state.ruleForm.isLink = 0;
 		}
-		console.log(state.ruleForm,"state.ruleForm");
+		console.log(state.ruleForm, 'state.ruleForm');
 	});
 };
 //上传
diff --git a/src/views/install/index.vue b/src/views/install/index.vue
index 0a09f01..e5a5b50 100644
--- a/src/views/install/index.vue
+++ b/src/views/install/index.vue
@@ -30,6 +30,7 @@
 								</template>
 							</el-table-column>
 							<el-table-column prop="title" label="Rotation title"> </el-table-column>
+							<el-table-column prop="happenTime" label="Happen time"> </el-table-column>
 							<el-table-column prop="link" label="Jump link"></el-table-column>
 							<el-table-column label="Operate" width="140">
 								<template #default="scope">