新增个人公益积分查询

src/views/modules/user/volunteer-points-personal-static.vue

@@ -0,0 +1,134 @@
+<template>
+  <el-card shadow="never"
+           class="aui-card--fill">
+    <div class="mod-epdc__user}">
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
+        <el-form-item label="姓名">
+          <el-input v-model.trim="dataForm.realName"
+                    placeholder="姓名"
+                    clearable></el-input>
+        </el-form-item>
+        <el-form-item label="时间">
+          <el-date-picker v-model="timeRange"
+                          type="daterange"
+                          start-placeholder="开始日期"
+                          end-placeholder="结束日期"
+                          value-format="yyyy-MM-dd"
+                          :default-time="['00:00:00', '23:59:59']">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="排序">
+           <el-select v-model="dataForm.sortType" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.sortType"
+              :label="item.label"
+              :value="item.sortType">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="dataListLoading"
+                :data="dataList"
+                border
+                @selection-change="dataListSelectionChangeHandle"
+                style="width: 100%">
+      <el-table-column prop="realName" label="姓名" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="identityNo" label="身份证号" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="tagName" label="所在小组" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="volunteerSignature" label="格言" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="address" label="居住地址" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="kindnessTime" label="公益时长" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="volunteerPoints" label="公益积分" header-align="center" align="center"></el-table-column>
+      <el-table-column prop="participationNum" label="公益次数" header-align="center" align="center"></el-table-column>
+      <el-table-column :label="$t('handle')" header-align="center" align="center" width="150">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="pointsRecords(scope.row.userId, scope.row.realName)">积分记录</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination :current-page="page"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="limit"
+                     :total="total"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="pageSizeChangeHandle"
+                     @current-change="pageCurrentChangeHandle"></el-pagination>
+    <!-- 积分记录 -->
+    <volunteer-points-records v-if="volunteerPointsRecordsVisible"
+                                    @firstDialogCallBack="firstDialogCallBack"
+                                    ref="volunteerPointsRecords"></volunteer-points-records>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import volunteerPointsRecords from './volunteer-points-records'
+export default {
+  mixins: [mixinViewModule],
+  data () {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: 'analysis/volunteer/personalVolunteers',
+        getDataListIsPage: true
+      },
+      dataForm: {
+        id: '',
+        realName: '',
+        startTime: '',
+        endTime: '',
+        sortType: '1'
+      },
+      volunteerPointsRecordsVisible: false,
+      timeRange: '',
+      options: [
+        {
+          sortType: '1',
+          label: '按公益积分'
+        },
+        {
+          sortType: '2',
+          label: '按公益次数'
+        }
+      ]
+    }
+  },
+  watch: {
+    'timeRange': function (val) {
+      this.dataForm.startTime = ''
+      this.dataForm.endTime = ''
+      if (val != null) {
+        this.dataForm.startTime = val[0]
+        this.dataForm.endTime = val[1]
+      }
+    }
+  },
+  methods: {
+    pointsRecords (userId, realName) {
+      this.volunteerPointsRecordsVisible = true
+      this.$nextTick(() => {
+        this.$refs.volunteerPointsRecords.dataForm.userId = userId
+        this.$refs.volunteerPointsRecords.dataForm.realName = realName
+        this.$refs.volunteerPointsRecords.dataForm.startTime = this.dataForm.startTime
+        this.$refs.volunteerPointsRecords.dataForm.endTime = this.dataForm.endTime
+        this.$refs.volunteerPointsRecords.init()
+      })
+    },
+    firstDialogCallBack (value) {
+      if (value) {
+        this.getDataList()
+      }
+    }
+  },
+  components: {
+    volunteerPointsRecords
+  }
+}
+</script>

src/views/modules/user/volunteer-points-records.vue

@@ -1,7 +1,10 @@
 <template>
   <el-dialog width="80%" title="积分记录" :visible.sync="visible" append-to-body>
     <el-table :data="volunteerPointsRecords" border style="width: 100%;">
-      <el-table-column label="姓名" header-align="center" align="center">{{ dataForm.realName }}</el-table-column>
+      <!-- <el-table-column label="姓名" header-align="center" align="center">{{ dataForm.realName }}</el-table-column> -->
+      <el-table-column label="姓名" prop="realName" header-align="center" align="center">
+        <template slot-scope="scope">{{ scope.row.realName == 1 ? '' :  dataForm.realName}}</template>
+      </el-table-column>
       <el-table-column prop="actName" label="参与活动名称" header-align="center" align="center"></el-table-column>
       <el-table-column prop="volunteerPoints" label="获得积分" header-align="center" align="center"></el-table-column>
     </el-table>