更新

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() {
@@ -34,10 +38,10 @@ function getRef() {
 function chanageEditorValue(val) {
   newFormInline.value.content = val
 }
-function onExceed () {
+function onExceed() {
   message("最多上传1个文件，请先删除在上传");
 };
-function handleFileSuccess  ({ data, code }, file, fileList) {
+function handleFileSuccess({ data, code }, file, fileList) {
   // console.log(file)
   // console.log(fileList)
   // debugger
@@ -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">