fixed

src/utils/patients/patientsapi.js

@@ -46,7 +46,6 @@ export const getNotCompleteList = (params) => {
     headers,
     url: getBaseUrl(`healths/patients/uncomplate/${params.pageNo}/${params.pageSize}`),
     method: 'get',
-    params: params,
     description: '获取资料不全居民列表',
   })
 };

src/views/patients/not-complete/not-complete-list.vue

@@ -7,12 +7,14 @@
     <section class="not-complete-content screenSet">
       <h1 class="page-title">资料不全居民</h1>
       <p class="tip" v-if="notCompleteList.length">
-        共<span class="fontGreen">800位</span>居民仅通过微信扫码与您绑定，但未完善姓名、手机号等关键信息。提醒居民完善信息后，您将可以对居民进行消息推送和随访计划设置。
-        <el-button type="primary" style="float: right;" size="small" @click="sendCompleteMessages">批量提醒</el-button>
+        共<span class="fontGreen">{{pagination.totalRows}}位</span>居民仅通过微信扫码与您绑定，但未完善姓名、手机号等关键信息。提醒居民完善信息后，您将可以对居民进行消息推送和随访计划设置。
+        <el-button type="primary" style="float: right;" size="small" @click="sendCompleteMessageMultiple">批量提醒</el-button>
       </p>
       <el-table
         v-if="notCompleteList.length"
         :data="notCompleteList"
+        :row-key="getRowKeys"
+        @selection-change="handleSelectionChange"
         style="width: 100%;">
         <el-table-column
           type="selection"
@@ -47,7 +49,7 @@
           label="操作"
           align="center">
           <template slot-scope="scope">
-            <el-button v-if="scope.row.isRemind==1" type="text" @click="sendCompleteMessage(scope.row)">提醒完善信息</el-button>
+            <el-button v-if="scope.row.isRemind==1" type="text" @click="sendMessageSingle(scope.row)">提醒完善信息</el-button>
             <el-button v-else-if="scope.row.isRemind==2" type="text" style="color: #999">提醒已发送</el-button>
           </template>
         </el-table-column>
@@ -57,11 +59,11 @@
         background
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
-        :current-page="notCompleteList.pageNo"
-        :page-sizes="[15, 30, 50, 100, 200, 500, 700, 1000, 1500, 2000]"
-        :page-size="notCompleteList.pageSize"
+        :current-page="pagination.pageNo"
+        :page-sizes="[15, 30, 50, 100]"
+        :page-size="pagination.pageSize"
         layout="total, sizes, prev, pager, next, jumper"
-        :total="totalRows">
+        :total="pagination.totalRows">
       </el-pagination>
       </div>
       <div v-if="!notCompleteList.length" class="blank-wrap">
@@ -76,7 +78,7 @@
 
 <script>
   import BreadCrumb from '../../../components/breadcrumb.vue'
-
+  import { getNotCompleteList, sendCompleteMessage, getNotCompleteCount } from '../../../utils/patients/patientsapi'
   export default {
     name: "not-complete",
     components: {
@@ -87,58 +89,95 @@
         curmbFirst: '居民管理',
         curmbSecond: '资料不全居民',
         notCompleteList: [],  //未完善列表
+        pagination: {
+          pageNo: 1,
+          pageSize: 15,
+        },
+        getRowKeys(row) {
+          return row.patientId;
+        },
+        selectList: []
       }
     },
     created() {
       //const vm = this;
     },
     mounted() {
-      this.getNotComplete({
-        pageNo: 1,
-        pageSize: 10
-      })
+      this.getNotComplete()
+      this.getNotCompleteNum()
     },
     methods: {
-      getNotComplete(reqData) {
-        const { pageNo, pageSize} = reqData
-        this.GET(`/healths/patients/uncomplate/${pageNo}/${pageSize}`).then((res) => {
-          console.log(res)
-          if(res.code == "000000") {
-            this.notCompleteList = res.data
+      handleSelectionChange(val) {
+        this.selectList = val;
+      },
+      handleSizeChange(val) {
+        this.pagination.pageSize = val
+        this.getNotComplete()
+      },
+      handleCurrentChange(val) {
+        this.pagination.pageNo = val
+        this.getNotComplete()
+      },
+      getNotComplete() { //获取未完善居民列表
+        const { pageNo, pageSize} = this.pagination
+        getNotCompleteList({
+          pageNo,
+          pageSize,
+        }).then((data) => {
+          if(data.code == "000000") {
+            this.notCompleteList = data.data
+            console.log('1212',this.notCompleteList)
           }
         }).catch(function (error) {
-          this.$message.error(error);
+          this.$message({
+            message: error,
+            type: 'error'
+          });
         });
       },
-      sendCompleteMessage(item) {
-        let params = {
-          qrcodeType: 1,  //saas 云鹊医平台
+      sendMessageSingle(item) { //发送单个提醒
+        sendCompleteMessage({
+          qrcodeType: 1,
           patientId: item.patientId,
-        }
-        this.POST('/healths/patients/remind',params).then((res) => {
+        }).then((data) => {
+          if(data.code == "000000") {
+            this.$message({
+              message: '已向居民发送提醒',
+              type: 'success'
+            });
+          }else {
             this.$message({
-            type: 'success',
-            message: '操作成功!'
+              message: data.message,
+              type: 'error'
             });
+          }
         }).catch(function (error) {
-          this.$message.error(error);
+          this.$message({
+            message: error,
+            type: 'error'
+          });
         });
 
       },
-      sendCompleteMessages(item) {
-        let params = {
-          qrcodeType: 1,  //saas 云鹊医平台
-          patientId: item.patientId,
-        }
-        this.POST('/healths/patients/remind',params).then((res) => {
+      sendCompleteMessageMultiple(item) {
+          if(!this.selectList.length) {
             this.$message({
-            type: 'success',
-            message: '操作成功!'
+              message: '请选择居民',
+              type: 'warning'
             });
+          }
+      },
+      getNotCompleteNum() {
+        getNotCompleteCount().then((data) => {
+          if(data.code == "000000") {
+            this.pagination.totalRows = data.data;
+          }
         }).catch(function (error) {
-          this.$message.error(error);
+          this.$message({
+            message: error,
+            type: 'error'
+          });
         });
-
       }
     }
   }