是小王呀\24601
4 months ago
7 changed files with 431 additions and 492 deletions
@ -1,213 +0,0 @@ |
|||||
<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> |
|
||||
@ -0,0 +1,215 @@ |
|||||
|
<template> |
||||
|
<div class="g-main" style="padding: 30px;"> |
||||
|
<div class=""> |
||||
|
<el-form :inline="true" :model="searchData" class="demo-form-inline" style="" > |
||||
|
<el-form-item label="姓名"> |
||||
|
<el-input placeholder="请输入内容" v-model="searchData.redeemerName" style="width: 150px" clearable> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="手机号" label-width="80px"> |
||||
|
<el-input placeholder="请输入内容" v-model="searchData.redeemerMobile" style="width: 150px" clearable> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="兑换时间选择" label-width="120px"> |
||||
|
<el-date-picker v-model="searchData.redeemTimeFrom" type="datetime" placeholder="开始时间" |
||||
|
format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" style="width: 150px"> |
||||
|
</el-date-picker><span style="margin: 0 10px">至</span><el-date-picker v-model="searchData.redeemTimeTo" type="datetime" |
||||
|
placeholder="结束时间" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" style="width: 150px"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<div style="display: flex; justify-content: flex-end; margin:10px 0 20px 0;"> |
||||
|
<el-button type="primary" @click="handleSeach" style="margin: 20rpx;">查询</el-button> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- <div class="flex flex-center1 flex-center2 m-bottom10 " style=""> |
||||
|
<div>姓名：</div> |
||||
|
<el-input placeholder="请输入内容" v-model="searchData.redeemerName" style="width: 200px" clearable> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="flex flex-center1 flex-center2 m-bottom10" style=""> |
||||
|
<div>手机号：</div> |
||||
|
<el-input placeholder="请输入内容" v-model="searchData.redeemerMobile" style="width: 200px" clearable> |
||||
|
</el-input> |
||||
|
</div> --> |
||||
|
<!-- <div class="flex flex-center1 flex-center2 m-bottom10" style=""> |
||||
|
<div>状态：</div> |
||||
|
<el-select v-model="searchData.StatusName" placeholder="请选择"> |
||||
|
<el-option v-for="item in Status" :key="item.value" :label="item.label" :value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
|
||||
|
</div> --> |
||||
|
<!-- <div class="flex flex-center1 flex-center2 m-bottom10" style=""> |
||||
|
<div>兑换时间选择：</div> |
||||
|
<el-date-picker v-model="searchData.redeemTimeFrom" type="datetime" placeholder="开始时间" |
||||
|
format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"> |
||||
|
</el-date-picker>至 <el-date-picker v-model="searchData.redeemTimeTo" type="datetime" placeholder="结束时间" |
||||
|
format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"> |
||||
|
</el-date-picker> |
||||
|
</div> --> |
||||
|
<!-- |
||||
|
<div> |
||||
|
<el-button type="primary" class="m-bottom10" @click="handleSeach">查询</el-button> |
||||
|
</div> --> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-table :data="tableData" border> |
||||
|
<el-table-column label="序号" width="80" header-align="center" align="center" |
||||
|
type="index"></el-table-column> |
||||
|
<el-table-column prop="redeemerName" header-align="center" align="center" label="姓名"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="redeemTime" header-align="center" align="center" label="兑换时间"> |
||||
|
</el-table-column> |
||||
|
<!-- <el-table-column prop="ActivityCount" header-align="center" align="center" label="姓名"> |
||||
|
</el-table-column> --> |
||||
|
. <el-table-column prop="redeemerIdCard" header-align="center" align="center" label="身份证号"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="redeemerMobile" header-align="center" align="center" label="手机号"> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="ActivityCount" header-align="center" align="center" label="核销时间"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="rcvTime" header-align="center" align="center" label="状态"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.rcvTime == null">未核销</span> |
||||
|
<span v-else>已核销</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="ActivityCount" header-align="center" align="center" label="核销"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button v-if="scope.row.rcvTime == null" type="text" @click="handleWrite(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="[10, 20, 50]" :page-size="pageSize" |
||||
|
layout="sizes, prev, pager, next, total" :total="total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { requestPost,requestGet } from "@/js/dai/request"; |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
Status:[ |
||||
|
{ |
||||
|
value: '0', |
||||
|
label: '待使用' |
||||
|
}, |
||||
|
{ |
||||
|
value: '1', |
||||
|
label: '已使用' |
||||
|
} |
||||
|
], |
||||
|
ExchangeTime:"", |
||||
|
labelPosition: 'right', |
||||
|
tableData: [], |
||||
|
searchData:{ |
||||
|
redeemerMobile:"", |
||||
|
redeemerName:"", |
||||
|
redeemTimeTo:"", |
||||
|
redeemTimeFrom:"", |
||||
|
}, |
||||
|
pageNo:1, |
||||
|
pageSize:10, |
||||
|
total:0, |
||||
|
awardId:"", |
||||
|
}; |
||||
|
}, |
||||
|
props:{ |
||||
|
list:{ |
||||
|
type: Object, |
||||
|
default: () => {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
//点击核销 |
||||
|
handleWrite(row){ |
||||
|
let url="/voluntary/points/admin/receiveAward"; |
||||
|
console.log(row,"awardId"); |
||||
|
|
||||
|
let params={ |
||||
|
redeemRecordId:row.awardId, |
||||
|
} |
||||
|
console.log(params,"params"); |
||||
|
|
||||
|
requestPost(url,params).then(res=>{ |
||||
|
console.log(res); |
||||
|
this.getTableData() |
||||
|
}) |
||||
|
}, |
||||
|
//分页 |
||||
|
handleSizeChange(val) { |
||||
|
console.log(`每页 ${val} 条`); |
||||
|
this.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getTableData( |
||||
|
) |
||||
|
}, |
||||
|
handleSizeChange(val) { |
||||
|
console.log(`每页 ${val} 条`); |
||||
|
this.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleCurrentChange(val) { |
||||
|
console.log(`当前页: ${val}`); |
||||
|
this.pageNo = val; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleSeach(){ |
||||
|
this.pageNo = 1; |
||||
|
console.log(this.SearchName); |
||||
|
this.getTableData() |
||||
|
|
||||
|
}, |
||||
|
async getTableData() { |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list"; |
||||
|
const url = "/voluntary/points/admin/listRedeemRecords"; |
||||
|
let params = { |
||||
|
awardId:this.awardId, |
||||
|
mobile:this.searchData.redeemerMobile, |
||||
|
name:this.searchData.redeemerName, |
||||
|
redeemTimeFrom:this.searchData.redeemTimeFrom, |
||||
|
redeemTimeTo:this.searchData.redeemTimeTo, |
||||
|
pageSize:this.pageSize, |
||||
|
pageNo:this.pageNo |
||||
|
} |
||||
|
console.log(params,"params"); |
||||
|
console.log(this.awardId,"awardId" |
||||
|
) |
||||
|
const { data, code, msg } = await requestGet(url, params) |
||||
|
if (code === 0) { |
||||
|
console.log("列表请求成功！！！！！！！！！！！！！！"); |
||||
|
this.total = data.total || 0; |
||||
|
this.tableData = data.list |
||||
|
console.log(this.tableData,"this.tableData"); |
||||
|
} else { |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
created() { |
||||
|
console.log(this.list,"list"); |
||||
|
this.tableData=this.list |
||||
|
this.awardId=this.list.id |
||||
|
console.log(this.awardId,"awardId"); |
||||
|
this.getTableData( |
||||
|
|
||||
|
) |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/volunteet.scss"; |
||||
|
</style> |
||||
Loading…
Reference in new issue