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