Browse Source

积分管理

dev-project
是小王呀\24601 1 year ago
parent
commit
926ea0e06d
  1. 1
      src/views/modules/base/community/buildTable.vue
  2. 76
      src/views/modules/volunteer/VolManage/activeRecord.vue
  3. 388
      src/views/modules/volunteer/VolManage/index.vue
  4. 155
      src/views/modules/volunteer/VolManage/integral.vue
  5. 59
      src/views/modules/volunteer/VolManage/see.vue
  6. 578
      src/views/modules/volunteer/activityArchive/add.vue
  7. 0
      src/views/modules/volunteer/activityArchive/index.scss
  8. 478
      src/views/modules/volunteer/activityArchive/index.vue
  9. 34
      src/views/modules/volunteer/pointsRedemption/Select.vue
  10. 12
      src/views/modules/volunteer/pointsRedemption/add.vue
  11. 381
      src/views/modules/volunteer/pointsRedemption/index.vue
  12. 36
      src/views/modules/volunteer/pointsRedemption/record.vue

1
src/views/modules/base/community/buildTable.vue

@ -615,7 +615,6 @@ export default {
this.selection.forEach((element) => {
ids.push(element.buildingId);
});
//
this.deleteBuild(ids, false)
})

76
src/views/modules/volunteer/VolManage/activeRecord.vue

@ -8,8 +8,8 @@
</div>
<div class="flex" style="align-items: center;">
<div>状态</div>
<el-select v-model="SearchForm.Stutas" placeholder="请选择">
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.label" :value="item.value">
<el-select v-model="SearchForm.Stutas" placeholder="请选择" clearable>
<el-option v-for="item in optionsStatus" :key="item.value" :label="item.label" :value="item.value" >
</el-option>
</el-select>
</div>
@ -18,17 +18,20 @@
</div>
</div>
<div class="m-bot50">
<el-table :data="tableData" border style="width: 700px">
<el-table class="table" :data="tableData" border style="width: 700px">
<el-table-column label="序号" width="80" header-align="center" align="center" type="index"></el-table-column>
<el-table-column prop="Community" header-align="center" align="center" label="主办方">
<el-table-column prop="agencyName" header-align="center" align="center" label="主办方">
</el-table-column>
<el-table-column prop="ActivityCount" header-align="center" align="center" label="活动地点">
<el-table-column prop="address" header-align="center" align="center" label="活动地点">
</el-table-column>
<el-table-column prop="ActivityCount" header-align="center" align="center" label="活动标题">
<el-table-column prop="title" header-align="center" align="center" label="活动标题">
</el-table-column>
. <el-table-column prop="ActivityCount" header-align="center" align="center" label="活动时间">
. <el-table-column prop="strTime" header-align="center" align="center" label="活动时间">
</el-table-column>
<el-table-column prop="ActivityCount" header-align="center" align="center" label="状态">
<el-table-column prop="endTime" header-align="center" align="center" label="状态">
</el-table-column>
<!-- <el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" class="operate">
<template slot-scope="scope">
@ -45,10 +48,9 @@
:page-sizes="[10, 20, 50]" :page-size="pageSize" layout="sizes, prev, pager, next, total" :total="total">
</el-pagination>
</div>
</div>
<div class="flex flex-center1 flex-center2 m-top">
<el-button type="danger" round>确定</el-button>
<el-button type="danger" @click="handleremove" round>关闭</el-button>
</div>
</div>
</template>
@ -63,16 +65,16 @@ export default {
tableData: [],
SearchForm:{
content:"",
Stutas:"",
Stutas:'',
},
optionsStatus: [
{ value: '0', label: '打卡' },
{ value: '1', label: '未打卡' },
{ value: '1', label: '打卡' },
{ value: '0', label: '未打卡' },
],
pageNo: 1,
pageSize: 10,
total: 0,
fmData:[]
};
},
@ -84,45 +86,31 @@ export default {
},
created() {
console.log(this.list,"list");
this.tableData=this.list;
this.fmData=this.list;
this.getTableData()
},
methods:{
//
getTableData() {
console.log("row");
const url = "/governance/project/project-list";
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/voluntary/activityInfo/myActivities";
let params={
pageSize:this.pageSize,
pageNo:this.pageNo,
userId:this.fmData.userId,
content:this.SearchForm.content,
signFlag:this.SearchForm.Stutas
}
const { data, code, msg } = requestPost(url,params);
const { data, code, msg } = await requestPost(url,params);
console.log(data,"data");
if (code === 0) {
this.total = data.total;
console.log("列表请求成功!!!!!!!!!!!!!!");
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
this.tableData.forEach((item) => {
if (item.origin === "issue") {
item.originName = "议题 ";
} else if (item.origin === "agency") {
item.originName = "项目立项";
} else if (item.origin === "resi_event") {
item.originName = "旧版事件上报";
} else if (item.origin === "work_event") {
item.originName = "巡查上报";
} else if (item.origin === "ic_event") {
item.originName = "事件";
} else {
item.sourceTypeName = "--";
}
});
console.log(this.tableData,"r");
} else {
}
},
@ -138,6 +126,10 @@ export default {
window.localStorage.setItem("pageSize", val);
this.getTableData();
},
//
handleremove(){
this.$emit('summDetailClose')
},
//
handleSearch(val) {
console.log(this.SearchForm);

388
src/views/modules/volunteer/VolManage/index.vue

@ -8,7 +8,8 @@
</el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model.trim="formData.phone" size="small" class="item_width_1" clearable placeholder="请输入"></el-input>
<el-input v-model.trim="formData.mobile" size="small" class="item_width_1" clearable
placeholder="请输入"></el-input>
</el-form-item>
</div>
<div class="block">
@ -22,51 +23,43 @@
</el-form>
</div>
<div class="m-table">
<el-button style="" class="diy-button--add" size="small" @click="handleExportModule()">下载模板</el-button>
<el-button style="" class="diy-button--add" size="small" @click="handleExportModule()">下载模板</el-button>
<el-button class="diy-button--white" size="small">
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn"
action="uploadUlr" :limit="1" :accept="'.xls,.xlsx'" :with-credentials="true"
:show-file-list="false" :auto-upload="true" :on-progress="handleProgress"
:on-success="handleExcelSuccess" :before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest">
导入
</el-upload>
</el-button>
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" action="uploadUlr" :limit="1"
:accept="'.xls,.xlsx'" :with-credentials="true" :show-file-list="false" :auto-upload="true"
:on-progress="handleProgress" :on-success="handleExcelSuccess" :before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest">
导入
</el-upload>
</el-button>
<el-table class="table" :data="tableData" border v-loading="tableLoading" style="width: 100%">
<el-table-column label="序号" header-align="center" align="center" type="index" ></el-table-column>
<el-table-column prop="Community" header-align="center" align="center" label="所属社区" >
<el-table-column label="序号" header-align="center" align="center" type="index"></el-table-column>
<el-table-column prop="agencyName" header-align="center" align="center" label="所属社区">
</el-table-column>
<el-table-column prop="Nickname" header-align="center" align="center" label="昵称" >
<el-table-column prop="nickName" header-align="center" align="center" label="昵称">
<!-- <template slot-scope="scope">
<span>{{ scope.row.enabled === 1 ? '关闭' : '显示' }}</span>
</template> -->
</el-table-column>
<el-table-column prop="Name" header-align="center" align="center" label="姓名" >
<template slot-scope="scope">
<span>{{ scope.row.status === 0 ? '已下线' : '已发布' }}</span>
</template>
<el-table-column prop="name" header-align="center" align="center" label="姓名">
</el-table-column>
<el-table-column prop="Identity" header-align="center" align="center" label="身份信息" >
<template slot-scope="scope">
<span>{{ scope.row.status === 0 ? '已下线' : '已发布' }}</span>
</template>
<el-table-column prop="identityTypeNames" header-align="center" align="center" label="身份信息">
</el-table-column>
<el-table-column prop="PhoneNumber" header-align="center" align="center" label="手机号" >
<el-table-column prop="mobile" header-align="center" align="center" label="手机号">
</el-table-column>
<el-table-column prop="IDNumber" header-align="center" align="center" label="身份证号" >
<el-table-column prop="idCard" header-align="center" align="center" label="身份证号">
</el-table-column>
<el-table-column prop="RegistrationTime" header-align="center" align="center" label="注册时间" >
<el-table-column prop="createdTime" header-align="center" align="center" label="注册时间">
</el-table-column>
<el-table-column prop="Points" header-align="center" align="center" label="积分" >
<el-table-column prop="points" header-align="center" align="center" label="积分">
</el-table-column>
<el-table-column prop="ActivityCount" header-align="center" align="center" label="活动次数" >
<el-table-column prop="actNum" header-align="center" align="center" label="活动次数">
</el-table-column>
<el-table-column label="操作" fixed="right" width="250" 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>
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEdit(scope.row)">活动记录</el-button>
<el-button type="text" style="color:#1C6AFD;" size="small"
@click="handleEdit(scope.row)">活动记录</el-button>
<el-button type="text" style="color:#1C6AFD;" size="small"
@click="handleintegral(scope.row)">积分调整</el-button>
</template>
</el-table-column>
@ -77,17 +70,17 @@
</el-pagination>
</div>
<el-dialog :visible.sync="Record" :close-on-click-modal="false" :close-on-press-escape="false" title="活动记录"
width="750px" top="10vh" class="dialog-h" @closed="diaClose">
<Record v-if="Record" :list="fmData"/>
</el-dialog>
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" title="查看"
width="750px" top="10vh" class="dialog-h" @closed="diaClose">
<see :list="fmData"/>
</el-dialog>
<el-dialog :visible.sync="integral" :close-on-click-modal="false" :close-on-press-escape="false" title="积分调整"
width="750px" top="10vh" class="dialog-h" @closed="summDetailClose">
<integral :list="fmData" @summDetailClose="summDetailClose"/>
</el-dialog>
width="750px" top="10vh" class="dialog-h" @closed="summDetailClose">
<Record v-if="Record" :list="fmData" @summDetailClose="summDetailClose" />
</el-dialog>
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" title="查看"
width="750px" top="10vh" class="dialog-h">
<see v-if="formShow" :list="fmData" />
</el-dialog>
<el-dialog :visible.sync="integral" :close-on-click-modal="false" :close-on-press-escape="false" title="积分调整"
width="750px" top="10vh" class="dialog-h" @closed="summDetailClose">
<integral v-if="integral" :list="fmData" @summDetailClose="summDetailClose" />
</el-dialog>
</div>
</div>
</template>
@ -109,7 +102,7 @@
return {
formData:{
name:"",
phone:""
mobile:""
},
integral:false,
tableLoading: false,
@ -118,77 +111,9 @@
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
tableData: [
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
],
tableData: [],
Record:false,
fmData:[],
};
},
computed: {
@ -200,21 +125,32 @@
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"fmData.endDate": function (val) {
if (val && val != "") {
console.log(val);
let arrayTemp = val.split(" ");
this.fmData.endDate = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
// this.getTableData();
this.getTableData();
},
methods: {
summDetailClose(){
this.integral=false
//
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/voluntary/volunteerInfo/page";
let params={
pageSize:this.pageSize,
pageNo:this.pageNo,
mobile:this.formData.mobile,
name:this.formData.name
}
const { data, code, msg } = await requestPost(url,params);
if (code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.total = data.total || 0;
this.tableData = data.list
} else {
}
},
//
async uploadHttpRequest(file) {
this.importLoading = true;
this.importBtnTitle = '正在上传中...';
@ -294,6 +230,7 @@
return fileType && isLt1M;
},
handleintegral(row){
this.fmData=row
this.integral=true
console.log(row,"row");
},
@ -309,6 +246,11 @@
this.fmData=row
},
summDetailClose(){
this.Record=false
this.integral=false
this.getTableData()
},
async handleExportModule() {
let url = "/heart/iccommunityselforganization/import-template-download";
let params = {};
@ -343,94 +285,10 @@
return this.$message.error("网络错误");
});
},
//
handleExcelSuccess(res, file) {
if (res.code === 0 && res.msg === "success") {
console.log("resss---ppp", res);
} else {
this.$message.error(res.msg);
}
},
handleProgress(event, file, fileList) {
console.log("percentage", file.percentage);
},
beforeExcelUpload(file) {
console.log("file", file);
const isType = file.type === "application/vnd.ms-excel";
const isTypeComputer =
file.type ===
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
const fileType = isType || isTypeComputer;
const isLt1M = file.size / 1024 / 1024 < 10;
if (!fileType) {
this.$message.error("上传文件只能是xls/xlsx格式!");
}
if (!isLt1M) {
this.$message.error("上传文件大小不能超过 10MB!");
}
return fileType && isLt1M;
},
async uploadHttpRequest(file) {
this.importLoading = true;
this.importBtnTitle = "正在上传中...";
this.$message({
showClose: true,
dangerouslyUseHTMLString: true,
message: "导入中,请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
duration: 3000
});
let than = this
document.getElementById('clickA').addEventListener('click',function(){
than.$router.replace('/main/importRecord-index');
})
const formData = new FormData(); //FormDataappend('key', value)
formData.append("file", file.file); //
await this.$http
.post(
"/heart/iccommunityselforganization/importcommunityselforganization",
formData
)
.then((res) => {
console.log("res-up", res);
if (res.data.code == 0 && res.data.msg == "success") {
// this.$message.success('')
this.getTableData();
} else this.$message.error(res.data.msg);
})
.catch((err) => {
console.log("失败", err);
file.onError(); //
// this.$message.error('')
});
// axios({
// url:
// window.SITE_CONFIG["apiURL"] +
// "/heart/iccommunityselforganization/importcommunityselforganization",
// method: "post",
// data: formData,
// // responseType: "blob",
// })
// .then((res) => {
// this.importLoading = false;
// this.importBtnTitle = "";
// console.log("resresresresresresres", res);
// this.getTableData();
// if (res.data.code == 0) {
// return this.$message.success(res.data.data || "");
// } else {
// return this.$message.error(res.data.msg);
// }
// })
// .catch((err) => {
// console.log("", err);
// });
this.importLoading = false;
this.importBtnTitle = "导入";
this.$refs.upload.clearFiles();
},
handleSizeChange(val) {
console.log(`每页 ${val}`);
this.pageSize = val;
@ -448,73 +306,7 @@
this.pageNo = 1;
this.getTableData();
},
resetForm(formName) {
(this.fmData = {
title: "",
status: "",
startDate: "",
endDate: "",
date: ["", ""],
}),
this.handleSearch();
},
async handleChu() {
const url = "/governance/project/project-list-export";
const { pageSize, pageNo, fmData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...fmData,
},
responseType: "blob",
})
.then((res) => {
console.log(res);
// content-dispositionres,
// let fileName = window.decodeURI(
// res.headers["content-disposition"].split(";")[1].split("=")[1]
// );
let yy = new Date().getFullYear();
var mm =
new Date().getMonth() > 9
? new Date().getMonth() + 1
: new Date().getMonth() == 9
? new Date().getMonth() + 1
: "0" + (new Date().getMonth() + 1);
var dd =
new Date().getDate() < 10
? "0" + new Date().getDate()
: new Date().getDate();
let time = `${yy}-${mm}-${dd} `;
let fileName = `项目管理${time}`;
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //
window.URL.revokeObjectURL(url); //blob
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {},
async handleWatch(rowIndex) {
let item = this.tableData[rowIndex];
this.currentProject = {
projectId: item.projectId,
};
this.pageType = "info";
},
async handleEdit(row) {
// let item = this.tableData[rowIndex];
// this.currentProject = {
@ -536,59 +328,7 @@
this.handleClose();
this.getTableData();
},
async handleDel(rowData, rowIndex) {
console.log(rowData, rowIndex);
const url =
"/heart/iccommunityselforganization/delcommunityselforganization";
const { tableData } = this;
const { data, code, msg } = await requestPost(url, {
orgId: tableData[rowIndex].orgId,
});
if (code === 0) {
this.$message.success("删除成功!");
this.getTableData();
} else {
this.$message.success("操作失败!");
}
},
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/governance/project/project-list";
const { pageSize, pageNo, fmData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...fmData,
});
if (code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
this.tableData.forEach((item) => {
if (item.origin === "issue") {
item.originName = "议题 ";
} else if (item.origin === "agency") {
item.originName = "项目立项";
} else if (item.origin === "resi_event") {
item.originName = "旧版事件上报";
} else if (item.origin === "work_event") {
item.originName = "巡查上报";
} else if (item.origin === "ic_event") {
item.originName = "事件";
} else {
item.sourceTypeName = "--";
}
});
} else {
}
},
},
};
</script>

155
src/views/modules/volunteer/VolManage/integral.vue

@ -4,41 +4,42 @@
<el-form-item label="姓名" prop="name">
{{ tableData.name }}
</el-form-item>
<el-form-item label="积分" prop="name">
{{ tableData.nickname }}
<el-form-item label="积分" prop="points">
{{ tableData.points }}
</el-form-item>
<el-form-item label="积分行为" width="200px" required prop="behaviorName">
<el-form-item label="积分行为" width="200px" prop="behaviorName">
<el-select v-model="behaviorName" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
<el-option v-for="item in options" :key="item.code" :label="item.name" :value="item.code">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="调整原因" hide-required-asterisk="true" required prop="textarea">
<el-input type="textarea" placeholder="不超过500子" v-model="textarea" maxlength="500" show-word-limit>
<el-form-item label="调整原因" hide-required-asterisk="true" prop="description">
<el-input type="textarea" placeholder="不超过500子" v-model="description" maxlength="500" show-word-limit>
</el-input>
</el-form-item>
<el-form-item label="操作类型" hide-required-asterisk="false" required prop="radio">
<el-radio-group v-model="radio">
<el-radio :label="3">加积分</el-radio>
<el-form-item label="操作类型" hide-required-asterisk="false" reqired prop="radio">
<el-radio-group v-model="radio" @change="handleRadioChange">
<el-radio :label="3">加积分
</el-radio>
<el-radio :label="6">减积分</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="积分调整" required prop="integralnum">
<el-form-item label="积分调整" prop="integralnum">
<el-input-number v-model="integralnum" @change="handleadjustment" :min="1" :max="10"
label="描述文字"></el-input-number>
</el-form-item>
</el-form>
<div class="flex flex-center1 flex-center2">
<el-button type="info" @click="handleremove" >取消</el-button>
<el-button type="danger" @click="handleSubmit" >确定</el-button>
<el-button type="danger" @click="getTableData" >确定</el-button>
</div>
<div>
</div>
</div>
</template>
<script>
import { requestPost,requestGet } from "@/js/dai/request";
export default {
name: "see",
@ -49,23 +50,11 @@ export default {
integralnum: 1,
radio:3,
textarea: '',
options: [{
value: '选项1',
label: '未打卡'
}, {
value: '选项2',
label: '未参加活动'
}, {
value: '选项3',
label: '早退'
}, {
value: '选项4',
label: '活动积分'
}, {
value: '选项5',
label: '其他'
}],
behaviorName: ''
options: [],
behaviorName: '',
description:"",
pointsDelta:"",
Positive:'',
};
},
props:{
@ -77,65 +66,61 @@ export default {
created() {
console.log(this.list,"list");
this.tableData=this.list
this.getpoints()
},
computed:{
},
methods: {
async addActivity() {
if (this.formType === 'edit' || this.formType === 'summary') {
let url = '/actual/base/communityActivity/update'
const { data, code, msg } = await requestPost(url, this.formData)
if (code === 0) {
this.$message({
type: 'success',
message: '操作成功'
})
this.resetData()
this.$emit('dialogOk')
this.btnDisable = false
} else {
this.btnDisable = false
this.$message.error(msg)
}
} else {
let url = '/actual/base/communityActivity/save'
const { data, code, msg } = await requestPost(url, this.formData)
if (code === 0) {
this.$message({
type: 'success',
message: '操作成功'
})
this.resetData()
this.$emit('dialogOk')
this.btnDisable = false
} else {
this.btnDisable = false
this.$message.error(msg)
}
}
//+-
handleRadioChange(val){
console.log(val);
this.Positive = val === 3 ? '+' : val === 6 ? '-' : '';
console.log(this.Positive);
},
//
async getpoints() {
const url = "/voluntary/points/adjustVolunteerPoints/reasonsList";
let params={
}
await requestGet(url,params).then((res)=>{
if (res.code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.options = res.data
} else {
}
})
},
//
async getTableData() {
const url = "/voluntary/points/adjustVolunteerPoints/commit";
let params={
volunteerId:this.tableData.id,
reason:this.behaviorName,
description:this.description,
pointsDelta:this.Positive+this.integralnum,
primaryPoints:this.tableData.points
// volunteerId:this.list.id,
// mobile:this.formData.phone,
// name:this.formData.name
}
console.log(params,"params");
const { data, code, msg } = await requestPost(url,params);
if (code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.$message({
message: "调整成功",
type: "success",
});
this.$emit('summDetailClose')
} else {
}
},
},
async handleComfirm() {
this.btnDisable = true
setTimeout(() => {
this.btnDisable = false
}, 10000)
// console.log("data/actual/base/communityActivity/save",this.formData)
this.$refs['ref_form'].validate((valid, messageObj) => {
// this.formData.sendMessage = this.formData.sendMessage ? 1 : 0;
// console.log(this.formData, "2234323424")
// const dateObj = this.formData.startTime;
// console.log(dateObj);
// const formattedDate = dateObj; // '2424-10-22'
// if (this.formData.cutOffTime != '' && formattedDate <= this.formData.cutOffTime) {
// this.$message.error('')
// } else if (!valid) {
// app.util.validateRule(messageObj)
// this.btnDisable = false
// } else {
this.addActivity()
})
},
handleSubmit(){
this.$emit('summDetailClose')
},

59
src/views/modules/volunteer/VolManage/see.vue

@ -5,45 +5,51 @@
{{ tableData.name }}
</el-form-item>
<el-form-item label="昵称" label-width="80px">
{{ tableData.nickname }}
{{ tableData.nickName }}
</el-form-item>
<el-form-item label="身份信息" label-width="80px" >
{{ tableData.Nickname}}
{{ tableData.identityTypeNames}}
</el-form-item>
<el-form-item label="手机号" label-width="80px">
{{ tableData.Nickname}}
{{ tableData.mobile}}
</el-form-item>
<el-form-item label="身份证号"label-width="80px" >
{{ tableData.Nickname}}
{{ tableData.idCard}}
</el-form-item>
<el-form-item label="所属社区" label-width="80px">
{{ tableData.Nickname}}
{{ tableData.agencyName}}
</el-form-item>
<el-form-item label="注册时间" label-width="80px">
{{ tableData.Nickname}}
{{ tableData.createdTime}}
</el-form-item>
<el-form-item label="加入的志愿者组织" label-width="150px">
{{ tableData.Nickname}}
</el-form-item>
<el-form-item label="积分" label-width="80px" >
{{ tableData.Nickname}}
{{ tableData.points}}
</el-form-item>
<el-form-item label="活动次数" label-width="80px">
{{ tableData.Nickname}}
{{ tableData.actNum}}
</el-form-item>
<el-form-item label="星级" label-width="80px">
<!-- <el-form-item label="星级" label-width="80px">
{{ tableData.Nickname}}
</el-form-item>
</el-form-item> -->
</el-form>
</div>
</template>
<script>
import { requestPost,requestGet } from "@/js/dai/request";
export default {
name: "see",
data() {
return {
labelPosition: 'right',
tableData: [],
tableData: {},
pageSize:10,
pageNo:1,
total:0,
fmData:{}
};
},
props:{
@ -52,10 +58,37 @@ export default {
default: () => {}
}
},
methods: {},
methods: {
//
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/voluntary/volunteerInfo/page";
const { pageSize, pageNo, fmData } = this;
let params={
pageSize:this.pageSize,
pageNo:this.pageNo,
mobile:this.fmData.mobile,
name:this.fmData.name,
id:this.fmData.id
}
const { data, code, msg } = await requestPost(url,params);
console.log(data,"data");
if (code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.tableData = data.list[0]
console.log(this.tableData,"r");
} else {
}
},
},
created() {
console.log(this.list,"list");
this.tableData=this.list
this.fmData=this.list
this.getTableData()
},
mounted() {
},
}

578
src/views/modules/volunteer/activityArchive/add.vue

@ -1,167 +1,162 @@
<template>
<div>
<div class="dialog-h-content scroll-h"
style="display: flex; flex-direction: row; justify-content:space-between; padding: 20px;">
<div style="width: 49%; ">
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
<el-form-item label="主办方" prop="sponsor" required>
<el-select v-model.trim="formData.sponsor" placeholder="请选择" clearable>
<el-option v-for="item in sponsorList" :key="item.nametypeName" :label="item.typeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="活动标题" prop="activityName">
<el-input type="textarea" placeholder="请输入活动标题,不超过50子" v-model="formData.activityName" maxlength="50"
show-word-limit>
</el-input>
</el-form-item>
<el-form-item label="活动详情" prop="content" style="display: block">
<div class="item_width_1">
<Tinymce class="tinymce_view " v-model.trim="formData.content" :height="250"
placeholder="请输入活动内容" />
</div>
</el-form-item>
<el-form-item label="图片" prop="coverPic">
<el-upload action="#" list-type="picture-card" :auto-upload="false">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
<span class="el-upload-list__item-actions">
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
<i class="el-icon-zoom-in"></i>
</span>
<span v-if="!disabled" class="el-upload-list__item-delete"
@click="handleDownload(file)">
<i class="el-icon-download"></i>
</span>
<span v-if="!disabled" class="el-upload-list__item-delete"
@click="handleRemove(file)">
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</el-form-item>
<el-form-item label="活动时间" prop="activeTime">
<el-date-picker v-model.trim="formData.activeTime" type="datetimerange" range-separator=""
start-placeholder="开始日期" end-placeholder="结束日期" @change="handleTimeChange">
</el-date-picker>
</el-form-item>
<el-form-item label="活动名额" prop="points">
<div style="display: flex; flex-direction: column;">
<el-input-number vdisabled="radio === '1'? true:false" v-model.trim="formData.points" @change="handleChange" :min="1" :max="10"
label="描述文字"></el-input-number>
<el-radio style="margin-top: 20px;" v-model="radio" label="1">不限名额</el-radio>
</div>
</el-form-item>
<el-form-item label="活动类型" prop="typeId" required>
<el-select v-model.trim="formData.typeId" placeholder="请选择" clearable>
<el-option v-for="item in typeList" :key="item.nametypeName" :label="item.typeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label=" 联系人" prop="contacts">
<el-input v-model="formData.contacts" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label=" 联系电话" prop="phone">
<el-input v-model="formData.phone" placeholder="请输入"></el-input>
</el-form-item>
</el-form>
<div>
<div class="dialog-h-content scroll-h"
style="display: flex; flex-direction: row; justify-content:space-between; padding: 20px;">
<div style="width: 49%; ">
<el-form ref="ref_form" :inline="true" :model="formData" class="form">
<el-form-item label="主办方" prop="agencyId">
<el-cascader class="list_item_width_1" ref="myCascader" clearable size="small"
v-model.trim="formData.agencyId" :options="orgOptions" :props="orgOptionProps"
@change="handleChangeAgency"></el-cascader>
</el-form-item>
<el-form-item label="活动标题" prop="title">
<el-input type="textarea" placeholder="请输入活动标题,不超过50子" v-model="formData.title" maxlength="50"
show-word-limit>
</el-input>
</el-form-item>
<el-form-item label="活动详情" prop="content" style="display: block">
<div class="item_width_1">
<Tinymce class="tinymce_view " v-model.trim="formData.content" :height="250" placeholder="请输入活动内容" />
</div>
<div style="width: 49%;">
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
<div>
<el-form-item label="活动积分" prop="integral">
<el-input-number v-model="formData.integral" @change="handleChange" :min="1" :max="10"
label="描述文字"></el-input-number>
</el-form-item>
<!-- <el-form-item label="所属项目" prop="typeId" required>
</el-form-item>
<el-form-item label="图片" prop="coverPic">
<template>
<upload-image :defaultFileList="formData.imgs" :limit="1" @change="onChangeFileList"
@file-removed="removedImg"></upload-image>
</template>
</el-form-item>
<el-form-item label="活动时间" prop="activeTime">
<el-date-picker v-model="formData.strTime" 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="formData.endTime" type="datetime" placeholder=""
format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item label="活动名额" prop="points">
<div style="display: flex; flex-direction: column;">
<el-input-number vdisabled="radio === '1'? true:false" v-model.trim="formData.quota"
:min="1" :max="10" label="描述文字"></el-input-number>
<el-radio style="margin-top: 20px;" v-model="formData.notQuota" label="1">不限名额</el-radio>
</div>
</el-form-item>
<el-form-item label="活动类型" prop="typeId" required>
<el-select v-model.trim="formData.typeId" placeholder="请选择" clearable>
<el-option v-for="item in formData.typeList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label=" 联系人" prop="contacts">
<el-input v-model="formData.linkman" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label=" 联系电话" prop="phone">
<el-input v-model="formData.linkMobile" placeholder="请输入"></el-input>
</el-form-item>
</el-form>
</div>
<div style="width: 49%;">
<el-form ref="ref_form" :inline="true" :model="formData" class="form">
<div>
<el-form-item label="活动积分" prop="integral">
<el-input-number v-model="formData.points" :min="1" :max="10"
label="描述文字"></el-input-number>
</el-form-item>
<!-- <el-form-item label="所属项目" prop="typeId" required>
<el-select class="item_width_1" v-model.trim="formData.typeId" placeholder="请选择" clearable>
<el-option v-for="item in typeList" :key="item.nametypeName" :label="item.typeName"
:value="item.id">
</el-option>
</el-select>
</el-form-item> -->
<el-form-item label="报名条件" prop="condition" style="display: block">
<div class="item_width_1">
<Tinymce class="tinymce_view " v-model.trim="formData.condition" :height="250"
placeholder="请输入活动内容" />
</div>
</el-form-item>
<el-form-item label="签到时间" prop="Checktime">
<el-date-picker v-model.trim="formData.Checktime" type="datetime"
value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择签到时间"
style="width:280px">
</el-date-picker>
</el-form-item>
<el-form-item label="报名截止时间" prop="deadline" >
<el-date-picker v-model="formData.deadline" type="datetime" placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item v-if="formType!=='records'" label="上线" style="display: block" prop="peopleCount">
<el-switch v-model="online" @change="handleOnlineRegistration"></el-switch>
</el-form-item>
</div>
<el-form-item label="赞助单位" prop="sponsor">
<el-input v-model="formData.sponsor" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label=" 联系电话" prop="number">
<el-input v-model="formData.number" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="活动地点" prop="address" style="display: block">
<div >
<el-select v-model.trim="formData.number" filterable remote
:reserve-keyword="true" placeholder="请输入关键词" :remote-method="remoteMethod"
:loading="loading">
<el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)"
:key="item.value || index" :label="item.label" :value="item.value">
</el-option>
</el-select>
<div id="app_activity" class="div_map"></div>
</div>
</el-form-item>
</el-form>
<el-form-item label="报名条件" prop="condition" style="display: block">
<div class="item_width_1">
<Tinymce class="tinymce_view " v-model.trim="formData.conditions" :height="250" placeholder="请输入活动内容" />
</div>
</el-form-item>
<el-form-item label="签到时间" prop="Checktime">
<el-date-picker v-model.trim="formData.signInTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss" placeholder="请选择签到时间" style="width:280px">
</el-date-picker>
</el-form-item>
<el-form-item label="报名截止时间" prop="deadline">
<el-date-picker v-model="formData.signOutTime" type="datetime" placeholder="选择日期时间"value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss" >
</el-date-picker>
</el-form-item>
<el-form-item v-if="formType!=='records'" label="上线" style="display: block" prop="peopleCount">
<el-switch v-model="formData.online" active-value=1 inactive-value=0></el-switch>
</el-form-item>
</div>
<el-form-item label="赞助单位" prop="sponsor">
<el-input v-model="formData.sponsor" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label=" 联系电话" prop="number">
<el-input v-model="formData.number" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="活动地点" prop="address" style="display: block">
<div>
<el-select v-model.trim="formData.address" filterable remote :reserve-keyword="true" placeholder="请输入关键词"
>
<!-- <el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)"
:key="item.value || index" :label="item.label" :value="item.value">
</el-option> -->
</el-select>
<div id="app_activity" class="div_map"></div>
</div>
</div>
<div class="div_btn1">
<el-button size="small" @click="handleCancle"> </el-button>
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable"
@click="handleComfirm"> </el-button>
</el-form-item>
</el-form>
</div>
</div>
</div>
<div class="div_btn1">
<el-button size="small" @click="handleCancle"> </el-button>
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable" @click="handleComfirm">确定</el-button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // Loading
import { requestPost, requestGet } from '@/js/dai/request'
import fileList from '@/views/components/fileList'
import Tinymce from '@c/tinymce2/index.vue'
let loading //
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue'
import daiMap from "@/utils/dai-map";
export default {
data () {
return {
orgOptionProps: {
value: 'agencyId',
label: 'agencyName',
children: 'subAgencyList',
emitPath: false,
multiple: false,
checkStrictly: true
},
orgOptions:[],
btnDisable: false,
formData: {
online:true,
activityName:"",
online:0,
content:"",
file:"",
activeTime:"",
points:"",
radio:"",
contacts:"",
integral:"",
condition:"",
imgs:[],
notQuota:0,
typeList:[
{
id:1,
name:"线上活动"
},
{
id:2,
name:"线下活动"
}
]
},
fileList: [],
@ -176,263 +171,84 @@ export default {
this.formData.holdMonthId = array[0] + array[1]
}
},
components: { fileList,Tinymce },
components: { fileList,Tinymce,UploadImage},
async mounted () {
this.startLoading()
await this.loadInfo()
this.endLoading()
// this.startLoading()
// await this.loadInfo()
// this.endLoading()
this.getOrgTreeList()
},
methods: {
async loadInfo () {
const url = `/resi/partymember/icPartyAct/act-detail/${this.icPartyActId}`;
// const url = `http://yapi.elinkservice.cn/mock/245/resi/partymember/icPartyAct/act-detail/${this.icPartyActId}`;
let params = {}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.formData = { ...data }
this.formData.publichIdArray = []
if (data.publishOrgPathShow) {
this.formData.publichIdArray = data.publishOrgPathShow.split(':')
} else {
let array = data.publishOrgPath.split(':')
array.forEach(element => {
if (this.isInTree(element)) {
this.formData.publichIdArray.push(element)
}
});
}
this.formData.joinIdArray = []
this.formData.joinNames = ''
data.joinOrgList.forEach(element => {
if (element.joinOrgPathShow) {
this.formData.joinIdArray.push(element.joinOrgPathShow.split(':'))
} else {
let array = element.joinOrgPath.split(':')
let joinIdTemp = []
array.forEach(element => {
if (this.isInTree(element)) {
joinIdTemp.push(element)
}
});
this.formData.joinIdArray.push(joinIdTemp)
}
this.formData.joinNames = this.formData.joinNames + element.joinOrgName + ','
});
console.log('info-joinIdArray', this.formData.joinIdArray)
if (this.formData.joinNames) {
this.formData.joinNames = this.formData.joinNames.substring(0, this.formData.joinNames.length - 1)
}
this.fileList = [... this.formData.attachmentList]
} else {
this.$message.error(msg)
handleChangeAgency(val) {
console.log(val);
this.formData.agencyId = val
},
//
handleComfirm() {
console.log(this.formData,"this,formD");
let url="/voluntary/activityInfo/saveInfo";
let parms={
...this.formData
}
console.log(parms,"parms");
requestPost(url,parms).then((res)=>{
console.log(res,"res");
})
},
//id
isInTree (id) {
let inTree = false
const fn = (obj) => {
if (Array.isArray(obj)) {
obj.forEach((item) => {
//
if (item.id === id) {
inTree = true
//
removedImg() {
this.formData.imgs = ''
},
onChangeFileList(e) {
console.log(e, 'sssssb');
this.formData.$slotsimgs = e.length > 0 ? e.map(item => ({
fileType: '0',
fileUrl: item.response.data.url
})) : []; // efileList
if (e.length > 0) {
this.formData.imgs = e[0].response.data.url;
} else {
this.formData.imgs = '';
}
fn(item.children);
});
}
};
fn(this.publishOptions);
return inTree
},
handlePreview (src) {
console.log(src)
if (src) {
window.open(src);
}
},
beforeUpload (file) {
const array = file.name.split('.')
const extension = array[array.length - 1]
const formatarray = ['jpg', 'png', 'jpeg', 'bmp', 'mp4', 'wma', 'm4a', 'mp3', 'doc', 'docx', 'xls', 'xlsx', 'pdf']
if (formatarray.indexOf(extension) === -1) {
this.$message.error('只支持图片、word、pdf')
return false
}
},
handleFileRemove (file) {
if (file && file.status === "success") {
this.fileList.splice(this.fileList.findIndex(item => item.uid === file.uid), 1)
}
},
handleFileSuccess (res, file) {
if (res.code === 0 && res.msg === 'success') {
const array = file.name.split('.')
const fileType = array[array.length - 1]
const picArray = ['jpg', 'png', 'jpeg', 'bmp']
const videoarray = ['mp4', 'wma', 'm4a']
const docArray = ['doc', 'docx', 'xls', 'xlsx', 'pdf']
const mp3Array = ['mp3']
if (picArray.indexOf(fileType) > -1) {
file.format = 'image'
} else if (videoarray.indexOf(fileType) > -1) {
file.format = 'video'
} else if (docArray.indexOf(fileType) > -1) {
file.format = 'doc'
} else if (mp3Array.indexOf(fileType) > -1) {
file.format = 'voice'
}
file.url = res.data.url
file.type = fileType
// file.attachmentName = file.name
// file.attachmentType = file.type
// file.attachmentUrl = file.url
file.format = file.attachmentFormat
this.fileList.push(file)
console.log(this.fileList)
} else this.$message.error(res.msg)
},
//
handleFileDownload (file) {
var a = document.createElement('a');
var event = new MouseEvent('click');
a.download = file.name;
a.href = file.url;
a.dispatchEvent(event);
},
//
getOrgTreeList() {
this.$http
.post("/gov/org/customeragency/agencygridtree", {orgTypeFilter:this.orgTypeFilter})
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg);
} else {
this.orgOptions = [];
this.orgOptions.push(res.data);
console.log(this.orgOptions,"this.orgOptions");
}
})
.catch(() => {
return this.$message.error("网络错误");
});
this.$nextTick(() => {
if (!map) {
this.initMap(this.formData.latitude, this.formData.longitude);
console.log("map", map,this.formData.latitude, this.formData.longitude)
} else {
map.setCenter(this.formData.latitude, this.formData.longitude);
map.setMarker(this.formData.latitude, this.formData.longitude);
console.log("mapmapmap", map)
}
})
},
handleCancle () {
this.$emit('diaDetailClose')
},
resetData () {
this.formData = {
icPartyActId: '',//
actType: '',// value
holdYearId: '',//yyyy
holdMonthId: '',//yyyyMM
holdTime: '',//yyyy-MM-dd HH:mm:ss
topic: '',//
address: '',//
latitude: '',//
longitude: '',//
autoPublicType: '',//key;
publishPartyOrgId: '',// id
publishPartyOrgName: '',//
publishOrgPid: '',// ID
publishOrgType: '',// 0,1,2,3,4,56
publishOrgPathShow: '',//PUBLISH_PARTY_ORG_ID便
joinUserType: '',//01
isAutoInform: '',// 01
introduce: '',//
joinOrgList: [],
attachmentList: [],
joinIdArray: [],
publichIdArray: []
}
},
//
startLoading () {
loading = Loading.service({
lock: true, //
text: '正在加载……', //
background: 'rgba(0,0,0,.7)' //
})
},
//
endLoading () {
// clearTimeout(timer);
if (loading) {
loading.close()
}
}
},
computed: {
dataRule () {
return {
actType: [
{ required: true, message: '活动类型不能为空', trigger: 'change' },
],
holdTime: [
{ required: true, message: '活动举办时间不能为空', trigger: 'change' }
],
topic: [
{ required: true, message: '活动主题不能为空', trigger: 'change' }
],
address: [
{ required: true, message: '活动地点不能为空', trigger: 'change' }
],
autoPublicType: [
{ required: true, message: '自动发布时间不能为空', trigger: 'change' }
],
joinUserType: [
{ required: true, message: '参加人员不能为空', trigger: 'change' }
],
joinIdArray: [
{ required: true, message: '参加活动党组织不能为空', trigger: 'change' }
],
publichIdArray: [
{ required: true, message: '发布活动党组织不能为空', trigger: 'change' }
],
}
},
},
props: {
@ -453,9 +269,5 @@ export default {
}
</script>
<style lang="scss" scoped>
.div_btn1{
width: 100%;
display: flex;
justify-items: center;
}
</style>

0
src/views/modules/volunteer/activityArchive/index.scss

478
src/views/modules/volunteer/activityArchive/index.vue

@ -4,16 +4,18 @@
<el-form :inline="true" ref="ref_searchform" :label-width="'100px'">
<div>
<el-form-item label="活动标题">
<el-input v-model.trim="formData.name" size="small" class="item_width_1" clearable placeholder="请输入">
<el-input v-model.trim="formData.content" size="small" class="item_width_1" clearable placeholder="请输入">
</el-input>
</el-form-item>
<el-form-item label="活动时间">
<el-date-picker v-model="formData.activeTime" type="datetimerange" range-separator=""
start-placeholder="开始日期" end-placeholder="结束日期">
<el-date-picker v-model="formData.strTime" 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="formData.endTime" type="datetime" placeholder=""format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="formData.StatusName" placeholder="请选择">
<el-select v-model="formData.statusType" placeholder="请选择" clearable >
<el-option v-for="item in formData.optionsStatus" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
@ -34,45 +36,45 @@
<el-button style="" class="diy-button--add" size="small" @click="handleAdd">新增</el-button>
<el-table class="table" :data="tableData" border v-loading="tableLoading" style="width: 100%">
<el-table-column label="序号" header-align="center" align="center" type="index"></el-table-column>
<el-table-column prop="Community" header-align="center" align="center" label="活动标题">
<el-table-column prop="title" header-align="center" align="center" label="活动标题">
</el-table-column>
<el-table-column prop="Nickname" header-align="center" align="center" label="活动地点">
<!-- <template slot-scope="scope">
<span>{{ scope.row.enabled === 1 ? '关闭' : '显示' }}</span>
</template> -->
</el-table-column>
<el-table-column prop="Name" header-align="center" align="center" label="活动时间">
<template slot-scope="scope">
<span>{{ scope.row.status === 0 ? '已下线' : '已发布' }}</span>
</template>
<el-table-column prop="address" header-align="address" align="center" label="活动地点"></el-table-column>
<el-table-column prop="strTime" header-align="center" align="center" label="活动时间">
<template slot-scope="scope">
<span>{{ scope.row.strTime }}{{ scope.row.endTime }}</span>
</template>
</el-table-column>
<el-table-column prop="Identity" header-align="center" align="center" label="报名截止时间">
<template slot-scope="scope">
<span>{{ scope.row.status === 0 ? '已下线' : '已发布' }}</span>
</template>
<el-table-column prop="deadline" header-align="center" align="center" label="报名截止时间">
</el-table-column>
<el-table-column prop="PhoneNumber" header-align="center" align="center" label="主办方">
<el-table-column prop="agencyName" header-align="center" align="center" label="主办方">
</el-table-column>
<el-table-column prop="IDNumber" header-align="center" align="center" label="发布时间">
<el-table-column prop="updatedTime" header-align="center" align="center" label="发布时间">
</el-table-column>
<el-table-column prop="RegistrationTime" header-align="center" align="center" label="状态">
<el-table-column prop="statusType" header-align="center" align="center" label="状态">
<!-- <template slot-scope="scope">
<span>{{ scope.row.online === 0 ? '下线' : '上线' }}</span>
</template> -->
</el-table-column>
<el-table-column prop="Points" 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="ActivityCount" header-align="center" align="center" label="所属项目">
</el-table-column> -->
<el-table-column label="操作" fixed="right" width="250" 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>
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEdit(scope.row)">下线</el-button>
<!-- <el-button type="text" style="color:#1C6AFD;" size="small" @click="handleintegral(scope.row)">更多</el-button> -->
<el-dropdown trigger="click" style="margin-left: 10px" @command="(command) => handelRegister(command, scope.row)" >
<el-dropdown trigger="click" style="margin-left: 10px"
@command="(command) => handelRegister(command, scope.row)">
<el-button type="text">
更多<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu split-button="true" slot="dropdown" >
<el-dropdown-item command="signup">报名管理</el-dropdown-item>
<el-dropdown-item command="clockin">打卡积分</el-dropdown-item>
<el-dropdown-menu split-button="true" slot="dropdown">
<el-dropdown-item command="signup">报名管理</el-dropdown-item>
<el-dropdown-item command="clockin">打卡积分</el-dropdown-item>
<el-dropdown-item command="delete">删除活动</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -88,12 +90,12 @@
width="1000px" top="10vh" class="dialog-h" @closed="diaClose">
<add :list="fmData" />
</el-dialog>
<el-dialog :visible.sync="HandlePointsshow" :close-on-click-modal="false" :close-on-press-escape="false" title="打卡积分"
width="1000px" top="10vh" class="dialog-h" @closed="diaClose">
<el-dialog :visible.sync="HandlePointsshow" :close-on-click-modal="false" :close-on-press-escape="false"
title="打卡积分" width="1000px" top="10vh" class="dialog-h" @closed="diaClose">
<Points :list="fmData" />
</el-dialog>
<el-dialog :visible.sync="ActivityCountshow" :close-on-click-modal="false" :close-on-press-escape="false" title="报名管理"
width="1000px" top="10vh" class="dialog-h" @closed="diaClose">
<el-dialog :visible.sync="ActivityCountshow" :close-on-click-modal="false" :close-on-press-escape="false"
title="报名管理" width="1000px" top="10vh" class="dialog-h" @closed="diaClose">
<ActivityCountshow :list="fmData" />
</el-dialog>
</div>
@ -104,7 +106,7 @@
</template>
<script>
import { requestPost } from "@/js/dai/request";
import { requestPost,requestGet } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex";
import axios from "axios";
@ -117,100 +119,36 @@
data() {
return {
HandlePointsshow:false,
ActivityCountshow:false,
add:false,
formData:{
name:"",
StatusName:"",
activeTime:"",
HandlePointsshow: false,
ActivityCountshow: false,
add: false,
formData: {
content: "",
strTime: "",
endTime: "",
optionsStatus: [{
value: '选项1',
label: '已发布'
}, {
value: '选项2',
label: '未发布'
},],
value: '已发布',
label: '已发布'
}, {
value: '未发布',
label: '未发布'
},],
online:'',
title:""
},
integral:false,
integral: false,
tableLoading: false,
formShow:false,
// pageType: "list", // list dispose info issue-info
formShow: false,
// pageType: "list", // list dispose info issue-info
pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20,
total: 1,
tableData: [
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
{
Community: "Stellar Community",
Nickname: "Dawn",
Name: "Li Xiaoming",
Identity: "Regular Member",
PhoneNumber: "13800138000",
IDNumber: "420123198901011234",
RegistrationTime: "2024-01-15T08:30:00Z",
Points: 1250,
ActivityCount: 15
},
],
],
Record: false,
fmData: [],
Record:false,
fmData:[],
};
},
computed: {
@ -222,18 +160,51 @@
...mapGetters(["clientHeight", "iframeHeight"]),
},
watch: {
"fmData.endDate": function (val) {
if (val && val != "") {
console.log(val);
let arrayTemp = val.split(" ");
this.fmData.endDate = arrayTemp[0] + " 23:59:59";
}
},
},
mounted() {
// this.getTableData();
this.getTableData();
},
methods: {
//
handleSearch(){
console.log("this.long");
console.log(this.formData,"this.long");
this.getTableData()
},
//
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/voluntary/activityInfo/list";
let params = {
pageNo: this.pageNo,
strTime:this.formData.strTime,
content:this.formData.content,
pageSize:this.pageSize,
statusType:this.formData.statusType,
endTime:this.formData.endTime,
}
requestGet(url, params).then((res) => {
if (res.code == 0) {
this.total = res.data.total || 0;
this.tableData = res.data.list;
console.log(this.tableData, "this.tableData");
} else {
this.$message.error(res.msg);
}
});
// 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 {
// }
},
handelRegister(command, row) {
if (command == "signup") {
this.HandleRegistration(row);
@ -280,130 +251,9 @@
this.fmData=row
},
async handleExportModule() {
let url = "/heart/iccommunityselforganization/import-template-download";
let params = {};
await this.$http({
method: "POST",
url,
responseType: "blob",
data: params,
})
.then((res) => {
// this.download(res.data, title + '.xls')
if (res.headers["content-disposition"]) {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], {
type: "application/vnd.ms-excel",
});
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //
window.URL.revokeObjectURL(url); //blob
} else this.$message.error("下载失败");
})
.catch((err) => {
console.log("err", err);
return this.$message.error("网络错误");
});
},
//
handleExcelSuccess(res, file) {
if (res.code === 0 && res.msg === "success") {
console.log("resss---ppp", res);
} else {
this.$message.error(res.msg);
}
},
handleProgress(event, file, fileList) {
console.log("percentage", file.percentage);
},
beforeExcelUpload(file) {
console.log("file", file);
const isType = file.type === "application/vnd.ms-excel";
const isTypeComputer =
file.type ===
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
const fileType = isType || isTypeComputer;
const isLt1M = file.size / 1024 / 1024 < 10;
if (!fileType) {
this.$message.error("上传文件只能是xls/xlsx格式!");
}
if (!isLt1M) {
this.$message.error("上传文件大小不能超过 10MB!");
}
return fileType && isLt1M;
},
async uploadHttpRequest(file) {
this.importLoading = true;
this.importBtnTitle = "正在上传中...";
this.$message({
showClose: true,
dangerouslyUseHTMLString: true,
message: "导入中,请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
duration: 3000
});
let than = this
document.getElementById('clickA').addEventListener('click',function(){
than.$router.replace('/main/importRecord-index');
})
const formData = new FormData(); //FormDataappend('key', value)
formData.append("file", file.file); //
await this.$http
.post(
"/heart/iccommunityselforganization/importcommunityselforganization",
formData
)
.then((res) => {
console.log("res-up", res);
if (res.data.code == 0 && res.data.msg == "success") {
// this.$message.success('')
this.getTableData();
} else this.$message.error(res.data.msg);
})
.catch((err) => {
console.log("失败", err);
file.onError(); //
// this.$message.error('')
});
// axios({
// url:
// window.SITE_CONFIG["apiURL"] +
// "/heart/iccommunityselforganization/importcommunityselforganization",
// method: "post",
// data: formData,
// // responseType: "blob",
// })
// .then((res) => {
// this.importLoading = false;
// this.importBtnTitle = "";
// console.log("resresresresresresres", res);
// this.getTableData();
// if (res.data.code == 0) {
// return this.$message.success(res.data.data || "");
// } else {
// return this.$message.error(res.data.msg);
// }
// })
// .catch((err) => {
// console.log("", err);
// });
this.importLoading = false;
this.importBtnTitle = "导入";
this.$refs.upload.clearFiles();
},
handleSizeChange(val) {
console.log(`每页 ${val}`);
this.pageSize = val;
@ -415,81 +265,9 @@
this.pageNo = val;
this.getTableData();
},
//
handleSearch(val) {
console.log(this.fmData);
this.pageNo = 1;
this.getTableData();
},
resetForm(formName) {
(this.fmData = {
title: "",
status: "",
startDate: "",
endDate: "",
date: ["", ""],
}),
this.handleSearch();
},
async handleChu() {
const url = "/governance/project/project-list-export";
const { pageSize, pageNo, fmData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...fmData,
},
responseType: "blob",
})
.then((res) => {
console.log(res);
// content-dispositionres,
// let fileName = window.decodeURI(
// res.headers["content-disposition"].split(";")[1].split("=")[1]
// );
let yy = new Date().getFullYear();
var mm =
new Date().getMonth() > 9
? new Date().getMonth() + 1
: new Date().getMonth() == 9
? new Date().getMonth() + 1
: "0" + (new Date().getMonth() + 1);
var dd =
new Date().getDate() < 10
? "0" + new Date().getDate()
: new Date().getDate();
let time = `${yy}-${mm}-${dd} `;
let fileName = `项目管理${time}`;
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //
window.URL.revokeObjectURL(url); //blob
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.add=true
},
async handleWatch(rowIndex) {
let item = this.tableData[rowIndex];
this.currentProject = {
projectId: item.projectId,
};
this.pageType = "info";
},
async handleEdit(row) {
// let item = this.tableData[rowIndex];
// this.currentProject = {
@ -504,63 +282,7 @@
projectId: "",
};
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData, rowIndex) {
console.log(rowData, rowIndex);
const url =
"/heart/iccommunityselforganization/delcommunityselforganization";
const { tableData } = this;
const { data, code, msg } = await requestPost(url, {
orgId: tableData[rowIndex].orgId,
});
if (code === 0) {
this.$message.success("删除成功!");
this.getTableData();
} else {
this.$message.success("操作失败!");
}
},
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/governance/project/project-list";
const { pageSize, pageNo, fmData } = this;
const { data, code, msg } = await requestPost(url, {
pageSize,
pageNo,
...fmData,
});
if (code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.total = data.total || 0;
this.tableData = data.list
? data.list.map((item) => {
return item;
})
: [];
this.tableData.forEach((item) => {
if (item.origin === "issue") {
item.originName = "议题 ";
} else if (item.origin === "agency") {
item.originName = "项目立项";
} else if (item.origin === "resi_event") {
item.originName = "旧版事件上报";
} else if (item.origin === "work_event") {
item.originName = "巡查上报";
} else if (item.origin === "ic_event") {
item.originName = "事件";
} else {
item.sourceTypeName = "--";
}
});
} else {
}
},
},
};
</script>

34
src/views/modules/volunteer/pointsRedemption/Select.vue

@ -1,8 +1,8 @@
<template>
<div style="display: flex;white-space: nowrap; padding: 30px;" >
<el-form style="padding-left: 50px;" :label-position="labelPosition" :model="tableData">
<el-form-item label="分类" aria-required="">
{{ tableData.className }}
<el-form-item label="分类">
<div> {{ tableData.className }}</div>
</el-form-item>
<el-form-item label="标题">
{{ tableData.awardName }}
@ -14,13 +14,13 @@
{{ tableData.points}}
</el-form-item>
<el-form-item label="有效期至">
{{ tableData.Nickname}}
{{ tableData.expireTime}}
</el-form-item>
<el-form-item label="兑换地点">
{{ tableData.Nicknae}}
{{ tableData.redeemerOrgName}}
</el-form-item>
<el-form-item label="规则说明">
{{ tableData.Nickname}}
{{ tableData.sponsorName}}
</el-form-item>
</el-form>
</div>
@ -55,16 +55,26 @@ export default {
let params = {
id:this.awardId
}
const { data, code, msg } = requestGet(url, params)
if (code === 0) {
requestGet(url, params).then((res) =>{
console.log(res,"res");
if(res.code===0){
console.log("列表请求成功!!!!!!!!!!!!!!");
this.total = data.total || 0;
this.tableData = data
console.log(this.tableData,"this.tableData");
console.log(res.data, "data");
this.tableData = res.data
console.log(this.tableData, "this.tableData");
}
})
// const { data, code, msg } = requestGet(url, params)
// console.log(data,"data");
// if (code === 0) {
// console.log("");
// console.log(data,"data");
// this.tableData = data
// console.log(this.tableData,"this.tableData");
} else {
}
// } else {
// }
},
},

12
src/views/modules/volunteer/pointsRedemption/add.vue

@ -34,12 +34,12 @@
<el-input class="item_width_2" v-model="formData.points" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="有效期至" label-width="150px">
<el-date-picker style="width: 250px;" v-model="formData.lifespan" type="datetime" placeholder="请选择日期" format="yyyy-MM-dd HH:mm:ss"
<el-date-picker style="width: 250px;" v-model="formData.expireTime" type="datetime" placeholder="请选择日期" format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item label="规则说明" label-width="150px">
<Tinymce style="width: 560px;" class="tinymce_view" v-model.trim="formData.description" :height="250"
<Tinymce style="width: 560px;" class="tinymce_view" v-model="formData.description" :height="250"
placeholder="请输入活动内容" />
</el-form-item>
<el-form-item label="库存" label-width="150px">
@ -60,7 +60,7 @@
<el-input v-model="formData.sponsorName" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="联系电话" label-width="150px">
<el-input style="width: 210px;" v-model="formData.phone" placeholder="请输入"></el-input>
<el-input style="width: 210px;" v-model="formData.sponsorMobile" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="上架" label-width="150px" inline="false">
<el-switch style="width: 500px;" v-model="formData.shelveStatus" active-color="#13ce66"
@ -145,6 +145,7 @@ export default {
this.total = data.total || 0;
this.tableData = data.list
console.log(this.tableData,"this.tableData");
this.formData={}
this.$emit('closeDialog')
} else {
this.$message.error(msg || "列表请求失败");
@ -194,6 +195,9 @@ export default {
}
},
handlecancel(){
this.formData={}
console.log(this.formData,"formData");
this.$emit('closeDialog')
},
//
@ -211,7 +215,9 @@ export default {
this.total = data.total || 0;
this.tableData = data.list
console.log(this.tableData,"this.tableData");
this.formData={}
this.$emit('closeDialog')
} else {
this.$message.error(msg || "列表请求失败");
}

381
src/views/modules/volunteer/pointsRedemption/index.vue

@ -5,20 +5,28 @@
<div>
<el-form-item label="发布区域">
<el-cascader class="list_item_width_1" ref="myCascader" clearable size="small"
v-model.trim="formData.redeemerOrgId" :options="orgOptions" :props="orgOptionProps"
v-model.trim="formData.redeemOrgId" :options="orgOptions" :props="orgOptionProps"
@change="handleChangeAgency"></el-cascader>
</el-form-item>
<el-form-item label="分类">
<el-select v-model="formData.StatusName" placeholder="请选择">
<el-option v-for="item in formData.optionsStatus" :key="item.value" :label="item.label"
:value="item.value">
<el-select v-model="formData.classKey" placeholder="请选择">
<el-option v-for="item in formData.optionsStatus" :key="item.classKey" :label="item.className"
:value="item.classKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="上架时间">
<el-date-picker v-model="formData.activeTime" type="datetimerange" range-separator=""
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
<el-form-item label="上架时间" >
<el-date-picker
v-model="formData.shelveOnTimeFrom"
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="formData.shelveOnTimeTo"
type="datetime"
placeholder="结束时间" format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
</div>
@ -66,9 +74,10 @@
</el-table-column> -->
<el-table-column label="操作" fixed="right" width="250" 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>
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEdit(scope.row)">下架</el-button>
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEdit(scope.row)">上架</el-button>
<el-button v-if="scope.row.shelveStatus === 0" type="text" style="color:#1C6AFD;" size="small" @click="handleDetail(scope.row)">修改</el-button>
<el-button v-if="scope.row.shelveStatus === 0" type="text" style="color:#1C6AFD;" size="small" @click="handleonline(scope.row)">上架</el-button>
<el-button v-if="scope.row.shelveStatus === 1" type="text" style="color:#1C6AFD;" size="small" @click="handleuponline(scope.row)">下架</el-button>
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDel(scope.row)">删除</el-button>
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEdit(scope.row)">兑换记录</el-button>
</template>
</el-table-column>
@ -87,7 +96,7 @@
<record v-if="recordshow" :list="fmData" />
</el-dialog>
<el-dialog :visible.sync="showSelect" :close-on-click-modal="false" :close-on-press-escape="false" title="查看"
width="1000px" top="10vh" class="dialog-h" @closed="diaClose">
width="750px" top="10vh" class="dialog-h" @closed="diaClose">
<Select v-if="showSelect" :list="fmData" />
</el-dialog>
</div>
@ -123,16 +132,12 @@
add:false,
orgTypeFilter:[],
formData:{
name:"",
StatusName:"",
activeTime:"",
optionsStatus: [{
value: '选项1',
label: '已发布'
}, {
value: '选项2',
label: '未发布'
},],
shelveOnTimeTo:"",
classKey:"",
redeemOrgId:"",
optionsStatus: [],
shelveOnTimeFrom:"",
},
integral:false,
tableLoading: false,
@ -168,8 +173,80 @@
mounted() {
this.getTableData();
this.getOrgTreeList()
this.getclasses()
},
methods: {
//
async getclasses() {
const url = "/voluntary/pointsAward/classes/list";
let params = {
}
const { data, code, msg } = await requestGet(url, params)
if (code === 0) {
console.log("列表请求成功!!!!!!!!!!!!!!");
this.TypeList=data
this.formData.optionsStatus = data
console.log(this.formData.optionsStatus,"this.tableData");
} else {
this.$message.error(msg || "列表请求失败");
}
},
//
handleDel(row){
this.$confirm("删除之后无法回复,确认删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
console.log(row.id,"online");
let url="/voluntary/pointsAward/admin/delete"
let params={
id:row.id
}
requestPost(url,params).then((res)=>{
console.log(res,"res");
this.getTableData()
})
})
.catch(err => {
if (err == "cancel") {
}
});
},
//线
handleonline(row){
console.log(row.id,"online");
let url="/voluntary/pointsAward/admin/shelveOn"
let params={
id:row.id
}
requestPost(url,params).then((res)=>{
console.log(res,"res");
this.getTableData()
})
},
//
handleuponline(row){
console.log(row.id,"online");
let url="/voluntary/pointsAward/admin/shelveOff"
let params={
id:row.id
}
requestPost(url,params).then((res)=>{
console.log(res,"res");
this.getTableData()
})
},
//
getOrgTreeList() {
this.$http
@ -202,40 +279,6 @@
this.fmData=row
console.log("row",row);
},
handelRegister(command, row) {
if (command == "signup") {
this.HandleRegistration(row);
} else if (command == "clockin") {
this.HandlePoints(row);
} else if (command == "qcdj") {
this.handleChangeTransfer(row);
}
},
HandleRegistration(row){
console.log(row,"报名管理");
this.ActivityCountshow=true
},
HandlePoints(row){
console.log(row,"报名管理");
this.HandlePointsshow=true
},
handleTimeChange (time) {
if (time) {
const startTimeArray = util.dateFormatter(time[0], 'date').split('-')
const endTimeArray = util.dateFormatter(time[1], 'date').split('-')
this.formData.startTime = startTimeArray[0] + '-' + startTimeArray[1] + '-' + startTimeArray[2] + ' 00:00:00'
this.formData.endTime = endTimeArray[0] + '-' + endTimeArray[1] + '-' + endTimeArray[2] + ' 23:59:59'
} else {
this.formData.startTime = ''
this.formData.endTime = ''
}
},
handleintegral(row){
this.integral=true
console.log(row,"row");
},
diaClose(){
this.formShow=false
},
@ -246,131 +289,6 @@
console.log(row,"row");
this.add=true
this.fmData=row
},
async handleExportModule() {
let url = "/heart/iccommunityselforganization/import-template-download";
let params = {};
await this.$http({
method: "POST",
url,
responseType: "blob",
data: params,
})
.then((res) => {
// this.download(res.data, title + '.xls')
if (res.headers["content-disposition"]) {
let fileName = window.decodeURI(
res.headers["content-disposition"].split(";")[1].split("=")[1]
);
console.log("filename", fileName);
let blob = new Blob([res.data], {
type: "application/vnd.ms-excel",
});
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //
window.URL.revokeObjectURL(url); //blob
} else this.$message.error("下载失败");
})
.catch((err) => {
console.log("err", err);
return this.$message.error("网络错误");
});
},
//
handleExcelSuccess(res, file) {
if (res.code === 0 && res.msg === "success") {
console.log("resss---ppp", res);
} else {
this.$message.error(res.msg);
}
},
handleProgress(event, file, fileList) {
console.log("percentage", file.percentage);
},
beforeExcelUpload(file) {
console.log("file", file);
const isType = file.type === "application/vnd.ms-excel";
const isTypeComputer =
file.type ===
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
const fileType = isType || isTypeComputer;
const isLt1M = file.size / 1024 / 1024 < 10;
if (!fileType) {
this.$message.error("上传文件只能是xls/xlsx格式!");
}
if (!isLt1M) {
this.$message.error("上传文件大小不能超过 10MB!");
}
return fileType && isLt1M;
},
async uploadHttpRequest(file) {
this.importLoading = true;
this.importBtnTitle = "正在上传中...";
this.$message({
showClose: true,
dangerouslyUseHTMLString: true,
message: "导入中,请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
duration: 3000
});
let than = this
document.getElementById('clickA').addEventListener('click',function(){
than.$router.replace('/main/importRecord-index');
})
const formData = new FormData(); //FormDataappend('key', value)
formData.append("file", file.file); //
await this.$http
.post(
"/heart/iccommunityselforganization/importcommunityselforganization",
formData
)
.then((res) => {
console.log("res-up", res);
if (res.data.code == 0 && res.data.msg == "success") {
// this.$message.success('')
this.getTableData();
} else this.$message.error(res.data.msg);
})
.catch((err) => {
console.log("失败", err);
file.onError(); //
// this.$message.error('')
});
// axios({
// url:
// window.SITE_CONFIG["apiURL"] +
// "/heart/iccommunityselforganization/importcommunityselforganization",
// method: "post",
// data: formData,
// // responseType: "blob",
// })
// .then((res) => {
// this.importLoading = false;
// this.importBtnTitle = "";
// console.log("resresresresresresres", res);
// this.getTableData();
// if (res.data.code == 0) {
// return this.$message.success(res.data.data || "");
// } else {
// return this.$message.error(res.data.msg);
// }
// })
// .catch((err) => {
// console.log("", err);
// });
this.importLoading = false;
this.importBtnTitle = "导入";
this.$refs.upload.clearFiles();
},
handleSizeChange(val) {
console.log(`每页 ${val}`);
@ -385,119 +303,26 @@
},
//
handleSearch(val) {
console.log(this.fmData);
this.pageNo = 1;
this.getTableData();
},
resetForm(formName) {
(this.fmData = {
title: "",
status: "",
startDate: "",
endDate: "",
date: ["", ""],
}),
this.handleSearch();
},
async handleChu() {
const url = "/governance/project/project-list-export";
const { pageSize, pageNo, fmData } = this;
axios({
url: window.SITE_CONFIG["apiURL"] + url,
method: "post",
data: {
pageSize,
pageNo,
...fmData,
},
responseType: "blob",
})
.then((res) => {
console.log(res);
// content-dispositionres,
// let fileName = window.decodeURI(
// res.headers["content-disposition"].split(";")[1].split("=")[1]
// );
let yy = new Date().getFullYear();
var mm =
new Date().getMonth() > 9
? new Date().getMonth() + 1
: new Date().getMonth() == 9
? new Date().getMonth() + 1
: "0" + (new Date().getMonth() + 1);
var dd =
new Date().getDate() < 10
? "0" + new Date().getDate()
: new Date().getDate();
let time = `${yy}-${mm}-${dd} `;
let fileName = `项目管理${time}`;
console.log("filename", fileName);
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement("a");
aLink.style.display = "none";
aLink.href = url;
aLink.setAttribute("download", fileName);
document.body.appendChild(aLink);
aLink.click();
document.body.removeChild(aLink); //
window.URL.revokeObjectURL(url); //blob
})
.catch((err) => {
console.log("获取导出情失败", err);
return this.$message.error("网络错误");
});
},
async handleAdd() {
this.add=true
},
async handleWatch(rowIndex) {
let item = this.tableData[rowIndex];
this.currentProject = {
projectId: item.projectId,
};
this.pageType = "info";
},
async handleEdit(row) {
this.fmData=row
this.recordshow=true
},
handleClose() {
this.pageType = "list";
this.currentProject = {
projectId: "",
};
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDel(rowData, rowIndex) {
console.log(rowData, rowIndex);
const url =
"/heart/iccommunityselforganization/delcommunityselforganization";
const { tableData } = this;
const { data, code, msg } = await requestPost(url, {
orgId: tableData[rowIndex].orgId,
});
if (code === 0) {
this.$message.success("删除成功!");
this.getTableData();
} else {
this.$message.success("操作失败!");
}
},
async getTableData() {
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/project/project-list";
const url = "/voluntary/pointsAward/admin/list";
let params = {
pageNo: this.pageNo,
shelveOnTimeFrom:"",
redeemOrgId:"",
shelveOnTimeFrom:this.formData.shelveOnTimeFrom,
redeemOrgId:this.formData.redeemOrgId,
pageTo:this.pageSize,
classKey:""
classKey:this.formData.classKey,
shelveOnTimeTo:this.formData.shelveOnTimeTo
}
const { data, code, msg } = await requestGet(url, params)

36
src/views/modules/volunteer/pointsRedemption/record.vue

@ -3,15 +3,15 @@
<div class="flex flex-wrap flex-end">
<div class="flex flex-center1 flex-center2 m-bottom10 " style="">
<div>姓名</div>
<el-input placeholder="请输入内容" v-model="searchData.SearchName" style="width: 200px" clearable>
<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.phone" style="width: 200px" clearable>
<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 class="flex flex-center1 flex-center2 m-bottom10" style="">
<div>状态</div>
<el-select v-model="StatusName" placeholder="请选择">
<el-option v-for="item in Status" :key="item.value" :label="item.label" :value="item.value">
@ -23,9 +23,9 @@
<div>兑换时间选择</div>
<el-date-picker v-model="ExchangeTime" type="date" placeholder="选择日期">
</el-date-picker>
</div>
</div> -->
<div>
<el-button type="primary" class="m-bottom10">查询</el-button>
<el-button type="primary" class="m-bottom10" @click="handleSeach">查询</el-button>
</div>
</div>
<div>
@ -42,10 +42,10 @@
</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 prop="ActivityCount" 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> -->
<!-- <el-table-column label="操作" fixed="right" width="250" 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>
@ -62,14 +62,7 @@
layout="sizes, prev, pager, next, total" :total="total">
</el-pagination>
</div>
<el-dialog :visible.sync="Record" :close-on-click-modal="false" :close-on-press-escape="false" title="活动记录"
width="750px" top="10vh" class="dialog-h" @closed="diaClose">
<Record :list="fmData" />
</el-dialog>
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" title="查看"
width="750px" top="10vh" class="dialog-h" @closed="diaClose">
<see :list="fmData" />
</el-dialog>
</div>
</div>
</template>
@ -92,7 +85,10 @@ export default {
labelPosition: 'right',
tableData: [],
searchData:{
redeemerMobile:"",
redeemerName:""
},
awardId:"",
};
},
@ -103,12 +99,18 @@ export default {
}
},
methods: {
handleSeach(){
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
awardId:this.awardId,
redeemerMobile:this.searchData.redeemerMobile,
redeemerName:this.searchData.redeemerName
}
console.log(params,"params");
console.log(this.awardId,"awardId"

Loading…
Cancel
Save