对外投放

src/components/promotion/index.vue

@@ -5,7 +5,7 @@
   <div class="index">
     <el-form ref="searchFrom" :model="searchFrom" label-width="80px">
       <el-row>
-        <el-col :span="10">
+        <el-col :lg="10" :sm="24" :md="24">
           <el-form-item label="购买时间">
             <el-date-picker
               v-model="searchFrom.time"
@@ -17,13 +17,13 @@
             </el-date-picker>
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :lg="4" :sm="24" :md="12">
           <el-form-item label="来源">
             <el-input v-model="searchFrom.source" placeholder="名称"
                       size="small"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="4">
+        <el-col :lg="4" :sm="24" :md="12">
           <el-form-item>
             <el-button type="primary" plain size="small" @click="initPage">
               搜索
@@ -36,35 +36,26 @@
       :data="tableData"
       style="width: 100%">
       <el-table-column
-        prop="id"
-        label="id">
-      </el-table-column>
-      <el-table-column
-        prop="nickname"
+        prop="user_name"
         label="宝贝名称">
       </el-table-column>
       <el-table-column
-        prop="宝贝年龄"
-        label="age">
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        sortable
-        label="城市">
+        prop="create_at"
+        label="添加时间">
       </el-table-column>
       <el-table-column
         prop="source"
-        sortable
         label="来源">
       </el-table-column>
     </el-table>
-    <page :total="total" :limit="limit" @pageChange="onPageChange"/>
+    <page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange"/>
   </div>
 </template>
 
 <script>
   import page from '../framework/page'
   import CommonJs from '../../util/common';
+  import {getAdsListApi} from "../../service/api";
   export default {
     name: "index",
     components:{
@@ -97,26 +88,22 @@
           json.source = this.searchFrom.source
         }
         if(this.searchFrom.time && this.searchFrom.time.length > 0){
-          json.pay_start_at = CommonJs.dateFmt(this.searchFrom.time[0],"yyyy-MM-dd hh:mm:ss");
-          json.pay_end_at = CommonJs.dateFmt(this.searchFrom.time[1],"yyyy-MM-dd hh:mm:ss")
+          json.date_start = CommonJs.dateFmt(this.searchFrom.time[0],"yyyy-MM-dd hh:mm:ss");
+          json.date_end = CommonJs.dateFmt(this.searchFrom.time[1],"yyyy-MM-dd hh:mm:ss")
         }
-        this.tableData = [
-          {
-            id: 1,
-            nickname: 'xiaoming',
-            age: '3',
-            mobile: 17326578909,
-            address: '上海',
-            source: 'fff_123'
-          }
-        ]
+        getAdsListApi(json).then((res)=>{
+          this.tableData = res.list;
+          this.total = res.total
+        })
       },
       onPageChange(val){
         this.nowPage = val
         this.initPage()
       },
-      changeShow() {
-
+      onSizeChange(val){
+        this.nowPage = 1
+        this.limit = val
+        this.initPage()
       }
     }
   }

src/service/api.js

@@ -580,7 +580,7 @@ export const updateQrCodeApi = function (id, json) {
   return Vue.prototype.$put(`${updateQrCodeUrl}/${id}`,json)
 };
 // 获取二维码列表详情
-const getQrCodeDetailUrl = 'api/admin/wechat/qrcode';
-export const getQrCodeDetailUrlApi = function (id) {
-  return Vue.prototype.$fetch(`${getQrCodeDetailUrl}/${id}`)
+const getAdsListlUrl = 'api/public/ads/list';
+export const getAdsListApi = function (json) {
+  return Vue.prototype.$fetch(getAdsListlUrl, json)
 };