2 Commits
9b991ee6ca
...
3dc87cd1a2
| Author | SHA1 | Message | Date |
|---|---|---|---|
 unknown
|
3dc87cd1a2 |
0
|
4 days ago |
|
unknown
|
c11a90b8ef |
222
|
5 days ago |
7 changed files with 768 additions and 9 deletions
-
BINdist.zip
-
30src/api/business/vote.js
-
14src/views/business/apartment/index.vue
-
367src/views/business/apartment/votingRecords/votingRecords copy.vue
-
352src/views/business/apartment/votingRecords/votingRecords.vue
-
14src/views/business/vote/index.vue
@ -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> |
||||
@ -0,0 +1,352 @@ |
|||||
|
<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.startTimeStr }}</div> |
||||
|
<div>截止时间：{{ form.endTimeStr }}</div> |
||||
|
<div>投票时间：{{ form.voteTime }}</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> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.optionName.replace(/\|/g, ' ') }}</div> |
||||
|
</template> |
||||
|
</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.replace(/\|/g, ' ') }}</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> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue