# Conflicts:
#	backend/src/main/resources/views/platform/activity/user/index.html
This commit is contained in:
2025-05-06 18:07:48 +08:00
29 changed files with 1427 additions and 830 deletions
@@ -85,7 +85,7 @@ public class ClientAuthController {
@ApiOperation(value = "短信登录", nickname = "/sms-login", httpMethod = "POST")
public Object doSmsLogin(ClientLoginBody loginBody, HttpServletRequest req) {
try {
String token = clientAuthService.doSmsLogin(loginBody);
String token = clientAuthService.doLogin(loginBody);
return Result.success().addData(token);
} catch (Exception e) {
log.error(e.getMessage(), e);
@@ -48,6 +48,16 @@ public class Client_user extends BaseModel implements Serializable {
@Comment("单位ID")
private String unitId;
@Column
@ColDefine(type = ColType.VARCHAR, width = 255)
@Comment("密码")
private String password;
@Column
@ColDefine(type = ColType.VARCHAR, width = 255)
@Comment("盐")
private String salt;
@Column
@ColDefine(type = ColType.VARCHAR, width = 255)
@Comment("openId")
@@ -10,7 +10,7 @@ public interface ClientAuthService {
* @param loginBody 登录信息
* @return token
*/
String doSmsLogin(ClientLoginBody loginBody);
String doLogin(ClientLoginBody loginBody);
/**
* 注册
@@ -1,7 +1,9 @@
package com.budwk.app.client.auth.service;
import cn.hutool.core.bean.BeanUtil;
import cn.hutool.core.util.StrUtil;
import com.budwk.app.base.exception.BaseException;
import com.budwk.app.base.utils.PwdUtil;
import com.budwk.app.client.auth.vo.ClientLoginBody;
import com.budwk.app.client.auth.models.Client_user;
import com.budwk.app.client.auth.vo.ClientRegisterBody;
@@ -11,6 +13,9 @@ import org.nutz.dao.Cnd;
import org.nutz.dao.Dao;
import org.nutz.ioc.loader.annotation.Inject;
import org.nutz.ioc.loader.annotation.IocBean;
import org.nutz.lang.Strings;
import java.util.List;
@IocBean
public class ClientAuthServiceImpl implements ClientAuthService {
@@ -21,23 +26,34 @@ public class ClientAuthServiceImpl implements ClientAuthService {
private ValidateService validateService;
@Override
public String doSmsLogin(ClientLoginBody loginBody) {
public String doLogin(ClientLoginBody loginBody) {
Client_user user = null;
int count = dao.count(Client_user.class, Cnd.where(Client_user::getPhone, "=", loginBody.getPhone()));
if (count == 0) {
// // 自动注册
// user = new Client_user();
// user.setPhone(loginBody.getPhone());
// user.setUserName("用户" + loginBody.getPhone());
// dao.insert(user);
throw new BaseException("手机号码不存在");
}
validateService.checkSMSCode(loginBody.getPhone(), loginBody.getSmsCode());
user = dao.fetch(Client_user.class, Cnd.where(Client_user::getPhone, "=", loginBody.getPhone()));
if (user == null) {
throw new BaseException("用户登录失败");
throw new BaseException("用户不存在");
}
if (StrUtil.isBlank(loginBody.getLoginMethod()) || !List.of("sms", "password").contains(loginBody.getLoginMethod())) {
throw new BaseException("登录方式不正确");
}
if (loginBody.getLoginMethod().equals("sms")) {
validateService.checkSMSCode(loginBody.getPhone(), loginBody.getSmsCode());
}
if (loginBody.getLoginMethod().equals("password")) {
String hashedPassword = PwdUtil.getPassword(loginBody.getPassword(), user.getSalt());
if (!Strings.sNull(hashedPassword).equalsIgnoreCase(user.getPassword())) {
throw new BaseException("密码不正确");
}
}
StpClientUtil.STP.login(user.getId());
StpClientUtil.STP.checkLogin();
return StpClientUtil.STP.getTokenValue();
@@ -9,4 +9,8 @@ public class ClientLoginBody {
private String smsCode;
private String password;
private String loginMethod;
}
@@ -14,6 +14,8 @@ public class ClientActivitySignVO {
private Long activityId;
private Long itemId;
private String unitId;
private String unitName;
private String contactName;
@@ -105,6 +105,7 @@ public class ActUserController {
user.setId(actUser.getId());
}
user.setUserId(user.getUserId());
user.setUnitId(vo.getUnitId());
user.setSignUpTime(localDateTime);
user.setSignUpContacts(vo.getContactName());
user.setSignUpMobile(vo.getContactPhone());
@@ -115,6 +116,7 @@ public class ActUserController {
} else {
for (ActUser user : doSignUserList) {
user.setUserId(user.getUserId());
user.setUnitId(vo.getUnitId());
user.setSignUpTime(localDateTime);
user.setSignUpContacts(vo.getContactName());
user.setSignUpMobile(vo.getContactPhone());
@@ -134,6 +136,7 @@ public class ActUserController {
dao.insert(clientUser);
user.setUserId(clientUser.getId());
user.setUnitId(vo.getUnitId());
user.setSignUpTime(localDateTime);
user.setSignUpContacts(vo.getContactName());
user.setSignUpMobile(vo.getContactPhone());
@@ -171,8 +174,8 @@ public class ActUserController {
@At
@SaCheckPermission("activity.user")
public Result findSignUserInfo(String userId){
return Result.success(dao.fetch(ActUser.class, Cnd.where(ActUser::getUserId, "=", userId)));
public Result findSignUserInfo(String id){
return Result.success(dao.fetch(ActUser.class, Cnd.where(ActUser::getId, "=", id)));
}
@@ -182,7 +185,7 @@ public class ActUserController {
@At
@SaCheckPermission("activity.user")
public Result getActivityList(String year){
List<Activity> activityList = dao.query(Activity.class, Cnd.where("YEAR(startTime)", "=", year).and(Activity::getDelFlag, "=", false));
List<Activity> activityList = dao.query(Activity.class, Cnd.NEW().andEX("YEAR(startTime)", "=", year).and(Activity::getDelFlag, "=", false));
return Result.success(activityList);
}
@@ -0,0 +1,123 @@
package com.budwk.app.module.activity.controller;
import cn.dev33.satoken.annotation.SaCheckLogin;
import cn.dev33.satoken.annotation.SaCheckPermission;
import cn.hutool.core.date.DateTime;
import cn.hutool.core.date.DateUtil;
import cn.hutool.core.util.StrUtil;
import com.budwk.app.base.page.PageForm;
import com.budwk.app.base.page.Pagination;
import com.budwk.app.base.result.Result;
import com.budwk.app.module.activity.models.ActWonderfulMoment;
import com.budwk.app.module.activity.models.Activity;
import com.budwk.app.module.activity.service.ActWonderfulMomentService;
import com.budwk.app.web.commons.auth.satoken.StpClientUtil;
import lombok.extern.slf4j.Slf4j;
import org.nutz.aop.interceptor.ioc.TransAop;
import org.nutz.dao.Cnd;
import org.nutz.dao.sql.Sql;
import org.nutz.ioc.aop.Aop;
import org.nutz.ioc.loader.annotation.Inject;
import org.nutz.ioc.loader.annotation.IocBean;
import org.nutz.lang.Lang;
import org.nutz.lang.util.NutMap;
import org.nutz.mvc.annotation.At;
import org.nutz.mvc.annotation.Ok;
import org.nutz.mvc.annotation.Param;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
/**
* @ClassName ActWonderfulMomentController
* @Author JyuHsin
* @Date 2025/5/6 15:30
* @Version 1.0
* @Description TODO
*/
@Slf4j
@IocBean
@Ok("json:full")
@At("/platform/activity/wonderfulMoment")
public class ActWonderfulMomentController {
@Inject
private ActWonderfulMomentService wonderfulMomentService;
@At("")
@SaCheckPermission("activity.wonderfulMoment")
@Ok("beetl:/platform/activity/wonderfulMoment/index.html")
public void index() {
}
@At
@SaCheckPermission("activity.wonderfulMoment")
public Result pageData(PageForm pageForm, String startTime, String endTime){
Cnd cnd = Cnd.NEW();
if (StrUtil.isNotBlank(pageForm.getSearchKeyword())) {
cnd.and("title", "like", "%" + pageForm.getSearchKeyword() + "%");
}
cnd.andEX("publishTime", ">=", startTime);
cnd.andEX("publishTime", "<=", endTime);
cnd.desc("publishTime");
Pagination pagination = wonderfulMomentService.listPageMap(pageForm.getPageNumber(), pageForm.getPageSize(), cnd);
return Result.success(pagination);
}
@At
@Aop(TransAop.READ_COMMITTED)
@SaCheckPermission("activity.wonderfulMoment")
public Result onHandle(@Param("wonderfulMoment") ActWonderfulMoment wonderfulMoment) {
if(wonderfulMoment.getId() == null) {
wonderfulMoment.setPublishTime(DateUtil.now());
}
wonderfulMomentService.insertOrUpdate(wonderfulMoment);
return Result.success();
}
@At
@Aop(TransAop.READ_COMMITTED)
@SaCheckPermission("activity.wonderfulMoment")
public Result onDelete(Long id) {
wonderfulMomentService.delete(id);
return Result.success();
}
@At
@SaCheckLogin(type = StpClientUtil.TYPE)
public Result getWonderfulMoment(@Param("id") Long id) {
Cnd cnd = Cnd.where("published", "=", true).andEX("id", "=", id);
cnd.desc("publishTime");
List<ActWonderfulMoment> momentList = wonderfulMomentService.query(cnd);
List<NutMap> result = new ArrayList<>();
for (ActWonderfulMoment wonderfulMoment : momentList) {
NutMap nutMap = Lang.obj2map(wonderfulMoment, NutMap.class);
DateTime dateTime = DateUtil.parse(wonderfulMoment.getPublishTime());
//如果是今天
if(DateUtil.isSameDay(dateTime, new Date())) {
nutMap.put("time", "今天" + DateUtil.format(dateTime, "HH:mm"));
} else {
nutMap.put("time", DateUtil.betweenDay(dateTime, new Date(), false) + "天前");
}
result.add(nutMap);
}
return Result.success(result);
}
@At("/getWonderfulMomentById/?")
@SaCheckLogin(type = StpClientUtil.TYPE)
public Result getWonderfulMomentById(Long id) {
ActWonderfulMoment moment = wonderfulMomentService.fetch(id);
return Result.success(moment);
}
@At("/handleWonderfulMoment/?")
@SaCheckLogin(type = StpClientUtil.TYPE)
public Result handleWonderfulMoment(Long id) {
ActWonderfulMoment moment = wonderfulMomentService.fetch(id);
moment.setReadCount(moment.getReadCount() + 1);
wonderfulMomentService.update(moment);
return Result.success();
}
}
@@ -1,5 +1,6 @@
package com.budwk.app.module.activity.controller;
import cn.dev33.satoken.annotation.SaCheckLogin;
import cn.dev33.satoken.annotation.SaCheckPermission;
import cn.hutool.core.collection.CollUtil;
import com.budwk.app.base.page.PageForm;
@@ -8,6 +9,7 @@ import com.budwk.app.base.result.Result;
import com.budwk.app.module.activity.models.Activity;
import com.budwk.app.module.activity.models.ActivityItem;
import com.budwk.app.module.activity.service.ActivityManageService;
import com.budwk.app.web.commons.auth.satoken.StpClientUtil;
import lombok.extern.slf4j.Slf4j;
import org.nutz.aop.interceptor.ioc.TransAop;
import org.nutz.dao.Cnd;
@@ -163,4 +165,11 @@ public class ActivityManageController {
return Result.success();
}
@At
@Aop(TransAop.READ_COMMITTED)
@SaCheckLogin(type = StpClientUtil.TYPE)
public Result getActivity() {
List<Activity> activityList = activityService.query(Cnd.NEW());
return Result.success(activityList);
}
}
@@ -15,6 +15,7 @@ import com.budwk.app.module.activity.service.ActivitySignInQueryService;
import com.budwk.app.module.activity.vo.page.ActSignInUserPageForm;
import lombok.extern.slf4j.Slf4j;
import org.apache.poi.ss.usermodel.Workbook;
import org.nutz.dao.Chain;
import org.nutz.dao.Cnd;
import org.nutz.dao.Sqls;
import org.nutz.dao.sql.Sql;
@@ -87,6 +88,17 @@ public class ActivitySignInQueryController {
}
@At
@SaCheckPermission("activity.signInUserQuery")
public Result doGrant(String id, Boolean isGrant) {
if (StrUtil.isBlank(id)) {
return Result.error("参数错误");
}
activitySignInQueryService.update(Chain.make("isGrant", isGrant), Cnd.where("id", "=", id));
return Result.success();
}
@At
@Ok("void")
@SaCheckPermission("activity.signInUserQuery")
@@ -70,6 +70,11 @@ public class ActUser extends BaseModel {
@ColDefine(type = ColType.VARCHAR, width = 30)
private String phone;
@Column
@Comment("参加单位Id")
@ColDefine(type = ColType.VARCHAR, width = 32)
private String unitId;
@Column
@Comment("参加单位名称")
@ColDefine(type = ColType.VARCHAR, width = 100)
@@ -95,6 +100,12 @@ public class ActUser extends BaseModel {
@ColDefine(type = ColType.BOOLEAN)
private Boolean isStay;
@Column
@Comment("是否联系人")
@ColDefine(type = ColType.BOOLEAN)
@Default("0")
private Boolean isContacts;
@Column
@Comment("是否签到")
@ColDefine(type = ColType.BOOLEAN)
@@ -105,4 +116,10 @@ public class ActUser extends BaseModel {
@Comment("签到时间")
@ColDefine(type = ColType.DATETIME)
private LocalDateTime signInTime;
@Column
@Comment("是否发放物资")
@ColDefine(type = ColType.BOOLEAN)
@Default("0")
private Boolean isGrant;
}
@@ -0,0 +1,56 @@
package com.budwk.app.module.activity.models;
import com.budwk.app.base.model.BaseModel;
import lombok.Data;
import lombok.EqualsAndHashCode;
import org.nutz.dao.entity.annotation.*;
/**
* @ClassName ActWonderfulMoment
* @Author JyuHsin
* @Date 2025/5/6 15:28
* @Version 1.0
* @Description TODO
*/
@Data
@Comment("活动项目队伍得分表")
@Table("act_wonderful_moment")
@EqualsAndHashCode(callSuper = true)
@TableMeta("{'mysql-charset':'utf8mb4'}")
public class ActWonderfulMoment extends BaseModel {
@Id
@Comment("ID")
private Long id;
@Column
@Comment("标题")
@ColDefine(type = ColType.VARCHAR, width = 100)
private String title;
@Column
@Comment("发布内容")
@ColDefine(type = ColType.TEXT)
private String content;
@Column
@Comment("发布时间")
@ColDefine(type = ColType.VARCHAR, width = 30)
private String publishTime;
@Column
@Comment("封面图")
@ColDefine(type = ColType.VARCHAR, width = 500)
private String cover;
@Column
@Comment("是否发布")
@ColDefine(type = ColType.BOOLEAN)
private Boolean published;
@Column
@Comment("阅读次数")
@Default(value = "0")
@ColDefine(type = ColType.INT)
private Integer readCount;
}
@@ -0,0 +1,14 @@
package com.budwk.app.module.activity.service;
import com.budwk.app.base.service.BaseService;
import com.budwk.app.module.activity.models.ActWonderfulMoment;
/**
* @ClassName ActWonderfulMomentService
* @Author JyuHsin
* @Date 2025/5/6 15:30
* @Version 1.0
* @Description TODO
*/
public interface ActWonderfulMomentService extends BaseService<ActWonderfulMoment> {
}
@@ -0,0 +1,21 @@
package com.budwk.app.module.activity.service.impl;
import com.budwk.app.base.service.impl.BaseServiceImpl;
import com.budwk.app.module.activity.models.ActWonderfulMoment;
import com.budwk.app.module.activity.service.ActWonderfulMomentService;
import org.nutz.dao.Dao;
import org.nutz.ioc.loader.annotation.IocBean;
/**
* @ClassName ActWonderfulMomentServiceImpl
* @Author JyuHsin
* @Date 2025/5/6 15:31
* @Version 1.0
* @Description TODO
*/
@IocBean(args = {"refer:dao"})
public class ActWonderfulMomentServiceImpl extends BaseServiceImpl<ActWonderfulMoment> implements ActWonderfulMomentService {
public ActWonderfulMomentServiceImpl(Dao dao) {
super(dao);
}
}
@@ -1,5 +1,6 @@
package com.budwk.app.web.commons.ext.sms;
import cn.hutool.json.JSONUtil;
import com.budwk.app.base.exception.BaseException;
import com.tencentcloudapi.common.Credential;
import com.tencentcloudapi.common.exception.TencentCloudSDKException;
@@ -48,20 +49,21 @@ public class SmsService {
ClientProfile clientProfile = new ClientProfile();
clientProfile.setHttpProfile(httpProfile);
SmsClient client = new SmsClient(cred, "", clientProfile);
SmsClient client = new SmsClient(cred, "ap-guangzhou", clientProfile);
SendSmsRequest req = new SendSmsRequest();
String[] phoneNumberSet1 = {"+86" + mobile};
req.setPhoneNumberSet(phoneNumberSet1);
String[] templateParamSet1 = {text, "5"};
req.setTemplateParamSet(templateParamSet1);
req.setTemplateID(conf.get("sms.tencent.tpl.login_code"));
req.setSmsSdkAppid(conf.get("sms.tencent.appid"));
req.setSign(conf.get("sms.tencent.sign"));
req.setTemplateID(conf.get("sms.tencent.tpl.login_code"));
String[] phoneNumberSet1 = {"+86" + mobile};
req.setPhoneNumberSet(phoneNumberSet1);
String[] templateParamSet1 = {text};
req.setTemplateParamSet(templateParamSet1);
SendSmsResponse resp = client.SendSms(req);
log.debug(SendSmsResponse.toJsonString(resp));
return true;
} catch (TencentCloudSDKException tencentCloudSDKException) {
log.error(String.valueOf(tencentCloudSDKException));
throw new BaseException(tencentCloudSDKException.getMessage());
}
}
@@ -86,12 +88,12 @@ public class SmsService {
ClientProfile clientProfile = new ClientProfile();
clientProfile.setHttpProfile(httpProfile);
SmsClient client = new SmsClient(cred, "", clientProfile);
SmsClient client = new SmsClient(cred, "ap-guangzhou", clientProfile);
SendSmsRequest req = new SendSmsRequest();
String[] phoneNumberSet1 = {"+86" + mobile};
req.setPhoneNumberSet(phoneNumberSet1);
String[] templateParamSet1 = {text, "5"};
String[] templateParamSet1 = {text};
req.setTemplateParamSet(templateParamSet1);
req.setTemplateID(conf.get("sms.tencent.tpl.reg_code"));
req.setSmsSdkAppid(conf.get("sms.tencent.appid"));
@@ -126,7 +128,7 @@ public class SmsService {
ClientProfile clientProfile = new ClientProfile();
clientProfile.setHttpProfile(httpProfile);
SmsClient client = new SmsClient(cred, "", clientProfile);
SmsClient client = new SmsClient(cred, "ap-guangzhou", clientProfile);
SendSmsRequest req = new SendSmsRequest();
req.setPhoneNumberSet(mobile);
+5 -5
View File
@@ -23,7 +23,7 @@ jetty:
#结合ftp使用,或用nginx代理ftp路径
#staticPath: E:/project/NutzWk/upload
#开发模式静态资源
staticPathLocal: E:/projects/hmc_gbhd/src/main/resources/static
staticPathLocal: G:/project/hmc_gbhd/src/main/resources/static
security:
tokenName: token
@@ -69,7 +69,7 @@ xsssql:
beetl:
RESOURCE:
#本地路径,开发时设置本地路径,便于调试
rootLocal: E:/projects/hmc_gbhd/src/main/resources/views/
rootLocal: G:/projects/hmc_gbhd/src/main/resources/views/
root: views/
DELIMITER_STATEMENT_START: '<!--#'
DELIMITER_STATEMENT_END: '#-->'
@@ -147,11 +147,11 @@ swagger:
description: 趣味运动会系统
sms:
enabled: false
enabled: true
#腾讯云短信配置
tencent:
secret-id: 1301383032
secret-key: AKIDMZWDepjNnxqSotiHZeU6SYOyIMAj24rO
secret-id: AKID3vYx5xYu0pVwDIAm9F4ey74mEPJwJQGp
secret-key: LPDl5AyV4NQM3TdW9VaOvCE0VkjSu5zc
appid: 1400934413 #应用ID
sign: '武汉地大三思科技' #短信签名
tpl:
@@ -12,10 +12,22 @@
:on-exceed="handleExceed"
:file-list="fileList"
>
<i class="el-icon-plus"></i>
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
<img class="el-upload-list__item-thumbnail" :src="'/open/file/upload/download?filepath=' + file.url" alt=""
style="var(--box-width, '100px') !important;height: var(--box-height, '100px') !important">
<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 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" append-to-body>
<img width="100%" :src="dialogImageUrl" alt="">
<img width="100%" :src="'/open/file/upload/download?filepath=' + dialogImageUrl" alt="">
</el-dialog>
</div>
</template>
@@ -124,4 +136,4 @@ module.exports = {
<style scoped>
</style>
</style>
@@ -78,6 +78,9 @@ const addOrUpdate = {
{{form.files}}
<file-upload v-model="form.files" accept=".pdf"></file-upload>
</el-form-item>
<el-form-item label="封面图" prop="cover">
<image-upload v-model="form.cover" :max-count="1"></image-upload>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
@@ -62,6 +62,18 @@ layout("/layouts/platform_1.html"){
<el-table-column label="联系方式" prop="mobile"></el-table-column>
<el-table-column label="参加单位名称" prop="unitName"></el-table-column>
<el-table-column label="签到时间" prop="signInTime"></el-table-column>
<el-table-column label="物资发放" prop="isGrant">
<template slot-scope="scope">
<el-tag v-if="scope.row.isGrant" type="success">已发放</el-tag>
<el-tag v-else type="danger">未发放</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="200">
<template #default="{row}">
<el-button v-if="!row.isGrant || row.isGrant === 0" type="primary" size="mini" @click="doGrant(row, true)">设为已发放物资</el-button>
<el-button v-else type="danger" size="mini" @click="doGrant(row, false)">设为未发放物资</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
@@ -82,6 +94,24 @@ layout("/layouts/platform_1.html"){
}
},
methods: {
async doGrant(row, isGrant) {
this.$confirm('您确定要设置成' + (isGrant ? '已发放' : '未发放') + '状态吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const resp = await $.post("/platform/activity/signInUserQuery/doGrant", {
id: row.id,
isGrant: isGrant
})
if (resp.code === 0) {
this.doSearch()
this.$message.success(resp.msg)
} else {
this.$message.error(resp.msg)
}
})
},
doExport() {
window.open("/platform/activity/signInUserQuery/doExport?activityId=" + this.pageForm.activityId + "&searchKeyword=" + this.pageForm.searchKeyword)
},
@@ -111,4 +141,4 @@ layout("/layouts/platform_1.html"){
<!--#
}
#-->
#-->
@@ -2,412 +2,411 @@
layout("/layouts/platform_1.html"){
#-->
<div id="app">
<el-card shadow="never">
<div class="search">
<div class="search-item">
<div class="search-item-label">年度</div>
<div class="search-item-option">
<el-date-picker
:clearable="false"
placeholder="选择年"
style="width: 100%"
type="year"
@change="getActivityList"
v-model="pageForm.year"
value-format="yyyy"
></el-date-picker>
</div>
</div>
<div class="search-item">
<div class="search-item-label">所属活动</div>
<div class="search-item-option">
<el-select @change="doSearch"
placeholder="请选择活动查询"
style="width: 100%;"
v-model="pageForm.activityId">
<el-option :label="item.title" :value="item.id"
v-for="item in activityList"></el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-item-label">姓名/电话</div>
<div class="search-item-option">
<el-input v-model="pageForm.searchKeyword" placeholder="请输入姓名"
clearable @keyup.enter.native="doSearch"></el-input>
</div>
</div>
<div class="search-query">
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
</div>
</div>
</el-card>
<el-card shadow="never" class="mt-3">
<el-row type="flex" style="justify-content: flex-end" class="mb-3">
<el-button icon="el-icon-plus" type="primary" size="small" @click="openAddUser">添加报名人员</el-button>
<el-button icon="el-icon-plus" type="primary" size="small" @click="doExport">导出</el-button>
<el-card shadow="never">
<div class="search">
<div class="search-item">
<div class="search-item-label">年度</div>
<div class="search-item-option">
<el-date-picker
:clearable="false"
placeholder="选择年"
style="width: 100%"
type="year"
@change="getActivityList"
v-model="pageForm.year"
value-format="yyyy"
></el-date-picker>
</div>
</div>
<div class="search-item">
<div class="search-item-label">所属活动</div>
<div class="search-item-option">
<el-select @change="doSearch"
placeholder="请选择活动查询"
style="width: 100%;"
v-model="pageForm.activityId">
<el-option :label="item.title" :value="item.id"
v-for="item in activityList"></el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-item-label">姓名/电话</div>
<div class="search-item-option">
<el-input v-model="pageForm.searchKeyword" placeholder="请输入姓名"
clearable @keyup.enter.native="doSearch"></el-input>
</div>
</div>
<div class="search-query">
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
</div>
</div>
</el-card>
<el-card shadow="never" class="mt-3">
<el-row type="flex" style="justify-content: flex-end" class="mb-3">
<el-button icon="el-icon-plus" type="primary" size="small" @click="openAddUser">添加报名人员</el-button>
<el-button icon="el-icon-plus" type="primary" size="small" @click="doExport">导出</el-button>
<el-radio-group v-model="pageForm.isSignIn" type="primary" class="ml-3"@change="doSearch">
<el-radio-button :label="1">全部</el-radio-button>
<el-radio-button :label="2">已签到</el-radio-button>
<el-radio-button :label="3">未签到</el-radio-button>
</el-radio-group>
</el-row>
<el-table v-loading="tableLoading" show-overflow-tooltip :data="tableData">
<el-table-column label="序号" type="index" header-align="center" align="center"
width="50"></el-table-column>
<el-table-column label="姓名" prop="userName"></el-table-column>
<el-table-column label="性别" prop="sex"></el-table-column>
<el-table-column label="联系方式" prop="phone"></el-table-column>
<el-table-column label="身份证件号" prop="idCard"></el-table-column>
<el-table-column label="职务" prop="position"></el-table-column>
<el-table-column label="所属单位" prop="unitName"></el-table-column>
<el-table-column label="报名时间" prop="signUpTime"></el-table-column>
<el-table v-loading="tableLoading" show-overflow-tooltip :data="tableData">
<el-table-column label="序号" type="index" header-align="center" align="center"
width="50"></el-table-column>
<el-table-column label="姓名" prop="userName"></el-table-column>
<el-table-column label="性别" prop="sex"></el-table-column>
<el-table-column label="联系方式" prop="phone"></el-table-column>
<el-table-column label="身份证件号" prop="idCard"></el-table-column>
<el-table-column label="职务" prop="position"></el-table-column>
<el-table-column label="所属单位" prop="unitName"></el-table-column>
<el-table-column label="报名时间" prop="signUpTime"></el-table-column>
<el-table-column label="是否签到" prop="isSignIn">
<template slot-scope="{row}">
{{row.isSignIn?'已签到':'未签到'}}
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="250">
<template slot-scope="scope">
<el-button type="text" @click="openModify">修改</el-button>
<el-button type="text" class="text-danger" @click="onTableRowDelete(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<el-dialog title="添加报名人员" :visible.sync="addDialog" width="60%">
<el-form :model="formData" :rules="formRules" ref="formRef" label-width="100px">
<el-form-item label="活动名称" prop="activityName">
<el-input v-model="formData.activityName" readonly></el-input>
</el-form-item>
<el-form-item label="参加单位" prop="unitName">
<el-input v-model="formData.unitName" placeholder="请输入参加单位"></el-input>
</el-form-item>
<el-form-item label="联系人" prop="contactName">
<el-input v-model="formData.contactName" placeholder="请输入联系人"></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="contactPhone">
<el-input v-model="formData.contactPhone" placeholder="请输入联系方式" maxlength="11" type="text"
show-word-limit></el-input>
</el-form-item>
<el-form-item label="报名人员" prop="userList">
<el-table :data="formData.userList" border size="small" width="100%">
<el-table-column label="姓名" prop="userName" fixed width="200">
<template slot-scope="{row}">
<el-autocomplete style="width: 100%"
v-model="row.userName"
:fetch-suggestions="queryUserAsync"
placeholder="请输入内容"
@select="handleSelect($event, row)"
></el-autocomplete>
<!-- <el-input v-model="row.userName" maxlength="50"-->
<!-- placeholder="请输入姓名"></el-input>-->
</template>
</el-table-column>
<el-table-column label="性别" prop="sex" width="200">
<template slot-scope="{row}">
<el-radio-group v-model="row.sex">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</template>
</el-table-column>
<el-table-column label="联系方式" prop="phone" width="200">
<template slot-scope="{row}">
<el-input v-model="row.phone" maxlength="11" type="text"
show-word-limit placeholder="请输入联系方式"></el-input>
</template>
</el-table-column>
<el-table-column label="身份证件号" prop="idCard" width="250">
<template slot-scope="{row}">
<el-input v-model="row.idCard" maxlength="18" type="text"
show-word-limit placeholder="请输入身份证件号"></el-input>
</template>
</el-table-column>
<el-table-column label="职务" prop="position" width="200">
<template slot-scope="{row}">
<el-input v-model="row.position" maxlength="100"
placeholder="请输入职务"></el-input>
</template>
</el-table-column>
<!--<el-table-column label="所属单位" prop="unitName" width="250">
<template slot-scope="{row}">
<el-input v-model="row.unitName" maxlength="100" placeholder="请输所属单位"></el-input>
</template>
</el-table-column>-->
<el-table-column width="100px" fixed="right">
<template slot="header" slot-scope="scope">
<el-button type="primary" size="mini"
@click="formData.userList.push({})">添加
</el-button>
</template>
<template slot-scope="scope">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="formData.userList.length===0"
@click="formData.userList.splice(scope.$index,1)"
></el-button>
</template>
</el-table-column>
</el-table>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="addDialog = false">取 消</el-button>
<el-button type="primary" @click="onAddUserSubmit">确 定</el-button>
</div>
</el-dialog>
<el-dialog title="修改报名信息" :visible.sync="modifyDialog" width="40%">
<el-form :model="modifyForm" :rules="modifyRules" ref="modifyFormRef" label-width="100px">
<el-form-item label="姓名" prop="userName">
<el-input v-model="modifyForm.userName"></el-input>
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-radio-group v-model="modifyForm.sex">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="联系方式" prop="phone">
<el-input v-model="modifyForm.phone"></el-input>
</el-form-item>
<el-form-item label="身份证件号" prop="idCard">
<el-input v-model="modifyForm.idCard"></el-input>
</el-form-item>
<el-form-item label="职务" prop="position">
<el-input v-model="modifyForm.position"></el-input>
</el-form-item>
<el-form-item label="所属单位" prop="unitName">
<el-input v-model="modifyForm.unitName"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<template #default="scope">
<el-button type="text" @click="openModify">修改</el-button>
<el-button type="text" class="text-danger" @click="onTableRowDelete(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<el-dialog title="添加报名人员" :visible.sync="addDialog" width="60%">
<el-form :model="formData" :rules="formRules" ref="formRef" label-width="100px">
<el-form-item label="活动名称" prop="activityName">
<el-input v-model="formData.activityName" readonly></el-input>
</el-form-item>
<el-form-item label="参加单位" prop="unitName">
<el-input v-model="formData.unitName" placeholder="请输入参加单位"></el-input>
</el-form-item>
<el-form-item label="联系人" prop="contactName">
<el-input v-model="formData.contactName" placeholder="请输入联系人"></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="contactPhone">
<el-input v-model="formData.contactPhone" placeholder="请输入联系方式" maxlength="11" type="text" show-word-limit></el-input>
</el-form-item>
<el-form-item label="报名人员" prop="userList">
<el-table :data="formData.userList" border size="small" width="100%">
<el-table-column label="姓名" prop="userName" fixed width="200">
<template slot-scope="{row}">
<el-autocomplete style="width: 100%"
v-model="row.userName"
:fetch-suggestions="queryUserAsync"
placeholder="请输入内容"
@select="handleSelect($event, row)"
></el-autocomplete>
<!-- <el-input v-model="row.userName" maxlength="50"-->
<!-- placeholder="请输入姓名"></el-input>-->
</template>
</el-table-column>
<el-table-column label="性别" prop="sex" width="200">
<template slot-scope="{row}">
<el-radio-group v-model="row.sex">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</template>
</el-table-column>
<el-table-column label="联系方式" prop="phone" width="200">
<template slot-scope="{row}">
<el-input v-model="row.phone" maxlength="11" type="text"
show-word-limit placeholder="请输入联系方式"></el-input>
</template>
</el-table-column>
<el-table-column label="身份证件号" prop="idCard" width="250">
<template slot-scope="{row}">
<el-input v-model="row.idCard" maxlength="18" type="text"
show-word-limit placeholder="请输入身份证件号"></el-input>
</template>
</el-table-column>
<el-table-column label="职务" prop="position" width="200">
<template slot-scope="{row}">
<el-input v-model="row.position" maxlength="100"
placeholder="请输入职务"></el-input>
</template>
</el-table-column>
<!--<el-table-column label="所属单位" prop="unitName" width="250">
<template slot-scope="{row}">
<el-input v-model="row.unitName" maxlength="100" placeholder="请输所属单位"></el-input>
</template>
</el-table-column>-->
<el-table-column width="100px" fixed="right">
<template slot="header" slot-scope="scope">
<el-button type="primary" size="mini"
@click="formData.userList.push({})">添加
</el-button>
</template>
<template slot-scope="scope">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="formData.userList.length===0"
@click="formData.userList.splice(scope.$index,1)"
></el-button>
</template>
</el-table-column>
</el-table>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="addDialog = false">取 消</el-button>
<el-button type="primary" @click="onAddUserSubmit">确 定</el-button>
</div>
</el-dialog>
<el-dialog title="修改报名信息" :visible.sync="modifyDialog" width="40%">
<el-form :model="modifyForm" :rules="modifyRules" ref="modifyFormRef" label-width="100px">
<el-form-item label="姓名" prop="userName">
<el-input v-model="modifyForm.userName"></el-input>
</el-form-item>
<el-form-item label="性别" prop="sex">
<el-radio-group v-model="modifyForm.sex">
<el-radio label="男"></el-radio>
<el-radio label="女"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="联系方式" prop="phone">
<el-input v-model="modifyForm.phone"></el-input>
</el-form-item>
<el-form-item label="身份证件号" prop="idCard">
<el-input v-model="modifyForm.idCard"></el-input>
</el-form-item>
<el-form-item label="职务" prop="position">
<el-input v-model="modifyForm.position"></el-input>
</el-form-item>
<el-form-item label="所属单位" prop="unitName">
<el-input v-model="modifyForm.unitName"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="modifyDialog = false">取消</el-button>
<el-button type="primary" @click="onModifySubmit">提交</el-button>
</span>
</el-dialog>
</el-dialog>
</div>
<script>
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
data() {
return {
pageForm: {
const vue = new Vue({
el: "#app",
mixins: [initTableMixins],
data() {
return {
pageForm: {
isSignIn: 1,
year: new Date().getFullYear() + '',
},
activityList: [],
// 修改表单
modifyDialog: false,
modifyForm: {},
modifyRules: {
userName: [{required: true, message: '请输入姓名', trigger: ['blur', 'change']}],
sex: [{required: true, message: '请选择性别', trigger: ['blur', 'change']}],
phone: [{
required: true,
validator: (rule, value, callback) => {
if (!value) {
// 如果值为空,直接通过校验
callback();
} else if (/^[1][345789][0-9]{9}$/.test(value)) {
// 手机号格式正确
callback();
} else if (/^\d+-\d+$/.test(value) && value.length <= 16) {
// 座机号格式正确
callback();
} else {
// 格式错误,返回错误信息
callback(new Error(value.includes('-') ? '座机号码格式错误' : '手机号码格式错误'));
}
},
trigger: ["change", "blur"]
}],
idCard: [
{
required: true,
validator: (rule, value, callback) => {
if (!value) {
// 如果值为空,直接通过校验
callback();
} else if (/^[1-9]\d{5}(18|19|20)?\d{2}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}(\d|[Xx])$/.test(value)) {
// 18位身份证号码格式正确
callback();
} else if (/^[1-9]\d{7}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}$/.test(value)) {
// 15位身份证号码格式正确
callback();
} else if (/^[1-9]\d{5}(18|19|20)?\d{2}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}$/.test(value)) {
// 外国人身份证号码格式正确(18位)
callback();
} else if (/^[1-9]\d{7}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}$/.test(value)) {
// 外国人身份证号码格式正确(15位)
callback();
} else {
// 格式错误,返回错误信息
callback(new Error("身份证号码格式错误"));
}
},
trigger: ["change", "blur"]
}
],
position: [{required: true, message: '请输入职务', trigger: ['blur', 'change']}],
unitName: [{required: true, message: '请输入所属单位', trigger: ['blur', 'change']}],
},
// 添加报名人员相关
addDialog: false,
formData: {
activityId: '',
userList: []
},
formRules: {
activityId: [{required: true, message: '请选择活动', trigger: ['blur', 'change']}],
unitName: [{required: true, message: '请填写参加单位', trigger: ['blur', 'change']}],
contactName: [{required: true, message: '请填写联系人', trigger: ['blur', 'change']}],
contactPhone: [{required: true, message: '请填写联系电话', trigger: ['blur', 'change']}],
userList: [{required: true, message: '请添加报名人员', trigger: ['blur', 'change']}]
},
}
},
methods: {
doExport() {
window.open("/platform/activity/user/doExport?activityId=" + this.pageForm.activityId + "&searchKeyword=" + this.pageForm.searchKeyword)
},
openAddUser() {
if (!this.pageForm.activityId) {
this.$message.warning('请先选择活动')
return
}
this.formData.userList = []
this.addDialog = true
this.formData.activityId = this.pageForm.activityId
this.formData.activityName = this.activityList.find(item => item.id === this.formData.activityId).title
},
async queryUserAsync(query, cb) {
const resp = await $.post('/platform/activity/user/queryUser', {
query,
activityId: this.formData.activityId
})
if (resp.code === 0) {
if (resp.data.list && resp.data.list.length > 0) {
cb(resp.data.list.map(v => {
return {value: v.username + '(' + (v.phone ? v.phone : '未填写联系方式') + ')', ...v}
}))
} else {
cb([])
}
} else {
cb([])
}
},
handleSelect(item, row) {
this.$set(row, 'userId', item.id)
this.$set(row, 'userName', item.username)
this.$set(row, 'sex', item.sex)
this.$set(row, 'phone', item.phone ? item.phone : '')
},
async onAddUserSubmit() {
const userList = this.formData.userList;
if (!userList || userList === []) {
this.$message.warning("请添加报名人员")
return
}
let errorMessages = [];
const requiredFields = [
{key: 'userName', message: '姓名不能为空'},
{key: 'sex', message: '性别不能为空'},
{key: 'phone', message: '联系方式不能为空'},
{key: 'idCard', message: '身份证件号不能为空'},
{key: 'position', message: '职务不能为空'}
];
userList.forEach((user, index) => {
requiredFields.forEach(field => {
if (user[field.key] == null || user[field.key] === "") {
errorMessages.push('第' + (index + 1) + '行:' + field.message);
}
});
});
if (errorMessages.length > 0) {
// 将错误信息转换为 HTML 格式,使用 <br> 实现换行
const errorSummary = errorMessages.join("<br>");
this.$message.warning({
message: errorSummary,
dangerouslyUseHTMLString: true
});
return
}
const formData = JSON.parse(JSON.stringify(this.formData));
formData.userList = JSON.stringify(this.formData.userList)
const resp = await $.post('/platform/activity/user/doAddActUser', formData)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.addDialog = false
this.formData = {
activityId: '',
userList: []
}
this.doSearch()
} else {
this.$message.warning('操作失败')
console.log(resp.msg)
}
},
async openModify(row) {
const resp = await $.post('/platform/activity/user/findSignUserInfo', {id: row.id})
if (resp.code === 0) {
this.modifyForm = resp.data
this.modifyDialog = true
} else {
this.$message.warning('查询异常')
console.log(resp.msg)
}
},
onModifySubmit() {
this.$refs.modifyFormRef.validate(async valid => {
if (valid) {
const resp = await $.post('/platform/activity/user/doModifyActUser', this.modifyForm)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.modifyDialog = false
this.$refs.modifyFormRef.resetFields()
this.doSearch()
} else {
this.$message.warning('操作失败')
console.log(resp.msg)
}
}
})
},
async getActivityList() {
const resp = await $.post('/platform/activity/user/getActivityList', {
year: this.pageForm.year
})
if (resp.code === 0 && resp.data && resp.data.length > 0) {
this.activityList = resp.data
this.$set(this.pageForm, 'activityId', this.activityList[0].id)
} else {
this.$set(this.pageForm, 'activityId', '')
}
this.pageData()
}
},
created() {
this.getActivityList()
}
})
year: new Date().getFullYear() + '',
},
activityList: [],
// 修改表单
modifyDialog: false,
modifyForm: {},
modifyRules: {
userName: [{required: true, message: '请输入姓名', trigger: ['blur', 'change']}],
sex: [{required: true, message: '请选择性别', trigger: ['blur', 'change']}],
phone: [{
required: true,
validator: (rule, value, callback) => {
if (!value) {
// 如果值为空,直接通过校验
callback();
} else if (/^[1][345789][0-9]{9}$/.test(value)) {
// 手机号格式正确
callback();
} else if (/^\d+-\d+$/.test(value) && value.length <= 16) {
// 座机号格式正确
callback();
} else {
// 格式错误,返回错误信息
callback(new Error(value.includes('-') ? '座机号码格式错误' : '手机号码格式错误'));
}
},
trigger: ["change", "blur"]
}],
idCard: [
{
required: true,
validator: (rule, value, callback) => {
if (!value) {
// 如果值为空,直接通过校验
callback();
} else if (/^[1-9]\d{5}(18|19|20)?\d{2}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}(\d|[Xx])$/.test(value)) {
// 18位身份证号码格式正确
callback();
} else if (/^[1-9]\d{7}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}$/.test(value)) {
// 15位身份证号码格式正确
callback();
} else if (/^[1-9]\d{5}(18|19|20)?\d{2}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}$/.test(value)) {
// 外国人身份证号码格式正确(18位)
callback();
} else if (/^[1-9]\d{7}((0[1-9])|(10|11|12))(([0|1|2][0-9])|10|20|30|31)\d{3}$/.test(value)) {
// 外国人身份证号码格式正确(15位)
callback();
} else {
// 格式错误,返回错误信息
callback(new Error("身份证号码格式错误"));
}
},
trigger: ["change", "blur"]
}
],
position: [{required: true, message: '请输入职务', trigger: ['blur', 'change']}],
unitName: [{required: true, message: '请输入所属单位', trigger: ['blur', 'change']}],
},
// 添加报名人员相关
addDialog: false,
formData: {
activityId: '',
userList: []
},
formRules: {
activityId: [{required: true, message: '请选择活动', trigger: ['blur', 'change']}],
unitName: [{required: true, message: '请填写参加单位', trigger: ['blur', 'change']}],
contactName: [{required: true, message: '请填写联系人', trigger: ['blur', 'change']}],
contactPhone: [{required: true, message: '请填写联系电话', trigger: ['blur', 'change']}],
userList: [{required: true, message: '请添加报名人员', trigger: ['blur', 'change']}]
},
}
},
methods: {
doExport() {
window.open("/platform/activity/user/doExport?activityId=" + this.pageForm.activityId + "&searchKeyword=" + this.pageForm.searchKeyword)
},
openAddUser(){
if (!this.pageForm.activityId) {
this.$message.warning('请先选择活动')
return
}
this.formData.userList = []
this.addDialog = true
this.formData.activityId = this.pageForm.activityId
this.formData.activityName = this.activityList.find(item => item.id === this.formData.activityId).title
},
async queryUserAsync(query, cb){
const resp = await $.post('/platform/activity/user/queryUser', {
query,
activityId: this.formData.activityId
})
if (resp.code === 0) {
if (resp.data.list && resp.data.list.length > 0) {
cb(resp.data.list.map(v => {
return {value: v.username + '(' + (v.phone ? v.phone : '未填写联系方式') + ')', ...v}
}))
} else {
cb([])
}
} else {
cb([])
}
},
handleSelect(item, row){
this.$set(row, 'userId', item.id)
this.$set(row, 'userName', item.username)
this.$set(row, 'sex', item.sex)
this.$set(row, 'phone', item.phone ? item.phone : '')
},
async onAddUserSubmit(){
const userList = this.formData.userList;
if (!userList || userList === []) {
this.$message.warning("请添加报名人员")
return
}
let errorMessages = [];
const requiredFields = [
{ key: 'userName', message: '姓名不能为空' },
{ key: 'sex', message: '性别不能为空' },
{ key: 'phone', message: '联系方式不能为空' },
{ key: 'idCard', message: '身份证件号不能为空' },
{ key: 'position', message: '职务不能为空' }
];
userList.forEach((user, index) => {
requiredFields.forEach(field => {
if (user[field.key] == null || user[field.key] === "") {
errorMessages.push('第' + (index + 1) + '行:' + field.message);
}
});
});
if (errorMessages.length > 0) {
// 将错误信息转换为 HTML 格式,使用 <br> 实现换行
const errorSummary = errorMessages.join("<br>");
this.$message.warning({
message: errorSummary,
dangerouslyUseHTMLString: true
});
return
}
const formData = JSON.parse(JSON.stringify(this.formData));
formData.userList = JSON.stringify(this.formData.userList)
const resp = await $.post('/platform/activity/user/doAddActUser', formData)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.addDialog = false
this.formData = {
activityId: '',
userList: []
}
this.doSearch()
} else {
this.$message.warning('操作失败')
console.log(resp.msg)
}
},
async openModify(row) {
const resp = await $.post('/platform/activity/user/findSignUserInfo', {id: row.id})
if (resp.code === 0) {
this.modifyForm = resp.data
this.modifyDialog = true
} else {
this.$message.warning('查询异常')
console.log(resp.msg)
}
},
onModifySubmit() {
this.$refs.modifyFormRef.validate(async valid => {
if (valid) {
const resp = await $.post('/platform/activity/user/doModifyActUser', this.modifyForm)
if (resp.code === 0) {
this.$message.success(resp.msg)
this.modifyDialog = false
this.$refs.modifyFormRef.resetFields()
this.doSearch()
} else {
this.$message.warning('操作失败')
console.log(resp.msg)
}
}
})
},
async getActivityList(){
const resp = await $.post('/platform/activity/user/getActivityList', {
year: this.pageForm.year
})
if (resp.code === 0 && resp.data && resp.data.length > 0) {
this.activityList = resp.data
this.$set(this.pageForm, 'activityId', this.activityList[0].id)
} else {
this.$set(this.pageForm, 'activityId', '')
}
this.pageData()
}
},
created() {
this.getActivityList()
}
})
</script>
<!--#
}
@@ -0,0 +1,78 @@
const addOrUpdate = {
template: /*language=HTML*/ `
<el-dialog :title="form.id ? '修改' : '新增'" :visible.sync="visible" width="70%">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题"></el-input>
</el-form-item>
<el-form-item label="内容" prop="content">
<text-editor v-model="form.content" :height="300"></text-editor>
</el-form-item>
<el-form-item label="是否发布" prop="published">
<el-switch
v-model="form.published"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-form-item>
<el-form-item label="封面图" prop="cover">
<image-upload v-model="form.cover" :max-count="1"></image-upload>
</el-form-item>
</el-form>
<template #footer>
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="onSubmit">确定</el-button>
</template>
</el-dialog>
`,
data() {
return {
title: '',
visible: false,
form: {
published: true,
},
rules: {
title: [{required: true, message: '请输入标题', trigger: ['blur', 'change']}],
content: [{required: true, message: '请输入内容', trigger: ['blur', 'change']}],
cover: [{required: true, message: '请上传封面图', trigger: ['blur', 'change']}],
},
}
},
methods: {
onOpen(row) {
this.visible = true
if (row?.id) {
this.$nextTick(() => {
this.form = JSON.parse(JSON.stringify(row))
})
} else {
this.form = {published: true}
}
},
onSubmit() {
this.$refs.form.validate((valid) => {
if (valid) {
this.$confirm('您确定要提交吗?', '提示', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(() => {
$.post('/platform/activity/wonderfulMoment/onHandle', {"wonderfulMoment": JSON.stringify(this.form)}).then(res => {
if (res.code === 0) {
this.$message.success(this.form.id ? '修改成功' : '新增成功')
this.$emit('refresh')
this.visible = false
} else {
this.$message.error(res.msg)
}
})
}).catch(() => {
})
}
})
}
}
}
@@ -0,0 +1,139 @@
<!--#
layout("/layouts/platform_1.html"){
#-->
<style>
</style>
<div id="app">
<el-card shadow="never">
<div class="search">
<div class="search-item">
<div class="search-item-label">标题</div>
<div class="search-item-option">
<el-input v-model="pageForm.searchKeyword" clearable placeholder="请输入标题"></el-input>
</div>
</div>
<div class="search-item">
<div class="search-item-label">开始时间</div>
<div class="search-item-option">
<el-date-picker
v-model="pageForm.startTime"
type="date"
placeholder="请选择发布开始时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</div>
</div>
<div class="search-item">
<div class="search-item-label">结束时间</div>
<div class="search-item-option">
<el-date-picker
v-model="pageForm.endTime"
type="date"
placeholder="请选择发布结束时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</div>
</div>
<div class="search-query">
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
</div>
</div>
</el-card>
<el-card shadow="never" class="mt-3">
<el-row type="flex" style="justify-content: flex-end" class="mb-3">
<el-button icon="el-icon-plus" type="primary" size="small" @click="$refs.addOrUpdateRef.onOpen()">新增精彩瞬间</el-button>
</el-row>
<el-table v-loading="tableLoading" show-overflow-tooltip :data="tableData">
<el-table-column label="序号" type="index" header-align="center" align="center" width="50"></el-table-column>
<el-table-column label="标题" prop="title"></el-table-column>
<el-table-column label="发布时间" prop="publishTime"></el-table-column>
<el-table-column label="阅读次数" prop="readCount"></el-table-column>
<el-table-column label="发布状态" prop="published">
<template #default="{ row }">
<el-switch
@change="(val) => {publishedChange(val, row)}"
v-model="row.published"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" width="250">
<template #default="{ row }">
<el-button type="text" @click="$refs.addOrUpdateRef.onOpen(row)">修改</el-button>
<el-button type="text" class="text-danger" @click="onTableRowDelete(row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<add-or-update ref="addOrUpdateRef" @refresh="doSearch"></add-or-update>
</div>
<script>
<!--#include('addOrUpdate.js'){}#-->
new Vue({
el: "#app",
mixins: [initTableMixins],
components: {
"add-or-update": addOrUpdate,
},
data() {
return {
pageForm: {
activityId: '',
},
activityList: [],
tableDeleteUrl: "/platform/activity/wonderfulMoment/onDelete"
}
},
methods: {
onTableRowDelete(id) {
if (!id) {
return
}
this.$confirm('确定删除该数据吗?', '提示', {
type: 'warning',
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(() => {
$.post(this.tableDeleteUrl, {id}).then((res) => {
if (res.code === 0) {
this.$message.success("删除成功")
this.pageData()
} else {
this.$message.error(res.msg)
}
})
}).catch(() => {})
},
publishedChange(val, row) {
const params = JSON.parse(JSON.stringify(row))
this.$set(params, 'published', val)
$.post('/platform/activity/wonderfulMoment/onHandle', {"wonderfulMoment": JSON.stringify(params)}).then((res) => {
if (res.code === 0) {
this.$message.success("修改成功")
} else {
this.$message.error(res.msg)
}
})
},
async getActivityList(){
const resp = await $.post('/platform/activity/user/getActivityList')
this.activityList = resp.data
},
},
async created() {
this.getActivityList()
await this.pageData()
}
})
</script>
<!--#
}
#-->