积分审核

src/project/fd/AppPointsReview/AppPointsReview.vue

@@ -3,20 +3,20 @@
     <AiTopFixed>
       <div class="top-search">
         <div class="left">
-          <u-search v-model="keyword" :clearabled="true" placeholder="请输入申请人，审批人" :show-action="false" bg-color="#F5F5F5"
+          <u-search v-model="search.name" :clearabled="true" placeholder="请输入申请人，审批人" :show-action="false" bg-color="#F5F5F5"
             search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="getListInit">
           </u-search>
         </div>
       </div>
       <div class="top-select">
-        <div class="item">
+        <div class="item" @click="showDateSelect=true">
-          <span style="color:#999;">日期筛选</span>
+          <span v-if="!search.startTime" style="color:#999;">日期筛选</span>
-          <!-- <span v-else>{{ $dict.getLabel('EP_handleType', handleType) }}</span> -->
+          <span v-else>{{ search.startTime }}至{{ search.endTime }}</span>
           <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
         </div>
-        <div class="item">
+        <div class="item" @click="isShowType=true">
-          <span style="color:#999;">事件类型</span>
+          <span style="color:#999;" v-if="!search.type">事件类型</span>
-          <!-- <span v-else>{{ $dict.getLabel('EP_handleType', handleType) }}</span> -->
+          <span v-else>{{ search.typeName }}</span>
           <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
         </div>
       </div>
@@ -26,8 +26,8 @@
         <div class="title-flex">
           <p class="title">事件类型事件类型事件类型事件类型事件类型事件类型</p>
           <div class="btn">
-            <div>推送精选</div>
+            <div @click.stop="pushNew(1)">推送精选</div>
-            <!-- <p>已推送</p> -->
+            <p>已推送</p>
           </div>
         </div>
         <div class="user-name">李进放<span>积分+5</span></div>
@@ -47,6 +47,10 @@
         </div>
       </div>
     </div>
+    <AiEmpty v-if="!list.length" description="暂无数据"></AiEmpty>
+
+    <u-calendar v-model="showDateSelect" mode="range" min-year="2023" @change="dateConfirm"></u-calendar>
+    <u-select v-model="isShowType" :list="typeList" value-name="id" label-name="ruleName" @confirm="typeConfirm"></u-select>
   </div>
 </template>
 
@@ -59,24 +63,81 @@ export default {
       keyword: '',
       areaId: '',
       areaName: '',
+
+      showDateSelect: false,
+      search: {
+        name: '',
+        startTime: '',
+        endTime: '',
+        type: '',
+        typeName: ''
+      },
+      list: [],
+      current: 1,
+      pages: 2,
+      typeList: [],
+      isShowType: false,
     };
   },
+  onLoad() {
+    this.getTypeList()
+    this.getListInit()
+  },
   onShow() {
     
   },
   methods: {
     getListInit() {
-
+      this.current = 1
+      this.getList()
     },
-    areaSelect(e) {
+    getList() {
-      this.areaId = e
+      if (this.current > this.pages) return
+      this.$http.post(`/app/appintegraluserapply/list`, null, {
+        ...this.search,
+        current: this.current,
+        size: 10
+      }).then(res=> {
+        if(res?.data) {
+          this.list = this.current > 1 ? [...this.list, ...res.data.records]: res.data.records
+          this.pages = Math.ceil(res.data.total / 10)
+        }
+      })
+    },
+    dateConfirm(e) {
+      this.search.startTime = e.startDate
+      this.search.endTime = e.endDate
       this.getListInit()
-      this.getTotal()
     },
     toDetail() {
       uni.navigateTo({url: `./detail`})
+    },
+    getTypeList() {
+      this.$http.post(`/app/appintegralrule/listByFD?size=100`).then(res=> {
+        if(res?.data) {
+          this.typeList = res.data
+        }
+      })
+    },
+    typeConfirm(e) {
+      this.search.type = e[0].value
+      this.search.typeName = e[0].label
+      this.getListInit()
+    },
+    pushNew(id) {
+      this.$confirm('确定推送该条为精选', '').then(() => {
+        this.$http.post(`/app/appintegraluserapply/pushById?id=${id}`).then(res=> {
+          if(res?.data) {
+            this.getListInit()
+          }
+        })
+      })
     }
   },
+  onReachBottom() {
+    this.current = this.current + 1;
+    this.getList();
+  },
 };
 </script>
 
@@ -108,7 +169,7 @@ export default {
     padding: 28px 0;
     .item {
       flex: 1;
-      padding: 0 8px;
+      // padding: 0 8px;
       text-align: center;
       span {
         display: inline-block;

src/project/fd/AppPointsReview/detail.vue

@@ -23,7 +23,7 @@
     </div>
     <div class="footer">
       <div class="confirm">通过</div>
-      <div class="cancel" @click="show=true">不通过</div>
+      <div class="cancel" @click="show=true">不通过</div>6+-
     </div>
     <u-popup v-model="show" mode="bottom">
       <div class="textarea">
@@ -43,19 +43,45 @@ export default {
   name: "detail",
   data() {
     return {
-      keyword: '',
-      areaId: '',
-      areaName: '',
       show: false,
-      value: ''
+      value: '',
+      id: '',
+      info: {},
     };
   },
+  onLoad(option) {
+    this.id = option.id
+    this.getDetail()
+  },
   onShow() {
     
   },
   methods: {
+    getDetail() {
+      this.$http.post(`/app/appintegraluserapply/queryDetailById?id=${id}`).then(res=> {
+        if(res?.data) {
+          this.info = res.data
+        }
+      })
+    },
     confirm() {
-
+      if(!this.value) {
+        return this.$u.toast('请输入不通过理由')
+      }
+      this.submit(0)
+    },
+    agree() {
+      this.$confirm('确定通过该条申请').then(() => {
+        this.submit(1)
+      })
+    },
+    submit(status) {
+      this.$http.post(`/app/appintegraluserapply/auditById?id=${this.id}&auditStatus=${status}&auditDesc=${this.value}`).then(res=> {
+        if(res?.data) {
+          this.$u.toast('操作成功')
+          this.getDetail()
+        }
+      })
     }
   },
 };
@@ -175,7 +201,6 @@ uni-page-body {
     }
     .cancel {
       color: #1365DD;
-      line-height: 76px;
       box-sizing: border-box;
     }
     .confirm {