查重列表

src/views/agent/checkOrderList.vue

@@ -5,16 +5,37 @@
             <span class="pagetitle">查重订单</span>
         </div>
 
+        <div class="elementWrap mb-10">
+            <el-form>
+                <div class="flex">
+                    <p class="mr-12">时间范围</p>
+                    <el-date-picker class="mr-32" v-model="searchDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+                    </el-date-picker>
+
+                    <GuipSelect class="mr-32" label="服务类型" v-model="searchType" :options="siteList"  valueKey="uid" labelKey="name" @change="changeSearchSite()"  defaultValue="" placeholder="不限" clearable />
+
+                    <GuipSelect class="mr-32" label="站点" v-model="searchUid" :options="siteList"  valueKey="uid" labelKey="name" @change="changeSearchSite()"  defaultValue="" placeholder="不限" clearable />
+                    
+                    <GuipSelect class="mr-32" width="100px" label="报告状态" v-model="searchStatus" :options="searchStatusList"  valueKey="uid" labelKey="name" @change="changeSearchSite()" :extraItem="{label:'全部',value:'all'}"  defaultValue="" placeholder="不限" clearable />
+                </div>
+            </el-form>
+        </div>
+
         <!-- page content -->
         <div class="elementWrap">
             <div>
                 <el-form>
+                    <div class="flex" style="justify-content: space-between;">
                         <div class="flex">
-                        <GuipInput :label="`ID：`" v-model="searchSaleid" @blur="changeSearchSaleid()" placeholder="" ref="GuipInput" class="searchId" />
+                            <h3 class="checktitle mr-24">查重列表</h3>
+                            <GuipSelect class="mr-32" label="报告格式" v-model="searchUid" :options="siteList"  valueKey="uid" labelKey="name" @change="changeSearchSite()"  defaultValue="" placeholder="不限" clearable />
+                        </div>
+                        <GuipInput label="订单号" v-model="searchTid" @blur="changeSearchTid()" placeholder="请输入订单号" ref="GuipInput" />
                         
-                        <GuipSelect label="站点" v-model="searchUid" :options="siteList"  valueKey="uid" labelKey="name" @change="changeSearchSite()"  defaultValue="" placeholder="不限" clearable class="searchSite" />
                     </div>
 
+                    <PromptText class="my-32" text='订单提示：电商订单，提交检测后会自动发货，请勿手动发货、代收款订单，退款须由平台操作，不可私自退款' :type="2" />
+
                     <GuipTable :tableData="orderList" ref="multipleTable" autoColumn="true" :loading="tableLoading">
                         <el-table-column prop="sitename" label="站点" fixed="left" min-width="60px">
                             <template slot-scope="scope">
@@ -131,12 +152,13 @@
                             </template>
                         </el-table-column>
                     </GuipTable>
-                    <Page :total-records="orderListTotal"
+                    <!-- <Page :total-records="orderListTotalRecords"
-                    :total-pages="orderListPageSize"
+                    :is-has-next-page="isHasNextPage"
+                    :page-size="orderListPageSize"
                     :current-page="orderListCurrentPage"
                     :next-min-id="orderListNextMinId"
                     :prev-max-id="orderListPrevMaxId"
-                    @page-change="handlePageChange"></Page>
+                    @page-change="handlePageChange"></Page> -->
                 </el-form>
             </div>
             <GuipDialog :dialogVisible="dialogVisibleDelReport" title="删除报告" confirmText="删除" cancelText="取消" :show-close-button="false"
@@ -156,7 +178,8 @@ import GuipSelect from '@/components/GuipSelect.vue';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipToolTip from '@/components/GuipToolTip.vue';
 import GuipDialog from '@/components/GuipDialog.vue';
-import Page from '@/components/Page.vue';
+// import Page from '@/components/Page.vue';
+import PromptText from '@/components/PromptText.vue';
 
 export default {
     name: 'siteList',
@@ -166,7 +189,8 @@ export default {
         GuipInput,
         GuipToolTip,
         GuipDialog,
-        Page,
+        // Page,
+        PromptText,
     },
     data() {
         return {
@@ -176,10 +200,10 @@ export default {
             tableLoading: true,
             // 订单列表
             orderList: [],
-            orderListTotal: 0,
+            orderListTotalRecords: 0,
+            isHasNextPage: true,
             orderListCurrentPage: 1,
-            orderListPageSize: 100,
+            orderListPageSize: 10,
-            endPageFlag: false,
             orderListNextMinId: 0,
             orderListPrevMaxId: 0,
             orderListEndPage: 0,
@@ -187,8 +211,12 @@ export default {
 
             siteList: [],
 
+            searchDate: '',
+            searchStatus: '',
+            searchStatusList: [],
             searchUid: 0,
-            searchSaleid: 0,
+            searchTid: 0,
+            searchType: 0,
 
             dialogVisibleDelReport: false,
             delReportId: '',
@@ -199,17 +227,23 @@ export default {
     },
     methods: {
         getOrderList() {
-            this.tableLoading = true
+            var params = {
-            const that = this
-            that.orderList = []
-            this.$http('POST', '/agentnew/ajax_get_check_order_list', {
                 page: this.orderListCurrentPage,
                 pagesize: this.orderListPageSize,
                 minid: this.orderListNextMinId,
                 maxid: this.orderListPrevMaxId,
                 end_page: this.orderListEndPage,
                 jump_to_page: this.orderListJumpToPage,
-            },{
+            }
+            if (this.searchTid) {
+                params = {};
+                params.tid = this.searchTid
+            }
+
+            this.tableLoading = true
+            const that = this
+            that.orderList = []
+            this.$http('POST', '/agentnew/ajax_get_check_order_list', params,{
                 headers:{
                     'Auth': this.token
                 }
@@ -217,9 +251,14 @@ export default {
                 this.tableLoading = false
                 this.$nextTick(() => {
                     that.orderList = response.data.list
-                    this.orderListTotal = response.data.total
+                    this.searchStatusList = response.data.search_check_status
+                    
+                    this.orderListTotalRecords = response.data.total_records
                     this.orderListNextMinId = response.data.minid
                     this.orderListPrevMaxId = response.data.maxid
+
+                    this.isHasNextPage = response.data.is_has_next_page
+                    console.log(this.isHasNextPage, 'isHasNextPage')
                 })
             }).catch(error => {
                 console.error(error, 'error')
@@ -235,8 +274,8 @@ export default {
             console.log(this.searchUid)
             this.getOrderList()
         },
-        changeSearchSaleid() {
+        changeSearchTid() {
-            console.log(this.searchSaleid)
+            console.log(this.searchTid)
             this.getOrderList()
         },
         // 弹框相关方法---start
@@ -295,6 +334,15 @@ export default {
                 // 从API响应中获取新的orderListPrevMaxId
                 this.orderListPrevMaxId = params.maxid;
             }
+
+            if (params.isLast) {
+                this.orderListEndPage = params.isLast;
+            }
+
+            if (params.isJump) {
+                this.orderListJumpToPage = params.page;
+            }
+
             this.getOrderList()
         }
     },
@@ -325,15 +373,6 @@ export default {
     background: #fff;
 }
 
-.searchId {
-    margin-right: 24px;
-    width: 200px;
-}
-
-.searchSite {
-    width: 300px;
-}
-
 ::v-deep .custom-popover {
     position: fixed !important;
     // max-height: 290px;
@@ -348,6 +387,23 @@ export default {
     height: 16px;
     z-index: 1;
 }
+.mb-10 {
+    margin-bottom: 10px;
+}
+
+.mr-12 {
+    margin-right: 12px;
+}
+.mr-24 {
+    margin-right: 24px;
+}
+.mr-32 {
+    margin-right: 32px;
+}
+.my-32 {
+    margin-bottom: 32px;
+    margin-top: 32px;
+}
 
 a {
     text-decoration: none;
@@ -443,5 +499,19 @@ a:hover {
     color: #6258FF;
 }
 
+.checktitle {
+    /* body/body 2_bold */
+    font-family: Microsoft YaHei UI;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: normal;
+    letter-spacing: 0.08em;
+    /* text/text_1 */
+    color: #1E2226;
+}
+.el-form-item {
+    margin-bottom: 0px
+}
+
 
 </style>