是小王呀\24601
9 months ago
12 changed files with 540 additions and 708 deletions
@ -0,0 +1,213 @@ |
|||
<template> |
|||
<div style="padding: 20px 20px 0 20px ; height: 650px;"> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<el-table class="table" :data="tableData" border height="550px" |
|||
style="width: 100%;margin-top:16px" > |
|||
<el-table-column type="selection" fixed="left" align="center" width="50"></el-table-column> |
|||
<el-table-column prop="orgNamePath" header-align="center" align="center" label="所属组织"> |
|||
</el-table-column> |
|||
<el-table-column prop="volunteerOrgName" header-align="center" align="center" label="所属服务团"> |
|||
</el-table-column> |
|||
<el-table-column prop="oldPeopleName" header-align="center" align="center" label="老人姓名"> |
|||
</el-table-column> |
|||
<el-table-column prop="oldPeopleIdCard" header-align="center" align="center" label="老人身份证号"> |
|||
</el-table-column> |
|||
<el-table-column prop="categoryLabels" header-align="center" align="center" label="服务项目"> |
|||
<template slot-scope="scope"> |
|||
<div>{{ scope.row.categoryLabels.join("，") }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="serviceTime" header-align="center" align="center" label="服务时长(小时)"> |
|||
</el-table-column> |
|||
<el-table-column prop="pointNum" header-align="center" align="center" label="积分"> |
|||
</el-table-column> |
|||
<el-table-column prop="signInTime" header-align="center" align="center" label="到岗打卡时间"> |
|||
</el-table-column> |
|||
<el-table-column prop="signOutTime" header-align="center" align="center" label="离岗打卡时间"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|||
:page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" layout="sizes, prev, pager, next, total" |
|||
:total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
import Tinymce from '@c/tinymce2/index.vue' |
|||
import daiMap from "@/utils/dai-map"; |
|||
import util from '@js/util.js'; |
|||
// import UploadImage from './upload-image.vue' |
|||
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue' |
|||
|
|||
|
|||
var map |
|||
var search |
|||
var markers |
|||
var infoWindowList |
|||
var geocoder // 新建一个正逆地址解析类 |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data() { |
|||
return { |
|||
tableData:[], |
|||
formType:"add", |
|||
formData: { |
|||
}, |
|||
|
|||
} |
|||
|
|||
}, |
|||
|
|||
components: {Tinymce, UploadImage }, |
|||
mounted() { |
|||
}, |
|||
|
|||
methods: { |
|||
async initForm(row) { |
|||
this.startLoading() |
|||
this.formData=row |
|||
console.log(row,"dsf;lkfsdkl"); |
|||
this.getElderlyInfo() |
|||
this.endLoading() |
|||
|
|||
}, |
|||
async getElderlyInfo () { |
|||
this.formData.agencyId="7b6f9a9f9f38d5f9fa7ce94a93d6eb28" |
|||
const url = "/voluntary/op/service/pc/serviceRecs" |
|||
let params = { |
|||
volunteerName:this.formData.name, |
|||
volunteerMobile:this.formData.mobile |
|||
|
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
if (code === 0) { |
|||
this.tableData = data.list |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
handleSizeChange (val) { |
|||
this.pageSize = val |
|||
this.pageNo = 1 |
|||
this.getElderlyInfo() |
|||
}, |
|||
handleCurrentChange (val) { |
|||
this.pageNo = val |
|||
// this.loadTable() |
|||
this.getElderlyInfo() |
|||
}, |
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading() { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
}, |
|||
props: { |
|||
|
|||
|
|||
|
|||
}, |
|||
destroyed () { |
|||
map = null |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|||
</style> |
|||
<style lang="scss" scoped> |
|||
.no-border-card { |
|||
border: none !important; |
|||
box-shadow: none !important; |
|||
} |
|||
.info-label { |
|||
width: 120px; |
|||
padding: 10px; |
|||
border: 1px solid #ebeef5; |
|||
|
|||
white-space: nowrap; /* 防止换行 */ |
|||
} |
|||
.item_width_1 { |
|||
width: 634px; |
|||
/deep/.tox .tox-dialog { |
|||
z-index: 20000; |
|||
} |
|||
} |
|||
.u-item-width-normal{ |
|||
width: 222px; |
|||
} |
|||
|
|||
.tinymce_view { |
|||
::v-deep .tox .tox-dialog { |
|||
z-index: 2000000000; |
|||
} |
|||
} |
|||
|
|||
.div_map { |
|||
position: relative; |
|||
} |
|||
|
|||
.div_searchmap { |
|||
z-index: 5000; |
|||
position: absolute; |
|||
top: 5px; |
|||
left: 5px; |
|||
} |
|||
|
|||
.tinymce_view { |
|||
height: 400px; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.text_p { |
|||
margin: 0; |
|||
padding: 0 10px; |
|||
border: 1px solid #d9d9d9; |
|||
border-radius: 5px; |
|||
|
|||
>p { |
|||
margin: 0; |
|||
} |
|||
} |
|||
.label-wrap ::v-deep(.el-form-item__label) { |
|||
white-space: normal; |
|||
line-height: 1.2; |
|||
text-align: right |
|||
} |
|||
.newqsa { |
|||
border-left: 4px solid #2683DB; |
|||
height: 100%; |
|||
// width: 4px; |
|||
padding-left: 8px; |
|||
margin-bottom: 10px; |
|||
|
|||
} |
|||
.newqsa_text{ |
|||
font-size: 15px; |
|||
font-weight: 600; |
|||
} |
|||
</style> |
|||
@ -1,163 +0,0 @@ |
|||
<template> |
|||
<div class="" style=" padding: 20px;"> |
|||
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'80px'"> |
|||
<div> |
|||
<el-form-item label="姓名" prop="name"> |
|||
<el-input v-model.trim="formData.name" size="small" style="width: 100px;"class="item_width_1" clearable placeholder="请输入"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="手机号" prop="mobile"> |
|||
<el-input v-model.trim="formData.mobile" size="small" style="width: 100px;" class="item_width_1" clearable placeholder="请输入"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="注册时间" prop="reportTime" label-width="100px"> |
|||
<el-date-picker class="u-item-width-normal" v-model="formData.reportTime" type="datetime" style="width: 190px;" |
|||
value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
<span style="margin: 0 10px;">至</span> |
|||
<el-date-picker class="u-item-width-normal" v-model="formData.reportTime" type="datetime" style="width: 190px;" |
|||
value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-button style="margin-left:10px" class="diy-button--blue" size="small" |
|||
@click="handleSearch">查询</el-button> |
|||
</div> |
|||
<div> |
|||
<div style="display: flex; justify-content: flex-end;"> |
|||
|
|||
</div> |
|||
</div> |
|||
</el-form> |
|||
<el-table :data="tableData" border class="m-table-item" height="600px"> |
|||
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|||
<el-table-column prop="userName" label="志愿者所属服务团" align="center" :show-overflow-tooltip="true" width="100"> |
|||
</el-table-column> |
|||
<el-table-column prop="createdTime" align="center" label="志愿者姓名" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="createdTime" align="center" label="志愿者昵称" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="createdTime" align="center" label="志愿者电话" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="createdTime" align="center" label="服务时长(小时)" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="createdTime" align="center" label="积分" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" fixed="right" width="230" header-align="center" align="center" class="operate"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDetail(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" |
|||
layout="sizes, prev, pager, next, total" :total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
export default { |
|||
data() { |
|||
return { |
|||
formData:{}, |
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
tableData:[], |
|||
total: 1, |
|||
taskId:"", |
|||
}; |
|||
}, |
|||
created() {}, |
|||
mounted() { |
|||
// this.getTableData() |
|||
|
|||
}, |
|||
methods: { |
|||
handleSearch() { |
|||
this.getTableData() |
|||
}, |
|||
async initForm(row) { |
|||
console.log(row,"dsclkjdslk"); |
|||
// this.formData=row |
|||
this.getTableData() |
|||
|
|||
}, |
|||
handleSizeChange(val) { |
|||
this.pageSize = val; |
|||
window.localStorage.setItem("pageSize", val); |
|||
this.getTableData(); |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.pageNo = val; |
|||
this.getTableData(); |
|||
}, |
|||
async getTableData() { |
|||
const url = "/actual/base/communityOneTableDownloadRecord/page"; |
|||
const { pageSize, pageNo, formData } = this; |
|||
const { data, code, msg } = await requestGet(url, { |
|||
pageSize, |
|||
pageNo, |
|||
taskId:this.taskId, |
|||
}); |
|||
if (code === 0) {`` |
|||
this.total = data.total || 0; |
|||
this.tableData = data.list |
|||
? data.list.map((item) => { |
|||
return item; |
|||
}) |
|||
: []; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading() { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
components:{ |
|||
}, |
|||
computed:{ |
|||
tableHeight() { |
|||
return (this.clientHeight - 140) + 'px' |
|||
|
|||
}, |
|||
...mapGetters(['clientHeight', 'resolution']), |
|||
}, |
|||
props: { |
|||
taskId: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
taskName:{ |
|||
type: String, |
|||
default: "" |
|||
} |
|||
}, |
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
@import "@/assets/scss/pages/resiInfo.scss"; |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
.item_width_1{ |
|||
width: 100px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue