Mosher 发布系统代码 [后台服务，演示应用]

app_Web/src/pages/sample/ibizbooklist-view/ibizbooklist-view-base.vue

@@ -13,6 +13,21 @@
         <div class='content-container'>
 
 <div style="margin-bottom:6px;">
+    <div class="quick-search-container">
+    <view_quicksearchform 
+    :viewState="viewState"  
+    :viewparams="viewparams" 
+    :context="context" 
+    :showBusyIndicator="true"
+    v-show="isExpandSearchForm"
+    loaddraftAction="FilterGetDraft"
+    loadAction="FilterGet"
+
+    name="quicksearchform"  
+    ref='quicksearchform' 
+    @closeview="closeView($event)">
+</view_quicksearchform>
+    </div>
     <i-input v-show="!isExpandSearchForm" v-model="query" search enter-button @on-search="onSearch($event)" class='pull-left' placeholder="图书名称" style='max-width: 400px;margin-top:6px;' />
     <div class='pull-right'>
               <div class='toolbar-container'>
@@ -263,6 +278,7 @@ export default class IBIZBOOKListViewBase extends Vue {
      * @memberof IBIZBOOKListViewBase
      */
     public containerModel: any = {
+        view_quicksearchform: { name: 'quicksearchform', type: 'SEARCHFORM' },
         view_toolbar: { name: 'toolbar', type: 'TOOLBAR' },
         view_list: { name: 'list', type: 'LIST' },
         view_searchform: { name: 'searchform', type: 'SEARCHFORM' },
@@ -1135,6 +1151,23 @@ export default class IBIZBOOKListViewBase extends Vue {
 
 
 
+    /**
+     * 快速搜索栏数据对象
+     *
+     * @memberof IBIZBOOKListViewBase
+     */
+    public quickFormData:any;
+
+    /**
+     * 快速搜索栏值变化
+     *
+     * @memberof IBIZBOOKListViewBase
+     */
+    public quickFormValueChange($event:any){
+        this.quickFormData = $event;
+        this.onSearch($event);
+    }
+
 }
 </script>
 

app_Web/src/pages/sample/ibizbooklist-view/ibizbooklist-view.vue

@@ -2,10 +2,12 @@
 import { Component } from 'vue-property-decorator';
 import IBIZBOOKListViewBase from './ibizbooklist-view-base.vue';
 
+import view_quicksearchform from '@widgets/ibizbook/quicksearchform-searchform/quicksearchform-searchform.vue';
 import view_list from '@widgets/ibizbook/lnternal-func-list-list/lnternal-func-list-list.vue';
 import view_searchform from '@widgets/ibizbook/default-searchform/default-searchform.vue';
 @Component({
     components: {
+        view_quicksearchform, 
         view_list, 
         view_searchform, 
     },