洋浦学校 我的工作台 八大中心 社团管理模块前端开发

src/views/screenAdaptation/pages/adminCenter/servicePlatform/interConfig.js

@@ -767,5 +767,53 @@ const InterfaceConfig = {
         method: 'post',
         isTestLogin: true,
     },
+
+
+    /*
+    * 社团列表-分页
+   "bureau_id":"必填 int 机构id"
+    "club_name":"非必填 string 社团名称（模糊查询）"
+    "page_number":"非必填 number 【当前页码】"
+    "page_size":"非必填 number 【每页条数】"
+    * */
+    "getClublist":{
+        url: 'intellioa/center/club/listClub',
+        method: 'get',
+        isTestLogin: true,
+    },
+    /*
+   * 查看社团信息
+   "club_id": "必填 number【社团信息id】"c
+   * */
+    "getClubInfo":{
+        url: 'intellioa/center/club/viewClub',
+        method: 'get',
+        isTestLogin: true,
+    },
+    /*
+   * 新增、编辑保存社团信息
+   "club_id"："社团信息id，number，非必填；填写代表编辑"
+    "club_name"："社团名称，string(100)，必填"
+    "member_number"："成员人数，number，必填"
+    "club_describe"："社团简介，string，必填"
+    "person_id":"必填 int 操作人ID"
+    "identity_id":"必填 int 操作人身份ID"
+    "bureau_id":"必填 int 机构ID"
+   * */
+    "saveClub":{
+        url: 'intellioa/center/club/saveClub',
+        method: 'post',
+        isTestLogin: true,
+    },
+    /*
+  * 删除社团信息
+  "club_ids"："社团信息ids，string，必填，批量删除时以英文逗号分隔"
+    "bureau_id":"必填 int 机构ID"
+  * */
+    "deleteClub":{
+        url: 'intellioa/center/club/deleteClub',
+        method: 'post',
+        isTestLogin: true,
+    },
 };
 export default InterfaceConfig;

src/views/screenAdaptation/pages/adminCenter/servicePlatform/moralEducation/clubInfo.vue

@@ -0,0 +1,259 @@
+<template>
+    <div class="club-info-content-style">
+        <a-spin :spinning="pageLoading">
+            <div class="add-record-row-style">
+                <div class="li-box li-left"><span class="must-option-style">*</span>社团名称：</div>
+                <div class="li-box li-right">
+                    <a-input v-model="clubName" placeholder="请输入评优名称" :maxLength="100"/>
+                </div>
+            </div>
+            <div class="add-record-row-style">
+                <div class="li-box li-left"><span class="must-option-style">*</span>成员人数：</div>
+                <div class="li-box li-right">
+                    <a-input-number v-model="memberNumber" :min="0"/>
+                </div>
+            </div>
+            <div class="add-record-row-style">
+                <div class="li-box li-left"><span class="must-option-style">*</span>社团简介：</div>
+                <div class="li-box li-right">
+                    <a-textarea v-model="clubDescribe" placeholder="请输入社团简介"/>
+                </div>
+            </div>
+            <div class="add-record-row-style button-row-style">
+                <a-button type="primary" class="button-style" @click="submit">
+                    提交
+                </a-button>
+                <a-button class="button-style" @click="cancel">取消</a-button>
+            </div>
+        </a-spin>
+    </div>
+</template>
+<script>
+    import {Spin, Button, Cascader, Input, InputNumber, Modal, Select, DatePicker,Icon,TimePicker} from 'ant-design-vue';
+    import InterConfig from '../interConfig';
+    import ATextarea from "ant-design-vue/es/input/TextArea";
+    export default{
+        props: {
+            clubId: {
+                type: String,
+                default: ""
+            }
+        },
+        data(){
+            return {
+                pageLoading: false,
+                clubName: "",//社团名称
+                memberNumber:0,//成员人数
+                clubDescribe:"",//社团简介
+            }
+        },
+        created(){
+            if (this.$props.clubId !== "") {
+                this.getInfo();
+            }
+        },
+        methods: {
+            getInfo: function () {
+                let param = {
+                    club_id: this.$props.clubId,
+                }
+                this.InterfaceConfig.callInterface([{
+                    url: InterConfig.getClubInfo.url,
+                    params: param,
+                    method: InterConfig.getClubInfo.method,
+                    isTestLogin: InterConfig.getClubInfo.isTestLogin,
+                }], (result) => {
+                    let resData = result[0].data;
+                    if (resData.code === 2000) {
+                        let info = resData.data;
+                        this.clubName = info.club_name;
+                        this.memberNumber = info.member_number;
+                        this.clubDescribe = info.club_describe;
+                    }
+                })
+            },
+            submit: function () {
+                if (this.clubName.trim() === "") {
+                    Modal.warning({
+                        title: "请输入社团名称",
+                        content: "",
+                        centered: true
+                    })
+                    return;
+                }
+                if (this.memberNumber < 0) {
+                    Modal.warning({
+                        title: "请输入成员人数",
+                        content: "",
+                        centered: true
+                    })
+                    return;
+                }
+                if (this.clubDescribe.trim() === "") {
+                    Modal.warning({
+                        title: "请输入社团简介",
+                        content: "",
+                        centered: true
+                    })
+                    return;
+                }
+
+                let param = {
+                    club_name:this.clubName,
+                    member_number: this.memberNumber,
+                    club_describe:this.clubDescribe,
+                    person_id: this.BaseConfig.userInfo.person_id,
+                    identity_id: this.BaseConfig.userInfo.identity_id,
+                    bureau_id: this.BaseConfig.person_info_my.bureau_id,
+                }
+                if(this.$props.clubId !== ""){
+                    param.club_id = this.$props.clubId;
+                }
+                this.pageLoading = true;
+                this.InterfaceConfig.callInterface([{
+                    url: InterConfig.saveClub.url,
+                    params: param,
+                    method: InterConfig.saveClub.method,
+                    isTestLogin: InterConfig.saveClub.isTestLogin,
+                }], (result) => {
+                    this.pageLoading = false;
+                    let resData = result[0].data;
+                    if (resData.code === 2000) {
+                        Modal.success({
+                            title: "操作成功",
+                            content: "",
+                            centered: true
+                        });
+                        this.cancel();
+                    }
+                })
+            },
+            cancel: function () {
+                this.$emit("cancel");
+            },
+        },
+        components: {
+            ATextarea,
+            ASpin: Spin,
+            ASelect: Select,
+            ASelectOption: Select.Option,
+            AInput: Input,
+            ADatePicker: DatePicker,
+            ATimePicker:TimePicker,
+            AButton: Button,
+            AIcon:Icon,
+            AInputNumber:InputNumber
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .club-info-content-style {
+        width: 100%;
+        height: auto;
+        font-size: 1rem;
+        color: black;
+        .add-record-row-style {
+            width: 50%;
+            min-height: 3rem;
+            margin: 0.5rem auto;
+            display: flex;
+            .li-box {
+                min-height: 3rem;
+                line-height: 3rem;
+                .must-option-style {
+                    color: red;
+                    margin-right: 0.2rem;
+                }
+            }
+            .li-left {
+                width: 15%;
+                text-align: right;
+            }
+            .li-right {
+                width: 85%;
+                .person-list-content-style {
+                    width: 700px;
+                    height: 500px;
+                    background-color: #ebebeb;
+                    .list-content-style {
+                        width: 100%;
+                        height: 100%;
+                        display: flex;
+                        flex-wrap: wrap;
+                        .honor-person-info {
+                            width: auto;
+                            height: 180px;
+                            border: 1px solid #31a8fa;
+                            margin: 0.5rem 0 0 0.5rem;
+                            display: flex;
+                            flex-direction: column;
+                            justify-content: center;
+                            .person-name {
+                                width: 100%;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                                text-align: center;
+                            }
+                            /deep/ .img-style {
+                                margin-right: 0 !important;
+                            }
+                        }
+                    }
+                }
+                .ant-select {
+                    width: 100px;
+                }
+                .no-border-input-style {
+                    border-top: 0 !important;
+                    border-left: 0 !important;
+                    border-right: 0 !important;
+                }
+                .photo-container-style {
+                    display: flex;
+                    align-items: center;
+                    align-content: center;
+                    justify-content: center;
+                    justify-items: center;
+                    width: 120px !important;
+                    border: 1px solid #e5e5e5;
+                    height: 160px;
+                    background-color: white;
+                    position: relative;
+                    .operate-class {
+                        position: absolute;
+                        bottom: 0.1rem;
+                        color: #31a8fa;
+                        font-size: 1rem;
+                        cursor: pointer;
+                        display: none;
+                    }
+                    .photo-size-style {
+                        display: flex;
+                        align-items: center;
+                        align-content: center;
+                        justify-items: center;
+                        justify-content: center;
+                    }
+                }
+                .edit-style {
+                    &:hover {
+                        .operate-class {
+                            display: inline-block;
+                        }
+                    }
+                }
+            }
+        }
+        .button-row-style {
+            width: 50%;
+            margin: auto;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .button-style {
+                margin-left: 0.5rem;
+            }
+        }
+    }
+</style>

src/views/screenAdaptation/pages/adminCenter/servicePlatform/moralEducation/clubList.vue

@@ -0,0 +1,221 @@
+<template>
+    <div class="moral-club-list-content-style">
+        <template v-if="pageType === 0">
+            <div class="search-and-add-style">
+                <a-input-search v-model="clubName" :maxLength="100"
+                                placeholder="输入社团名称"
+                                style="width: 260px"
+                                enter-button
+                                @search="search"/>
+                <a-button type="primary" @click="toAdd" class="add-button-style">新增</a-button>
+            </div>
+            <a-table :columns="tableColumn" :data-source="dataList" :loading="loading" :pagination="false">
+                <span slot="action" slot-scope="text, record">
+                    <a @click="toEdit(record)">编辑</a>
+                    <a-divider type="vertical"/>
+                    <a @click="toDelete(record)">删除</a>
+                </span>
+            </a-table>
+            <a-pagination v-if="totalPage > 1" v-model="pageNumber" :pageSize="pageSize" :total="totalNum"
+                          @change="onPageChange"/>
+        </template>
+        <a-modal title="提示"
+                 :visible="visible"
+                 centered
+                 cancelText="取消"
+                 okText="确定"
+                 @ok="handleOk"
+                 @cancel="handleCancel">
+            是否确定删除此条信息？
+        </a-modal>
+        <template v-if="pageType === 1">
+            <ClubInfo @cancel="cancel" :clubId="clubId"/>
+        </template>
+    </div>
+</template>
+<script>
+    import InterConfig from '../interConfig';
+    import {Table, Button, Select, Modal, Divider, Cascader, Icon, Input,Pagination,DatePicker} from 'ant-design-vue';
+    import ClubInfo from './clubInfo';
+    const tableColumn = [
+        {
+            dataIndex: 'index',
+            key: 'index',
+            title: '序号',
+            width: "80px",
+            align: "center"
+        },
+        {
+            dataIndex: 'club_name',
+            key: 'clubName',
+            title: '社团名称',
+            align: "center"
+        },
+        {
+            dataIndex: 'member_number',
+            key: 'memberNumber',
+            title: '社团人数',
+            align: "center"
+        },
+        {
+            title: '操作',
+            key: 'action',
+            align: "center",
+            scopedSlots: {customRender: 'action'},
+        }
+    ]
+    export default{
+        props: ["menuId"],
+        data(){
+            return {
+                pageType: 0,//0 列表页面 1 新增页面
+                clubName: "",//社团名称
+                tableColumn: tableColumn,
+                dataList: [],
+                loading: false,
+                clubId: "",
+                visible: false,
+                pageNumber: 1,
+                pageSize: 10,
+                totalPage: 0,
+                totalNum: 0,
+            }
+        },
+        created(){
+            this.getClubList();
+        },
+        mounted(){
+
+        },
+        methods: {
+            search:function () {
+                this.getClubList();
+            },
+            getClubList: function () {
+                console.log("getClubList")
+                let param = {
+                    bureau_id: this.BaseConfig.person_info_my.bureau_id,
+                    club_name: this.clubName,
+                    page_number: this.pageNumber,
+                    page_size: this.pageSize,
+                }
+                this.InterfaceConfig.callInterface([{
+                    url: InterConfig.getClublist.url,
+                    params: param,
+                    method: InterConfig.getClublist.method,
+                    isTestLogin: InterConfig.getClublist.isTestLogin,
+                }], (result) => {
+                    let resData = result[0].data;
+                    if (resData.code === 2000) {
+                        let dataList = resData.data.list;
+                        if (dataList && dataList.length > 0) {
+                            for (let i = 0, len = dataList.length; i < len; i++) {
+                                dataList[i]['index'] = i + 1;
+                            }
+                        }
+                        this.dataList = dataList;
+                        this.totalNum = resData.data.total_row;
+                        this.totalPage = resData.data.total_page;
+                    }
+                })
+            },
+            onPageChange: function (page) {
+                this.pageNumber = page;
+                this.getClubList();
+            },
+            toAdd: function () {
+                this.clubId = "";
+                this.pageType = 1;
+            },
+            toEdit: function (record) {
+                this.pageType = 1;
+                this.clubId = record.club_id + "";
+            },
+            toDelete: function (record) {
+                this.clubId = record.club_id + "";
+                this.visible = true;
+            },
+            cancel: function () {
+                this.pageType = 0;
+                this.getClubList();
+            },
+            //确定删除
+            handleOk: function () {
+                let param = {
+                    club_ids: this.clubId,
+                    bureau_id: this.BaseConfig.person_info_my.bureau_id,
+                }
+                this.InterfaceConfig.callInterface([{
+                    url: InterConfig.deleteClub.url,
+                    params: param,
+                    method: InterConfig.deleteClub.method,
+                    isTestLogin: InterConfig.deleteClub.isTestLogin,
+                }], (result) => {
+                    let resData = result[0].data;
+                    if (resData.code === 2000) {
+                        Modal.success({
+                            title: "操作成功",
+                            content: "",
+                            centered: true
+                        });
+                        this.handleCancel();
+                        this.getClubList();
+                    }
+                })
+            },
+            //取消
+            handleCancel: function () {
+                this.clubId = "";
+                this.visible = false;
+            }
+        },
+        components: {
+            ATable: Table,
+            AButton: Button,
+            AModal: Modal,
+            ADivider: Divider,
+            AIcon: Icon,
+            AInput: Input,
+            APagination:Pagination,
+            AInputSearch: Input.Search,
+            ClubInfo
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .moral-club-list-content-style {
+        width: 100%;
+        height: auto;
+        padding: 0.5rem;
+        .search-and-add-style {
+            width: 100%;
+            height: 3.5rem;
+            background-color: white;
+            margin-bottom: 0.5rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 0.5rem;
+            .ant-select {
+                width: 100px;
+            }
+            .ant-input {
+                width: 150px;
+            }
+            .add-button-style {
+                float: right;
+            }
+        }
+        .ant-table-wrapper {
+            /deep/ .upload-container-style {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+        .ant-pagination {
+            margin-top: 0.5rem;
+            text-align: right;
+        }
+    }
+</style>

src/views/screenAdaptation/pages/adminCenter/systemConfig.js

@@ -269,6 +269,22 @@ export const systemCenterConfig = [
                     },
                 ]
             },
+            {
+                id:"moralEducation-2",
+                title:"体卫艺管理",
+                path:'/',
+                component:() => import("./servicePlatform/administration/administration.vue"),
+                children:[
+                    {
+                        id:"moralEducation-2-1",
+                        title:"社团管理",
+                        path:'/workBench/servicePlatform/moralEducationAssociation/:id/:name/:menuId',
+                        name:'moralEducationAssociation',
+                        component:() => import("./servicePlatform/moralEducation/clubList.vue"),
+                        props:true,
+                    },
+                ]
+            },
         ]
     },
     {