fangwenqiao
/
xinjiangMiniProgram-ui-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

222

master
unknown 4 weeks ago
parent
9b991ee6ca
commit
c11a90b8ef
7 changed files with 763 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      dist.zip
  2. 30
      src/api/business/vote.js
  3. 14
      src/views/business/apartment/index.vue
  4. 367
      src/views/business/apartment/votingRecords/votingRecords copy.vue
  5. 347
      src/views/business/apartment/votingRecords/votingRecords.vue
  6. 14
      src/views/business/vote/index.vue

BIN
新疆后台.zip → dist.zip
View File

30
src/api/business/vote.js
View File

@ -43,6 +43,24 @@ export function updateVoteStatus(data) {
}) })
} }
// 投票记录
export function vote_log(data) {
return request({
url: '/business/vote-item/vote_log',
method: 'post',
data: data
})
}
// 个人投票记录
export function getMineVoteDetail(data) {
return request({
url: '/business/vote-item/getMineVoteDetail',
method: 'get',
params: data
})
}
@ -76,3 +94,15 @@ export function exportVoteResults(query) {
export function exportMineVoteInfo(query) {
return request({
url: '/business/vote-item/exportMineVoteInfo',
method: 'get',
params: query,
responseType: 'blob'
})
}

14
src/views/business/apartment/index.vue
View File

@ -72,6 +72,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="业主" align="center" prop="userName" :show-overflow-tooltip="true" /> <el-table-column label="业主" align="center" prop="userName" :show-overflow-tooltip="true" />
<el-table-column label="联系方式" align="center" prop="mobile" :show-overflow-tooltip="true" />
<el-table-column label="身份证" align="center" prop="idNo" :show-overflow-tooltip="true" />
<el-table-column label="类型" align="center" :show-overflow-tooltip="true"> <el-table-column label="类型" align="center" :show-overflow-tooltip="true">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.COMMUNITY_TYPE" :value="scope.row.communityType"/> <dict-tag :type="DICT_TYPE.COMMUNITY_TYPE" :value="scope.row.communityType"/>
@ -84,8 +87,15 @@
</el-table-column> </el-table-column>
<el-table-column label="建筑/室内面积" align="center" prop="roomSize" width="120" /> <el-table-column label="建筑/室内面积" align="center" prop="roomSize" width="120" />
<el-table-column label="物业费" align="center" prop="propertyFee" :show-overflow-tooltip="true" /> <el-table-column label="物业费" align="center" prop="propertyFee" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" width="100">
<template v-slot="scope">
<el-button size="mini" type="text" v-hasPermi="['business:vote:delete']" @click="votingRecordsFn(scope.row.userId)"
plain>查看投票记录</el-button>
</template>
</el-table-column>
</el-table> </el-table>
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/> @pagination="getList"/>
</el-col> </el-col>
@ -248,7 +258,9 @@ handleExport() {
}, },
votingRecordsFn(userId) {
this.$router.push('/apartment/votingRecords?userId='+ userId)
},
// 筛选节点 // 筛选节点
filterNode(value, data) { filterNode(value, data) {

367
src/views/business/apartment/votingRecords/votingRecords copy.vue
View File

@ -0,0 +1,367 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
label-width="100px">
<el-form-item label="投票名称:" prop="voteName">
<el-input v-model="queryParams.voteName" placeholder="请输入投票名称" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="创建时间" prop="createTimes">
<el-date-picker v-model="queryParams.createTimes" style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss" type="daterange" range-separator="-" start-placeholder="开始日期"
end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 列表 -->
<el-table v-loading="loading" :data="list" border>
<el-table-column label="编号" type="index" width="50" align="center" fixed="left" />
<el-table-column label="投票名称" align="center" prop="voteName" min-width="140" show-overflow-tooltip />
<el-table-column label="类型" align="center" show-overflow-tooltip min-width="160" prop="voteType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.VOTE_TYPE" :value="scope.row.voteType"></dict-tag>
</template>
</el-table-column>
<el-table-column label="选项数量" align="center" prop="itemTotal" show-overflow-tooltip min-width="80">
</el-table-column>
<el-table-column label="状态" align="center" prop="voteStatus" show-overflow-tooltip min-width="120">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.VOTE_STATUS" :value="scope.row.voteStatus"></dict-tag>
</template>
</el-table-column>
<el-table-column label="投票时间" align="center" prop="mainBody" show-overflow-tooltip min-width="160">
<template v-slot="scope">
<span>{{ parseTime(scope.row.startTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="220">
<template v-slot="scope">
<el-button size="mini" @click="handleResult(scope.row)" type="primary"
v-hasPermi="['business:vote:result']" plain>详情</el-button>
<el-button size="mini" type="danger" @click="handleExport(scope.row)"
v-hasPermi="['business:vote:delete']" plain>导出</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<!-- 查看投票结果-->
<el-dialog :title="title" :visible.sync="resultVoteOpend" width="800px" append-to-body>
<div class="btndaocho"> <el-button type="primary" @click="handleExport" size="mini">导出</el-button></div>
<el-form ref="form" :model="form" label-width="90px">
<el-divider content-position="left">投票说明</el-divider>
<div style="background-color: #e5e9f2;height: 300px; overflow-y: auto;">
<el-row>
<el-col :span="8">
<h2><span>{{ form.voteName }}</span></h2>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div>发起人：{{ form.makerName }}</div>
<div>创建时间：{{ form.startTime }}</div>
<div>截止时间：{{ form.endTime }}</div>
</el-col>
</el-row>
<el-row>
<div v-html="form.detail">
</div>
</el-row>
</div>
<el-divider content-position="left">投票结果</el-divider>
<div class="type3" v-if="form.voteType == 3">
<div class="ul2">
<div class="li2" v-for="(item, index) in form.voteMultipleItemInfoRespList" :key="index">
<div class="name" style="font-size: 18px;color: #333;font-weight: 600;margin-left: 30px;">
{{
item.voteName }}
</div>
<div class="flex row" v-for="(item2, index2) in item.voteMultipleResultList" :key="index2">
<div class="lab" style="width: 300px; text-align: right;"> {{ item2.itemName }}</div>
<el-progress :percentage="item2.itemRate * 1" style="width: 300px; margin: 0 20px;"
:text-inside="false" />
<!-- <el-progress :text-inside="true" :stroke-width="24" :percentage="item2.itemRate * 100" text-color="white"></el-progress> -->
<div style="line-height: 26px;">{{ item2.itemCount }}人</div>
</div>
</div>
</div>
</div>
<el-row :gutter="20" v-for="(item, index) in form.voteResultVO" :key="index" v-else>
<el-form-item :label="index + 1 + ''" prop="itemName">
<el-col :span="16">
{{ item.itemName }} <span v-if="item.itemCount * 1 > 0">(已投)</span>
<el-progress :text-inside="true" :stroke-width="24" :percentage="item.itemRate * 100"
text-color="white"></el-progress>
</el-col>
<el-col :span="8">
<br />
<h3>{{ item.itemCount }}人</h3>
</el-col>
</el-form-item>
</el-row>
<el-divider content-position="left">投票详情</el-divider>
<div v-if="form.voteType == 3">
<!-- <el-table v-loading="loading" :data="voteType3List" border>
<el-table-column label="编号" type="index" width="50" align="center" fixed="left" />
<el-table-column :label="`议题名称`" align="center" prop="voteName" min-width="140"
show-overflow-tooltip>
<template slot-scope="scope">
<div style="padding-bottom: 14px;font-weight: 700;">{{ scope.row.voteName }}</div>
<el-table :data="scope.row.tableList">
<el-table-column label="选项名称" align="center" prop="itemName" min-width="140"
show-overflow-tooltip></el-table-column>
<el-table-column label="投票数量" align="center" prop="voteCount" min-width="140"
show-overflow-tooltip></el-table-column>
</el-table>
</template>
</el-table-column>
</el-table> -->
<el-table v-loading="loading" :data="voteType3List" border>
<el-table-column label="编号" type="index" width="50" align="center" fixed="left" />
<el-table-column :label="`议题名称`" align="center" prop="voteName" min-width="140"
show-overflow-tooltip>
<el-table-column>
<template slot-scope="scope">
<!-- <div style="padding-bottom: 14px;font-weight: 700;">{{ scope.row.voteName }}</div> -->
<div v-for="(item,index) in scope.row.tableList" :key="index">
<el-table-column label="选项名称" align="center" prop="itemName" min-width="140" >
<template>
<div>{{item.itemName }}</div>
</template>
</el-table-column>
<el-table-column label="投票数量" align="center" prop="voteCount" min-width="140" >
<template>
<div>{{item.voteCount }}</div>
</template>
</el-table-column>
</div>
</template>
</el-table-column>
</el-table-column>
</el-table>
</div>
<div v-else>
<el-table :data="tableData" style="width: 100%" border>
<el-table-column prop="date" label="投票选项" width="150" />
<el-table-column prop="name" :label="item.name" min-width="180"
v-for="(item, index1) in tableData2" :key="index1">
<template #default="scope">
<div class="a" v-for="(item2, index) in item.arr" :key="index">{{ item2.userName + ' | '+parseTime(item2.createTime)}}</div>
</template>
</el-table-column>
</el-table>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getInfoListVilla } from "@/api/business/roominfo";
import { createVoteItem, updateVoteItem, deleteVoteItem, getVoteItem, getVoteItemPage, updateVoteStatus, exportVoteResults } from '@/api/business/vote';
export default {
name: "Vote",
components: {
},
data() {
return {
testArr: [
{
name: '测试标题', subOption: [
{ name: '选项一', isCheck: 1 },
{ name: '选项一', isCheck: 0 },
{ name: '选项一', isCheck: 0 },
]
},
{
name: '测试标题二', subOption: [
{ name: '选项二', isCheck: 1 },
{ name: '选项二', isCheck: 0 },
{ name: '选项二', isCheck: 0 },
]
}
],
voteType3List: [],
tableData: [{
date: '投票人员',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},],
tableData2: [],
// 遮罩层
loading: true,
loadingTextVote: false,
// 弹出层标题
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 投票管理列表
list: [],
//弹窗
addVoteOpend: false,
resultVoteOpend: false,
// 表单标题
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
voteName: undefined,
},
// 表单参数
form: { attachmentList: [], voteMultipleInfoList: [] },
//标题
title: null,
// 表单校验
//选项数组
options: [{ id: 1, value: undefined }],
//树状图
data: [],
defaultProps: {
children: 'children',
label: 'label'
},
//是否有投票选项
textVote: true,
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now();
},
},
};
},
created() {
this.getList()
},
methods: {
handleQuery() {
this.getList();
},
resetQuery() {
this.queryParams = {}
this.getList();
},
/**
* 获取业主信息集合
*/
getList() {
this.loading = true;
if (this.queryParams.createTimes != null) {
this.queryParams.createStartTime = this.queryParams.createTimes[0];
this.queryParams.createEndTime = this.queryParams.createTimes[1];
}
getVoteItemPage(this.queryParams).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
})
},
handleExport() {
// 处理查询参数
this.$modal.confirm('是否确认导出投票结果数据项?').then(() => {
this.exportLoading = true;
return exportVoteResults({ id: this.form.id });
}).then(response => {
this.$download.excel(response, this.form.voteName + '投票结果.pdf');
this.exportLoading = false;
}).catch(() => { });
},
/**
* 获取结果
*/
handleResult(row) {
this.tableData2 = [],
getVoteItem(row.id).then(res => {
this.form = res.data;
if (row.voteType == 3) {
this.voteType3List = res.data.voteResultTableList
console.log(this.voteType3List, '数据')
} else {
res.data.voteItemResultVOS.forEach(item => {
this.tableData2.push({ name: item.itemName, arr: item.voteUserVO })
})
}
this.resultVoteOpend = true;
this.title = "投票结果"
})
},
// 树权限（父子联动）
cancel() {
this.resultVoteOpend = false;
},
}
};
</script>
<style lang="scss" scoped>
.el-row {
margin-bottom: 20px;
margin-left: 20px;
&:last-child {
margin-bottom: 0;
}
}
.flex {
display: flex;
align-items: center;
}
.subOptions {
padding: 5px 0;
}
.btndaocho {
display: flex;
justify-content: flex-end;
margin-top: -20px;
width: 100%;
}
</style>

347
src/views/business/apartment/votingRecords/votingRecords.vue
View File

@ -0,0 +1,347 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
label-width="100px">
<el-form-item label="投票名称:" prop="voteName">
<el-input v-model="queryParams.voteName" placeholder="请输入投票名称" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="创建时间" prop="createTimes">
<el-date-picker v-model="queryParams.createTimes" style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss" type="daterange" range-separator="-" start-placeholder="开始日期"
end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 列表 -->
<el-table v-loading="loading" :data="list" border>
<el-table-column label="编号" type="index" width="50" align="center" fixed="left" />
<el-table-column label="投票名称" align="center" prop="voteName" min-width="140" show-overflow-tooltip />
<el-table-column label="类型" align="center" show-overflow-tooltip min-width="160" prop="voteType">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.VOTE_TYPE" :value="scope.row.voteType"></dict-tag>
</template>
</el-table-column>
<el-table-column label="选项数量" align="center" prop="voteItemCount" show-overflow-tooltip min-width="80">
</el-table-column>
<el-table-column label="状态" align="center" prop="voteStatus" show-overflow-tooltip min-width="120">
<template v-slot="scope">
<dict-tag :type="DICT_TYPE.VOTE_STATUS" :value="scope.row.voteStatus"></dict-tag>
</template>
</el-table-column>
<el-table-column label="投票时间" align="center" prop="mainBody" show-overflow-tooltip min-width="160">
<template v-slot="scope">
<span>{{ scope.row.voteTimeStr }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="220">
<template v-slot="scope">
<el-button size="mini" @click="handleResult(scope.row)" type="primary"
v-hasPermi="['business:vote:result']" plain>详情</el-button>
<el-button size="mini" type="danger" @click="handleExport(scope.row.id)"
v-hasPermi="['business:vote:delete']" plain>导出</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<!-- 查看投票结果-->
<el-dialog :title="title" :visible.sync="resultVoteOpend" width="800px" append-to-body>
<div class="btndaocho"> <el-button type="primary" @click="handleExport(form.id)" size="mini">导出</el-button></div>
<el-form ref="form" :model="form" label-width="90px">
<el-divider content-position="left">投票说明</el-divider>
<div style="background-color: #e5e9f2;height: 300px; overflow-y: auto;">
<el-row>
<el-col :span="8">
<h2><span>{{ form.voteName }}</span></h2>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div>发起人：{{ form.makerName }}</div>
<div>创建时间：{{ form.startTime }}</div>
<div>截止时间：{{ form.endTime }}</div>
</el-col>
</el-row>
<el-row>
<div v-html="form.detail">
</div>
</el-row>
</div>
<!-- <el-divider content-position="left">投票结果</el-divider> -->
<!-- <div class="type3" v-if="form.voteType == 3">
<div class="ul2">
<div class="li2" v-for="(item, index) in form.voteMultipleItemInfoRespList" :key="index">
<div class="name" style="font-size: 18px;color: #333;font-weight: 600;margin-left: 30px;">
{{
item.voteName }}
</div>
<div class="flex row" v-for="(item2, index2) in item.voteMultipleResultList" :key="index2">
<div class="lab" style="width: 300px; text-align: right;"> {{ item2.itemName }}</div>
<el-progress :percentage="item2.itemRate * 1" style="width: 300px; margin: 0 20px;"
:text-inside="false" />
<div style="line-height: 26px;">{{ item2.itemCount }}人</div>
</div>
</div>
</div>
</div>
<el-row :gutter="20" v-for="(item, index) in form.voteResultVO" :key="index" v-else>
<el-form-item :label="index + 1 + ''" prop="itemName">
<el-col :span="16">
{{ item.itemName }} <span v-if="item.itemCount * 1 > 0">(已投)</span>
<el-progress :text-inside="true" :stroke-width="24" :percentage="item.itemRate * 100"
text-color="white"></el-progress>
</el-col>
<el-col :span="8">
<br />
<h3>{{ item.itemCount }}人</h3>
</el-col>
</el-form-item>
</el-row> -->
<el-divider content-position="left">投票详情</el-divider>
<div v-if="form.voteType == 3">
<!-- <el-table v-loading="loading" :data="voteType3List" border>
<el-table-column label="编号" type="index" width="50" align="center" fixed="left" />
<el-table-column :label="`议题名称`" align="center" prop="voteName" min-width="140"
show-overflow-tooltip>
<template slot-scope="scope">
<div style="padding-bottom: 14px;font-weight: 700;">{{ scope.row.voteName }}</div>
<el-table :data="scope.row.tableList">
<el-table-column label="选项名称" align="center" prop="itemName" min-width="140"
show-overflow-tooltip></el-table-column>
<el-table-column label="投票数量" align="center" prop="voteCount" min-width="140"
show-overflow-tooltip></el-table-column>
</el-table>
</template>
</el-table-column>
</el-table> -->
<el-table v-loading="loading" :data="voteType3List" border>
<el-table-column label="编号" type="index" width="50" align="center" fixed="left" />
<el-table-column :label="`议题名称`" align="center" prop="voteName" min-width="100" show-overflow-tooltip></el-table-column>
<el-table-column :label="`议题选择`" align="center" prop="optionName" min-width="100" show-overflow-tooltip></el-table-column>
</el-table>
</div>
<div v-else>
<!-- <el-table :data="tableData" style="width: 100%" border>
<el-table-column prop="date" label="投票选项" width="150" />
<el-table-column prop="name" :label="item.name" min-width="180"
v-for="(item, index1) in tableData2" :key="index1">
<template #default="scope">
<div class="a" v-for="(item2, index) in item.arr" :key="index">{{ item2.userName + ' | '+parseTime(item2.createTime)}}</div>
</template>
</el-table-column>
</el-table> -->
<div class="voteName">投票名称： {{ form.mineMultipleVoteTable?.voteName }}</div>
<div class="voteName">投票选择： {{ form.mineMultipleVoteTable?.optionName }}</div>
</div>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getInfoListVilla } from "@/api/business/roominfo";
import { vote_log, updateVoteItem, deleteVoteItem, getMineVoteDetail, getVoteItemPage, updateVoteStatus, exportMineVoteInfo } from '@/api/business/vote';
export default {
name: "Vote",
components: {
},
data() {
return {
testArr: [
{
name: '测试标题', subOption: [
{ name: '选项一', isCheck: 1 },
{ name: '选项一', isCheck: 0 },
{ name: '选项一', isCheck: 0 },
]
},
{
name: '测试标题二', subOption: [
{ name: '选项二', isCheck: 1 },
{ name: '选项二', isCheck: 0 },
{ name: '选项二', isCheck: 0 },
]
}
],
voteType3List: [],
tableData: [{
date: '投票人员',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},],
tableData2: [],
// 遮罩层
loading: true,
loadingTextVote: false,
// 弹出层标题
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 投票管理列表
list: [],
//弹窗
addVoteOpend: false,
resultVoteOpend: false,
// 表单标题
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
voteName: undefined,
},
// 表单参数
form: { attachmentList: [], voteMultipleInfoList: [] },
//标题
title: null,
// 表单校验
//选项数组
options: [{ id: 1, value: undefined }],
//树状图
data: [],
defaultProps: {
children: 'children',
label: 'label'
},
//是否有投票选项
textVote: true,
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now();
},
},
};
},
created() {
this.queryParams.userId = this.$route.query.userId
this.getList()
},
methods: {
handleQuery() {
this.getList();
},
resetQuery() {
this.queryParams = {}
this.getList();
},
/**
* 获取业主信息集合
*/
getList() {
this.loading = true;
if (this.queryParams.createTimes != null) {
this.queryParams.startTime = this.queryParams.createTimes[0];
this.queryParams.endTime = this.queryParams.createTimes[1];
// delete this.queryParams.createTimes
}
vote_log(this.queryParams).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
})
},
handleExport(id) {
// 处理查询参数
this.$modal.confirm('是否确认导出投票结果数据项?').then(() => {
this.exportLoading = true;
return exportMineVoteInfo({ id: id });
}).then(response => {
this.$download.excel(response, '投票结果.pdf');
this.exportLoading = false;
}).catch(() => { });
},
/**
* 获取结果
*/
handleResult(row) {
this.tableData2 = [],
getMineVoteDetail({id: row.id}).then(res => {
this.form = res.data;
this.form.id = row.id
if (row.voteType == 3) {
this.voteType3List = res.data.mineMultipleVoteTable.itemList
console.log(this.voteType3List, '数据')
}
this.resultVoteOpend = true;
this.title = "投票结果"
})
},
// 树权限（父子联动）
cancel() {
this.resultVoteOpend = false;
},
}
};
</script>
<style lang="scss" scoped>
.el-row {
margin-bottom: 20px;
margin-left: 20px;
&:last-child {
margin-bottom: 0;
}
}
.flex {
display: flex;
align-items: center;
}
.subOptions {
padding: 5px 0;
}
.btndaocho {
display: flex;
justify-content: flex-end;
margin-top: -20px;
width: 100%;
}
</style>

14
src/views/business/vote/index.vue
View File

@ -81,7 +81,7 @@
<!--新增投票 对话框(添加 / 修改)--> <!--新增投票 对话框(添加 / 修改)-->
<el-dialog :title="title" :visible.sync="addVoteOpend" width="800px" v-dialogDrag append-to-body>
<el-dialog :title="title" :visible.sync="addVoteOpend" width="800px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> <el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-row> <el-row>
@ -208,7 +208,7 @@
<!-- 查看投票结果--> <!-- 查看投票结果-->
<el-dialog :title="title" :visible.sync="resultVoteOpend" width="800px" v-dialogDrag append-to-body>
<el-dialog :title="title" :visible.sync="resultVoteOpend" width="800px" append-to-body>
<div class="btndaocho"> <el-button type="primary" @click="handleExport" size="mini">导出</el-button></div> <div class="btndaocho"> <el-button type="primary" @click="handleExport" size="mini">导出</el-button></div>
<el-form ref="form" :model="form" label-width="90px"> <el-form ref="form" :model="form" label-width="90px">
<el-divider content-position="left">投票说明</el-divider> <el-divider content-position="left">投票说明</el-divider>
@ -244,8 +244,8 @@
item.voteName }} item.voteName }}
</div> </div>
<div class="flex row" v-for="(item2, index2) in item.voteMultipleResultList" :key="index2"> <div class="flex row" v-for="(item2, index2) in item.voteMultipleResultList" :key="index2">
<div class="lab" style="width: 100px; text-align: right;"> {{ item2.itemName }}</div>
<el-progress :percentage="item2.itemRate*1" style="width: 400px; margin: 0 20px;"
<div class="lab" style="width: 300px; text-align: right;"> {{ item2.itemName }}</div>
<el-progress :percentage="item2.itemRate*1" style="width: 300px; margin: 0 20px;"
:text-inside="false" /> :text-inside="false" />
<!-- <el-progress :text-inside="true" :stroke-width="24" :percentage="item2.itemRate * 100" text-color="white"></el-progress> --> <!-- <el-progress :text-inside="true" :stroke-width="24" :percentage="item2.itemRate * 100" text-color="white"></el-progress> -->
<div style="line-height: 26px;">{{ item2.itemCount }}人</div> <div style="line-height: 26px;">{{ item2.itemCount }}人</div>
@ -267,8 +267,7 @@
</el-col> </el-col>
</el-form-item> </el-form-item>
</el-row> </el-row>
<!-- v-if="form.userHiddenType==0" -->
<el-divider content-position="left" v-if="form.userHiddenType == 0">投票详情</el-divider>
<el-divider content-position="left" >投票详情</el-divider>
<div v-if="form.voteType == 3"> <div v-if="form.voteType == 3">
<el-table v-loading="loading" :data="voteType3List" border> <el-table v-loading="loading" :data="voteType3List" border>
@ -276,7 +275,7 @@
<!-- <el-table-column label="议题名称" align="center" prop="voteName" min-width="140" show-overflow-tooltip> </el-table-column> --> <!-- <el-table-column label="议题名称" align="center" prop="voteName" min-width="140" show-overflow-tooltip> </el-table-column> -->
<el-table-column :label="`议题名称`" align="center" prop="voteName" min-width="140" show-overflow-tooltip> <el-table-column :label="`议题名称`" align="center" prop="voteName" min-width="140" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<div style="padding-bottom: 20px;font-weight: 700;">{{ scope.row.voteName }}</div>
<div style="padding-bottom: 14px;font-weight: 700;">{{ scope.row.voteName }}</div>
<el-table :data="scope.row.tableList"> <el-table :data="scope.row.tableList">
<el-table-column label="选项名称" align="center" prop="itemName" min-width="140" <el-table-column label="选项名称" align="center" prop="itemName" min-width="140"
show-overflow-tooltip></el-table-column> show-overflow-tooltip></el-table-column>
@ -287,7 +286,6 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<!-- v-if="form.userHiddenType == 0" -->
<div v-else> <div v-else>
<el-table :data="tableData" style="width: 100%" border > <el-table :data="tableData" style="width: 100%" border >
<el-table-column prop="date" label="投票选项" width="150" /> <el-table-column prop="date" label="投票选项" width="150" />

Write Preview
Loading…
Cancel
Save