Skip to content

Commit 798b760

Browse files
committed
增加treetable使用文档及完善其他文档使用
1 parent c43c3cf commit 798b760

File tree

8 files changed

+138
-278
lines changed

8 files changed

+138
-278
lines changed

Vol.Vue/src/router/form.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,5 +70,10 @@ let form = [
7070
name: 'treetable2',
7171
component: () => import('@/views/treetable/treetable2.vue')
7272
}
73+
, {
74+
path: '/treetable3',
75+
name: 'treetable3',
76+
component: () => import('@/views/treetable/treetable3.vue')
77+
}
7378
]
7479
export default form

Vol.Vue/src/router/viewGird.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,10 @@ let viewgird = [
1616
path: '/Sys_Role',
1717
name: 'Sys_Role',
1818
component: () => import('@/views/system/Sys_Role.vue')
19+
} ,{
20+
path: '/Sys_Role1',
21+
name: 'Sys_Role1',
22+
component: () => import('@/views/system/Sys_Role1.vue')
1923
}
2024
,{
2125
path: '/Sys_DictionaryList',

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@
1616
:loadKey="true"
1717
:formFields="formFields1"
1818
:formRules="formRules1"></VolForm>
19-
<div>
19+
<div style="text-align: center;">
2020
<Button type="info"
21-
long
21+
2222
@click="reset">重置表单</Button>
2323
</div>
2424
<div>
@@ -159,7 +159,6 @@ export default {
159159
{
160160
title: "邮箱",
161161
field: "mail",
162-
range: true, //设置为true可以选择开始与结束日期
163162
required: false,
164163
type: "mail"
165164
}

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

Lines changed: 29 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const param = {
2525
{ name: "field", desc: "字段,与表单字段必须相同", type: "string", default: "" },
2626
{ name: "filter", desc: "启用搜索,只对select/selectList生效,默认下拉框数据源超出10个开启搜索", type: "bool", default: "false" },
2727
{ name: "type", desc: "渲染的标签类型,可选值,mail、text、textarea、img、checkbox、number、decimal、date、datetime、phone、switch、select、selectList(多选下拉框)、cascader(Iview级联组件,具体配置见上面[查看代码],2020.05.31)", type: "string", default: "text" },
28-
{ name: "range", desc: "如果type是日期,需要选开始与结束日期", type: "bool", default: "false" },
28+
{ name: "range", desc: "如果type是日期,需要选开始与结束日期,(2021.05.02增加区间文本)", type: "bool", default: "false" },
2929
{ name: "min", desc: "1、数字类型标签:最小值,如果是type=number(整数)类型,默认验证最小值是1(decimal最小默认值0.1),如果在代码生后的页面需要修改默认值,在扩展js的方法onInit中遍历form对象,可参考SellOrder.js中onInit方法。 2、其他标签,如:input/textarea设置min就是指的字符的最大长度", type: "number", default: "" },
3030
{ name: "max", desc: "最大值,操作与min相同", type: "number", default: "" },
3131
{
@@ -91,7 +91,9 @@ const param = {
9191
methods: []
9292
},
9393
voltable: {
94-
attr: [{ name: "loadKey", desc: "是否自动绑定数据源key/value,如果=true会自动把带bind属性data长度为0的列绑定上数据源", type: "bool", default: "false" },
94+
attr: [
95+
{ name: "rowKey", desc: "<span style='color:red;'>treetable的主键字段(需要与下面loadTreeChildren方法配置使用2021.05.02)</span>", type: "string", default: "" },
96+
{ name: "loadKey", desc: "是否自动绑定数据源key/value,如果=true会自动把带bind属性data长度为0的列绑定上数据源", type: "bool", default: "false" },
9597
{ name: "height", desc: "table高度", type: "number", default: "" },
9698
{ name: "clickEdit", desc: "单击编辑与单击结束编辑(2020.10.11)", type: "bool", default: "false" },
9799
{ name: "max-height", desc: "table最大高度,如果设置了max-height属性,height属性将不会生效", type: "number", default: "" },
@@ -224,15 +226,25 @@ const param = {
224226
<span style="font-size:14px;"> &nbsp; &nbsp; &nbsp; */</span><br />
225227
</span><span style="line-height:1.5;font-size:18px;"><span style="display:none;"></span></span><br />` },
226228
{ name: "loadTableAfter", desc: "从后台加载数据后处理,可参照【从api加载数据】Demo", param: "(data, callBack) 参数:data为后台返回的数据;callBack回调方法,callBack(true),如果回调传入false,将中断代码执行" },
227-
{ name: "rowChange", desc: "行选中事件,只有设置single=true单选才会生效", param: "row,当前选中的行 " }
229+
{ name: "rowChange", desc: "行选中事件,只有设置single=true单选才会生效", param: "row,当前选中的行 " },
230+
{ name: "loadTreeChildren", desc: `<span style="color:red;"></span>&nbsp; loadTreeChildren(tree, treeNode, resolve) { //加载子节点<br />
231+
&nbsp; &nbsp; &nbsp; let url="api/xxx?roleId="+tree.Role_Id<br />
232+
&nbsp; &nbsp; &nbsp; this.http.post(url,{}).then(result=&gt;{<br />
233+
&nbsp; &nbsp; &nbsp; &nbsp; resolve(result.rows)<br />
234+
&nbsp; &nbsp; &nbsp; })<br />
235+
&nbsp; &nbsp; }<br /></span>
236+
<div style="color:red;">2021.05.02具体使用见示例说明见:<a href="http://volcore.xyz/treetable3"> 树形菜单与表->treetable页面</a> <a href="http://volcore.xyz/Sys_Role1"> 用户基础信息->角色管理(tree)页面</a> </div>`, param: "" }
228237
]
229238
},
230239
edittable: {
231240
attr: [],
232241
methods: []
233242
},
234243
viewGrid: {
235-
attr: [{ name: "columns", desc: "查询页面table表的配置,如果满足不了业务,可参照VolTable参数动态扩展", type: "array", default: "[]" },
244+
attr: [
245+
246+
{ name: "rowKey", desc: "<span style='color:red;'>树形table的主键字段,字段的值必须是唯一的(2021.05.02)</span>", type: "String", default: "" },
247+
{ name: "columns", desc: "查询页面table表的配置,如果满足不了业务,可参照VolTable参数动态扩展", type: "array", default: "[]" },
236248
{ name: "detail", desc: "从表配置:{columns:[],sortName:''},columns从表table列配置,sortName从表排序字段", type: "json", default: "{}" },
237249
{ name: "editFormFileds", desc: "编辑字段,可参照VolForm配置", type: "json", default: "{}" },
238250
{ name: "editFormFields", desc: "<span style='color:red;'>编辑字段同上(此属性用于兼容上面字段拼写错误的问题,2020.09.13更新后才能使用)</span>", type: "json", default: "" },
@@ -1317,6 +1329,19 @@ const param = {
13171329
</div>
13181330
<div>
13191331
&nbsp;&nbsp;&nbsp;&nbsp;},
1332+
<div style="color:#D4D4D4;background-color:#1E1E1E;font-family:Consolas, &quot;font-size:14px;line-height:19px;white-space:pre;">
1333+
<div>
1334+
</div>
1335+
<div>
1336+
&nbsp;&nbsp;<span style="color:#dcdcaa;">loadTreeChildren</span>(<span style="color:#9cdcfe;">tree</span>,&nbsp;<span style="color:#9cdcfe;">treeNode</span>,&nbsp;<span style="color:#9cdcfe;">resolve</span>){<span style="color:#6a9955;">//树形结构加载子节点(2021.05.02),在onInit中设置了rowKey主键字段后才会生效</span>
1337+
</div>
1338+
<div>
1339+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#c586c0;">return</span>&nbsp;<span style="color:#dcdcaa;">resolve</span>([]);
1340+
</div>
1341+
<div>
1342+
&nbsp;&nbsp;}
1343+
</div>
1344+
</div>
13201345
</div>
13211346
<div>
13221347
&nbsp;&nbsp;

Vol.Vue/src/views/document/vueDev.vue

Lines changed: 2 additions & 257 deletions
Original file line numberDiff line numberDiff line change
@@ -349,270 +349,15 @@ export default {
349349
{
350350
title: "查询界面--区间查询",
351351
content: [
352-
`<div style="color:#D4D4D4;background-color:#1E1E1E;font-family:Consolas, &quot;font-size:14px;line-height:19px;white-space:pre;">
353-
<div>
354-
<span style="color:#6a9955;">//声明一个组件</span>
355-
</div>
356-
<div>
357-
<span style="color:#569cd6;">var</span>&nbsp;<span style="color:#9cdcfe;">$rangeCom</span>;
358-
</div>
359-
<div>
360-
<span style="color:#569cd6;">var</span>&nbsp;<span style="color:#9cdcfe;">MyComponent</span>&nbsp;=&nbsp;{
361-
</div>
362-
<div>
363-
&nbsp;&nbsp;<span style="color:#dcdcaa;">data</span>()&nbsp;{
364-
</div>
365-
<div>
366-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#c586c0;">return</span>&nbsp;{&nbsp;<span style="color:#9cdcfe;">qty1</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>,&nbsp;<span style="color:#9cdcfe;">qty2</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>&nbsp;};
367-
</div>
368-
<div>
369-
&nbsp;&nbsp;},
370-
</div>
371-
<div>
372-
&nbsp;&nbsp;<span style="color:#dcdcaa;">created</span>()&nbsp;{
373-
</div>
374-
<div>
375-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">$rangeCom</span>=&nbsp;<span style="color:#569cd6;">this</span>;
376-
</div>
377-
<div>
378-
&nbsp;&nbsp;},
379-
</div>
380-
<div>
381-
&nbsp;&nbsp;<span style="color:#9cdcfe;">methods</span><span style="color:#9cdcfe;">:</span>&nbsp;{},
382-
</div>
383-
<div>
384-
&nbsp;&nbsp;<span style="color:#6a9955;">//创建自定义组件模板</span>
385-
</div>
386-
<div>
387-
&nbsp;&nbsp;<span style="color:#9cdcfe;">template</span><span style="color:#9cdcfe;">:</span>&nbsp;'<span style="color:#ce9178;">&nbsp;&lt;div&nbsp;style="display:&nbsp;flex;margin-bottom:&nbsp;17px;"&gt;</span>
388-
</div>
389-
<div>
390-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;style="text-align:&nbsp;right;width:&nbsp;100px;padding:&nbsp;7px&nbsp;12px&nbsp;10px&nbsp;0;color:red;"&gt;</span>
391-
</div>
392-
<div>
393-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量:</span>
394-
</div>
395-
<div>
396-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/label&gt;</span>
397-
</div>
398-
<div>
399-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Input&nbsp;style="flex:1"&nbsp;&nbsp;v-model="qty1"&nbsp;/&gt;</span>
400-
</div>
401-
<div>
402-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&nbsp;style="line-height:&nbsp;30px;&nbsp;margin:&nbsp;0&nbsp;7px;"&gt;--&lt;/span&gt;</span>
403-
</div>
404-
<div>
405-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Input&nbsp;style="flex:1"&nbsp;&nbsp;v-model="qty2"&nbsp;/&gt;</span>
406-
</div>
407-
<div>
408-
<span style="color:#ce9178;">&nbsp;&nbsp;&nbsp;&lt;/div&gt;'</span>
409-
</div>
410-
<div>
411-
};
412-
</div>
413-
<br />
414-
<div>
415-
<span style="color:#6a9955;">//声明vue对象</span>
416-
</div>
417-
<div>
418-
<span style="color:#569cd6;">let</span>&nbsp;<span style="color:#9cdcfe;">$this</span>;
419-
</div>
420-
<div>
421-
<span style="color:#569cd6;">let</span>&nbsp;<span style="color:#9cdcfe;">extension</span>&nbsp;=&nbsp;{
422-
</div>
423-
<div>
424-
&nbsp;&nbsp;<span style="color:#9cdcfe;">components</span><span style="color:#9cdcfe;">:</span>&nbsp;{
425-
</div>
426-
<div>
427-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">gridHeader</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>,
428-
</div>
429-
<div>
430-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">gridBody</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>,
431-
</div>
432-
<div>
433-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">gridFooter</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>,
434-
</div>
435-
<div>
436-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">modelHeader</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>,
437-
</div>
438-
<div>
439-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">modelBody</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>,
440-
</div>
441-
<div>
442-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">modelFooter</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">""</span>
443-
</div>
444-
<div>
445-
&nbsp;&nbsp;},&nbsp;<span style="color:#6a9955;">//动态扩充组件或组件路径</span>
446-
</div>
447-
<div>
448-
&nbsp;&nbsp;<span style="color:#9cdcfe;">buttons</span><span style="color:#9cdcfe;">:</span>&nbsp;{&nbsp;<span style="color:#9cdcfe;">box</span><span style="color:#9cdcfe;">:</span>&nbsp;[]&nbsp;},
449-
</div>
450-
<div>
451-
&nbsp;&nbsp;<span style="color:#9cdcfe;">methods</span><span style="color:#9cdcfe;">:</span>&nbsp;{
452-
</div>
453-
<div>
454-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//事件扩展</span>
455-
</div>
456-
<div>
457-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#dcdcaa;">onInit</span>()&nbsp;{
458-
</div>
459-
<div>
460-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//必须</span>
461-
</div>
462-
<div>
463-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">$this</span>&nbsp;=&nbsp;<span style="color:#569cd6;">this</span>;
464-
</div>
465-
<div>
466-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//动态挂载自己加的MyComponent组件</span>
467-
</div>
468-
<div>
469-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">$options</span>.<span style="color:#9cdcfe;">components</span>[<span style="color:#ce9178;">"my-Component"</span>]&nbsp;=&nbsp;<span style="color:#9cdcfe;">MyComponent</span>;
470-
</div>
471-
<div>
472-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
473-
</div>
474-
<div>
475-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//找到需要做区间查询的字段,通过render渲染</span>
476-
</div>
477-
<div>
478-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">this</span>.<span style="color:#9cdcfe;">searchFormOptions</span>.<span style="color:#dcdcaa;">forEach</span>(<span style="color:#9cdcfe;">x</span>&nbsp;<span style="color:#569cd6;">=&gt;</span>&nbsp;{
479-
</div>
480-
<div>
481-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">x</span>.<span style="color:#dcdcaa;">forEach</span>(<span style="color:#9cdcfe;">item</span>&nbsp;<span style="color:#569cd6;">=&gt;</span>&nbsp;{
482-
</div>
483-
<div>
484-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#c586c0;">if</span>&nbsp;(<span style="color:#9cdcfe;">item</span>.<span style="color:#9cdcfe;">field</span>&nbsp;==&nbsp;<span style="color:#ce9178;">"Qty"</span>)&nbsp;{
485-
</div>
486-
<div>
487-
&nbsp;&nbsp;&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:#ce9178;">"qty"</span>);
488-
</div>
489-
<div>
490-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">item</span>.<span style="color:#dcdcaa;">render</span>&nbsp;=&nbsp;<span style="color:#569cd6;">function</span>(<span style="color:#9cdcfe;">createElement</span>,&nbsp;<span style="color:#9cdcfe;">ctx</span>)&nbsp;{
491-
</div>
492-
<div>
493-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//挂载组件</span>
494-
</div>
495-
<div>
496-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#c586c0;">return</span>&nbsp;<span style="color:#dcdcaa;">createElement</span>(<span style="color:#9cdcfe;">$this</span>.<span style="color:#9cdcfe;">$options</span>.<span style="color:#9cdcfe;">components</span>[<span style="color:#ce9178;">"my-Component"</span>]);
497-
</div>
498-
<div>
499-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};
500-
</div>
501-
<div>
502-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
503-
</div>
504-
<div>
505-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});
506-
</div>
507-
<div>
508-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});
509-
</div>
510-
<div>
511-
&nbsp;&nbsp;&nbsp;&nbsp;},
512-
</div>
513-
<div>
514-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#dcdcaa;">searchBefore</span>(<span style="color:#9cdcfe;">param</span>)&nbsp;{&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//查询ViewGird表数据前,将区间查询的值提交到后台</span>
515-
</div>
516-
<div>
517-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//页面初始化加载时区间查询组件还没渲染</span>
518-
</div>
519-
<div>
520-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#c586c0;">if</span>&nbsp;(<span style="color:#9cdcfe;">$rangeCom</span>)&nbsp;{
521-
</div>
522-
<div>
523-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#569cd6;">let</span>&nbsp;<span style="color:#9cdcfe;">wheres</span>&nbsp;=&nbsp;[
524-
</div>
525-
<div>
526-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
527-
</div>
528-
<div>
529-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">name</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">"Qty"</span>,
530-
</div>
531-
<div>
532-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">value</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#9cdcfe;">$rangeCom</span>.<span style="color:#9cdcfe;">qty1</span>,
533-
</div>
534-
<div>
535-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">displayType</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">"thanorequal"</span><span style="color:#6a9955;">//&gt;=</span>
536-
</div>
537-
<div>
538-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},
539-
</div>
540-
<div>
541-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
542-
</div>
543-
<div>
544-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">name</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">"Qty"</span>,
545-
</div>
546-
<div>
547-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">value</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#9cdcfe;">$rangeCom</span>.<span style="color:#9cdcfe;">qty2</span>,
548-
</div>
549-
<div>
550-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">displayType</span><span style="color:#9cdcfe;">:</span>&nbsp;<span style="color:#ce9178;">"lessorequal"</span><span style="color:#6a9955;">//&lt;=</span>
551-
</div>
552-
<div>
553-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
554-
</div>
555-
<div>
556-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;];
557-
</div>
558-
<div>
559-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//也可以提交一些其他参数,后台在GetPageData()方法读取options.value</span>
560-
</div>
561-
<div>
562-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">param</span>.<span style="color:#9cdcfe;">value</span>&nbsp;=&nbsp;<span style="color:#ce9178;">"xxx"</span>;
563-
</div>
564-
<div>
565-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">param</span>.<span style="color:#9cdcfe;">wheres</span>.<span style="color:#dcdcaa;">push</span>(...<span style="color:#9cdcfe;">wheres</span>);
566-
</div>
567-
<div>
568-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
569-
</div>
570-
<div>
571-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//返回false,则不会执行查询</span>
572-
</div>
573-
<div>
574-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#c586c0;">return</span>&nbsp;<span style="color:#569cd6;">true</span>;
575-
</div>
576-
<div>
577-
&nbsp;&nbsp;&nbsp;&nbsp;},
578-
</div>
579-
<div>
580-
&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#dcdcaa;">resetSearchFormAfter</span>()&nbsp;{
581-
</div>
582-
<div>
583-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//点击重置按钮时,同时清空区间查询的值</span>
584-
</div>
585-
<div>
586-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#6a9955;">//(需要2020.10.17更新basic组件才能使用此方法)</span>
587-
</div>
588-
<div>
589-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">$rangeCom</span>.<span style="color:#9cdcfe;">qty1</span>&nbsp;=&nbsp;<span style="color:#ce9178;">""</span>;
590-
</div>
591-
<div>
592-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#9cdcfe;">$rangeCom</span>.<span style="color:#9cdcfe;">qty2</span>&nbsp;=&nbsp;<span style="color:#ce9178;">""</span>;
593-
</div>
594-
<div>
595-
&nbsp;&nbsp;&nbsp;&nbsp;}
596-
</div>
597-
<div>
598-
&nbsp;&nbsp;}
599-
</div>
600-
<div>
601-
};
602-
</div>
603-
<div>
604-
<span style="color:#c586c0;">export</span>&nbsp;<span style="color:#c586c0;">default</span>&nbsp;<span style="color:#9cdcfe;">extension</span>;
605-
</div>
606-
<br />
607-
</div>`,
352+
`2021.05.01更新后,直接使用代码生成器生成,<a target="_blank" href="http://www.volcore.xyz/document/log">升级方式见</a>`,
608353
],
609354
tips: `还没想好`,
610355
img:
611356
"https://doc-vue-1256993465.cos.ap-chengdu.myqcloud.com/41.png?imageMogr2/thumbnail/!50p",
612357
},
613358

614359
{
615-
title: "查询界面--单个日期查询",
360+
title: "查询界面--单日期查询",
616361
content: [
617362
`<div style="color:#D4D4D4;background-color:#1E1E1E;font-family:Consolas, &quot;font-size:14px;line-height:19px;white-space:pre;">
618363
<div>

0 commit comments

Comments
 (0)