更新

src/views/system/themeManage/form.vue

@@ -13,7 +13,10 @@ const formRules = ref({
   auxiliary_color: [
     { required: true, message: "请选择辅助色值", trigger: "change" }
   ],
-
+  file_url: [{ required: true, message: "请输入文件地址", trigger: "blur" }],
+  times: [
+    { required: true, message: "请选择有效期", trigger: "change" }
+  ],
   theme_name: [{ required: true, message: "请输入主题名称", trigger: "blur" }],
 });
 const props = defineProps(["formInline"]);
@@ -25,7 +28,8 @@ const newFormInline = ref(
       theme_color: "",
       auxiliary_color: "",
       file_url: "",
-      is_active: 0
+      is_active: 0,
+      times: []
     }
 );
 function getRef() {
@@ -65,20 +69,12 @@ 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"
-  >
-  <i class="el-icon-upload"></i>
-  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-</el-upload>
+      <el-input v-model="newFormInline.file_url" placeholder="请输入文件地址"></el-input>
+    </el-form-item>
+    <el-form-item label="有效期" prop="times">
+      <el-date-picker format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="newFormInline.times" type="daterange"
+        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+      </el-date-picker>
     </el-form-item>
     <el-form-item label="使用状态" prop="is_active">
       <el-radio-group v-model="newFormInline.is_active">

src/views/system/themeManage/hook.tsx

@@ -109,7 +109,8 @@ 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 ?? "",
+          times: [rowData?.begin_time ?? "", rowData?.end_time ?? ""]
         }
       },
       width: "40%",
@@ -143,14 +144,15 @@ export function useData() {
         };
         FormRef.validate(valid => {
           if (valid) {
-            console.log("curData", curData);
+            let formData = { ...curData, begin_time: curData.times.length ? curData.times[0] : '', end_time: curData.times.length ? curData.times[1] : '' }
+            delete formData.times
             // 表单规则校验通过
             if (title === "新增") {
               // 实际开发先调用新增接口，再进行下面操作
-              saveData(curData);
+              saveData(formData);
             } else {
               // 实际开发先调用修改接口，再进行下面操作
-              updateData(curData);
+              updateData(formData);
             }
           }
         });