From 8f15cb2afce27cdbf1348c4086d082db4efb1744 Mon Sep 17 00:00:00 2001
From: yujk <990961482@qq.com>
Date: Fri, 3 Sep 2021 11:52:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E5=AE=B6=E5=9B=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/onlineHome/poll.js              |  33 ++++
 src/router/index.js                     |   9 +
 src/views/onlineHome/homePoll.vue       | 138 ++++++++-------
 src/views/onlineHome/homePollDetail.vue | 220 ++++++++++++++++++++++++
 static/images/onlineHome/voteMenu.png   | Bin 0 -> 800 bytes
 5 files changed, 330 insertions(+), 70 deletions(-)
 create mode 100644 src/api/onlineHome/poll.js
 create mode 100644 src/views/onlineHome/homePollDetail.vue
 create mode 100644 static/images/onlineHome/voteMenu.png

diff --git a/src/api/onlineHome/poll.js b/src/api/onlineHome/poll.js
new file mode 100644
index 00000000..5f4955b5
--- /dev/null
+++ b/src/api/onlineHome/poll.js
@@ -0,0 +1,33 @@
+import request from '@/utils/request'
+
+// 查询投票主题列表
+export function listPoll(query) {
+  return request({
+    url: '/poll/poll/list',
+    method: 'get',
+    params: query
+  })
+}
+// 查询投票主题详细
+export function getPoll(id) {
+  return request({
+    url: '/poll/poll/get/' + id,
+    method: 'get'
+  })
+}
+// 新增投票主题
+export function votePoll(id,list) {
+  return request({
+    url: '/poll/poll/votePoll/'+ id +'/'+ list,
+    method: 'get'
+  })
+}
+
+// 查询投票详情列表
+export function listPollVote(query) {
+  return request({
+    url: '/poll/pollVote/list',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 38006378..1600f163 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -645,6 +645,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/onlineHome/zdjs'], resolve)
   },
+  {
+    path: '/onlineHome/homePollDetail',
+    name: 'homePollDetail',
+    meta: {
+      title: '投票详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homePollDetail'], resolve)
+  },
   {
     path: '/flowChart',
     name: 'flowChart',
diff --git a/src/views/onlineHome/homePoll.vue b/src/views/onlineHome/homePoll.vue
index 9e1cd13e..be54bc6a 100644
--- a/src/views/onlineHome/homePoll.vue
+++ b/src/views/onlineHome/homePoll.vue
@@ -6,83 +6,54 @@
       @click-left="$router.back(-1)"
     >
       <template #right>
-        <van-image src=""></van-image>
+        <van-image
+          width="18"
+          height="18"
+          src="../../../static/images/onlineHome/voteMenu.png"/>
       </template>
     </van-nav-bar>
-    <van-row style="margin-top: 20px">
-      <van-col span="20" offset="2">
-        <H3 style="line-height: 20px;">活动主题活动主题活动主题活动主题</H3>
-      </van-col>
-    </van-row>
-    <van-row style="margin-top: 10px">
-      <van-col span="20" offset="2">
-          <h4 style="color: #878787;line-height: 20px;">活动描述活动描述活动描述</h4>
-      </van-col>
-    </van-row>
+    <van-list>
+      <van-row v-for="(item,index) in list" :key="index" style="background:#fff;width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
+        <van-col span="3" style="text-align: center;">
+          <van-image
+            width="18"
+            height="18"
+            style="display: inline-block;margin-top: 16px"
+            src="../../../static/images/onlineHome/home3.png"
+          />
+        </van-col>
+        <van-col span="17">
+          <van-row>
+            <h3 style="line-height: 26px">{{item.subjectName}}</h3>
+          </van-row>
+          <van-row>
+            <p v-if="new Date(item.startTime) > new Date()" style="line-height: 26px">
+              开始时间：{{item.startTime}}
+            </p>
+            <p v-if="new Date(item.startTime) <= new Date() && new Date(item.endTime) >= new Date()" style="line-height: 26px">
+              截止时间：{{item.endTime}}
+            </p>
+            <p v-if="new Date(item.endTime) < new Date()" style="line-height: 26px">
+              发起人：{{item.promoters}}
+            </p>
+          </van-row>
+        </van-col>
+        <van-col span="4">
+          <h3 v-if="new Date(item.startTime) > new Date()" style="line-height: 50px;color: #1D6FE9" >未开始</h3>
+          <h3 v-if="new Date(item.endTime) < new Date()" style="line-height: 50px;color: #1D6FE9" @click="go(item.id)">查看</h3>
+          <h3 v-if="new Date(item.startTime) <= new Date() && new Date(item.endTime) >= new Date()" style="line-height: 50px;color: #1D6FE9" @click="go(item.id)">投票</h3>
+        </van-col>
+      </van-row>
+    </van-list>
 
-    <van-row style="margin-top: 10px">
-      <van-col span="9" offset="2">
-        <van-image
-          width="12"
-          height="12"
-          style="display: inline-block;"
-          src="../../../static/images/onlineHome/vote1.png"
-        />
-        <p style="display: inline-block;color:#1D6FE9 ">实名</p>
-        <van-image
-          width="12"
-          height="12"
-          style="display: inline-block;"
-          src="../../../static/images/onlineHome/vote1.png"
-        />
-        <p style="display: inline-block;color:#1D6FE9 ">单选</p>
-        <van-image
-          width="12"
-          height="12"
-          style="display: inline-block;"
-          src="../../../static/images/onlineHome/vote1.png"
-        />
-        <p style="display: inline-block;color:#1D6FE9 ">多选</p>
-      </van-col>
-      <van-col span="8" offset="5">
-        <van-image
-          width="12"
-          height="12"
-          style="display: inline-block;"
-          src="../../../static/images/onlineHome/vote.png"
-        />
-        <p style="display: inline-block">3人已参与</p>
-      </van-col>
-    </van-row>
-    <van-checkbox-group v-model="result"  style="margin-top: 20px">
-      <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
-        <van-cell title="选项1">
-          <template #icon>
-            <van-image
-              fit="contain"
-              height="18"
-              style="margin-right: 10px"
-              src="../../../static/images/onlineHome/home3.png"
-            />
-          </template>
-          <van-checkbox name="a" style="float: right"/>
-        </van-cell>
-        <van-row>
-          <van-col span="15" :offset="2" style="    margin-top: 7px;">
-            <van-progress :percentage="87" :show-pivot="false"/>
-          </van-col>
-          <van-col span="5" :offset="2">
-            57票 87%
-          </van-col>
-        </van-row>
-      </van-cell-group>
-    </van-checkbox-group>
     <onlineHomeIndex></onlineHomeIndex>
   </div>
 </template>
 
 <script>
     import onlineHomeIndex from "../onlineHomeIndex";
+    import {getFinancialInAndOut} from "../../api/onlineHome/finacial";
+    import {listPoll} from "../../api/onlineHome/poll";
 
     export default {
       components: {
@@ -92,17 +63,44 @@
       data() {
         return {
           activeName: 'a',
-          list: [],
+          list: [{},{}],
           loading: false,
           finished: false,
           result:[],
+          // 查询参数
+          queryParams: {
+            // 分页
+            pageNum: 1,
+            pageSize: 10,
+            // 查询排序
+            //orderByColumn: "id",
+            //isAsc: "desc",
+            subjectName: null,
+            status: 3
+          },
         };
       },
+      created() {
+        this.getList();
+      },
+      methods: {
+        go(val){
+          this.$router.push({path:'/onlineHome/homePollDetail',query:{id:val}});
+        },
+        getList(){
+          this.loading = true;
+          listPoll(this.queryParams).then(response => {
+            this.list = response.rows;
+            this.total = response.total;
+            this.loading = false;
+          });
+        },
+      },
     }
 </script>
 
 <style scoped>
-  >>>.van-cell::after {
+  >>>.van-col::after {
      border-bottom: none;
   }
 </style>
diff --git a/src/views/onlineHome/homePollDetail.vue b/src/views/onlineHome/homePollDetail.vue
new file mode 100644
index 00000000..29c91097
--- /dev/null
+++ b/src/views/onlineHome/homePollDetail.vue
@@ -0,0 +1,220 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="投票"
+      left-arrow
+      @click-left="$router.back(-1)"
+    >
+      <template #right>
+        <van-image src=""></van-image>
+      </template>
+    </van-nav-bar>
+    <van-row style="margin-top: 20px">
+      <van-col span="20" offset="2">
+        <H3 style="line-height: 20px;">{{form.subjectName}}</H3>
+      </van-col>
+    </van-row>
+    <van-row style="margin-top: 10px">
+      <van-col span="20" offset="2">
+          <h4 style="color: #878787;line-height: 20px;">{{form.description}}</h4>
+      </van-col>
+    </van-row>
+
+    <van-row style="margin-top: 10px">
+      <van-col span="9" offset="2">
+        <van-image
+          v-if="form.anonymous==1"
+          width="12"
+          height="12"
+          style="display: inline-block;"
+          src="../../../static/images/onlineHome/vote1.png"
+        />
+        <p style="display: inline-block;color:#1D6FE9 ">实名</p>
+        <van-image
+          v-if="form.type==1"
+          width="12"
+          height="12"
+          style="display: inline-block;"
+          src="../../../static/images/onlineHome/vote1.png"
+        />
+        <p v-if="form.type==1" style="display: inline-block;color:#1D6FE9 ">单选</p>
+        <van-image
+          v-if="form.type==2"
+          width="12"
+          height="12"
+          style="display: inline-block;"
+          src="../../../static/images/onlineHome/vote1.png"
+        />
+        <p v-if="form.type==2" style="display: inline-block;color:#1D6FE9 ">多选</p>
+      </van-col>
+      <van-col span="8" offset="5">
+        <van-image
+          width="12"
+          height="12"
+          style="display: inline-block;"
+          src="../../../static/images/onlineHome/vote.png"
+        />
+        <p style="display: inline-block">{{this.form.nums}}人已参与</p>
+      </van-col>
+    </van-row>
+    <van-checkbox-group v-if="form.type==2" v-model="result" style="margin-top: 20px">
+      <van-cell-group v-for="(item,index) in pollOptions" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
+        <van-cell :title="item.name">
+          <template #icon>
+            <van-image
+              fit="contain"
+              height="18"
+              style="margin-right: 10px"
+              src="../../../static/images/onlineHome/home3.png"
+            />
+          </template>
+          <van-checkbox :name="item.id" style="float: right"/>
+        </van-cell>
+        <van-row>
+          <van-col span="15" :offset="2" style="margin-top: 7px;">
+            <van-progress v-if="result.indexOf(item.id)==-1" :percentage="voteNum>0?((item.num/voteNum)*100).toFixed(2):0" :show-pivot="false"/>
+            <van-progress v-if="result.indexOf(item.id)!=-1" :percentage="(voteNum+result.length)>0?(((item.num+1)/(voteNum+result.length))*100).toFixed(2):0" :show-pivot="false"/>
+          </van-col>
+          <van-col span="5" :offset="2" v-if="result.indexOf(item.id)==-1">
+            {{item.num}}票 {{voteNum>0?((item.num/voteNum)*100).toFixed(2):0}}%
+          </van-col>
+          <van-col span="5" :offset="2" v-if="result.indexOf(item.id)!=-1">
+            {{item.num+1}}票 {{(voteNum+result.length)>0?(((item.num+1)/(voteNum+result.length))*100).toFixed(2):0}}%
+          </van-col>
+        </van-row>
+      </van-cell-group>
+    </van-checkbox-group>
+    <van-radio-group v-if="form.type==1" v-model="result1" style="margin-top: 20px">
+      <van-cell-group v-for="(item,index) in pollOptions" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
+        <van-cell :title="item.name">
+          <template #icon>
+            <van-image
+              fit="contain"
+              height="18"
+              style="margin-right: 10px"
+              src="../../../static/images/onlineHome/home3.png"
+            />
+          </template>
+          <van-radio :name="item.id" style="float: right" />
+        </van-cell>
+        <van-row>
+          <van-col span="15" :offset="2" style="margin-top: 7px;">
+            <van-progress v-if="result1!=item" :percentage="voteNum>0?((item.num/voteNum)*100).toFixed(2):0" :show-pivot="false"/>
+            <van-progress v-if="result1==item" :percentage="voteNum>0?(((item.num+1)/(voteNum+1))*100).toFixed(2):0" :show-pivot="false"/>
+          </van-col>
+          <van-col span="5" :offset="2" v-if="result1!=item.id">
+            {{item.num}}票 {{voteNum>0?((item.num/voteNum)*100).toFixed(2):0}}%
+          </van-col>
+          <van-col span="5" :offset="2" v-if="result1==item.id">
+            {{item.num+1}}票 {{voteNum>0?(((item.num+1)/(voteNum+1))*100).toFixed(2):0}}%
+          </van-col>
+        </van-row>
+      </van-cell-group>
+    </van-radio-group>
+    <van-row style="text-align: center;margin-top: 40px" v-if="isPoll">
+      <van-button color="#1D6FE9" style="border-radius: 6px;width: 90%;margin: 0 auto" @click="submit">提交</van-button>
+    </van-row>
+    <onlineHomeIndex></onlineHomeIndex>
+  </div>
+</template>
+
+<script>
+    import onlineHomeIndex from "../onlineHomeIndex";
+    import {getPoll, listPollVote, votePoll} from "../../api/onlineHome/poll";
+
+    export default {
+      components: {
+        onlineHomeIndex
+      },
+        name: "homePollDetail",
+      data() {
+        return {
+          loading: false,
+          form:{},
+          pollOptions:[],
+          id:this.$route.query.id,
+          voteNum:0,
+          result:[],
+          result1:"",
+          isPoll:true,
+        };
+      },
+      created() {
+        this.getInfo(this.id);
+        listPollVote().then(res => {
+          if(res.rows.length>0){
+            res.rows.map(r => {
+              if(r.pollId==this.id){
+                this.isPoll=false
+              }
+            })
+          }
+        })
+      },
+      methods:{
+        reset(){
+          this.pollOptions = []
+        },
+        getInfo(val){
+          this.reset();
+          this.loading = true
+          getPoll(val).then(response => {
+              response.data.options.map(res => {
+                this.voteNum += res.num
+               this.pollOptions.push(res)
+            })
+            this.form = response.data;
+            this.loading = true
+          });
+        },
+        submit(){
+          let list = []
+          let _this = this
+          if (this.form.type == 1) {
+            if (this.result1 != "") {
+              list.push(this.pollRadioValue)
+            } else {
+              this.$toast({
+                icon: 'error', // 找到自己需要的图标
+                message: '请选择一个选项',
+                duration:"1000",
+                onClose:function(){
+                  return false;
+                }
+              })
+
+            }
+          } else {
+            if (this.result.length > 0) {
+              list = this.result
+            } else {
+              this.$toast({
+                icon: 'error', // 找到自己需要的图标
+                message: '请至少选择一个选项',
+                duration:"1000",
+                onClose:function(){
+                  return false;
+                }
+              })
+            }
+          }
+          votePoll(this.id,list).then(response => {
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '保存成功',
+              duration:"1000",
+              onClose:function(){
+                _this.getInfo(this.id);
+              }
+            })
+          });
+        },
+      },
+    }
+</script>
+
+<style scoped>
+  >>>.van-cell::after {
+     border-bottom: none;
+  }
+</style>
diff --git a/static/images/onlineHome/voteMenu.png b/static/images/onlineHome/voteMenu.png
new file mode 100644
index 0000000000000000000000000000000000000000..48ec79630d35667a1211b88095ebe0dfb5cb470b
GIT binary patch
literal 800
zcmV+*1K<3KP)<h;3K|Lk000e1NJLTq001Ze001Ni1^@s6`#g9S00004b3#c}2nYxW
zd<bNS0008lNkl<ZSV!%cfpOC?6o%6YfC-vTP}m@yfHFbd37``+OaL1YCIBWNouKUm
zm<fOh=>PfN^U10lODMTBch#NFj{PKk`k(Zk;-kf4(Wrh>okQ6Q;w%I?(vM%N&*wmA
z3~zM(>O26ps>d?|L_w773V<(FKh6a3P8{!I7te$(je&x*E>D29?)h&NWG6qXnC-pV
z{;p_0+7tx|F>fn6|E#vnNc-1%ey+N-a7IFCtrAjb%XKH<-wL=JwOu9JU)aQRG8Dj<
zs@oJtO(ywc%7m^(sV}CMkM~nIq%Q1$!3J=Y4KvtAzpu=$XZ1`%^rm4+VQKU^)1bcF
z;PivKjX{m|yV48#IW+^^O{(iBy{}!&<ZcZPWtlLF<d(GzuLH<e-f&-lz!3?6LzSHi
ze}o#f{n*FkSeM;lp|+sb2kV4ROO%Vp4kJo;s;LEJvHwuzI<})r1!&cP&9hZKs|5_*
za-t6DJXO|uNKAaM8g8tV?VwKpm#W0AoI+p?AsCE-$t0}7vEs2dS7o=q0?-$D4q&$~
z0z?11fHJ7GFF>F84S*$?<b~|R!0c^f@EEjIK_*MsxdX5y7l&&Wm!dx9P=I}yVX&OM
z8M^mh0ApoaJs>EDUctr{td4`FE>5k{l==>MUmIqaIp@f!O)|EOI7r}$Si!+2*|GU1
zUwKEQwmyGOwwg8=gqdmcaf?Q;Jb&&A)FopK`mA*^8;gaGn^BX`7PW=cxm4|fI)E!x
zKkDRk&Vc|ZF9$y?lzu!)Z3xyNhfWqdyR!DUMM}lhU6?7!B(y<2)>~L`2~fBiNRIBC
z9Cw%v9$ee~Ag==mY3cVt+#CZCF17~ASlq|UA!c6b0cS}+XaL8vKJ3(Pl6XLrWV85x
z4Bn$Gunfw*XRUMHWAEjgZkiB|7yAbE!5E0(obxe&V2wSKcvKDr=mVjWD}{0Z1Js(D
e8@s01x@QlcHKk(xav;J00000<MNUMnLSTYMPjET_

literal 0
HcmV?d00001