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

App.vue

@@ -1,143 +1,139 @@
 <style lang="scss">
-    /* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
-    @import "@/uni_modules/uview-ui/index.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
+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
+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;
         },
-        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", {
+    },
+    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",
+                            password: 'admin',
                             key: '',
                             code: '1111',
-                            type: "account",
+                            type: 'account',
                             token: token,
-                            tenantId: website.tenantId
-                        }).then((resp) => {
+                            tenantId: website.tenantId,
+                        })
+                        .then((resp) => {
                             this.$store.dispatch('refreshAuthState').then(() => {
-                                uni.hideLoading()
-                                resolve()
-                            })
-                        }).catch((err) => {
-                            uni.hideLoading()
+                                uni.hideLoading();
+                                resolve();
+                            });
+                        })
+                        .catch((err) => {
+                            uni.hideLoading();
                         });
-                    } else {
-                        GoLogin()
-                    }
-                })
-
+                } 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,
+                    });
+                });
             }
         },
-        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{
+/*每个页面公共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');
-    }
+@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;
-    }
+:root {
+    --hide-title: none;
+}
 
-    /* #ifdef H5 */
-    uni-page-head {
-        display: var(--hide-title);
-    }
+/* #ifdef H5 */
+uni-page-head {
+    display: var(--hide-title);
+}
 
-    /* #endif */
+/* #endif */
 </style>

api/auth.js

@@ -1,118 +1,124 @@
 import {
-	request
+    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'
+    url: '/api/jobslink-api/user/user/find',
+    method: 'get'
 });
 
 export const cheakValue = () => request({
-	url: authUrl,
-	method: 'post',
-	data: {
-		cheakvalue: 1,
-		bakvalue: 0
-	}
+    url: authUrl,
+    method: 'post',
+    data: {
+        cheakvalue: 1,
+        bakvalue: 0
+    }
 });
 
 export const realName = (realName, idNumber) => request({
-	url: authUrl,
-	method: 'post',
-	data: {
-		cheakvalue: 2,
-		realName,
-		idNumber
-	}
+    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
-	}
+    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
-	}
+    url: authUrl,
+    method: 'post',
+    data: {
+        cheakvalue: 4,
+        bakvalue
+    }
 });
 // 判断当前用户是否采集签名
 export const isGather = () => request({
-	url: "/api/jobslink-api/doc/docUserSeal/isGather",
-	method: 'get',
+    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
-	}
+    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
-	}
+    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
-	}
+    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
+    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
+    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
+    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 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
+    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
+    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'
+    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
+    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}
+    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 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}
+    url: "/api/jobslink-api/doc/jkLabourUnionDetail/list",
+    method: 'get',
+    params: {
+        no
+    }
 });

api/user.js

@@ -73,3 +73,13 @@ 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;

pages/recruit/subPage/newsDetail/userrecruitInfo.vue

@@ -7,45 +7,27 @@
             <!-- <view class="prolist">
 				任务编码：{{info.missionNo}}
 			</view> -->
-            <view class="prolist">
-                发布日期：{{ info.stime ? dateFormat((info.stime)) : null }}
-            </view>
-            <view class="prolist">
-                招聘人数：{{ info.peopleNum }}
-            </view>
-            <view class="prolist">
-                行业类型：{{ info.tradeNames ? info.tradeNames : info.jobCompanyIndustry }}
-            </view>
-            <view class="prolist">
-                工种类型：{{ info.skillNames }}
-            </view>
+            <view class="prolist">发布日期：{{ info.stime ? dateFormat(info.stime) : null }}</view>
+            <view class="prolist">招聘人数：{{ info.peopleNum }}</view>
+            <view class="prolist">行业类型：{{ info.tradeNames ? info.tradeNames : info.jobCompanyIndustry }}</view>
+            <view class="prolist">工种类型：{{ info.skillNames }}</view>
             <!-- <view class="fee">
 				{{info.wage}}{{wageUnit[info.wageUnitCategory]}}
 			</view> -->
         </view>
         <view class="head">
-            <view class="proname proneed">
-                招工要求
-            </view>
+            <view class="proname proneed">招工要求</view>
             <!-- <view class="prolist">
 				<view class="protype">
 					年龄要求：{{age[info.ageDesc]}}
 				</view>
 			</view> -->
             <view class="prolist">
-                <view class="protype">
-                    学历要求：{{ info.education }}
-                </view>
-                <view class="protype">
-                    经验要求：{{ info.experienceDesc }}
-                </view>
-            </view>
-            <view class="prolist">
-                招工地址：{{ info.jobAddress }}
-            </view>
-            <view class="prolist proint" style="font-weight: bold;color:#333;">
-                招工描述
+                <view class="protype">学历要求：{{ info.education }}</view>
+                <view class="protype">经验要求：{{ info.experienceDesc }}</view>
             </view>
+            <view class="prolist">招工地址：{{ info.jobAddress }}</view>
+            <view class="prolist proint" style="font-weight: bold; color: #333">招工描述</view>
             <view class="prolist description">
                 {{ info.jobDescription }}
             </view>
@@ -70,16 +52,17 @@
             <!-- <view class="prolist">
 				用工单位：{{info.jobCompanyName}}
 			</view> -->
-            <view style="display: flex;align-items: center;">
-                <image src="../../../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 20rpx;"
-                    mode=""></image>
-                <view style="font-size: 30rpx;">{{ info.jobCompanyName }}</view>
+            <view style="display: flex; align-items: center">
+                <image
+                    src="../../../../static/img/city.png"
+                    style="width: 40rpx; height: 40rpx; margin-right: 20rpx"
+                    mode=""
+                ></image>
+                <view style="font-size: 30rpx">{{ info.jobCompanyName }}</view>
             </view>
         </view>
         <view class="head">
-            <view class="proname proneed">
-                地址
-            </view>
+            <view class="proname proneed">地址</view>
             <!-- <view class="prolist">
 				<view class="protype">
 					联系人：{{info.callName}}
@@ -91,38 +74,48 @@
             <!-- <view class="prolist" v-if="info.callNumber">
 				座机号：{{info.callNumber}}
 			</view> -->
-            <view class="prolist">
-                岗位地址：{{ info.address }}
-            </view>
+            <view class="prolist">岗位地址：{{ info.address }}</view>
             <view class="map">
-                <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
-                    :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" :MapUrl="$config.supperMap"
-                    :flag-tip="false"></super-map>
+                <super-map
+                    ref="uMap"
+                    style="width: 100%; height: 100%"
+                    :latitude="latitude"
+                    :longitude="longitude"
+                    :open="true"
+                    :zoom="14"
+                    :min-zoom="10"
+                    :max-zoom="20"
+                    :MapUrl="$config.supperMap"
+                    :flag-tip="false"
+                ></super-map>
             </view>
             <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
         </view>
-        <view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow !== '0'"></view>
+        <view class="" style="height: 200rpx; background-color: #f6f6f6" v-if="isShow !== '0'"></view>
         <view class="btn">
-            <view @click="callPhone" class="bottombtn flexbtn"
-                style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
+            <view
+                @click="callPhone"
+                class="bottombtn flexbtn"
+                style="margin-right: 10rpx; background-color: #fbad17; border-radius: 45rpx"
+            >
                 电话联系
             </view>
         </view>
         <uniMask :maskShow="maskShow">
             <view class="contractMask">
                 <!-- #ifdef H5 || APP-PLUS -->
-                <view class="close" @click="close" style="top: 124rpx;">+</view>
+                <view class="close" @click="close" style="top: 124rpx">+</view>
                 <!-- #endif -->
                 <!-- #ifdef MP-WEIXIN -->
                 <view class="close" @click="close">+</view>
                 <!-- #endif -->
-                <view style="height: 30px;"></view>
-                <img :src="src" alt="" style="width:100%;height: 1000px;">
+                <view style="height: 30px"></view>
+                <img :src="src" alt="" style="width: 100%; height: 1000px" />
                 <view v-if="nextBtn" class="down" @click="next">下一步</view>
             </view>
         </uniMask>
         <u-popup closeable :show="showPopUp" mode="bottom" @close="closePopUp">
-            <view style="min-height: 100rpx;padding: 60rpx 40rpx;">
+            <view style="min-height: 100rpx; padding: 60rpx 40rpx">
                 <view class="contactWrapper" v-for="(item, index) in info.applyList" :key="index">
                     <view>{{ item.realName }} : {{ item.telphone }}</view>
                     <view class="applyTime">申请时间：{{ item.applyTime }}</view>
@@ -133,7 +126,7 @@
 
     <view v-else-if="showCode" class="codeSealBox">
         <!-- #ifdef H5 || APP-PLUS -->
-        <view class="closeCode" @click="closeShowCode" style="top: 124rpx;">+</view>
+        <view class="closeCode" @click="closeShowCode" style="top: 124rpx">+</view>
         <!-- #endif -->
         <!-- #ifdef MP-WEIXIN -->
         <view class="closeCode" @click="closeShowCode">+</view>
@@ -143,400 +136,390 @@
             <view class="name">签名密码</view>
             <view class="tip">6位数字签名密码</view>
         </view>
-        <view style="height: 36px;"></view>
+        <view style="height: 36px"></view>
         <valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
-        <view style="height: 36px;"></view>
+        <view style="height: 36px"></view>
         <view class="forget" @click="forget">忘记密码？</view>
     </view>
 </template>
 
 <script>
-    import {
-        mapGetters
-    } from 'vuex'
-    import {
-        recruit_missionDetail,
-    } from '@/api/mission.js';
-    import {
-        GoLogin
-    } from '@/untils/AxiosUtils.js';
-    import {
-        setRead
-    } from '@/api/news.js';
-    import {
-        checkPass
-    } from '@/api/auth.js';
-    import dictionary from '@/common/textdata.js';
-    import {
-        dateFormat
-    } from "../../../../untils/format.js";
-    import uniMask from '@/components/uni-mask/mask.vue'
-    import validCode from '@/components/p-valid-code/p-valid-code.vue'
-    import {
-        getuserrecruitDetailApp
-    } from '@/api/userrecruit.js'
-    export default {
-        data() {
-            return {
-                ...dictionary,
-                info: {},
-                status: null,
-                showDetail: false,
-                showCode: false,
-                maskShow: false,
-                nextBtn: false,
-                loading: false,
-                latitude: 39.909, //中心点
-                longitude: 116.39742,
-                covers: [{ //marker标记位置
+import { mapGetters } from 'vuex';
+import { recruit_missionDetail } from '@/api/mission.js';
+import { GoLogin } from '@/untils/AxiosUtils.js';
+import { setRead } from '@/api/news.js';
+import { checkPass, getPhoneCountNumber } from '@/api/auth.js';
+import dictionary from '@/common/textdata.js';
+import { dateFormat } from '../../../../untils/format.js';
+import uniMask from '@/components/uni-mask/mask.vue';
+import validCode from '@/components/p-valid-code/p-valid-code.vue';
+import { getuserrecruitDetailApp } from '@/api/userrecruit.js';
+export default {
+    data() {
+        return {
+            ...dictionary,
+            info: {},
+            status: null,
+            showDetail: false,
+            showCode: false,
+            maskShow: false,
+            nextBtn: false,
+            loading: false,
+            latitude: 39.909, //中心点
+            longitude: 116.39742,
+            covers: [
+                {
+                    //marker标记位置
                     id: 0,
                     latitude: 0,
                     longitude: 0,
                     // width:30,
                     // height:30,
-                    iconPath: '../../../../static/img/location.png'
-                }],
-                missionNo: "",
-                isShow: '',
-                type: '',
-                id: '',
-                src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
-                maxlength: 6,
-                collectStatus: 0, // 收藏状态
-                showPopUp: false,
-                jobType: null
-            }
-        },
-        components: {
-            uniMask,
-            validCode
-        },
-        onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
-            // this.$store.dispatch('setAutograph')
-            if (option.workId) {
-                this.workId = decodeURIComponent(option.workId);
-            }
-            if (option.isCan) {
-                this.isShow = option.isCan; //isShow为'0'则为我的任务、我的评价过来的，需要隐藏抢任务按钮
-            }
-            if (option.type) {
-                this.type = option.type; //type为1则为消息邀请过来的,需要设置消息已读;
-            }
-            if (option.id) {
-                this.id = option.id; //消息id
-            }
-            if (option.jobType) {
-                this.jobType = option.jobType
-            }
-        },
-        onShow: function() {
-            this.showDetail = true
-            this.getData();
-
-        },
-        onShareAppMessage(obj) {
-            return {
-                title: this.info.missionTitle,
-                path: `/pages/projectInfo/projectInfo?missionNo=${this.info.missionNo}`
-            }
-        },
-        methods: {
-            dateFormat,
-            callPhone() {
-                this.showPopUp = true;
-            },
-            closePopUp() {
-                this.showPopUp = false;
-            },
-            async getData() {
-                const self = this;
-                let resData = null
-                if (this.jobType) {
-                    resData = await getuserrecruitDetailApp({
-                        id: this.id,
-                        jobType: this.jobType
-                    })
-                } else {
-                    resData = await recruit_missionDetail(self.workId, self.type)
-                }
-                if (resData.data?.code === 200) {
-                    self.info = resData.data.data;
-                    self.status = resData.data.data.status;
-                    self.missionNo = resData.data.data.missionNo;
-                    self.latitude = self.info.lat;
-                    self.longitude = self.info.lon;
-                    self.covers[0].latitude = self.info.lat;
-                    self.covers[0].longitude = self.info.lon;
-                    self.showDetail = true;
-                }
-            },
-            // 查看合同
-            lookMask() {
-                this.maskShow = true
-            },
-            // 关闭弹窗
-            close() {
-                this.maskShow = false
-            },
-            // 合同下一步
-            next() {
-                this.maskShow = false
-                this.showDetail = false
-                this.showCode = true
-            },
-            // 输入签名密码
-            getInpCode(password) {
-                uni.showLoading({
-                    title: "请求中..."
-                })
-                this.loading = true
-                var obj = {
-                    pass: password
-                }
-                checkPass(obj).then(res => {
-                    this.submitTask()
-                    this.closeShowCode()
-                }).catch(err => {
-                    this.loading = false
-                })
-            },
-            // 关闭签名密码弹窗
-            closeShowCode() {
-                this.showCode = false
-                this.showDetail = true
-            },
-            // 忘记密码
-            forget() {
-                uni.navigateTo({
-                    url: `/pageMy/setUserBase/seal/forget?forget=true`
-                })
-            }
-        },
-        computed: {
-            ...mapGetters(['auth', 'autograph']),
-            skillNames() {
-                if (this.info.skillNames) {
-                    return this.info.skillNames.split(',')
-                }
-            }
+                    iconPath: '../../../../static/img/location.png',
+                },
+            ],
+            missionNo: '',
+            isShow: '',
+            type: '',
+            id: '',
+            src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
+            maxlength: 6,
+            collectStatus: 0, // 收藏状态
+            showPopUp: false,
+            jobType: null,
+        };
+    },
+    components: {
+        uniMask,
+        validCode,
+    },
+    onLoad: function (option) {
+        //option为object类型，会序列化上个页面传递的参数
+        // this.$store.dispatch('setAutograph')
+        if (option.workId) {
+            this.workId = decodeURIComponent(option.workId);
         }
-    }
+        if (option.isCan) {
+            this.isShow = option.isCan; //isShow为'0'则为我的任务、我的评价过来的，需要隐藏抢任务按钮
+        }
+        if (option.type) {
+            this.type = option.type; //type为1则为消息邀请过来的,需要设置消息已读;
+        }
+        if (option.id) {
+            this.id = option.id; //消息id
+        }
+        if (option.jobType) {
+            this.jobType = option.jobType;
+        }
+    },
+    onShow: function () {
+        this.showDetail = true;
+        this.getData();
+    },
+    onShareAppMessage(obj) {
+        return {
+            title: this.info.missionTitle,
+            path: `/pages/projectInfo/projectInfo?missionNo=${this.info.missionNo}`,
+        };
+    },
+    methods: {
+        dateFormat,
+        async callPhone() {
+            this.showPopUp = true;
+            await getPhoneCountNumber();
+
+            this.showPopUp = true;
+        },
+        closePopUp() {
+            this.showPopUp = false;
+        },
+        async getData() {
+            const self = this;
+            let resData = null;
+            if (this.jobType) {
+                resData = await getuserrecruitDetailApp({
+                    id: this.id,
+                    jobType: this.jobType,
+                });
+            } else {
+                resData = await recruit_missionDetail(self.workId, self.type);
+            }
+            if (resData.data?.code === 200) {
+                self.info = resData.data.data;
+                self.status = resData.data.data.status;
+                self.missionNo = resData.data.data.missionNo;
+                self.latitude = self.info.lat;
+                self.longitude = self.info.lon;
+                self.covers[0].latitude = self.info.lat;
+                self.covers[0].longitude = self.info.lon;
+                self.showDetail = true;
+            }
+        },
+        // 查看合同
+        lookMask() {
+            this.maskShow = true;
+        },
+        // 关闭弹窗
+        close() {
+            this.maskShow = false;
+        },
+        // 合同下一步
+        next() {
+            this.maskShow = false;
+            this.showDetail = false;
+            this.showCode = true;
+        },
+        // 输入签名密码
+        getInpCode(password) {
+            uni.showLoading({
+                title: '请求中...',
+            });
+            this.loading = true;
+            var obj = {
+                pass: password,
+            };
+            checkPass(obj)
+                .then((res) => {
+                    this.submitTask();
+                    this.closeShowCode();
+                })
+                .catch((err) => {
+                    this.loading = false;
+                });
+        },
+        // 关闭签名密码弹窗
+        closeShowCode() {
+            this.showCode = false;
+            this.showDetail = true;
+        },
+        // 忘记密码
+        forget() {
+            uni.navigateTo({
+                url: `/pageMy/setUserBase/seal/forget?forget=true`,
+            });
+        },
+    },
+    computed: {
+        ...mapGetters(['auth', 'autograph']),
+        skillNames() {
+            if (this.info.skillNames) {
+                return this.info.skillNames.split(',');
+            }
+        },
+    },
+};
 </script>
 
 <style lang="scss">
-    .codeSealBox {
-        padding: 285rpx 72rpx 0 72rpx;
-
-        .closeCode {
-            position: absolute;
-            right: 36rpx;
-            top: 120rpx;
-            color: #1B66FF;
-            transform: rotate(45deg);
-            font-size: 40px;
-        }
-
-        .title {
-            display: flex;
-            align-items: center;
-        }
-
-        .name {
-            height: 46rpx;
-            font-size: 46rpx;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-            line-height: 46rpx;
-            margin-right: 28rpx;
-        }
-
-        .tip {
-            height: 38rpx;
-            font-size: 28rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #999999;
-            line-height: 38rpx;
-        }
-
-        .forget {
-            height: 38rpx;
-            font-size: 28rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #5AA0FA;
-            line-height: 38rpx;
-            text-align: right;
-        }
+.codeSealBox {
+    padding: 285rpx 72rpx 0 72rpx;
 
+    .closeCode {
+        position: absolute;
+        right: 36rpx;
+        top: 120rpx;
+        color: #1b66ff;
+        transform: rotate(45deg);
+        font-size: 40px;
     }
 
-    .contractMask {
-        background-color: #FFFFFF;
-        margin: 30rpx;
-        position: relative;
-        border-radius: 4px;
-        height: 96%;
-        overflow: auto;
-
-        .close {
-            width: 23px;
-            height: 23px;
-            color: #1B66FF;
-            position: fixed;
-            right: 60rpx;
-            top: 60rpx;
-            transform: rotate(45deg);
-            font-size: 40px;
-        }
-
-        .down {
-            position: fixed;
-            bottom: 30px;
-            left: 14%;
-            width: 545rpx;
-            height: 90rpx;
-            line-height: 90rpx;
-            text-align: center;
-            background: #1B66FF;
-            font-size: 36rpx;
-            font-weight: 400;
-            color: #FFFFFF;
-        }
+    .title {
+        display: flex;
+        align-items: center;
     }
 
-    .lookContract {
-        width: 30%;
-        margin-right: 30rpx;
+    .name {
+        height: 46rpx;
+        font-size: 46rpx;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 46rpx;
+        margin-right: 28rpx;
     }
 
-    .flexbtn {
-        flex: 1;
+    .tip {
+        height: 38rpx;
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #999999;
+        line-height: 38rpx;
     }
 
-    .bottombtn {
-        background-color: #1B66FF;
-        color: #fff;
-        text-align: center;
-        border-radius: 10rpx;
-        font-family: PingFangSC-Medium;
-        font-size: 32rpx;
+    .forget {
+        height: 38rpx;
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #5aa0fa;
+        line-height: 38rpx;
+        text-align: right;
+    }
+}
+
+.contractMask {
+    background-color: #ffffff;
+    margin: 30rpx;
+    position: relative;
+    border-radius: 4px;
+    height: 96%;
+    overflow: auto;
+
+    .close {
+        width: 23px;
+        height: 23px;
+        color: #1b66ff;
+        position: fixed;
+        right: 60rpx;
+        top: 60rpx;
+        transform: rotate(45deg);
+        font-size: 40px;
+    }
+
+    .down {
+        position: fixed;
+        bottom: 30px;
+        left: 14%;
+        width: 545rpx;
         height: 90rpx;
         line-height: 90rpx;
-    }
-
-    .btn {
-        background-color: #fefefe;
-        width: 690rpx;
-        padding: 30rpx;
-        padding-bottom: 80rpx;
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        display: flex;
-    }
-
-    .disabledBtn {
-        background-color: #c8c9cc;
-    }
-
-    .map {
-        width: 100%;
-        height: 350rpx;
-        margin-top: 30rpx;
-    }
-
-    .askList {
-        font-family: PingFangSC-Regular;
-        font-size: 24rpx;
-        color: #666666;
-        background-color: #f6f6f6;
-        padding: 5rpx 15rpx;
-        margin-right: 10rpx;
-        margin-top: 15rpx;
-    }
-
-    .ask {
-        overflow: hidden;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        justify-content: flex-start;
-        margin: 20rpx 0;
-
-    }
-
-    .proint {
-        margin-top: 30rpx;
-        font-size: 30rpx !important;
-    }
-
-    .proneed {
-        font-size: 32rpx !important;
-
-    }
-
-    .fee {
-        font-family: PingFangSC-Medium;
-        font-size: 32rpx;
-        color: #F46161;
-        margin-top: 30rpx;
-    }
-
-    .protype {
-        width: 50%;
-    }
-
-    .prolist {
-        font-family: PingFangSC-Regular;
-        font-size: 28rpx;
-        color: #666666;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        text-align: left;
-        padding: 5rpx 0;
-    }
-
-    .proname {
-        font-weight: bold;
-        font-family: PingFangSC-Medium;
-        font-size: 40rpx;
-        color: #333333;
-        width: 90%;
-        overflow: hidden;
-        padding-bottom: 20rpx;
-    }
-
-    .head {
-        padding: 30rpx;
-        background: #fefefe;
-        border-bottom: 20rpx solid #f6f6f6;
-    }
-
-    .description {
-        word-break: break-all;
-        white-space: pre-line;
-    }
-
-    .contactWrapper {
-        box-sizing: border-box;
         text-align: center;
-        font-size: 28rpx;
-        margin-top: 10rpx;
-        border: 1px solid #e0e0e0;
-        border-radius: 5px;
-        padding: 20rpx;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
+        background: #1b66ff;
+        font-size: 36rpx;
+        font-weight: 400;
+        color: #ffffff;
     }
+}
 
-    .applyTime {
-        font-size: 24rpx;
-        color: #666666;
-    }
+.lookContract {
+    width: 30%;
+    margin-right: 30rpx;
+}
+
+.flexbtn {
+    flex: 1;
+}
+
+.bottombtn {
+    background-color: #1b66ff;
+    color: #fff;
+    text-align: center;
+    border-radius: 10rpx;
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    height: 90rpx;
+    line-height: 90rpx;
+}
+
+.btn {
+    background-color: #fefefe;
+    width: 690rpx;
+    padding: 30rpx;
+    padding-bottom: 80rpx;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+}
+
+.disabledBtn {
+    background-color: #c8c9cc;
+}
+
+.map {
+    width: 100%;
+    height: 350rpx;
+    margin-top: 30rpx;
+}
+
+.askList {
+    font-family: PingFangSC-Regular;
+    font-size: 24rpx;
+    color: #666666;
+    background-color: #f6f6f6;
+    padding: 5rpx 15rpx;
+    margin-right: 10rpx;
+    margin-top: 15rpx;
+}
+
+.ask {
+    overflow: hidden;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin: 20rpx 0;
+}
+
+.proint {
+    margin-top: 30rpx;
+    font-size: 30rpx !important;
+}
+
+.proneed {
+    font-size: 32rpx !important;
+}
+
+.fee {
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    color: #f46161;
+    margin-top: 30rpx;
+}
+
+.protype {
+    width: 50%;
+}
+
+.prolist {
+    font-family: PingFangSC-Regular;
+    font-size: 28rpx;
+    color: #666666;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-align: left;
+    padding: 5rpx 0;
+}
+
+.proname {
+    font-weight: bold;
+    font-family: PingFangSC-Medium;
+    font-size: 40rpx;
+    color: #333333;
+    width: 90%;
+    overflow: hidden;
+    padding-bottom: 20rpx;
+}
+
+.head {
+    padding: 30rpx;
+    background: #fefefe;
+    border-bottom: 20rpx solid #f6f6f6;
+}
+
+.description {
+    word-break: break-all;
+    white-space: pre-line;
+}
+
+.contactWrapper {
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 28rpx;
+    margin-top: 10rpx;
+    border: 1px solid #e0e0e0;
+    border-radius: 5px;
+    padding: 20rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.applyTime {
+    font-size: 24rpx;
+    color: #666666;
+}
 </style>

pages/recruit/subPage/newsDetail/workInfo.vue

@@ -7,45 +7,27 @@
             <!-- <view class="prolist">
 				任务编码：{{info.missionNo}}
 			</view> -->
-            <view class="prolist">
-                发布日期：{{ dateFormat((info.stime)) }}
-            </view>
-            <view class="prolist">
-                招聘人数：{{ info.peopleNum }}
-            </view>
-            <view class="prolist">
-                行业类型：{{ info.tradeNames ? info.tradeNames : info.jobCompanyIndustry }}
-            </view>
-            <view class="prolist">
-                工种类型：{{ info.skillNames }}
-            </view>
+            <view class="prolist">发布日期：{{ dateFormat(info.stime) }}</view>
+            <view class="prolist">招聘人数：{{ info.peopleNum }}</view>
+            <view class="prolist">行业类型：{{ info.tradeNames ? info.tradeNames : info.jobCompanyIndustry }}</view>
+            <view class="prolist">工种类型：{{ info.skillNames }}</view>
             <!-- <view class="fee">
 				{{info.wage}}{{wageUnit[info.wageUnitCategory]}}
 			</view> -->
         </view>
         <view class="head">
-            <view class="proname proneed">
-                岗位要求
-            </view>
+            <view class="proname proneed">岗位要求</view>
             <!-- <view class="prolist">
 				<view class="protype">
 					年龄要求：{{age[info.ageDesc]}}
 				</view>
 			</view> -->
             <view class="prolist">
-                <view class="protype">
-                    学历要求：{{ info.education }}
-                </view>
-                <view class="protype">
-                    经验要求：{{ info.experienceDesc }}
-                </view>
-            </view>
-            <view class="prolist">
-                岗位地址：{{ info.jobAddress }}
-            </view>
-            <view class="prolist proint" style="font-weight: bold;color:#333;">
-                任务描述
+                <view class="protype">学历要求：{{ info.education }}</view>
+                <view class="protype">经验要求：{{ info.experienceDesc }}</view>
             </view>
+            <view class="prolist">岗位地址：{{ info.jobAddress }}</view>
+            <view class="prolist proint" style="font-weight: bold; color: #333">任务描述</view>
             <view class="prolist description">
                 {{ info.jobDescription }}
             </view>
@@ -56,9 +38,7 @@
                 </view>
             </view>
             <!-- 技能标签 end -->
-            <view v-if="info.jobSources" class="prolist">
-                来源：{{ info.jobSources }}
-            </view>
+            <view v-if="info.jobSources" class="prolist">来源：{{ info.jobSources }}</view>
         </view>
         <view class="head">
             <!-- <view class="proname proneed">
@@ -70,16 +50,17 @@
             <!-- <view class="prolist">
 				用工单位：{{info.jobCompanyName}}
 			</view> -->
-            <view style="display: flex;align-items: center;">
-                <image src="../../../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 20rpx;"
-                    mode=""></image>
-                <view style="font-size: 30rpx;">{{ info.jobCompanyName }}</view>
+            <view style="display: flex; align-items: center">
+                <image
+                    src="../../../../static/img/city.png"
+                    style="width: 40rpx; height: 40rpx; margin-right: 20rpx"
+                    mode=""
+                ></image>
+                <view style="font-size: 30rpx">{{ info.jobCompanyName }}</view>
             </view>
         </view>
         <view class="head">
-            <view class="proname proneed">
-                地址
-            </view>
+            <view class="proname proneed">地址</view>
             <!-- <view class="prolist">
 				<view class="protype">
 					联系人：{{info.callName}}
@@ -91,38 +72,48 @@
             <!-- <view class="prolist" v-if="info.callNumber">
 				座机号：{{info.callNumber}}
 			</view> -->
-            <view class="prolist">
-                岗位地址：{{ info.address }}
-            </view>
+            <view class="prolist">岗位地址：{{ info.address }}</view>
             <view class="map">
-                <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
-                    :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" :MapUrl="$config.supperMap"
-                    :flag-tip="false"></super-map>
+                <super-map
+                    ref="uMap"
+                    style="width: 100%; height: 100%"
+                    :latitude="latitude"
+                    :longitude="longitude"
+                    :open="true"
+                    :zoom="14"
+                    :min-zoom="10"
+                    :max-zoom="20"
+                    :MapUrl="$config.supperMap"
+                    :flag-tip="false"
+                ></super-map>
             </view>
             <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
         </view>
-        <view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow !== '0'"></view>
+        <view class="" style="height: 200rpx; background-color: #f6f6f6" v-if="isShow !== '0'"></view>
         <view class="btn">
-            <view @click="callPhone" class="bottombtn flexbtn"
-                style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
+            <view
+                @click="callPhone"
+                class="bottombtn flexbtn"
+                style="margin-right: 10rpx; background-color: #fbad17; border-radius: 45rpx"
+            >
                 电话联系
             </view>
         </view>
         <uniMask :maskShow="maskShow">
             <view class="contractMask">
                 <!-- #ifdef H5 || APP-PLUS -->
-                <view class="close" @click="close" style="top: 124rpx;">+</view>
+                <view class="close" @click="close" style="top: 124rpx">+</view>
                 <!-- #endif -->
                 <!-- #ifdef MP-WEIXIN -->
                 <view class="close" @click="close">+</view>
                 <!-- #endif -->
-                <view style="height: 30px;"></view>
-                <img :src="src" alt="" style="width:100%;height: 1000px;">
+                <view style="height: 30px"></view>
+                <img :src="src" alt="" style="width: 100%; height: 1000px" />
                 <view v-if="nextBtn" class="down" @click="next">下一步</view>
             </view>
         </uniMask>
         <u-popup closeable :show="showPopUp" mode="bottom" @close="closePopUp">
-            <view style="min-height: 100rpx;padding: 60rpx 40rpx;">
+            <view style="min-height: 100rpx; padding: 60rpx 40rpx">
                 <view class="contactWrapper" v-for="(item, index) in info.applyList" :key="index">
                     <view>{{ item.realName }} : {{ item.telphone }}</view>
                     <view class="applyTime">申请时间：{{ item.applyTime }}</view>
@@ -133,7 +124,7 @@
 
     <view v-else-if="showCode" class="codeSealBox">
         <!-- #ifdef H5 || APP-PLUS -->
-        <view class="closeCode" @click="closeShowCode" style="top: 124rpx;">+</view>
+        <view class="closeCode" @click="closeShowCode" style="top: 124rpx">+</view>
         <!-- #endif -->
         <!-- #ifdef MP-WEIXIN -->
         <view class="closeCode" @click="closeShowCode">+</view>
@@ -143,110 +134,101 @@
             <view class="name">签名密码</view>
             <view class="tip">6位数字签名密码</view>
         </view>
-        <view style="height: 36px;"></view>
+        <view style="height: 36px"></view>
         <valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
-        <view style="height: 36px;"></view>
+        <view style="height: 36px"></view>
         <view class="forget" @click="forget">忘记密码？</view>
     </view>
 </template>
 
 <script>
-    import {
-        mapGetters
-    } from 'vuex'
-    import {
-        recruit_missionDetail
-    } from '@/api/mission.js';
-    import {
-        GoLogin
-    } from '@/untils/AxiosUtils.js';
-    import {
-        setRead
-    } from '@/api/news.js';
-    import {
-        checkPass
-    } from '@/api/auth.js';
-    import dictionary from '@/common/textdata.js';
-    import {
-        dateFormat
-    } from "../../../../untils/format.js";
-    import {
-        userrecruitDetail
-    } from '@/api/userrecruit.js'
-    import uniMask from '@/components/uni-mask/mask.vue'
-    import validCode from '@/components/p-valid-code/p-valid-code.vue'
-    export default {
-        data() {
-            return {
-                ...dictionary,
-                info: {},
-                status: null,
-                showDetail: false,
-                showCode: false,
-                maskShow: false,
-                nextBtn: false,
-                loading: false,
-                latitude: 39.909, //中心点
-                longitude: 116.39742,
-                covers: [{ //marker标记位置
+import { mapGetters } from 'vuex';
+import { recruit_missionDetail } from '@/api/mission.js';
+import { GoLogin } from '@/untils/AxiosUtils.js';
+import { setRead } from '@/api/news.js';
+import { checkPass, getPhoneCountNumber } from '@/api/auth.js';
+import dictionary from '@/common/textdata.js';
+import { dateFormat } from '../../../../untils/format.js';
+import { userrecruitDetail } from '@/api/userrecruit.js';
+import uniMask from '@/components/uni-mask/mask.vue';
+import validCode from '@/components/p-valid-code/p-valid-code.vue';
+export default {
+    data() {
+        return {
+            ...dictionary,
+            info: {},
+            status: null,
+            showDetail: false,
+            showCode: false,
+            maskShow: false,
+            nextBtn: false,
+            loading: false,
+            latitude: 39.909, //中心点
+            longitude: 116.39742,
+            covers: [
+                {
+                    //marker标记位置
                     id: 0,
                     latitude: 0,
                     longitude: 0,
                     // width:30,
                     // height:30,
-                    iconPath: '../../../../static/img/location.png'
-                }],
-                missionNo: "",
-                isShow: '',
-                type: '',
-                id: '',
-                src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
-                maxlength: 6,
-                collectStatus: 0, // 收藏状态
-                showPopUp: false,
-            }
+                    iconPath: '../../../../static/img/location.png',
+                },
+            ],
+            missionNo: '',
+            isShow: '',
+            type: '',
+            id: '',
+            src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
+            maxlength: 6,
+            collectStatus: 0, // 收藏状态
+            showPopUp: false,
+        };
+    },
+    components: {
+        uniMask,
+        validCode,
+    },
+    onLoad: function (option) {
+        //option为object类型，会序列化上个页面传递的参数
+        // this.$store.dispatch('setAutograph')
+        if (option.workId) {
+            this.workId = decodeURIComponent(option.workId);
+        }
+        if (option.isCan) {
+            this.isShow = option.isCan; //isShow为'0'则为我的任务、我的评价过来的，需要隐藏抢任务按钮
+        }
+        if (option.type) {
+            this.type = option.type; //type为1则为消息邀请过来的,需要设置消息已读;
+        }
+        if (option.id) {
+            this.id = option.id; //消息id
+        }
+    },
+    onShow: function () {
+        this.showDetail = true;
+        this.getData();
+    },
+    onShareAppMessage(obj) {
+        return {
+            title: this.info.missionTitle,
+            path: `/pages/projectInfo/projectInfo?missionNo=${this.info.missionNo}`,
+        };
+    },
+    methods: {
+        dateFormat,
+        async callPhone() {
+            this.showPopUp = true;
+            await getPhoneCountNumber();
         },
-        components: {
-            uniMask,
-            validCode
+        closePopUp() {
+            this.showPopUp = false;
         },
-        onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
-            // this.$store.dispatch('setAutograph')
-            if (option.workId) {
-                this.workId = decodeURIComponent(option.workId);
-            }
-            if (option.isCan) {
-                this.isShow = option.isCan; //isShow为'0'则为我的任务、我的评价过来的，需要隐藏抢任务按钮
-            }
-            if (option.type) {
-                this.type = option.type; //type为1则为消息邀请过来的,需要设置消息已读;
-            }
-            if (option.id) {
-                this.id = option.id; //消息id
-            }
-        },
-        onShow: function() {
-            this.showDetail = true
-            this.getData();
-
-        },
-        onShareAppMessage(obj) {
-            return {
-                title: this.info.missionTitle,
-                path: `/pages/projectInfo/projectInfo?missionNo=${this.info.missionNo}`
-            }
-        },
-        methods: {
-            dateFormat,
-            callPhone() {
-                this.showPopUp = true;
-            },
-            closePopUp() {
-                this.showPopUp = false;
-            },
-            getData: function() {
-                const self = this;
-                recruit_missionDetail(self.workId, self.type).then(res => {
+        getData: function () {
+            const self = this;
+            recruit_missionDetail(self.workId, self.type).then(
+                (res) => {
                     self.info = res.data.data;
                     self.status = res.data.data.status;
                     self.missionNo = res.data.data.missionNo;
@@ -255,277 +237,277 @@
                     self.covers[0].latitude = self.info.lat;
                     self.covers[0].longitude = self.info.lon;
                     self.showDetail = true;
-                }, error => {
+                },
+                (error) => {
                     console.log(error);
-                });
-            },
-            // 查看合同
-            lookMask() {
-                this.maskShow = true
-            },
-            // 关闭弹窗
-            close() {
-                this.maskShow = false
-            },
-            // 合同下一步
-            next() {
-                this.maskShow = false
-                this.showDetail = false
-                this.showCode = true
-            },
-            // 输入签名密码
-            getInpCode(password) {
-                uni.showLoading({
-                    title: "请求中..."
-                })
-                this.loading = true
-                var obj = {
-                    pass: password
                 }
-                checkPass(obj).then(res => {
-                    this.submitTask()
-                    this.closeShowCode()
-                }).catch(err => {
-                    this.loading = false
-                })
-            },
-            // 关闭签名密码弹窗
-            closeShowCode() {
-                this.showCode = false
-                this.showDetail = true
-            },
-            // 忘记密码
-            forget() {
-                uni.navigateTo({
-                    url: `/pageMy/setUserBase/seal/forget?forget=true`
+            );
+        },
+        // 查看合同
+        lookMask() {
+            this.maskShow = true;
+        },
+        // 关闭弹窗
+        close() {
+            this.maskShow = false;
+        },
+        // 合同下一步
+        next() {
+            this.maskShow = false;
+            this.showDetail = false;
+            this.showCode = true;
+        },
+        // 输入签名密码
+        getInpCode(password) {
+            uni.showLoading({
+                title: '请求中...',
+            });
+            this.loading = true;
+            var obj = {
+                pass: password,
+            };
+            checkPass(obj)
+                .then((res) => {
+                    this.submitTask();
+                    this.closeShowCode();
                 })
+                .catch((err) => {
+                    this.loading = false;
+                });
+        },
+        // 关闭签名密码弹窗
+        closeShowCode() {
+            this.showCode = false;
+            this.showDetail = true;
+        },
+        // 忘记密码
+        forget() {
+            uni.navigateTo({
+                url: `/pageMy/setUserBase/seal/forget?forget=true`,
+            });
+        },
+    },
+    computed: {
+        ...mapGetters(['auth', 'autograph']),
+        skillNames() {
+            if (this.info.skillNames) {
+                return this.info.skillNames.split(',');
             }
         },
-        computed: {
-            ...mapGetters(['auth', 'autograph']),
-            skillNames() {
-                if (this.info.skillNames) {
-                    return this.info.skillNames.split(',')
-                }
-            }
-        }
-    }
+    },
+};
 </script>
 
 <style lang="scss">
-    .codeSealBox {
-        padding: 285rpx 72rpx 0 72rpx;
-
-        .closeCode {
-            position: absolute;
-            right: 36rpx;
-            top: 120rpx;
-            color: #1B66FF;
-            transform: rotate(45deg);
-            font-size: 40px;
-        }
-
-        .title {
-            display: flex;
-            align-items: center;
-        }
-
-        .name {
-            height: 46rpx;
-            font-size: 46rpx;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-            line-height: 46rpx;
-            margin-right: 28rpx;
-        }
-
-        .tip {
-            height: 38rpx;
-            font-size: 28rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #999999;
-            line-height: 38rpx;
-        }
-
-        .forget {
-            height: 38rpx;
-            font-size: 28rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #5AA0FA;
-            line-height: 38rpx;
-            text-align: right;
-        }
+.codeSealBox {
+    padding: 285rpx 72rpx 0 72rpx;
 
+    .closeCode {
+        position: absolute;
+        right: 36rpx;
+        top: 120rpx;
+        color: #1b66ff;
+        transform: rotate(45deg);
+        font-size: 40px;
     }
 
-    .contractMask {
-        background-color: #FFFFFF;
-        margin: 30rpx;
-        position: relative;
-        border-radius: 4px;
-        height: 96%;
-        overflow: auto;
-
-        .close {
-            width: 23px;
-            height: 23px;
-            color: #1B66FF;
-            position: fixed;
-            right: 60rpx;
-            top: 60rpx;
-            transform: rotate(45deg);
-            font-size: 40px;
-        }
-
-        .down {
-            position: fixed;
-            bottom: 30px;
-            left: 14%;
-            width: 545rpx;
-            height: 90rpx;
-            line-height: 90rpx;
-            text-align: center;
-            background: #1B66FF;
-            font-size: 36rpx;
-            font-weight: 400;
-            color: #FFFFFF;
-        }
+    .title {
+        display: flex;
+        align-items: center;
     }
 
-    .lookContract {
-        width: 30%;
-        margin-right: 30rpx;
+    .name {
+        height: 46rpx;
+        font-size: 46rpx;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 46rpx;
+        margin-right: 28rpx;
     }
 
-    .flexbtn {
-        flex: 1;
+    .tip {
+        height: 38rpx;
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #999999;
+        line-height: 38rpx;
     }
 
-    .bottombtn {
-        background-color: #1B66FF;
-        color: #fff;
-        text-align: center;
-        border-radius: 10rpx;
-        font-family: PingFangSC-Medium;
-        font-size: 32rpx;
+    .forget {
+        height: 38rpx;
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #5aa0fa;
+        line-height: 38rpx;
+        text-align: right;
+    }
+}
+
+.contractMask {
+    background-color: #ffffff;
+    margin: 30rpx;
+    position: relative;
+    border-radius: 4px;
+    height: 96%;
+    overflow: auto;
+
+    .close {
+        width: 23px;
+        height: 23px;
+        color: #1b66ff;
+        position: fixed;
+        right: 60rpx;
+        top: 60rpx;
+        transform: rotate(45deg);
+        font-size: 40px;
+    }
+
+    .down {
+        position: fixed;
+        bottom: 30px;
+        left: 14%;
+        width: 545rpx;
         height: 90rpx;
         line-height: 90rpx;
-    }
-
-    .btn {
-        background-color: #fefefe;
-        width: 690rpx;
-        padding: 30rpx;
-        padding-bottom: 80rpx;
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        display: flex;
-    }
-
-    .disabledBtn {
-        background-color: #c8c9cc;
-    }
-
-    .map {
-        width: 100%;
-        height: 350rpx;
-        margin-top: 30rpx;
-    }
-
-    .askList {
-        font-family: PingFangSC-Regular;
-        font-size: 24rpx;
-        color: #666666;
-        background-color: #f6f6f6;
-        padding: 5rpx 15rpx;
-        margin-right: 10rpx;
-        margin-top: 15rpx;
-    }
-
-    .ask {
-        overflow: hidden;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        justify-content: flex-start;
-        margin: 20rpx 0;
-
-    }
-
-    .proint {
-        margin-top: 30rpx;
-        font-size: 30rpx !important;
-    }
-
-    .proneed {
-        font-size: 32rpx !important;
-
-    }
-
-    .fee {
-        font-family: PingFangSC-Medium;
-        font-size: 32rpx;
-        color: #F46161;
-        margin-top: 30rpx;
-    }
-
-    .protype {
-        width: 50%;
-    }
-
-    .prolist {
-        font-family: PingFangSC-Regular;
-        font-size: 28rpx;
-        color: #666666;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        text-align: left;
-        padding: 5rpx 0;
-    }
-
-    .proname {
-        font-weight: bold;
-        font-family: PingFangSC-Medium;
-        font-size: 40rpx;
-        color: #333333;
-        width: 90%;
-        overflow: hidden;
-        padding-bottom: 20rpx;
-    }
-
-    .head {
-        padding: 30rpx;
-        background: #fefefe;
-        border-bottom: 20rpx solid #f6f6f6;
-    }
-
-    .description {
-        word-break: break-all;
-        white-space: pre-line;
-    }
-
-    .contactWrapper {
-        box-sizing: border-box;
         text-align: center;
-        font-size: 28rpx;
-        margin-top: 10rpx;
-        border: 1px solid #e0e0e0;
-        border-radius: 5px;
-        padding: 20rpx;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
+        background: #1b66ff;
+        font-size: 36rpx;
+        font-weight: 400;
+        color: #ffffff;
     }
+}
 
-    .applyTime {
-        font-size: 24rpx;
-        color: #666666;
-    }
+.lookContract {
+    width: 30%;
+    margin-right: 30rpx;
+}
+
+.flexbtn {
+    flex: 1;
+}
+
+.bottombtn {
+    background-color: #1b66ff;
+    color: #fff;
+    text-align: center;
+    border-radius: 10rpx;
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    height: 90rpx;
+    line-height: 90rpx;
+}
+
+.btn {
+    background-color: #fefefe;
+    width: 690rpx;
+    padding: 30rpx;
+    padding-bottom: 80rpx;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+}
+
+.disabledBtn {
+    background-color: #c8c9cc;
+}
+
+.map {
+    width: 100%;
+    height: 350rpx;
+    margin-top: 30rpx;
+}
+
+.askList {
+    font-family: PingFangSC-Regular;
+    font-size: 24rpx;
+    color: #666666;
+    background-color: #f6f6f6;
+    padding: 5rpx 15rpx;
+    margin-right: 10rpx;
+    margin-top: 15rpx;
+}
+
+.ask {
+    overflow: hidden;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin: 20rpx 0;
+}
+
+.proint {
+    margin-top: 30rpx;
+    font-size: 30rpx !important;
+}
+
+.proneed {
+    font-size: 32rpx !important;
+}
+
+.fee {
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    color: #f46161;
+    margin-top: 30rpx;
+}
+
+.protype {
+    width: 50%;
+}
+
+.prolist {
+    font-family: PingFangSC-Regular;
+    font-size: 28rpx;
+    color: #666666;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-align: left;
+    padding: 5rpx 0;
+}
+
+.proname {
+    font-weight: bold;
+    font-family: PingFangSC-Medium;
+    font-size: 40rpx;
+    color: #333333;
+    width: 90%;
+    overflow: hidden;
+    padding-bottom: 20rpx;
+}
+
+.head {
+    padding: 30rpx;
+    background: #fefefe;
+    border-bottom: 20rpx solid #f6f6f6;
+}
+
+.description {
+    word-break: break-all;
+    white-space: pre-line;
+}
+
+.contactWrapper {
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 28rpx;
+    margin-top: 10rpx;
+    border: 1px solid #e0e0e0;
+    border-radius: 5px;
+    padding: 20rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.applyTime {
+    font-size: 24rpx;
+    color: #666666;
+}
 </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
         },