更新

src/views/system/themeManage/form.vue

@@ -13,7 +13,12 @@ const formRules = ref({
   auxiliary_color: [
     { required: true, message: "请选择辅助色值", trigger: "change" }
   ],
-
+  begin_time: [
+    { required: true, message: "请选择开始时间", trigger: "change" }
+  ],
+  end_time: [
+    { required: true, message: "请选择结束时间", trigger: "change" }
+  ],
   theme_name: [{ required: true, message: "请输入主题名称", trigger: "blur" }],
 });
 const props = defineProps(["formInline"]);
@@ -65,17 +70,9 @@ defineExpose({ getRef });
       <el-color-picker v-model="newFormInline.auxiliary_color"></el-color-picker>
     </el-form-item>
     <el-form-item label="文件地址" prop="file_url">
-      <el-upload
-  class="upload-demo"
-  drag
-  :limit="1"
-   name="files"
-   accept=".zip"
-   :headers="{ Authorization: getToken().accessToken }"
-  action="/adminapi/UploadFile/file_upload"
-   :on-exceed="onExceed"
-    :on-success="handleFileSuccess"
-  >
+      <el-upload class="upload-demo" drag :limit="1" name="files" accept=".zip"
+        :headers="{ Authorization: getToken().accessToken }" action="/adminapi/UploadFile/file_upload"
+        :on-exceed="onExceed" :on-success="handleFileSuccess">
         <i class="el-icon-upload"></i>
         <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
       </el-upload>
@@ -86,5 +83,13 @@ defineExpose({ getRef });
         <el-radio label="使用" :value="1" />
       </el-radio-group>
     </el-form-item>
+    <el-form-item label="开始时间" prop="begin_time">
+      <el-date-picker clearable v-model="newFormInline.begin_time" type="datetime" :placeholder="`请选择开始时间`"
+        format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" />
+    </el-form-item>
+    <el-form-item label="结束时间" prop="end_time">
+      <el-date-picker clearable v-model="newFormInline.end_time" type="datetime" :placeholder="`请选择结束时间`"
+        format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" />
+    </el-form-item>
   </el-form>
 </template>

src/views/system/themeManage/hook.tsx

@@ -1,7 +1,7 @@
 import { ref, h } from "vue";
 import editForm from "./form.vue";
 import { message } from "@/utils/message";
-import { ElMessageBox } from "element-plus";
+// import { ElMessageBox } from "element-plus";
 import {
   getThemeList,
   addThemeData,
@@ -110,7 +110,9 @@ export function useData() {
           theme_color: rowData?.theme_color ?? "",
           auxiliary_color: rowData?.auxiliary_color ?? "",
           file_url: rowData?.file_url ?? "",
-          is_active: rowData?.is_active ?? ""
+          is_active: rowData?.is_active ?? "",
+          begin_time: rowData?.begin_time ?? "",
+          end_time: rowData?.end_time ?? ""
         }
       },
       width: "40%",