上传

src/views/Home/Salary/Comp/DialogCreateSalary.vue

@@ -10,13 +10,51 @@
       </el-row>
       <el-row :gutter="20">
         <el-col :span="12" :offset="0">
-          <el-form-item label="导入奖金" size="normal">
-            <UploadFile v-model="formData.files1" :limit="1" :isShowTip="false" />
+          <el-form-item label="导入奖金">
+            <UploadFile
+              v-model="formData.files1"
+              :limit="1"
+              :fileType="['xls', 'xlsx']"
+              accept=".xls,.xlsx"
+              :isShowTip="false"
+            >
+              <template #tip>
+                <div>
+                  <el-link
+                    type="primary"
+                    :underline="false"
+                    href="https://ss-cloud.ahduima.com/1011/1808052748575576064.pdf"
+                    target="_blank"
+                  >
+                    点击下载模板文件
+                  </el-link>
+                </div>
+              </template>
+            </UploadFile>
           </el-form-item>
         </el-col>
         <el-col :span="12" :offset="0">
-          <el-form-item label="导入考勤" size="normal">
-            <UploadFile v-model="formData.files2" :limit="1" :isShowTip="false" />
+          <el-form-item label="导入考勤" prop="files2">
+            <UploadFile
+              v-model="formData.files2"
+              :limit="1"
+              :fileType="['xls', 'xlsx']"
+              accept=".xls,.xlsx"
+              :isShowTip="false"
+            >
+              <template #tip>
+                <div>
+                  <el-link
+                    type="primary"
+                    :underline="false"
+                    href="https://ss-cloud.ahduima.com/1011/1808052748575576064.pdf"
+                    target="_blank"
+                  >
+                    点击下载模板文件
+                  </el-link>
+                </div>
+              </template>
+            </UploadFile>
           </el-form-item>
         </el-col>
       </el-row>
@@ -24,9 +62,7 @@
     <template #footer>
       <span>
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" :disabled="formLoading" @click="handleSave">
-          确 认 生 成
-        </el-button>
+        <el-button type="primary" :disabled="formLoading" @click="handleSave"> 确认生成 </el-button>
       </span>
     </template>
   </Dialog>
@@ -39,10 +75,22 @@ const formData = ref({})
 
 const formLoading = ref(false)
 
-const rules = {}
+const rules = {
+  yearmonth: { required: true, message: '年月不可为空', trigger: 'blur,change' },
+  files2: { required: true, message: '考勤文件不可为空', trigger: 'blur,change' }
+}
 
 function open() {
   dialogVisible.value = true
+  resetForm()
+}
+
+function resetForm() {
+  formData.value = {
+    yearmonth: new Date().getFullYear(),
+    files1: '',
+    files2: ''
+  }
 }
 
 defineExpose({ open })