优化

src/components/page/afterService/invoice.vue

@@ -28,7 +28,7 @@
 
           <a-col :span="5" class="query_item" >
             <span>订单类型：</span>
-            <a-select default-value="全部"  @change="handleChange">
+            <a-select default-value="全部" >
               <a-select-option value="全部">
                 全部
               </a-select-option>
@@ -37,7 +37,7 @@
 
           <a-col :span="5" class="query_item">
             <span>订单状态：</span>
-            <a-select default-value="全部"  @change="handleChange">
+            <a-select default-value="全部">
               <a-select-option value="全部">
                 全部
               </a-select-option>
@@ -45,12 +45,12 @@
           </a-col>
           <a-col :span="5" class="query_item query_item2">
             <span>创建时间：</span>
-            <a-range-picker @change="onChange" />
+            <a-range-picker valueFormat="YYYY-MM-DD"/>
           </a-col>
           <a-col :span="9" class="query_item query_item1">
             <a-space :size="21">
-              <a-button type="primary" class="query_button">查 询</a-button>
+              <a-button type="primary" class="query_button" @click="getAllDate">查 询</a-button>
-              <a-button class="query_button">重 置</a-button>
+              <a-button class="query_button" @click="resetQurey">重 置</a-button>
             </a-space>
           </a-col>
         </a-row>
@@ -72,11 +72,12 @@
         class="pagination"
         size="small"
         :total="total"
-        v-model="current"
+        v-model="page"
-        :page-size="pageSize"
+        :page-size="limit"
-        :show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`"
+        :show-total="total => `第 ${startTotal} - ${endTotal} 条 / 总共 ${total} 条`"
         :page-size-options="pageSizeOptions"
         @showSizeChange="onShowSizeChange"
+        @change="changePage"
         show-size-changer >
           <template slot="buildOptionText" slot-scope="props">
             <span >{{ props.value }}条/页</span>
@@ -88,35 +89,18 @@
 </template>
 <script>
 import Operation from '../../Operation.vue'
+import {} from '../../../api/index'
 export default {
   data() {
     return{
       pageSizeOptions: ['10', '20', '30', '40', '50'],
       //一页多少条
-      pageSize:10,
       total:500,
-      // 当前页数
+      startTotal:1,
-      current: 1,
+      endTotal:10,
-      data:[
+      limit:10,
-        {
+      page:1,
-          key: '1',
+      data:[],
-          name: 'John Brown',
-          money: '￥300,000.00',
-          address: 'New York No. 1 Lake Park',
-        },
-        {
-          key: '2',
-          name: 'Jim Green',
-          money: '￥1,256,000.00',
-          address: 'London No. 1 Lake Park',
-        },
-        {
-          key: '3',
-          name: 'Joe Black',
-          money: '￥120,000.00',
-          address: 'Sidney No. 1 Lake Park',
-        },
-      ],
       columns:[
         {
           title: '序号',
@@ -183,19 +167,40 @@ export default {
     Operation
   },
   created(){
-    console.info(this.$route)
+    this.getAllDate()
   },
   methods:{
+    // 重置query
+    resetQurey(){
+      Object.assign(this.query, this.$options.data().query)
+      this.getAllDate()
+    },
+    getAllDate(){
+      let data=this.query
+      data.limit=this.limit
+      data.page=this.page
+      // getAllDate(data).then(res=>{
+      //   // console.info(res)
+      //   if(res.code==200){
+      //     this.data=res.data.data
+      //     this.startTotal=res.data.start
+      //     this.endTotal=res.data.end
+      //     this.total=res.data.total
+      //   }else{
+      //     this.$message.error(res.msg);
+      //   }
+      // })
+    },
     // 切换一页显示多少条
     onShowSizeChange(current, pageSize){
-      this.pageSize = pageSize;
+      this.limit = pageSize;
+      this.getAllDate()
     },
-    handleChange(){
+    // 切换页数
-
+    changePage(page, pageSize){
+      this.page=page
+      this.getAllDate()
     },
-    onChange(){
-
-    }
   }
 }
 </script>

src/components/page/classification/DataQuery.vue

@@ -23,7 +23,7 @@
           </a-col>
           <a-col :span="5" class="query_item" >
             <span>标的类型：</span>
-            <a-select default-value=""   v-model="query.goods_type">
+            <a-select    v-model="query.goods_type">
               <a-select-option value="">全部</a-select-option>
               <a-select-option value="1">文化资源数据</a-select-option>
               <a-select-option value="2">文化数字内容</a-select-option>
@@ -31,7 +31,7 @@
           </a-col>
           <a-col :span="4" class="query_item" >
             <span>数据状态：</span>
-            <a-select default-value=""   v-model="query.data_type">
+            <a-select   v-model="query.data_type">
               <a-select-option value="">全部文化数据</a-select-option>
               <a-select-option value="1">已上架文化数据</a-select-option>
               <a-select-option value="2">已下架文化数据</a-select-option>
@@ -41,7 +41,7 @@
           </a-col>
           <a-col :span="5" class="query_item">
             <span>委托类型：</span>
-            <a-select default-value=""   v-model="query.goods_entrust">
+            <a-select    v-model="query.goods_entrust">
               <a-select-option value="">全部</a-select-option>
               <a-select-option value="1">转让</a-select-option>
               <a-select-option value="2">授权</a-select-option>
@@ -49,7 +49,7 @@
           </a-col>
           <a-col :span="5" class="query_item">
             <span>委托状态：</span>
-            <a-select default-value=""   >
+            <a-select    >
               <a-select-option value="">全部</a-select-option>
               <a-select-option value="1">委托中</a-select-option>
               <a-select-option value="2">撤销中</a-select-option>