完善文档

Author: cq-panda

Vol.Vue/src/extension/appmanager/App_Expert.js

@@ -44,9 +44,6 @@ let extension = {
       })
     },
     modelOpenAfter(row) {
-      if (this.$refs.modelBody) {
-        return console.log('forminited');
-      }
       console.log('form_undefined');
     }
   }

Vol.Vue/src/extension/system/Sys_Log.js

@@ -1,17 +1,23 @@
-let extension = {
-    components: {//动态扩充组件或组件路径
-        //表单header、content、footer对应位置扩充的组件
-        gridHeader:'',//{ template: "<div>扩展组xx件</div>" },
-        gridBody: '',
-        gridFooter: '',
-        //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
-        modelHeader: '',
-        modelBody: '',
-        modelFooter: ''
-    },
-    buttons: [],//扩展的按钮
-    methods: {//事件扩展
+import { Row } from "element-ui";
 
+let extension = {
+  components: {
+    //动态扩充组件或组件路径
+    //表单header、content、footer对应位置扩充的组件
+    gridHeader: "", //{ template: "<div>扩展组xx件</div>" },
+    gridBody: "",
+    gridFooter: "",
+    //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
+    modelHeader: "",
+    modelBody: "",
+    modelFooter: ""
+  },
+  buttons: [], //扩展的按钮
+  methods: {
+    //事件扩展
+    onInit() {
+      this.setFiexdSearchForm();
     }
+  }
 };
-export default extension;
+export default extension;

Vol.Vue/src/views/appmanager/App_Expert.vue

@@ -8,9 +8,11 @@
     <div>
         <view-grid :columns="columns"
                    :detail="detail"
-                   :editFormFileds="editFormFileds"
+                   :editFormFields="editFormFields"
+                   :editFormFileds="editFormFields"
                    :editFormOptions="editFormOptions"
-                   :searchFormFileds="searchFormFileds"
+                   :searchFormFields="searchFormFields"
+                   :searchFormFileds="searchFormFields"
                    :searchFormOptions="searchFormOptions"
                    :table="table"
                    :extend="extend">
@@ -36,14 +38,14 @@
                     sortName: "ExpertId"
                 },
                 extend: extend,
-                editFormFileds: {"ExpertName":"","Enable":"","City":"","CreateDate":"","Resume":"","HeadImageUrl":""},
+                editFormFields: {"ExpertName":"","Enable":"","City":"","CreateDate":"","Resume":"","HeadImageUrl":""},
                 editFormOptions: [[{"title":"名称","field":"ExpertName"},
                                {"dataKey":"enable","data":[],"title":"是否启用","required":true,"field":"Enable","type":"select"}],
                               [{"dataKey":"city","data":[],"title":"地区","field":"City","type":"select"},
                                {"title":"申请时间","field":"CreateDate","disabled":true}],
                               [{"title":"个人简介","field":"Resume","colSize":12,"type":"textarea"}],
                               [{"title":"头像","field":"HeadImageUrl","type":"img"}]],
-                searchFormFileds: {"ExpertName":"","AuditStatus":[],"ReallyName":"","IDNumber":"","Education":"","Professional":"","Company":"","City":[],"AuditDate":""},
+                searchFormFields: {"ExpertName":"","AuditStatus":[],"ReallyName":"","IDNumber":"","Education":"","Professional":"","Company":"","City":[],"AuditDate":""},
                 searchFormOptions: [[{"title":"名称","field":"ExpertName","type":"like"},{"title":"真实姓名","field":"ReallyName"},{"title":"身份证号","field":"IDNumber"}],[{"title":"学历","field":"Education","type":"text"},{"title":"职业","field":"Professional"},{"title":"所在公司","field":"Company"}],[{"dataKey":"audit","data":[],"title":"审核状态","field":"AuditStatus","type":"selectList"},{"dataKey":"city","data":[],"title":"地区","field":"City","type":"selectList"},{"title":"审核时间","field":"AuditDate","type":"datetime"}]],
                 columns: [{field:'ExpertId',title:'主键ID',type:'int',width:80,hidden:true,readonly:true,require:true,align:'left'},
                        {field:'User_Id',title:'申请人帐号Id',type:'int',width:90,hidden:true,align:'left'},

Vol.Vue/src/views/document/docApi/api.vue

@@ -10,8 +10,19 @@
     <div class="list">
       <Alert type="success" show-icon>
         关于组件
-        <span slot="desc">所有组件都是基于iviewui组件、table表使用element-ui进行的二次封装，目前使用只需要配置好JSON格式即可使用..</span>
+        <span slot="desc" >所有组件都是基于iviewui组件、table表使用element-ui进行的二次封装，目前使用只需要配置好JSON格式即可使用..</span>
       </Alert>
+      <Alert type="info" show-icon>
+           <span style="color: red;">   [FormFields]拼写错误兼容更新提示2020.09.13</span>
+        <div slot="desc" style="line-height: 2;font-size: 15px;margin-top: 20px;">
+          <p>如果是2020.09.13之后下载的项目或者2020.09.13后有更新过代码并且重新生成过vue页面,请忽略此提示</p>
+          <p
+          >由于框架FormFileds字段拼写错误，文档中editFormFileds已变修正editFormFields，searchFormFileds已变修正为searchFormFields</p>
+          <p >更新文件：<a  href="https://github.com/cq-panda/Vue.NetCore/releases/tag/v2.1.2" target="_blank">https://github.com/cq-panda/Vue.NetCore/releases/tag/v2.1.2</a></p>
+          <p style="color: red;">如果没有更新过项目,使用文档中searchFormFields、editFormFields对象时，修改拼写为searchFormFileds、editFormFileds，或者更新代码后再重新生成vue页面</p>
+        </div>
+      </Alert>
+
       <component v-bind:is="currentComponent"></component>
     </div>
   </div>
@@ -30,46 +41,47 @@ export default {
     voltable: () => import("./doc_table"),
     viewGrid: () => import("./doc_viewGridApi"),
     volupload: () => import("./doc_volupload"),
-    other: () => import("./doc_other")
+    other: () => import("./doc_other"),
   }, //
   methods: {
     toggleCom(index) {
       this.currentComponent = this.data[index].com_name;
       this.active = index;
-    }
+    },
   },
+  created() {},
   data() {
     return {
       active: 0,
       data: [
         {
           com_name: "Icons",
-          title: "图标组件"
+          title: "图标组件",
         },
         {
           com_name: "box",
-          title: "弹出框组件"
+          title: "弹出框组件",
         },
         {
           com_name: "DocForm",
-          title: "VolForm表单组件"
+          title: "VolForm表单组件",
         }, //
         {
           com_name: "VolHeader",
-          title: "VolHeader"
+          title: "VolHeader",
         },
         {
           com_name: "voltable",
-          title: "VolTable组件"
+          title: "VolTable组件",
         },
         {
           com_name: "viewGrid",
-          title: "代码生成页面ViewGrid"
+          title: "代码生成页面ViewGrid",
         },
         {
           com_name: "volupload",
-          title: "volupload上传组件"
-        }
+          title: "volupload上传组件",
+        },
         // {
         //   com_name: "volmenu",
         //   title: "菜单组件"
@@ -87,9 +99,9 @@ export default {
         //   title: "其它组件"
         // }
       ],
-      currentComponent: "Icons"
+      currentComponent: "Icons",
     };
-  }
+  },
 };
 </script>
 <style>

Vol.Vue/src/views/document/docApi/doc_volform.vue

@@ -15,7 +15,7 @@
       ref="myform"
       :label-width="150"
       :loadKey="true"
-      :formFileds="formFileds1"
+      :formFields="formFields1"
       :formRules="formRules1"
     ></VolForm>
     <div>
@@ -39,7 +39,7 @@ export default {
   },
   data() {
     return {
-      formFileds1: {
+      formFields1: {
         Variety: 1,
         AgeRange: "",
         DateRange: [],
@@ -98,7 +98,7 @@ export default {
             type: "phone",
             onKeyPress: $event => {
               if ($event.keyCode == 13) {
-                this.$Message.error(this.formFileds1.AgeRange + "");
+                this.$Message.error(this.formFields1.AgeRange + "");
               }
             }
           },

Vol.Vue/src/views/document/docApi/param.js

@@ -8,6 +8,7 @@ let param = {
             { name: "width", desc: "表单宽度", type: "number", default: "100%" },
             { name: "labelWidth", desc: "左边标签宽度", type: "number", default: "100" },
             { name: "formFileds", desc: "表单字段key/value，如:{name:'admin',age:''}", type: "json", default: "" },
+            { name: "formFields", desc: "<span style='color:red;'>表单字段同上（此属性用于兼容上面字段拼写错误的问题，2020.09.13更新后才能使用）</span>", type: "json", default: "" },
             { name: "disabled", desc: "是否只读", type: "bool", default: "false" },
             { name: "placeholder", desc: "标签提示文字", type: "string", default: "" },
             { name: "colSize", desc: "每行列的宽度，可选值:12,8,6,如果是12标签会占100%宽度", type: "number", default: "" },
@@ -224,8 +225,10 @@ let param = {
         attr: [{ name: "columns", desc: "查询页面table表的配置,如果满足不了业务,可参照VolTable参数动态扩展", type: "array", default: "[]" },
             { name: "detail", desc: "从表配置：{columns:[],sortName:''},columns从表table列配置,sortName从表排序字段", type: "json", default: "{}" },
             { name: "editFormFileds", desc: "编辑字段，可参照VolForm配置", type: "json", default: "{}" },
+            { name: "editFormFields", desc: "<span style='color:red;'>编辑字段同上（此属性用于兼容上面字段拼写错误的问题，2020.09.13更新后才能使用）</span>", type: "json", default: "" },
             { name: "editFormOptions", desc: "编辑配置,，可参照VolForm配置", type: "array", default: "[]" },
             { name: "searchFormFileds", desc: "查询字段，同上", type: "json", default: "{}" },
+            { name: "searchFormFields", desc: "<span style='color:red;'>查询字段同上（此属性用于兼容上面字段拼写错误的问题，2020.09.13更新后才能使用）</span>", type: "json", default: "" },
             { name: "searchFormOptions", desc: "查询配置，同上", type: "array", default: "[]" },
             {
                 name: "table",
@@ -1015,7 +1018,7 @@ let param = {
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//如果某些字段不需要重置，则可以重新赋值</span>
                 </div>
                 <div>
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormFileds</span>.<span style="color:#9cdcfe;">Remark</span>&nbsp;=&nbsp;<span style="color:#ce9178;">'新建重置默认值66666'</span>;
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormFields</span>.<span style="color:#9cdcfe;">Remark</span>&nbsp;=&nbsp;<span style="color:#ce9178;">'新建重置默认值66666'</span>;
                 </div>
                 <div>
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//给明细表添加默认一行</span>
@@ -1033,10 +1036,10 @@ let param = {
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#dcdcaa;">resetUpdateFormBefore</span>()&nbsp;{&nbsp;<span style="color:#6a9955;">//重置编辑表单前的内容</span>
                 </div>
                 <div>
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//this.editFormFileds当前值</span>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//this.editFormFields当前值</span>
                 </div>
                 <div>
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">console</span>.<span style="color:#dcdcaa;">log</span>(<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormFileds</span>)
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">console</span>.<span style="color:#dcdcaa;">log</span>(<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormFields</span>)
                 </div>
                 <div>
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//当前明细表的行</span>
@@ -1057,7 +1060,7 @@ let param = {
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//如果某些字段不需要重置，则可以重新赋值</span>
                 </div>
                 <div>
-                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormFileds</span>.<span style="color:#9cdcfe;">Remark</span>&nbsp;=&nbsp;<span style="color:#ce9178;">'编辑重置默认值66666'</span>;
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">editFormFields</span>.<span style="color:#9cdcfe;">Remark</span>&nbsp;=&nbsp;<span style="color:#ce9178;">'编辑重置默认值66666'</span>;
                 </div>
                 <div>
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//给明细表添加默认一行</span>