commit

src/main/java/com/budwk/app/zhgh/club/controller/apply/ClubUserJoinApplyController.java

@@ -75,6 +75,7 @@ public class ClubUserJoinApplyController {
         Sql sql = Sqls.create("""
                 SELECT
                 	cua.*,
+                	club.clubName,
                 	u.loginname AS loginName,
                 	u.username AS userName,
                 	u.sex,
@@ -85,6 +86,7 @@ public class ClubUserJoinApplyController {
                 	u.academicDegree
                 FROM
                 	club_user_apply cua
+                	LEFT JOIN sys_club club ON club.id = cua.clubId
                 	LEFT JOIN vw_user u ON u.id = cua.userId
                 WHERE cua.id = @id
                 """).setParam("id", id);
@@ -149,6 +151,7 @@ public class ClubUserJoinApplyController {
         Dict dict = Dict.create();
         dict.set(FlowConst.PROCESS_TASK_ID_KEY, taskId);
         dict.set(FlowConst.SUBMIT_TYPE, ProcessSubmitTypeEnum.RE_APPLY.getCode());
+		dict.set("clubId", clubUserApply.getClubId());
         flowCommonService.executeTask(dict);
         return Result.success();
     }

src/main/resources/static/assets/platform/css/h5.css

@@ -132,14 +132,13 @@ body {
 }
 
 .list-card {
-    margin: 20px 10px;
+    margin: 10px;
     background: #FFFFFF;
     border-radius: 10px;
-    display: flex;
+    padding: 10px;
-    padding: 15px;
-    column-gap: 10px;
     border-bottom: 1px solid #ededed;
     box-sizing: border-box;
+    box-shadow: 0 8px 12px #ebedf0;
 }
 
 .list-card:not(:last-child){
@@ -162,6 +161,9 @@ body {
 .list-card-body{
     flex: 1;
 }
+.list-card-body .van-cell{
+    padding: 8px 16px;
+}
 
 .list-card-footer{
     display: flex;
@@ -170,3 +172,88 @@ body {
     margin-top: 10px;
     flex-wrap: wrap;
 }
+
+.list-card-footer .van-button {
+    border-radius: 8px;
+    height: 28px;
+    padding: 0 12px;
+}
+
+.form-container {
+    padding: 0 16px;
+    font-family: "PingFang SC", sans-serif;
+}
+
+/* 分段标题样式 */
+.form-section {
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 8px 12px #ebedf0;
+}
+
+/* 弹出选择器样式 */
+.picker-style {
+    background-color: #f5f5f5;
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+}
+
+/* 输入文本区域样式 */
+.van-field__control {
+    font-size: 14px;
+    color: #333;
+}
+.van-field__control input,
+.van-field__control textarea {
+    font-size: 14px;
+    color: #333;
+    border-radius: 6px;
+    padding: 8px 12px;
+    background-color: #f9f9f9;
+}
+/* 提交按钮样式 */
+.submit-btn {
+    margin: 20px 16px 30px;
+    border-radius: 24px;
+    overflow: hidden;
+}
+.submit-many-btn {
+    margin: 20px 16px 30px;
+    border-radius: 24px;
+    overflow: hidden;
+    display: flex;
+    justify-content: space-evenly;
+}
+.submit-btn .van-button {
+    height: 48px;
+    font-size: 16px;
+    font-weight: bold;
+}
+.submit-many-btn .van-button {
+    height: 48px;
+    font-size: 16px;
+    font-weight: bold;
+}
+.van-cell-group__title {
+    font-weight: bold;
+    color: #1867B0;
+    display: inline-block; /* 确保伪元素正常排列 */
+}
+.van-cell-group__title::before {
+    content: '';
+    display: inline-block;
+    width: 4px;
+    height: 1em; /* 高度随字体大小变化，更自适应 */
+    background-color: #1867B0;
+    border-radius: 2px;
+    margin-right: 8px;
+    vertical-align: middle; /* 垂直居中对齐 */
+    position: relative;
+    top: -1px;
+}
+.more-text .van-field__label{
+    width: 100%;
+}
+.more-text {
+    display: inline-block;
+}

src/main/resources/static/components/plugins/sysEnum/EnumTag.vue

@@ -1,11 +1,18 @@
 <template>
     <div>
-    <template v-for="item in options">
+        <template v-if="mode === 'pc'" v-for="item in options">
             <el-tag :key="item[value_key]" v-if="item[value_key] === value" v-bind="$attrs"
                     :type="item.type"
             >{{ item[label_key] }}
             </el-tag>
         </template>
+
+        <template v-if="mode === 'h5'" v-for="item in options">
+            <van-tag :key="item[value_key]" v-if="item[value_key] === value" v-bind="$attrs"
+                     :type="item.type">
+                {{ item[label_key] }}
+            </van-tag>
+        </template>
     </div>
 </template>
 
@@ -26,6 +33,10 @@ module.exports = {
         label_key: {
             type: String,
             default: "name"
+        },
+        mode: {
+            type: String,
+            default: "pc"
         }
     },
     data() {
@@ -84,4 +95,7 @@ module.exports = {
 .el-tag + .el-tag {
     margin-left: 10px;
 }
+.van-tag {
+    padding: 4px 8px;
+}
 </style>

src/main/resources/static/components/plugins/sysUpload/h5Index.vue

@@ -105,6 +105,7 @@ module.exports = {
                             }
                         })
                     } else {
+                        val = JSON.parse(val)
                         this.fileList = val.map((v) => {
                             return {
                                 ...v,

src/main/resources/views/layouts/platform_h5.html

@@ -364,6 +364,7 @@
         Vue.component("svg-icon", httpVueLoader("/components/plugins/sysSvgIcon/index.vue?v=" + new Date().getTime()))
         Vue.component("year-van-dropdown-item", httpVueLoader("/components/plugins/vantMore/yearVanDropDownItem.vue?v=" + new Date().getTime()))
         Vue.component("van-text-dialog", httpVueLoader("/components/plugins/vantMore/vantTextDialog.vue?v=" + new Date().getTime()))
+        Vue.component("enum-tag", httpVueLoader("/components/plugins/sysEnum/EnumTag.vue?v=" + new Date().getTime()))
     </script>
 </head>
 <body>

src/main/resources/views/platform/zhghh5/club/apply/index.html

@@ -8,47 +8,6 @@ layout("/layouts/platform_h5.html"){
         height: 100vh;
         overflow-y: auto;
     }
-
-    .form-container {
-        padding: 0 16px;
-        font-family: "PingFang SC", sans-serif;
-    }
-
-    /* 分段标题样式 */
-    .form-section {
-        border-radius: 12px;
-        overflow: hidden;
-    }
-
-    /* 协会选择字段样式 */
-    .club-field .van-field__label {
-        width: 90px !important;
-    }
-    .club-field .van-cell__value {
-        color: #333;
-    }
-
-    /* 弹出选择器样式 */
-    .picker-style {
-        background-color: #f5f5f5;
-        border-top-left-radius: 12px;
-        border-top-right-radius: 12px;
-    }
-
-    /* 输入文本区域样式 */
-    .van-field__control {
-        font-size: 14px;
-        color: #333;
-    }
-    .van-field__control input,
-    .van-field__control textarea {
-        font-size: 14px;
-        color: #333;
-        border-radius: 6px;
-        padding: 8px 12px;
-        background-color: #f9f9f9;
-    }
-
     /* 同意条款样式 */
     .agree-section {
         padding: 16px;
@@ -61,28 +20,6 @@ layout("/layouts/platform_h5.html"){
         line-height: 1.5;
         color: #666;
     }
-
-    /* 提交按钮样式 */
-    .submit-btn {
-        margin: 20px 16px 30px;
-        background: linear-gradient(to right, #4a90e2, #5ab1ef);
-        border-radius: 24px;
-        overflow: hidden;
-    }
-    .submit-btn .van-button {
-        height: 48px;
-        font-size: 16px;
-        font-weight: bold;
-    }
-    .van-cell-group__title {
-        font-weight: bold;
-    }
-    .more-text .van-field__label{
-        width: 100%;
-    }
-    .more-text {
-        display: inline-block;
-    }
 </style>
 
 <div id="app">
@@ -90,7 +27,7 @@ layout("/layouts/platform_h5.html"){
     <van-nav-bar title="文体协会会员申请" left-text="返回" left-arrow @click-left="historyBack"></van-nav-bar>
 
     <!-- 表单容器 -->
-    <van-form @submit="doSubmit" ref="formRef" class="form-container">
+    <van-form ref="formRef" class="form-container">
         <!-- 协会信息 -->
         <van-cell-group title="协会信息" class="form-section">
             <van-field
@@ -101,8 +38,8 @@ layout("/layouts/platform_h5.html"){
                     required
                     is-link
                     readonly
+                    name="clubName"
                     @click="showClubPopup = true"
-                    class="club-field"
             ></van-field>
             <van-popup v-model:show="showClubPopup" position="bottom">
                 <van-picker
@@ -191,8 +128,10 @@ layout("/layouts/platform_h5.html"){
         </van-cell-group>
 
         <!-- 提交按钮 -->
-        <div class="submit-btn">
+        <div class="submit-many-btn">
-            <van-button round block type="info">提交申请</van-button>
+            <van-button native-type="button" @click="onSave" round type="info">保存申请</van-button>
+            <van-button native-type="submit" @click="onSubmit" round type="info" v-if="!taskId">提交申请</van-button>
+            <van-button native-type="submit" @click="onFinishTask" round type="info" v-else>提交申请</van-button>
         </div>
     </van-form>
 </div>
@@ -204,6 +143,8 @@ layout("/layouts/platform_h5.html"){
         components: {},
         data() {
             return {
+                bizId: GetQueryString("bizId"),
+                taskId: GetQueryString("taskId"),
                 formData: {
                     clubId: "",
                     clubName: "",
@@ -230,13 +171,55 @@ layout("/layouts/platform_h5.html"){
             }
         },
         methods: {
-            onClubConfirm(value, index) {
+            onSave() {
-                this.formData.clubId = this.clubOptions[index].id;
+                this.$dialog.confirm({
-                this.formData.clubName = value;
+                    title: "提示",
-                this.showClubPopup = false;
+                    message: "您确定保存吗？"
-
+                }).then(() => {
-                // 检查是否已申请该协会
+                    this.$axios.post('/platform/club/join/apply/save', {data: JSON.stringify(this.formData)}).then(res => {
-                this.checkApplyClub(this.formData.clubId);
+                        if (res.code === 0) {
+                            this.$toast(res.msg);
+                            this.$pjaxReplace("/platform/h5/club/mine")
+                        }
+                    })
+                })
+            },
+            async onSubmit() {
+                if (!this.isAgree) {
+                    this.$toast.fail("请先阅读并同意协议");
+                    return;
+                }
+                await this.$refs.formRef.validate()
+                this.$dialog.confirm({
+                    title: "提示",
+                    message: "您确定要提交申请吗？"
+                }).then(() => {
+                    this.$axios.post("/platform/club/join/apply/submit", this.formData).then(res => {
+                        if (res.code === 0) {
+                            this.$toast(res.msg);
+                            this.$pjaxReplace("/platform/h5/club/mine")
+                        }
+                    });
+                });
+            },
+            onFinishTask() {
+                this.$refs.formRef.validate((valid) => {
+                    if (valid) {
+                        if (!this.isAgree) {
+                            this.$message.warning("请先阅读并同意协议")
+                            return
+                        }
+                        this.$axios.post('/platform/club/join/apply/submitAgain', {
+                            data: JSON.stringify(this.formData),
+                            taskId: GetQueryString("taskId")
+                        }).then(res => {
+                            if (res.code === 0) {
+                                this.$toast(res.msg);
+                                this.$pjaxReplace("/platform/h5/club/mine")
+                            }
+                        })
+                    }
+                })
             },
             checkApplyClub(clubId) {
                 this.$axios.post("/platform/club/join/apply/checkApplyClub", { clubId }).then(res => {
@@ -247,6 +230,14 @@ layout("/layouts/platform_h5.html"){
                     }
                 });
             },
+            onClubConfirm(value, index) {
+                this.formData.clubId = this.clubOptions[index].id;
+                this.formData.clubName = value;
+                this.showClubPopup = false;
+
+                // 检查是否已申请该协会
+                this.checkApplyClub(this.formData.clubId);
+            },
             listClub() {
                 this.$axios.post("/platform/club/common/listClub").then(res => {
                     if (res.code === 0) {
@@ -255,35 +246,37 @@ layout("/layouts/platform_h5.html"){
                 });
             },
             init() {
-                const user = this.$store.state.user;
+                this.bizId = GetQueryString("bizId")
-                this.formData.userId = user.id;
+                if (GetQueryString("clubId")) {
-                this.formData.userName = user.username;
+                    this.$set(this.formData, "clubId", GetQueryString("clubId"))
-                this.formData.loginName = user.loginname;
-                this.formData.unitName = user.unit ? user.unit.name : null;
-                this.formData.unionName = user.union ? user.union.name : null;
-                this.formData.sex = user.sex;
-                this.formData.education = user.education;
-                this.formData.technicalTitle = user.technicalTitle;
-                this.formData.governmentPosition = user.governmentPosition;
-            },
-            doSubmit() {
-                if (!this.isAgree) {
-                    this.$toast.fail("请先阅读并同意协议");
-                    return;
                 }
-                this.$dialog.confirm({
+                if (this.bizId) {
-                    title: "提示",
+                    this.$axios.post("/platform/club/join/apply/info", { id: this.bizId }).then((res) => {
-                    message: "您确定要提交申请吗？"
-                }).then(() => {
-                    this.$axios.post("/platform/club/join/apply/submit", this.formData).then(res => {
                         if (res.code === 0) {
-                            this.$toast(res.msg);
+                            this.formData = res.data
-                            this.$pjaxReplace("/platform/club/join/mine")
+                            this.isAgree = true
                         }
-                    });
+                    })
-                });
+                } else {
+                    const user = this.$store.state.user
+                    this.$set(this.formData, "userId", user.id)
+                    this.$set(this.formData, "userName", user.username)
+                    this.$set(this.formData, "loginName", user.loginname)
+                    this.$set(this.formData, "unitId", user.unit ? user.unit.id : null)
+                    this.$set(this.formData, "unitName", user.unit ? user.unit.name : null)
+                    this.$set(this.formData, "unionId", user.union ? user.union.id : null)
+                    this.$set(this.formData, "unionName", user.union ? user.union.name : null)
+                    this.$set(this.formData, "sex", user.sex)
+                    this.$set(this.formData, "birthday", "${@auth.getPrincipalProperty('birthday'),'yyyy-MM-dd'}")
+                    this.$set(this.formData, "nation", user.nation)
+                    this.$set(this.formData, "political", user.political)
+                    this.$set(this.formData, "education", user.education)
+                    this.$set(this.formData, "technicalTitle", user.technicalTitle)
+                    this.$set(this.formData, "position", user.position)
+                    this.$set(this.formData, "academicDegree", user.academicDegree)
                 }
             },
+        },
         created() {
             this.listClub();
             this.init();

src/main/resources/views/platform/zhghh5/club/common/clubUserJoin.js

@@ -39,8 +39,8 @@ const clubUserJoin = {
         }
     },
     methods: {
-        onOpen(id) {
+        onOpen(row) {
-            this.$axios.post("/platform/club/join/common/info", { id }).then((res) => {
+            this.$axios.post("/platform/club/join/mine/info", { id: row.id }).then((res) => {
                 if (res.code === 0) {
                     this.viewData = res.data
                 }

src/main/resources/views/platform/zhghh5/club/mine/index.html

@@ -10,7 +10,7 @@ layout("/layouts/platform_h5.html"){
 
 <div id="app">
     <van-sticky>
-        <van-nav-bar title="我的申请" left-text="返回" left-arrow @click-left="$pjaxReplace('/platform/h5/home')"></van-nav-bar>
+        <van-nav-bar title="我的申请" left-text="返回" left-arrow @click-left="historyBack"></van-nav-bar>
         <van-dropdown-menu :close-on-click-outside="false" :close-on-click-overlay="false">
             <van-dropdown-item :options="yearList" @change="doSearch" v-model="pageForm.year"></van-dropdown-item>
         </van-dropdown-menu>
@@ -18,29 +18,25 @@ layout("/layouts/platform_h5.html"){
 
     <div>
         <van-list v-if="tableData.length>0" v-model="tableLoading" :finished="tableFinished" finished-text="没有更多了" @load="pageData">
-            <div class="table-list">
+            <div class="list-card" v-for="row in tableData" :key="row.id">
-                <div class="table-card" v-for="row in tableData" :key="row.id">
+                <div class="list-card-body">
                     <van-cell title="姓名" :value="row.userName"></van-cell>
                     <van-cell title="工号" :value="row.loginName"></van-cell>
                     <van-cell title="协会名称" :value="row.clubName"></van-cell>
                     <van-cell title="申请模式" :value="row.mode ? '加入' : '退出'"></van-cell>
                     <van-cell title="申请时间" :value="row.applyDate"></van-cell>
-                    <van-cell title="当前节点" :value="row.processInstanceNodeName"></van-cell>
+                    <van-cell title="当前节点" :value="row.taskName"></van-cell>
-                    <van-cell class="table-card-footer">
+                    <van-cell title="流程状态">
-                        <van-button type="info" size="small" @click="onOpen(row)">查看</van-button>
+                        <enum-tag :value="row.instanceState" name="ProcessInstanceStateEnum" mode="h5" label_key="message" size="small"></enum-tag>
-                        <van-button @click="openEdit(row)" v-if="[10,40,70].includes(row.processInstanceNodeCode)" size="small">编辑</van-button>
+                    </van-cell>
-                        <van-button
+                </div>
-                                @click="openRevoke(row)"
+                <div class="list-card-footer">
-                                v-if="[20].includes(row.processInstanceNodeCode) && !row.nextTaskIsComplete"
+                    <van-button type="info" size="small" @click="openView(row)">查看</van-button>
-                                size="small"
+                    <van-button type="info" v-if="row.taskKey === 'startTask' || !row.instanceId" @click="onEdit(row)" size="small">编辑</van-button>
-                                type="danger"
+                    <van-button type="danger" v-if="row.canRevoke" @click="openRevoke(row)" size="small">撤销</van-button>
-                        >
+                    <van-button type="danger" v-if="row.taskKey === 'startTask' || !row.instanceId" @click="onDelete(row.id)" size="small" >
-                            撤销
-                        </van-button>
-                        <van-button v-if="[10].includes(row.processInstanceNodeCode)" @click="doDelete(row.id)" size="small" type="danger">
                         删除
                     </van-button>
-                    </van-cell>
                 </div>
             </div>
         </van-list>
@@ -59,7 +55,7 @@ layout("/layouts/platform_h5.html"){
 
 <script>
     <!--#include('../common/clubUserJoin.js'){}#-->
-    const vue = new Vue({
+    new Vue({
         el: "#app",
         store,
         components: {
@@ -81,36 +77,29 @@ layout("/layouts/platform_h5.html"){
             }
         },
         methods: {
-            onOpen(row) {
+            onRevoke(row) {
-                this.viewShow = true
-                this.$nextTick(() => {
-                    this.$refs.infoRef.onOpen(row.id)
-                })
-            },
-            doSearch() {
-                this.pageForm.pageNumber = 1
-                this.tableData = []
-                this.finished = false
-                this.pageData()
-            },
-            openRevoke(row) {
                 this.$dialog.confirm({
                     title: "提示",
-                        message: "您确定要撤销申请吗？"
+                    message: "您确定要撤回吗？"
-                    })
+                }).then(() => {
-                    .then(() => {
+                    this.$axios.post("/flow/common/revokeTask", { taskId: row.startTaskId }).then((res) => {
-                        this.$axios.post("/platform/club/join/mine/revokeApply", { id: row.id }).then((res) => {
                         if (res.code === 0) {
-                                this.$toast.success(res.msg)
+                            this.$toast(res.msg);
-                                this.doSearch()
+                            this.pageData()
-                            } else {
-                                this.$toast.fail(res.msg)
                         }
-                        })
+                    });
-                    })
+                });
-                    .catch(() => {})
             },
-            doDelete(row) {
+            openView(row) {
+                this.viewShow = true
+                this.$nextTick(() => {
+                    this.$refs.infoRef.onOpen(row)
+                })
+            },
+            onEdit(row) {
+                this.$pjaxReplace('/platform/h5/club/apply?taskId=' + (row.startTaskId || '') + "&bizId=" + row.id)
+            },
+            onDelete(row) {
                 this.$dialog.confirm({
                     title: "提示",
                     message: "确定要删除此申请吗？"
@@ -127,6 +116,12 @@ layout("/layouts/platform_h5.html"){
                     })
                     .catch(() => {})
             },
+            doSearch() {
+                this.pageForm.pageNumber = 1
+                this.tableData = []
+                this.finished = false
+                this.pageData()
+            },
             pageData() {
                 this.tableLoading = true
                 this.$axios.post("/platform/club/join/mine/pageData", this.pageForm).then((res) => {