2022-12-8

src/HManagement/clueManage/clue_public/modules/detail.vue

@@ -11,7 +11,7 @@
         turnPageId="20221101094402"
         idname="sat_orderclueid"
         tags=""
-        :tabs="['详细信息','跟进记录']"
+        :tabs="['跟进记录','详细信息']"
         @pageChange="pageChange"
         delApiId="20221101100502"
         @onEditSuccess="queryMainData($route.query.id)">
@@ -20,10 +20,10 @@
       <div slot="customOperation">
         <recall v-if="tool.checkAuth($route.name,'recall')" :data="mainData" @onSuccess="queryMainData"></recall>
       </div>
-      <div slot="slot0" class="container normal-panel">
+      <div slot="slot1" class="container normal-panel">
         <BaseInfo :detailInfo="detailInfo"/>
       </div>
-      <div slot="slot1" class="container normal-panel">
+      <div slot="slot0" class="container normal-panel">
         <el-descriptions>
           <div slot="title">跟进记录 &nbsp;<i @click="followRecord(param.content.sort[0].reversed = param.content.sort[0].reversed == 1 ? 0 : 1)" :class="param.content.sort[0].reversed == 1?'fa fa-sort-amount-asc':'fa fa-sort-amount-desc'"></i></div>
         </el-descriptions>
@@ -43,7 +43,7 @@
             clearable>
           </el-date-picker>
         </div>
-        <div class="detail">
+        <div class="detail" v-if="recordlist.length > 0">
           <div class="item" v-for="(item,index) in recordlist" :key="index">
             <p>{{index + 1}}.{{item.createdate}},由经销商端<span style="font-weight:bold;margin:0 6px;font-size:13px">{{item.createby}}</span>开始跟进,跟进方式:<span style="font-weight:bold;margin:0 5px">{{item.followupmode}}</span>,{{handleTxt[item.logtype]}}</p>
             <div class="content">
@@ -60,6 +60,19 @@
             </div>
           </div>
         </div>
+        <el-empty title="暂无数据" v-else></el-empty>
+        <div style="margin-top:16px;text-align:right">
+          <el-pagination
+          background
+          small
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="param.content.pageNumber"
+          :page-size="param.content.pageSize"
+          layout="total, prev, pager, next"
+          :total="total">
+          </el-pagination>
+        </div>
       </div>
     </basicDetails>
   </div>
@@ -90,9 +103,10 @@ export default {
         '无效':'无效操作，具体原因如下',
       },
       param: {
-        "classname": "webmanage.saletool.orderclue.publicclue.PublicClue",
-        "method": "getFollowList",
+        "id":20221101094602,
         "content": {
+          "pageNumber":1,
+          "pageSize":20,
           "sat_orderclueid": this.$route.query.id,
           "where": this.dateParam,
           "sort": [
@@ -104,7 +118,8 @@ export default {
             }
           ]
         }
-      }
+      },
+      total:0
     }
   },
   components:{
@@ -112,10 +127,21 @@ export default {
     FileItem
   },
   methods:{
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.param.content.pageSize = val
+      this.followRecord()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.param.content.pageNumber = val
+      this.followRecord()
+    },
     async followRecord () {
       this.param.content.sat_orderclueid = this.$route.query.id
       this.param.content.where = this.dateParam
       const res = await this.$api.requested(this.param)
+      this.total = res.total
       this.param.content.sort = res.sort
       this.recordlist = res.data
       this.recordlist.forEach(item => {
@@ -127,6 +153,7 @@ export default {
       if (!val) {val = []}
       this.dateParam.start = val[0]
       this.dateParam.end = val[1]
+      this.param.content.pageNumber = 1
       this.followRecord()
     },
     async queryMainData(id) {