From c3723c8cfbd715c836d95b380941e4fd67c11e32 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Thu, 27 Oct 2022 10:43:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B6=85=E5=87=BA=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../generalElectionDetail.vue                 | 197 +++++++++++-------
 1 file changed, 119 insertions(+), 78 deletions(-)

diff --git a/src/project/pingchang/AppGeneralElection/generalElectionDetail.vue b/src/project/pingchang/AppGeneralElection/generalElectionDetail.vue
index 410fdec..2caff95 100644
--- a/src/project/pingchang/AppGeneralElection/generalElectionDetail.vue
+++ b/src/project/pingchang/AppGeneralElection/generalElectionDetail.vue
@@ -2,12 +2,24 @@
   <view class="page">
     <div class="line-bg"></div>
     <div class="banner-top">
-      <image src="https://cdn.cunwuyun.cn/img/election-banner.png" class="banner-img"></image>
-      <span class="tips" @click="viewMask()"><image src="https://cdn.cunwuyun.cn/img/explain-icon.png" class="tips-icon"></image>投票说明</span>
-      <image src="https://cdn.cunwuyun.cn/img/party-icon.png" class="party-icon"></image>
+      <image
+        src="https://cdn.cunwuyun.cn/img/election-banner.png"
+        class="banner-img"
+      ></image>
+      <span class="tips" @click="viewMask()"
+        ><image
+          src="https://cdn.cunwuyun.cn/img/explain-icon.png"
+          class="tips-icon"
+        ></image
+        >投票说明</span
+      >
+      <image
+        src="https://cdn.cunwuyun.cn/img/party-icon.png"
+        class="party-icon"
+      ></image>
       <div class="banner-info">
         <div class="title">{{ title }}</div>
-        <div class="num-info">应选人{{ chooseNumber || '0' }}人</div>
+        <div class="num-info">应选人{{ chooseNumber || "0" }}人</div>
         <div class="user-list">
           <div class="user-item user-item-title">
             <span>候选人</span>
@@ -18,20 +30,38 @@
           <div class="user-item" v-for="(item, index) in userList" :key="index">
             <span>{{ item.candidateUserName }}</span>
             <span>
-                            <image
-                                :src="item.voteStatus == '0' ? 'https://cdn.cunwuyun.cn/img/circle-check.png' : 'https://cdn.cunwuyun.cn/img/circle-icon.png'"
-                                class="check-icon" @click="checkClick(index, '0')"></image>
-                        </span>
+              <image
+                :src="
+                  item.voteStatus == '0'
+                    ? 'https://cdn.cunwuyun.cn/img/circle-check.png'
+                    : 'https://cdn.cunwuyun.cn/img/circle-icon.png'
+                "
+                class="check-icon"
+                @click="checkClick(index, '0')"
+              ></image>
+            </span>
             <span>
-                            <image
-                                :src="item.voteStatus == '1' ? 'https://cdn.cunwuyun.cn/img/circle-check.png' : 'https://cdn.cunwuyun.cn/img/circle-icon.png'"
-                                class="check-icon" @click="checkClick(index, '1')"></image>
-                        </span>
+              <image
+                :src="
+                  item.voteStatus == '1'
+                    ? 'https://cdn.cunwuyun.cn/img/circle-check.png'
+                    : 'https://cdn.cunwuyun.cn/img/circle-icon.png'
+                "
+                class="check-icon"
+                @click="checkClick(index, '1')"
+              ></image>
+            </span>
             <span>
-                            <image
-                                :src="item.voteStatus == '2' ? 'https://cdn.cunwuyun.cn/img/circle-check.png' : 'https://cdn.cunwuyun.cn/img/circle-icon.png'"
-                                class="check-icon" @click="checkClick(index, '2')"></image>
-                        </span>
+              <image
+                :src="
+                  item.voteStatus == '2'
+                    ? 'https://cdn.cunwuyun.cn/img/circle-check.png'
+                    : 'https://cdn.cunwuyun.cn/img/circle-icon.png'
+                "
+                class="check-icon"
+                @click="checkClick(index, '2')"
+              ></image>
+            </span>
           </div>
         </div>
       </div>
@@ -51,106 +81,112 @@
   </view>
 </template>
 <script>
-import {mapState} from 'vuex'
+import { mapState } from "vuex";
 export default {
   computed: {
-    ...mapState(['user']),
+    ...mapState(["user"]),
   },
   data() {
     return {
-      detailId: '',
+      detailId: "",
       userList: [],
       showMask: false,
-      title: '',
-      chooseNumber: '',
-      partyId: '',
-      votingInstructions: '',
+      title: "",
+      chooseNumber: "",
+      partyId: "",
+      votingInstructions: "",
     };
   },
   onLoad(options) {
-    this.detailId = options.id
-    this.partyId = this.user.partyId
-    this.getDetailInfo()
+    this.detailId = options.id;
+    this.partyId = this.user.partyId;
+    this.getDetailInfo();
   },
   methods: {
     submitVote() {
-      var flags = true
-      var checkNum = 0
-      var checkList = []
+      var flags = true;
+      var checkNum = 0;
+      var checkList = [];
       this.userList.map((item) => {
         if (item.voteStatus) {
-          checkNum++
-          checkList.push(item)
+          checkNum++;
+          checkList.push(item);
         }
-      })
+      });
 
       if (checkNum > this.chooseNumber) {
-        uni.showToast({title: `投票人数大于应选人数，请重试`, icon: 'none'})
-        flags = false
+        uni.showToast({ title: `投票人数大于应选人数，请重试`, icon: "none" });
+        flags = false;
       }
       if (checkNum < this.chooseNumber) {
-        uni.showToast({title: `请给候选人投票`, icon: 'none'})
-        flags = false
+        uni.showToast({ title: `请给候选人投票`, icon: "none" });
+        flags = false;
       }
       // if (checkNum < this.userList.length) {
       //   uni.showToast({title: `请给候选人投票`, icon: 'none'})
       //   flags = false
       // }
-      
-      if (!flags) return
-      this.$instance.post('/app/appgeneralelectioninfo/vote', checkList).then(res => {
-        if (res.code == 0) {
-          uni.showToast({title: '投票成功！'})
-          setTimeout(function () {
-            uni.navigateBack({
-              delta: 1
-            });
-          }, 1000)
-        }
-      })
+
+      if (!flags) return;
+      this.$instance
+        .post("/app/appgeneralelectioninfo/vote", checkList)
+        .then((res) => {
+          if (res.code == 0) {
+            uni.showToast({ title: "投票成功！" });
+            setTimeout(function () {
+              uni.navigateBack({
+                delta: 1,
+              });
+            }, 1000);
+          }
+        });
     },
     checkClick(index, status) {
       if (this.userList[index].voteStatus == status) {
-        this.userList[index].voteStatus = ''
+        this.userList[index].voteStatus = "";
       } else {
-        this.userList[index].voteStatus = status
+        this.userList[index].voteStatus = status;
       }
     },
     closeMask() {
-      this.showMask = false
+      this.showMask = false;
     },
     viewMask() {
-      this.showMask = true
+      this.showMask = true;
     },
     getDetailInfo() {
-      this.$instance.post(`/app/appgeneralelectioninfo/queryDetailById?id=${this.detailId}`, null).then(res => {
-        if (res.data) {
-          this.votingInstructions = res.data.votingInstructions
-          this.chooseNumber = res.data.chooseNumber
-          this.title = res.data.title
-          res.data.candidateUsers.map((item) => {
-            var info = {
-              "candidateUserId": item.id,
-              "candidateUserName": item.name,
-              "electionId": this.detailId,
-              "voteStatus": '',
-              "voterUserId": this.partyId,
-            }
-            this.userList.push(info)
-          })
-        }
-      });
+      this.$instance
+        .post(
+          `/app/appgeneralelectioninfo/queryDetailById?id=${this.detailId}`,
+          null
+        )
+        .then((res) => {
+          if (res.data) {
+            this.votingInstructions = res.data.votingInstructions;
+            this.chooseNumber = res.data.chooseNumber;
+            this.title = res.data.title;
+            res.data.candidateUsers.map((item) => {
+              var info = {
+                candidateUserId: item.id,
+                candidateUserName: item.name,
+                electionId: this.detailId,
+                voteStatus: "",
+                voterUserId: this.partyId,
+              };
+              this.userList.push(info);
+            });
+          }
+        });
     },
   },
 };
 </script>
 <style lang="scss" scope>
-
 .page {
   .line-bg {
     width: 100%;
     height: 12px;
-    background-color: #E60012;
+    background-color: #e60012;
   }
 
   .banner-top {
@@ -173,7 +209,7 @@ export default {
       color: #fff;
       font-size: 30px;
       z-index: 88;
-      top: 116px;
+      top: 137px;
 
       .tips-icon {
         width: 40px;
@@ -201,16 +237,21 @@ export default {
       width: 100%;
       color: #fff;
       padding-bottom: 136px;
+      
 
       .title {
         width: 100%;
         font-size: 44px;
         font-family: PingFangSC-Semibold, PingFang SC;
         font-weight: 600;
-        line-height: 60px;
         text-align: center;
-        padding: 12px 0 40px 0;
-
+        padding: 12px 0 10px 0;
+        box-sizing: border-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
       }
 
       .num-info {
@@ -272,7 +313,7 @@ export default {
     .btn {
       width: 100%;
       line-height: 112px;
-      background: #E60012;
+      background: #e60012;
       color: #fff;
       font-size: 32px;
       text-align: center;
@@ -285,7 +326,7 @@ export default {
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, .3);
+    background: rgba(0, 0, 0, 0.3);
     z-index: 99;
 
     .mask-content {
@@ -323,7 +364,7 @@ export default {
         font-size: 28px;
         font-family: PingFangSC-Medium, PingFang SC;
         font-weight: 500;
-        color: #1365DD;
+        color: #1365dd;
         line-height: 40px;
         margin: 60px 0 20px 332px;
         text-align: center;