refactor(CURD): ♻️ 优化和修改使用示例

src/components/CURD/PageContent.vue

@@ -245,7 +245,7 @@
             </template>
             <!-- 格式化为百分比 -->
             <template v-else-if="col.templet === 'percent'">
-              <template v-if="col.prop"> {{ scope.row[col.prop] }}% </template>
+              <template v-if="col.prop">{{ scope.row[col.prop] }}%</template>
             </template>
             <!-- 显示图标 -->
             <template v-else-if="col.templet === 'icon'">
@@ -448,7 +448,8 @@
             >
               <el-icon class="el-icon--upload"><upload-filled /></el-icon>
               <div class="el-upload__text">
-                将文件拖到此处，或<em>点击上传</em>
+                <span>将文件拖到此处，或</span>
+                <em>点击上传</em>
               </div>
               <template #tip>
                 <div class="el-upload__tip">

src/components/CURD/PageForm.vue

@@ -149,7 +149,7 @@ prepareFuncs.forEach((func) => func());
 
 // 获取表单数据
 function getFormData(key?: string) {
-  return key === undefined ? formData : formData[key] ?? undefined;
+  return key === undefined ? formData : (formData[key] ?? undefined);
 }
 
 // 设置表单值

src/components/CURD/PageModal.vue

@@ -133,7 +133,7 @@
       <template #footer>
         <div>
           <el-button type="primary" @click="handleSubmit">确 定</el-button>
-          <el-button @click="handleCloseModal">取 消</el-button>
+          <el-button @click="handleClose">取 消</el-button>
         </div>
       </template>
     </el-drawer>
@@ -285,7 +285,7 @@
       <template #footer>
         <div style="padding-right: var(--el-dialog-padding-primary)">
           <el-button type="primary" @click="handleSubmit">确 定</el-button>
-          <el-button @click="handleCloseModal">取 消</el-button>
+          <el-button @click="handleClose">取 消</el-button>
         </div>
       </template>
     </el-dialog>
@@ -399,15 +399,19 @@ const handleSubmit = useThrottleFn(() => {
         }
         ElMessage.success(msg);
         emit("submitClick");
-        handleCloseModal();
+        handleClose();
       });
     }
   });
 }, 3000);
 
+// 隐藏弹窗
+function handleClose() {
+  modalVisible.value = false;
+}
+
 // 关闭弹窗
 function handleCloseModal() {
-  modalVisible.value = false;
   formRef.value?.resetFields();
   nextTick(() => {
     formRef.value?.clearValidate();