flat: 压缩图片，添加消息控制

App.vue

@@ -1,143 +1,139 @@
-<style lang="scss">
-    /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
-    @import "@/uni_modules/uview-ui/index.scss";
-</style>
-<script>
-    import website from '@/config/website.js'
-    import {
-        mapGetters
-    } from 'vuex'
-    import {
-        GoLogin
-    } from '@/untils/AxiosUtils.js';
-    // #ifdef H5
-    import {
-        setPlatformByHostName
-    } from '@/untils/customized.js'
-    import {
-        reject
-    } from 'lodash';
-    // #endif
-
-    export default {
-        onLaunch: function(options) {
-            this.$store.dispatch('InitArea')
-            if (options.query.token) {
-                this.tokenlogin(options.query.token).then(() => {
-                    this.$store.dispatch('getUserLocation')
-                    this.$store.dispatch('getMobileIsCms')
-                    this.$store.dispatch('getResumeInfo')
-                })
-            } else {
-                this.$store.dispatch('FedLogOut')
-            }
-            // if (options.query.token) {
-            //     // uni.reLaunch({
-            //     //     url: '/pages/login/blank?token=' + options.query.token
-            //     // })
-            //     this.tokenlogin(options.query.token)
-            // } else if (this.$api.haslogin()) {
-            //     this.$store.dispatch('startRefreshTokenTimer')
-            //     this.$store.dispatch('startRefreshNewsTimer')
-            //     this.$store.dispatch('refreshAuthState')
-            //     this.$store.dispatch('getUserLocation')
-            //     this.$store.dispatch('getMobileIsCms')
-            // }
-            // #ifdef H5
-            // 企业定制
-            setPlatformByHostName(this.$store)
-            // #endif
-        },
-        onShow: function() {},
-        onHide: function() {},
-        computed: {
-            ...mapGetters(['news', 'auth']),
-            allUnread() {
-                return this.news.allUnread
-            }
-        },
-        mounted() {
-            this.$config.showTitle && document.documentElement.style.setProperty('--hide-title', 'block');
-        },
-        methods: {
-            tokenlogin(token) {
-                return new Promise((resolve, reject) => {
-                    uni.showLoading({
-                        title: '登录中'
-                    })
-                    if (token) {
-                        const that = this
-                        this.$store.dispatch("LoginByUsername", {
-                            username: 'admin',
-                            password: "admin",
-                            key: '',
-                            code: '1111',
-                            type: "account",
-                            token: token,
-                            tenantId: website.tenantId
-                        }).then((resp) => {
-                            this.$store.dispatch('refreshAuthState').then(() => {
-                                uni.hideLoading()
-                                resolve()
-                            })
-                        }).catch((err) => {
-                            uni.hideLoading()
-                        });
-                    } else {
-                        GoLogin()
-                    }
-                })
-
-            }
-        },
-        watch: {
-            allUnread(value) {
-                console.log('allUnread', value)
-                if (!this.$api.haslogin()) {} else if (value > 0) {
-                    uni.showTabBarRedDot({
-                        index: 2
-                    })
-                    uni.$once('newsReadChange', () => {
-                        uni.showTabBarRedDot({
-                            index: 2
-                        })
-                    })
-                } else {
-                    uni.hideTabBarRedDot({
-                        index: 2
-                    })
-                    uni.$once('newsReadChange', () => {
-                        uni.hideTabBarRedDot({
-                            index: 2
-                        })
-                    })
-                }
-            },
-        }
-    };
-</script>
-
-<style lang="scss">
-    /*每个页面公共css */
-    /* tabbar 字体大小 */
-    /* .uni-tabbar__label{
-	font-size: 14px !important;
-	} */
-    @font-face {
-        font-family: 'uicon-iconfont';
-        font-weight: mormal;
-        font-style: mormal;
-        src: url('/static/font/font_2225171_8kdcwk4po24.ttf') format('truetype');
-    }
-
-    :root {
-        --hide-title: none;
-    }
-
-    /* #ifdef H5 */
-    uni-page-head {
-        display: var(--hide-title);
-    }
-
-    /* #endif */
-</style>
+<style lang="scss">
+/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
+@import '@/uni_modules/uview-ui/index.scss';
+</style>
+<script>
+import website from '@/config/website.js';
+import { mapGetters } from 'vuex';
+import { GoLogin } from '@/untils/AxiosUtils.js';
+// #ifdef H5
+import { setPlatformByHostName } from '@/untils/customized.js';
+import { reject } from 'lodash';
+// #endif
+
+export default {
+    onLaunch: function (options) {
+        this.$store.dispatch('InitArea');
+        if (options.query.token) {
+            this.tokenlogin(options.query.token).then(() => {
+                this.$store.dispatch('getUserLocation');
+                this.$store.dispatch('getNoticeState');
+                this.$store.dispatch('getMobileIsCms');
+                this.$store.dispatch('getResumeInfo');
+            });
+        } else {
+            this.$store.dispatch('FedLogOut');
+        }
+        // if (options.query.token) {
+        //     // uni.reLaunch({
+        //     //     url: '/pages/login/blank?token=' + options.query.token
+        //     // })
+        //     this.tokenlogin(options.query.token)
+        // } else if (this.$api.haslogin()) {
+        //     this.$store.dispatch('startRefreshTokenTimer')
+        //     this.$store.dispatch('startRefreshNewsTimer')
+        //     this.$store.dispatch('refreshAuthState')
+        //     this.$store.dispatch('getUserLocation')
+        //     this.$store.dispatch('getMobileIsCms')
+        // }
+        // #ifdef H5
+        // 企业定制
+        setPlatformByHostName(this.$store);
+        // #endif
+    },
+    onShow: function () {},
+    onHide: function () {},
+    computed: {
+        ...mapGetters(['news', 'auth']),
+        allUnread() {
+            return this.news.allUnread;
+        },
+    },
+    mounted() {
+        this.$config.showTitle && document.documentElement.style.setProperty('--hide-title', 'block');
+    },
+    methods: {
+        tokenlogin(token) {
+            return new Promise((resolve, reject) => {
+                uni.showLoading({
+                    title: '登录中',
+                });
+                if (token) {
+                    const that = this;
+                    this.$store
+                        .dispatch('LoginByUsername', {
+                            username: 'admin',
+                            password: 'admin',
+                            key: '',
+                            code: '1111',
+                            type: 'account',
+                            token: token,
+                            tenantId: website.tenantId,
+                        })
+                        .then((resp) => {
+                            this.$store.dispatch('refreshAuthState').then(() => {
+                                uni.hideLoading();
+                                resolve();
+                            });
+                        })
+                        .catch((err) => {
+                            uni.hideLoading();
+                        });
+                } else {
+                    GoLogin();
+                }
+            });
+        },
+    },
+    watch: {
+        allUnread(value) {
+            console.log('allUnread', value);
+            if (!this.$api.haslogin()) {
+            } else if (value > 0) {
+                uni.showTabBarRedDot({
+                    index: 2,
+                });
+                uni.$once('newsReadChange', () => {
+                    uni.showTabBarRedDot({
+                        index: 2,
+                    });
+                });
+            } else {
+                uni.hideTabBarRedDot({
+                    index: 2,
+                });
+                uni.$once('newsReadChange', () => {
+                    uni.hideTabBarRedDot({
+                        index: 2,
+                    });
+                });
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss">
+/*每个页面公共css */
+/* tabbar 字体大小 */
+/* .uni-tabbar__label{
+	font-size: 14px !important;
+	} */
+@font-face {
+    font-family: 'uicon-iconfont';
+    font-weight: mormal;
+    font-style: mormal;
+    src: url('/static/font/font_2225171_8kdcwk4po24.ttf') format('truetype');
+}
+
+:root {
+    --hide-title: none;
+}
+
+/* #ifdef H5 */
+uni-page-head {
+    display: var(--hide-title);
+}
+
+/* #endif */
+</style>

api/auth.js

@@ -1,118 +1,124 @@
-import {
-	request
-} from '@/untils/AxiosUtils.js';
-import website from "@/config/website";
-
-const authUrl = '/api/jobslink-api/user/user/auth/auth'
-
-export const findAuth = () => request({
-	url: '/api/jobslink-api/user/user/find',
-	method: 'get'
-});
-
-export const cheakValue = () => request({
-	url: authUrl,
-	method: 'post',
-	data: {
-		cheakvalue: 1,
-		bakvalue: 0
-	}
-});
-
-export const realName = (realName, idNumber) => request({
-	url: authUrl,
-	method: 'post',
-	data: {
-		cheakvalue: 2,
-		realName,
-		idNumber
-	}
-});
-
-export const bank = (bankName, realName, cardNumber, def, id) => request({
-	url: authUrl,
-	method: 'post',
-	data: {
-		cheakvalue: 3,
-		bankName,
-		cardNumber,
-		realName,
-		def,
-		id
-	}
-});
-
-export const insure = (bakvalue) => request({
-	url: authUrl,
-	method: 'post',
-	data: {
-		cheakvalue: 4,
-		bakvalue
-	}
-});
-// 判断当前用户是否采集签名
-export const isGather = () => request({
-	url: "/api/jobslink-api/doc/docUserSeal/isGather",
-	method: 'get',
-});
-// 个人端签名采集
-export const signGather = (signSrcUrl, password, confirmPassword) => request({
-	url: "/api/jobslink-api/doc/docUserSeal/signGather",
-	method: 'post',
-	data: {
-		signSrcUrl,
-		password,
-		confirmPassword
-	}
-});
-// 获取短信接口
-export const sendValidate = (mobile) => request({
-	url: "/api/jobslink-api/doc/docUserCert/resetPass/sendValidate",
-	method: 'get',
-	data: {
-		mobile
-	}
-});
-// 密码重置接口
-export const resetPass = (mobile, code, password) => request({
-	url: "/api/jobslink-api/doc/docUserCert/resetPass",
-	method: 'post',
-	headers: {
-		'SCaptcha-Key': mobile,
-		'SCaptcha-Code': code,
-		'password': password
-	}
-});
-// 我的合同
-export const contractList = (params) => request({
-	url: "/api/jobslink-api/doc/contract/personal/contractList",
-	method: 'get',
-	data: params
-});
-// 签名密码  /jobslink-api/doc/docUserCert/checkPass
-export const checkPass = (params) => request({
-	url: "/api/jobslink-api/doc/docUserCert/checkPass",
-	method: 'get',
-	data: params
-});
-// 返回的是base64格式的pdf
-export const viewContract = (params) => request({
-	url: "/api/jobslink-api/doc/contract/viewContract",
-	method: 'get',
-	data: params
-});
-
-//新实名认证api
-export const newCertification = (bakvalue, realName, idNumber, cardNumber, bankCode,def,bankName) => request({
-	url: '/api/jobslink-api/user/user/auth/authNew',
-	method: 'post',
-	data: {
-		bakvalue,
-		realName,
-		idNumber,
-		cardNumber,
-		bankCode,
-		def,
-		bankName
-	}
-});
+import {
+    request
+} from '@/untils/AxiosUtils.js';
+import website from "@/config/website";
+
+const authUrl = '/api/jobslink-api/user/user/auth/auth'
+
+export const findAuth = () => request({
+    url: '/api/jobslink-api/user/user/find',
+    method: 'get'
+});
+
+export const cheakValue = () => request({
+    url: authUrl,
+    method: 'post',
+    data: {
+        cheakvalue: 1,
+        bakvalue: 0
+    }
+});
+
+export const realName = (realName, idNumber) => request({
+    url: authUrl,
+    method: 'post',
+    data: {
+        cheakvalue: 2,
+        realName,
+        idNumber
+    }
+});
+
+export const bank = (bankName, realName, cardNumber, def, id) => request({
+    url: authUrl,
+    method: 'post',
+    data: {
+        cheakvalue: 3,
+        bankName,
+        cardNumber,
+        realName,
+        def,
+        id
+    }
+});
+
+export const insure = (bakvalue) => request({
+    url: authUrl,
+    method: 'post',
+    data: {
+        cheakvalue: 4,
+        bakvalue
+    }
+});
+// 判断当前用户是否采集签名
+export const isGather = () => request({
+    url: "/api/jobslink-api/doc/docUserSeal/isGather",
+    method: 'get',
+});
+// 个人端签名采集
+export const signGather = (signSrcUrl, password, confirmPassword) => request({
+    url: "/api/jobslink-api/doc/docUserSeal/signGather",
+    method: 'post',
+    data: {
+        signSrcUrl,
+        password,
+        confirmPassword
+    }
+});
+// 获取短信接口
+export const sendValidate = (mobile) => request({
+    url: "/api/jobslink-api/doc/docUserCert/resetPass/sendValidate",
+    method: 'get',
+    data: {
+        mobile
+    }
+});
+// 密码重置接口
+export const resetPass = (mobile, code, password) => request({
+    url: "/api/jobslink-api/doc/docUserCert/resetPass",
+    method: 'post',
+    headers: {
+        'SCaptcha-Key': mobile,
+        'SCaptcha-Code': code,
+        'password': password
+    }
+});
+// 我的合同
+export const contractList = (params) => request({
+    url: "/api/jobslink-api/doc/contract/personal/contractList",
+    method: 'get',
+    data: params
+});
+// 签名密码  /jobslink-api/doc/docUserCert/checkPass
+export const checkPass = (params) => request({
+    url: "/api/jobslink-api/doc/docUserCert/checkPass",
+    method: 'get',
+    data: params
+});
+// 返回的是base64格式的pdf
+export const viewContract = (params) => request({
+    url: "/api/jobslink-api/doc/contract/viewContract",
+    method: 'get',
+    data: params
+});
+
+//新实名认证api
+export const newCertification = (bakvalue, realName, idNumber, cardNumber, bankCode, def, bankName) => request({
+    url: '/api/jobslink-api/user/user/auth/authNew',
+    method: 'post',
+    data: {
+        bakvalue,
+        realName,
+        idNumber,
+        cardNumber,
+        bankCode,
+        def,
+        bankName
+    }
+});
+// 电话联系
+export const getPhoneCountNumber = (params) => request({
+    url: "/api/jobslink-api/serve/phone",
+    method: 'get',
+    data: params
+});

api/federation.js

@@ -1,47 +1,55 @@
-import {
-	request
-} from '@/untils/AxiosUtils.js';
-import website from "../config/website.js"
-import store from '@/store/';
-// 设置民族政治面貌  jobslink-api/user/user/setInfo
-export const setInfo = (params) => request({
-	url: "/api/jobslink-api/user/user/setInfo",
-	method: 'post',
-	data: params
-});
-
-// 获取用户工会状态  /jobslink-api/doc/user/labourUnion/info
-export const labourUnionInfo = () => request({
-	url: "/api/jobslink-api/doc/user/labourUnion/info",
-	method: 'get'
-});
-
-// 申请入会
-export const contract = (params) => request({
-	url: "/api/jobslink-api/doc/user/labourUnion/apply",
-	method: 'post',
-	data: params
-});
-
-//会员信息--判断用户是否加入工会
-export const labourUnionDetail = (no) => request({
-	url: "/api/jobslink-api/doc/jkLabourUnionAppl/list",
-	method: 'get',
-	params:{no}
-});
-//提交会员申请
-export const saveApplication = (labourunionId,applType,applComment) =>{
-		applComment=applComment.substring(0,200)
-		return request({
-		url: "/api/jobslink-api/doc/jkLabourUnionDetail/save",
-		method: 'post',
-		data:{labourunionId,applType,applComment}
-	});
-}
-
-//查询提交的申请内容
-export const applicationInfo = (no) => request({
-	url: "/api/jobslink-api/doc/jkLabourUnionDetail/list",
-	method: 'get',
-	params:{no}
-});
+import {
+    request
+} from '@/untils/AxiosUtils.js';
+import website from "../config/website.js"
+import store from '@/store/';
+// 设置民族政治面貌  jobslink-api/user/user/setInfo
+export const setInfo = (params) => request({
+    url: "/api/jobslink-api/user/user/setInfo",
+    method: 'post',
+    data: params
+});
+
+// 获取用户工会状态  /jobslink-api/doc/user/labourUnion/info
+export const labourUnionInfo = () => request({
+    url: "/api/jobslink-api/doc/user/labourUnion/info",
+    method: 'get'
+});
+
+// 申请入会
+export const contract = (params) => request({
+    url: "/api/jobslink-api/doc/user/labourUnion/apply",
+    method: 'post',
+    data: params
+});
+
+//会员信息--判断用户是否加入工会
+export const labourUnionDetail = (no) => request({
+    url: "/api/jobslink-api/doc/jkLabourUnionAppl/list",
+    method: 'get',
+    params: {
+        no
+    }
+});
+//提交会员申请
+export const saveApplication = (labourunionId, applType, applComment) => {
+    applComment = applComment.substring(0, 200)
+    return request({
+        url: "/api/jobslink-api/doc/jkLabourUnionDetail/save",
+        method: 'post',
+        data: {
+            labourunionId,
+            applType,
+            applComment
+        }
+    });
+}
+
+//查询提交的申请内容
+export const applicationInfo = (no) => request({
+    url: "/api/jobslink-api/doc/jkLabourUnionDetail/list",
+    method: 'get',
+    params: {
+        no
+    }
+});

api/user.js

@@ -72,4 +72,14 @@ export const clearCache = () => request({
 export const mobileIsCms = () => request({
     url: '/api/jobslink-api/mobile/isCms',
     method: 'get'
-})
+})
+
+export const noticeIsEnable = () => request({
+    url: "/api/jobslink-api/desk/notice/isEnable",
+    method: 'get',
+});
+
+export const setNoticeIsEnable = (state) => request({
+    url: "/api/jobslink-api/desk/notice/isEnable/" + state,
+    method: 'PUT',
+});

pages/my/my.vue

@@ -78,6 +78,11 @@
                 投诉建议
                 <image src="../../static/img/right.svg" mode=""></image>
             </view>
+            <view class="btnList">
+                <image src="../../static/img/vip.svg" mode=""></image>
+                消息提醒
+                <switch class="imgswitch" :checked="user.isEnbleNotice" @change="switch1Change" />
+            </view>
             <template v-if="user.userIsCms">
                 <view class="btnList" @click="navTo('/pageMy/admin/check')">
                     <image src="../../static/img/check1.png" mode=""></image>
@@ -160,6 +165,13 @@ export default {
         // this.labourUnionInfoInit()
     },
     methods: {
+        switch1Change(e) {
+            if (e.detail.value) {
+                this.$store.dispatch('setNoticeOpen');
+            } else {
+                this.$store.dispatch('setNoticeClose');
+            }
+        },
         labourUnionInfoInit() {
             labourUnionInfo().then((e) => {
                 this.federationStatus = e.data.data.joined;
@@ -247,6 +259,11 @@ page {
     margin-right: 0;
 }
 
+.imgswitch {
+    margin-left: auto;
+    margin-right: 0;
+}
+
 .btnList image {
     width: 52rpx;
     height: 52rpx;
@@ -353,4 +370,4 @@ page {
 		font-size: 32rpx;
 		color: #F46161;
 	} */
-</style>
+</style>

store/models/user.js

@@ -8,7 +8,9 @@ import {
     getUserInfo,
     logout,
     refreshToken,
-    mobileIsCms
+    mobileIsCms,
+    noticeIsEnable,
+    setNoticeIsEnable
 } from '@/api/user'
 import md5 from 'js-md5'
 import {
@@ -71,8 +73,42 @@ const user = {
         userLocation: null,
         userIsCms: false,
         resumeInfo: {},
+        isEnbleNotice: false,
     },
     actions: {
+        getNoticeState({
+            commit,
+            dispatch
+        }) {
+            noticeIsEnable().then(res => {
+                if (res.data.code === 200) {
+                    const data = res.data.data ? true : false
+                    commit('upDateNoticeState', data)
+                }
+            })
+        },
+        setNoticeOpen({
+            commit,
+            dispatch
+        }) {
+            setNoticeIsEnable(1).then(res => {
+                if (res.code === 200) {
+                    const data = res.data
+                    commit('upDateNoticeState', true)
+                }
+            })
+        },
+        setNoticeClose({
+            commit,
+            dispatch
+        }) {
+            setNoticeIsEnable(0).then(res => {
+                if (res.code === 200) {
+                    const data = res.data
+                    commit('upDateNoticeState', false)
+                }
+            })
+        },
         getResumeInfo({
             commit,
             dispatch
@@ -242,6 +278,9 @@ const user = {
         }
     },
     mutations: {
+        upDateNoticeState(state, payload) {
+            state.isEnbleNotice = payload
+        },
         upDataResumeInfo(state, payload) {
             state.resumeInfo = payload
         },