general-basic-form 1.0.20 → 1.0.24

package/README.md

@@ -24,9 +24,12 @@
         size="small"
         ref="generalBasicForm"
         :labelWidth="formLabelWidth"
+        :formData: {
+          // 外部传入的表单数据，用于回填
+        }
         noUrlParameters
       />
-
+    
       <style lang="scss" scoped>
       :deep {
         .el-form-item {
@@ -43,7 +46,7 @@
           if (valid) { ...}
         }
       );
-      
+
 ![image-20211014191532067](https://raw.githubusercontent.com/Alan1034/PicturesServer/main/PicGo_imgs/202110141915657.png)
 
 数据示例:
@@ -88,6 +91,20 @@
           type: "date-picker",
           "value-format": "yyyyMMdd"
         },
+        {
+          label: "二次工艺成本价格（人民币分）",
+          prop: "spCost",
+          type: "input-number",
+          "controls-position": "right",
+          min: 0,
+          rules: [
+            {
+              required: true,
+              message: "请输入二次工艺成本价格",
+              trigger: "blur",
+            },
+          ],
+        },
         {
           label: "分类",
           prop: "分类",
@@ -159,9 +176,9 @@
       //分别支持input输入框，select单选框，date-picker日期选择器，cascader层级选择器 四种组件
       
       //date-picker可以传入'start-placeholder'和'end-placeholder'，其他组件支持placeholder传入
-
+    
       //rules为表单校验规则，每个组件都可以传入
-
+    
       //input支持template,支持以下几个属性：
       //prefix	输入框头部内容，只对 type="text"（默认） 有效
       //suffix	输入框尾部内容，只对 type="text" 有效

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "general-basic-form",
-  "version": "1.0.20",
+  "version": "1.0.24",
   "description": "",
   "main": "./src/index.js",
   "scripts": {

package/src/GeneralBasicForm.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: 陈德立*******419287484@qq.com
  * @Date: 2021-08-20 17:14:53
- * @LastEditTime: 2021-11-10 11:49:15
+ * @LastEditTime: 2021-11-23 17:49:55
  * @LastEditors: 陈德立*******419287484@qq.com
  * @Github: https://github.com/Alan1034
  * @Description: 
@@ -90,6 +90,7 @@
         :min="item.min"
         :max="item.max"
         :controls-position="item['controls-position']"
+        :step-strictly="item['step-strictly']"
       />
     </el-form-item>
     <slot></slot>
@@ -156,7 +157,7 @@ export default {
     formData: {
       // 外部传入的表单数据，用于回填
       type: Object,
-      default: {},
+      default: () => {},
     },
   },
   data() {
@@ -231,6 +232,9 @@ export default {
           query: { ...params },
         });
       }
+      this.queryParams = {
+        ...(this.noUrlParameters ? {} : this.$route?.query),
+      };
       this.handleQuery();
     },
     currentInputComponent() {
@@ -240,10 +244,8 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-:deep {
-  .el-form-item {
-    margin-bottom: 3px;
-  }
+<style scoped>
+.el-form-item {
+  margin-bottom: 2px !important;
 }
 </style>