党员积分

src/apps/AppPartyPoints/Add.vue

@@ -5,8 +5,9 @@
         <span class="tips">*</span>党员信息
       </div>
       <div class="value">
-        <span class="color-999">请选择</span>
-        <u-icon name="arrow-right" color="#ddd" size="28"></u-icon>
+        <AiPagePicker type="party" @select="handlePartySelect" single>
+          <AiMore v-model="form.partyName" placeholder="请选择"/>
+        </AiPagePicker>
       </div>
     </div>
     <div class="flex mar-b16">
@@ -14,8 +15,7 @@
         <span class="tips">*</span>积分操作
       </div>
       <div class="value">
-        <span class="color-999">请选择</span>
-        <u-icon name="arrow-right" color="#ddd" size="28"></u-icon>
+        <AiSelect dict="partyIntegralType" v-model="form.integralType"></AiSelect>
       </div>
     </div>
     <div class="flex mar-b16">
@@ -23,7 +23,7 @@
         <span class="tips">*</span>积分分值
       </div>
       <div class="value">
-        <u-input v-model="value" type="number" maxlength="6" placeholder="请输入" placeholder-style="font-size:16px;" input-align="right"/>
+        <u-input v-model="form.integral" type="number" maxlength="6" placeholder="请输入" placeholder-style="font-size:16px;" :height="32" input-align="right"/>
       </div>
     </div>
     <div class="flex">
@@ -32,10 +32,10 @@
       </div>
     </div>
     <div class="text-area">
-      <u-input v-model="value" type="textarea" :height="150" :auto-height="true" maxlength="500" placeholder="请输入调整说明" placeholder-style="font-size:16px;" />
-      <div class="hint">{{ value.length }}/500</div>
+      <u-input v-model="form.remark" type="textarea" :height="150" :auto-height="true" maxlength="500" placeholder="请输入调整说明" placeholder-style="font-size:16px;" />
+      <div class="hint">{{ form.remark.length }}/500</div>
     </div>
-    <div class="footer">
+    <div class="footer" @click="confirm">
       <div class="btn">确认提交</div>
     </div>
   </div>
@@ -48,22 +48,58 @@ export default {
   name: 'Add',
   data() {
     return {
-      value: ''
+      form: {
+        partyName: '',
+        partyId: '',
+        integralType: '',
+        integral: '',
+        remark: '',
+      },
     }
   },
   computed: {
     ...mapState(['user']),
-    
   },
   created() {
-    this.$dict.load('appSpecialTypeFive')
+    this.$dict.load('partyIntegralType')
   },
   onShow() {
     document.title = '积分调整'
-    
   },
   methods: {
-
+    rules() {
+      return {
+        partyId: '请选择党员信息',
+        integralType: '请选择积分操作',
+        integral: '请输入积分分值',
+        remark: '请输入调整说明',
+      }
+    },
+    confirm() {
+      const rules = this.rules()
+      for (let v of Object.keys(rules)) {
+        if (!this.form[v]) {
+          return this.$u.toast(rules[v])
+        }
+      }
+      this.$http.post('/app/apppartyintegralinfo/add', {
+        partyIntegralList: [{...this.form}],
+      }).then(res => {
+        if (res.code == 0) {
+          this.$u.toast('提交成功')
+          uni.$emit('reload')
+          uni.navigateBack({
+            delta: 1
+          })
+        }
+      }).catch((err) => {
+        this.$u.toast(err)
+      })
+    },
+    handlePartySelect(e) {
+      this.form.partyId = e[0].id
+      this.form.partyName = e[0].name
+    }
   },
 }
 </script>

src/apps/AppPartyPoints/AppPartyPoints.vue

@@ -1,25 +1,19 @@
 <template>
   <div class="AppPartyPoints">
     <AiTopFixed>
-      <u-search placeholder="搜索党员" :show-action="false" search-icon-color="#ccc" v-model="search.title"
-        @search="isMore = false, search.current = 1, getList()"/>
+      <u-search placeholder="搜索党员" :show-action="false" search-icon-color="#ccc" v-model="partyName"
+        @search="getListInit()" @clear="getListInit()" />
     </AiTopFixed>
-    <div class="list-content">
-      <div class="item" >
+    <div class="list-content" v-if="list.length">
+      <div class="item" v-for="(item, index) in list" :key="index">
         <div class="left">
-          <p>刘宝华:参与环保宣传</p>
-          <div>2022-03-18 13:45:36</div>
+          <p>{{item.partyName}}:{{item.remark}}</p>
+          <div>{{item.createTime}}</div>
         </div>
-        <div class="right status0">＋20</div>
-      </div>
-      <div class="item" >
-        <div class="left">
-          <p>刘宝华:参与环保宣传</p>
-          <div>2022-03-18 13:45:36</div>
-        </div>
-        <div class="right status0">＋20</div>
+        <div class="right" :class="'status'+item.integralType">{{item.residualIntegral}}</div>
       </div>
     </div>
+    <AiEmpty v-else></AiEmpty>
     <div class="height-144"></div>
     <div class="footer" @click="toAdd">
       <div class="btn">积分调整</div>
@@ -35,25 +29,48 @@ export default {
   appName: '党员积分',
   data() {
     return {
-      search: {title: ''},
+      partyName: '',
+      current: 1,
+      list: []
     }
   },
   computed: {
     ...mapState(['user']),
-    
   },
   created() {
-    this.$dict.load('appSpecialTypeFive')
+    this.getList()
   },
   onShow() {
     document.title = '党员积分'
-    
   },
   methods: {
+    getList() {
+      this.$http.post('/app/apppartyintegralinfo/list', null, {
+        params: {
+          size: 20,
+          current: this.current,
+          partyName: this.partyName
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    },
+    getListInit() {
+      this.current = 1
+      this.datas = []
+      this.getList()
+    },
     toAdd() {
       uni.navigateTo({url: './Add'})
     },
   },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
 }
 </script>