Merge remote-tracking branch 'origin/master'
| | |
| | | .card .content { |
| | | color: #222; |
| | | } |
| | | //设置åè§ |
| | | checkbox .uni-checkbox-input{ |
| | | border-radius: 50%; |
| | | } |
| | | checkbox .uni-checkbox-input.uni-checkbox-input-checked{ |
| | | color: #fff !important; |
| | | border: 1px solid #4d99a8 !important; |
| | | background-color: #4d99a8 !important; |
| | | } |
| | | checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{ |
| | | /* color: #4d99a8 !important; */ |
| | | /* border: 1px solid #4d99a8 !important; */ |
| | | /* font-size: 58rpx; */ |
| | | /* border-radius: 50%; */ |
| | | } |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import { http } from '@/utils/service.js' |
| | | |
| | | // æ¥è¯¢åå
¸å¼æ°æ® |
| | | export const getSystemDictData = (data) => { |
| | | return http({ |
| | | url: 'visitsAdmin/cloudService/web/other/getSystemDictData', |
| | | data |
| | | }) |
| | | } |
| | | // è·åé¢ç®æ°æ® |
| | | export const getProblemsVO = () => { |
| | | return http({ |
| | | url: 'visitsAdmin/cloudService/web/problem/getProblemsVO' |
| | | }) |
| | | } |
| | | // 访客é¢çº¦è¯¦æ
|
| | | export const visitorSubDetail = (data) => { |
| | | return http({ |
| | | url: 'visitsAdmin/cloudService/web/visitor/detail', |
| | | data |
| | | }) |
| | | } |
| | |
| | | Vue.use(uView) |
| | | Vue.component('Tabbar', Tabbar) |
| | | Vue.component('navigation', navigation) |
| | | Vue.prototype.$store = store; |
| | | Vue.prototype.$store = store |
| | | Vue.prototype.$onWait = new Promise((resolve) => { |
| | | Vue.prototype.$reslove = resolve |
| | | }) |
| | |
| | | { |
| | | "path": "pages/notice/notice", |
| | | "style": { |
| | | "navigationBarTitleText": "å
¥åºé¡»ç¥", |
| | | "navigationBarTitleText": "å
¥åé¡»ç¥", |
| | | "enablePullDownRefresh": false, |
| | | "navigationStyle": "custom" |
| | | } |
| | |
| | | { |
| | | "path": "pages/index/index", |
| | | "style": { |
| | | "navigationBarTitleText": "åææ°è½æº", |
| | | "navigationBarTitleText": "访客ä¸å¿", |
| | | "enablePullDownRefresh": false |
| | | } |
| | | }, |
| | |
| | | } |
| | | }, |
| | | { |
| | | "path": "pages/visitorSubGuide/index", |
| | | "style": { |
| | | "navigationBarTitleText": "é¢çº¦æå", |
| | | "enablePullDownRefresh": false |
| | | } |
| | | }, |
| | | { |
| | | "path": "pages/laborApplication/laborApplication", |
| | | "style": { |
| | | "navigationBarTitleText": "å³å¡ç³è¯·", |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getProblemsVO, getSystemDictData } from '@/api' |
| | | export default { |
| | | name: 'answer', |
| | | |
| | |
| | | methods: { |
| | | getInfo() { |
| | | // title |
| | | this.$u.api.getSystemDictData({ |
| | | getSystemDictData({ |
| | | dictCode: 'SYSTEM', |
| | | label: 'THEME' |
| | | }).then(res => { |
| | |
| | | this.title = res.data.code |
| | | } |
| | | }) |
| | | this.$u.api.getSystemDictData({ |
| | | // this.$u.api.getSystemDictData({ |
| | | getSystemDictData({ |
| | | dictCode: 'SYSTEM', |
| | | label: 'DESCRIPTION' |
| | | }).then(res => { |
| | |
| | | }) |
| | | }, |
| | | getProblems() { |
| | | this.$u.api.getProblemsVO({ useType: 1 }) |
| | | getProblemsVO({ useType: 1 }) |
| | | .then(res => { |
| | | if (res.code === 200) { |
| | | res.data.forEach(item => { |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | .active { |
| | | border: 1rpx solid #025EEF !important; |
| | | color: #025EEF !important; |
| | | border: 1rpx solid #279BAA !important; |
| | | color: #279BAA !important; |
| | | } |
| | | .box_head_item { |
| | | padding: 0 30rpx; |
| | |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .loading { |
| | | color: #025EEF; |
| | | color: #279BAA; |
| | | } |
| | | .success { |
| | | color: #03C68F; |
| | |
| | | <template> |
| | | <view class="box"> |
| | | <view class="box_head"> |
| | | <canvas class="box_head_qrcode" canvas-id="img" v-if="[2,5,7,8,9].includes(info.status)"></canvas> |
| | | <image class="box_head_logo" src="../../static/logo@2x.png" mode="widthFix" v-else></image> |
| | | <text class="box_head_a" v-if="[0, 1].includes(info.status)">访客é¢çº¦å¾
å®¡æ ¸</text> |
| | | <text class="box_head_a" style="color: #03AF76;" v-if="info.status === 2">访客é¢çº¦å®¡æ ¸éè¿</text> |
| | | <text class="box_head_a" style="color: #ED4545;" v-if="info.status === 3">访客é¢çº¦å®¡æ ¸ä¸éè¿</text> |
| | | <text class="box_head_b" v-if="[0, 1].includes(info.status)">æ¨çé¢çº¦åå·²æäº¤å®¡æ ¸ï¼è¯·çå¾
è¢«è®¿äººå®¡æ ¸</text> |
| | | <text class="box_head_b" v-if="info.status === 2">æ¨çæ¥è®¿ç³è¯·å·²å®¡æ ¸éè¿ï¼è¯·å¨é¨å«å¤è¿è¡ç»è®°å
¥åº |
| | | å¦éç¹æ®æ
åµï¼å¯è系被访人æå®ä¿äººå</text> |
| | | <text class="box_head_b" v-if="info.status === 3">æ¨çæ¥è®¿ç³è¯·å·²è¢«é©³åï¼å¦æçé®ï¼å¯è系被访人</text> |
| | | <view class="head_wrap head_success" v-if="info.status == 1"> |
| | | <view class="h1">访客é¢çº¦å®¡æ ¸éè¿</view> |
| | | <view class="h2">æ¨çæ¥è®¿ç³è¯·å·²å®¡æ ¸éè¿ï¼è¯·å¨è®¿å®¢æºç¾å°å
¥åãå¦éç¹æ®æ
åµï¼å¯è系被访人æå®ä¿äººå</view> |
| | | </view> |
| | | <view class="qr_wrap" v-if="info.status == 1"> |
| | | <canvas class="box_head_qrcode" canvas-id="img"></canvas> |
| | | <view class="text">使ç¨è®¿å®¢æºæ«ç ç¾å°</view> |
| | | </view> |
| | | <view class="head_wrap head_padding" v-if="info.status == 2"> |
| | | <view class="h1">访客é¢çº¦å¾
å®¡æ ¸</view> |
| | | <view class="h2">æ¨çé¢çº¦åå·²æäº¤å®¡æ ¸ï¼è¯·çå¾
è¢«è®¿äººå®¡æ ¸</view> |
| | | </view> |
| | | <view class="head_wrap head_error" v-if="info.status == 3"> |
| | | <view class="h1">访客é¢çº¦å®¡æ ¸ä¸éè¿</view> |
| | | <view class="h2">æ¨çæ¥è®¿ç³è¯·å·²è¢«é©³åï¼å¦æçé®ï¼å¯è系被访人</view> |
| | | </view> |
| | | <view class="box_list"> |
| | | <view class="box_list_label">æè®¿ä¿¡æ¯</view> |
| | |
| | | |
| | | <script> |
| | | import wxcode from 'uniapp-qrcode' |
| | | import { visitorSubDetail } from '@/api' |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | info: {}, |
| | | info: { |
| | | status: 1 |
| | | }, |
| | | show: false |
| | | }; |
| | | }, |
| | | onLoad(option) { |
| | | this.$u.api.detail({ id: option.id }) |
| | | .then(res => { |
| | | if (res.code === 200) { |
| | | this.info = res.data |
| | | if (res.data.qrcode) { |
| | | this.$nextTick(() => { |
| | | wxcode.qrcode('img', res.data.qrcode, 320, 320) |
| | | }) |
| | | } |
| | | } |
| | | }) |
| | | // this.$u.api.detail({ id: option.id }) |
| | | // visitorSubDetail({ id: option.id }) |
| | | // .then(res => { |
| | | // if (res.code === 200) { |
| | | // this.info = res.data |
| | | // if (res.data.qrcode) { |
| | | // this.$nextTick(() => { |
| | | // wxcode.qrcode('img', res.data.qrcode, 320, 320) |
| | | // }) |
| | | // } |
| | | // } |
| | | // }) |
| | | }, |
| | | methods: { |
| | | close() { |
| | |
| | | height: 100%; |
| | | } |
| | | } |
| | | .box_head { |
| | | width: 100%; |
| | | padding: 40rpx 0; |
| | | box-sizing: border-box; |
| | | background-color: #ffffff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | | .qr_wrap{ |
| | | background-color: #fff; |
| | | text-align: center; |
| | | .box_head_qrcode { |
| | | width: 320rpx; |
| | | height: 320rpx; |
| | | } |
| | | .box_head_logo { |
| | | width: 220rpx; |
| | | height: 220rpx; |
| | | .text{ |
| | | font-size: 30rpx; |
| | | color: #279BAA; |
| | | padding: 20rpx 0 30rpx; |
| | | } |
| | | .box_head_a { |
| | | font-size: 36rpx; |
| | | } |
| | | .head_wrap{ |
| | | padding: 30px; |
| | | |
| | | .h1{ |
| | | margin-bottom: 16rpx; |
| | | font-weight: 600; |
| | | color: #025EEF; |
| | | margin-top: 30rpx; |
| | | font-size: 36rpx; |
| | | } |
| | | .box_head_b { |
| | | font-size: 26rpx; |
| | | .h2{ |
| | | font-weight: 400; |
| | | color: #666666; |
| | | margin-top: 24rpx; |
| | | text-align: center; |
| | | font-size: 26rpx; |
| | | } |
| | | } |
| | | .head_padding{ |
| | | background: #279BAA; |
| | | .h1{ |
| | | color: #FFFFFF; |
| | | } |
| | | .h2{ |
| | | color: #FFFFFF; |
| | | } |
| | | } |
| | | .head_error{ |
| | | background: #FDEDED; |
| | | .h1{ |
| | | color: #ED4545; |
| | | } |
| | | .h2{ |
| | | color: #333333; |
| | | } |
| | | } |
| | | .head_success{ |
| | | background: #E8F4F6; |
| | | .h1{ |
| | | color: #279BAA; |
| | | } |
| | | .h2{ |
| | | color: #333333; |
| | | } |
| | | } |
| | | .box_list { |
| | |
| | | <view class="box"> |
| | | <view class="box_head"> |
| | | <text>åææºæ
§ååº</text> |
| | | <text>å®å
¨éäºæ³°å±± æå¡è¿½æ±åè¶</text> |
| | | <text class="h2">å®å
¨éäºæ³°å±± æå¡è¿½æ±åè¶</text> |
| | | <image mode="widthFix" class="banner_bg" src="@/static/banner.jpg" /> |
| | | </view> |
| | | <view class="main_title">ä¸å¡åç</view> |
| | | <view class="box_list"> |
| | | <view class="box_list_item" @click="jump(1)"> |
| | | <image src="@/static/ic_laifang@2x.png" mode="widthFix" /> |
| | | <image src="@/static/ic_laifangdengji.png" mode="widthFix" /> |
| | | </view> |
| | | <view class="box_list_item" @click="jump(2)"> |
| | | <image src="@/static/ic_shenqing@2x.png" mode="widthFix" /> |
| | | <image src="@/static/ic_yuyuejilu.png" mode="widthFix" /> |
| | | </view> |
| | | <view class="box_list_item" @click="jump(3)"> |
| | | <image src="@/static/ic_renyuan@2x.png" mode="widthFix" /> |
| | | <image src="@/static/ic_yuanqudaolan.png" mode="widthFix" /> |
| | | </view> |
| | | <view class="box_list_item" @click="jump(4)"> |
| | | <image src="@/static/ic_mima@2x.png" mode="widthFix" /> |
| | | <image src="@/static/ic_yuyuezhinan.png" mode="widthFix" /> |
| | | </view> |
| | | </view> |
| | | <view class="box_btn">éåºç»å½</view> |
| | | <!-- <view class="box_btn">éåºç»å½</view> --> |
| | | <view class="copyright"> |
| | | <image src="@/static/logo_s@2x.png" mode="widthFix" /> |
| | | <text>å®å¾½å®æ³°ç©æµæé责任å
¬å¸çæææ</text> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | import image from 'uview-ui/libs/config/props/image' |
| | | |
| | | export default { |
| | | |
| | | data() { |
| | |
| | | break |
| | | case 4: |
| | | uni.navigateTo({ |
| | | url: '/pages/changePassword/changePassword' |
| | | url: '/pages/visitorSubGuide/index' |
| | | }) |
| | | break |
| | | } |
| | |
| | | height: 270rpx; |
| | | padding: 0 44rpx; |
| | | box-sizing: border-box; |
| | | background: #D8D8D8; |
| | | border-radius: 8rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | position: relative; |
| | | .banner_bg{ |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | z-index: -1; |
| | | } |
| | | .h2 { |
| | | font-size: 28rpx; |
| | | font-family: SourceHanSansSC, SourceHanSansSC; |
| | | font-weight: 400; |
| | | color: #FFFFFF; |
| | | margin-top: 14rpx; |
| | | } |
| | | text { |
| | | &:first-child { |
| | | font-size: 44rpx; |
| | |
| | | color: #FFFFFF; |
| | | margin-top: 54rpx; |
| | | } |
| | | &:last-child { |
| | | font-size: 28rpx; |
| | | font-family: SourceHanSansSC, SourceHanSansSC; |
| | | font-weight: 400; |
| | | color: #FFFFFF; |
| | | margin-top: 14rpx; |
| | | } |
| | | } |
| | | .main_title{ |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | margin: 40rpx 0 32rpx; |
| | | } |
| | | |
| | | .box_list { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | margin-top: 40rpx; |
| | | |
| | | .box_list_item { |
| | | width: 49%; |
| | | // height: 200rpx; |
| | | width: 100%; |
| | | margin-bottom: 20rpx; |
| | | |
| | | image { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | } |
| | | .copyright{ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-top: 84rpx; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | image{ |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <view class="login"> |
| | | <image class="login_bg" src="@/static/login_bg@2x.png" /> |
| | | <image class="login_logo" src="@/static/logo@2x.png" mode="widthFix" /> |
| | | <view class="login_title">åææ°è½æº</view> |
| | | <view class="login_title">宿³°ç©æµæºæ
§ååº</view> |
| | | <view class="login_list"> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/login_ic_phone@2x.png" mode="widthFix" /> |
| | | <input v-model="form.idCard" maxlength="18" type="number" placeholder="ææºå·"> |
| | | <input v-model="form.idCard" maxlength="18" type="number" placeholder="è´¦å·"> |
| | | </view> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/login_ic_password@2x.png" mode="widthFix" /> |
| | |
| | | </view> |
| | | <view class="login_btn"> |
| | | <view class="login_btn_n">ç«å³ç»å½</view> |
| | | <view class="for_psd">å¿è®°å¯ç </view> |
| | | </view> |
| | | |
| | | <view class="deal_wrap"> |
| | | <checkbox @change="dealChange" /> |
| | | <text>ç»å½å³åæ</text> |
| | | <text class="deal">ã宿³°ç©æµç¨æ·åè®®ã</text> |
| | | </view> |
| | | </view> |
| | | </template> |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | |
| | | dealChange(e) { |
| | | console.log(e); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | box-sizing: border-box; |
| | | align-items: center; |
| | | flex-direction: column; |
| | | background: linear-gradient(180deg, rgba(2,94,239,0.2) 0%, rgba(2,94,239,0) 100%); |
| | | background: linear-gradient( 180deg, rgba(39,155,170,0.2) 0%, rgba(39,155,170,0) 100%); |
| | | .login_logo { |
| | | width: 180rpx; |
| | | height: 180rpx; |
| | | } |
| | | .login_bg{ |
| | | position: absolute; |
| | | top: 0; |
| | | width: 750rpx; |
| | | } |
| | | .login_title { |
| | | font-size: 44rpx; |
| | |
| | | box-sizing: border-box; |
| | | .login_list_item { |
| | | width: 100%; |
| | | border-radius: 50rpx; |
| | | height: 98rpx; |
| | | padding: 0 40rpx; |
| | | box-sizing: border-box; |
| | | background: #FFFFFF; |
| | | border-radius: 8rpx; |
| | | margin-bottom: 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | padding: 0 60rpx; |
| | | box-sizing: border-box; |
| | | margin-top: 80rpx; |
| | | .for_psd{ |
| | | color: #279BAA; |
| | | margin-top: 40rpx; |
| | | width: 140rpx; |
| | | text-align: center; |
| | | margin: 40rpx auto; |
| | | } |
| | | .login_btn_n { |
| | | width: 100%; |
| | | height: 98rpx; |
| | | background: #025EEF; |
| | | background: #025EEF; |
| | | box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(2,94,239,0.14); |
| | | background: #279BAA; |
| | | box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(39,155,170,0.2); |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | border-radius: 50rpx; |
| | | } |
| | | } |
| | | .deal_wrap{ |
| | | position: absolute; |
| | | width: 100%; |
| | | left: 0; |
| | | text-align: center; |
| | | bottom: 108rpx; |
| | | .deal{ |
| | | color: #279BAA; |
| | | } |
| | | |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="container"> |
| | | <scroll-view scroll-y class="content" v-html="content"></scroll-view> |
| | | <video src="https://vdept3.bdstatic.com/mda-nj7gwfue9kdnbtsh/sc/cae_h264/1665488517815949255/mda-nj7gwfue9kdnbtsh.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1715141591-0-0-6dfdf4d4c3d94b60b9adeb53368a72f3&bcevod_channel=searchbox_feed&pd=1&cr=2&cd=0&pt=3&logid=0791905773&vid=13790089500387859718&klogid=0791905773&abtest="></video> |
| | | <scroll-view scroll-y class="content"> |
| | | <div class="title">宿³°ç©æµå夿¥äººåå®å
¨åç¥</div> |
| | | <div class="text"> |
| | | <div>{{ content }}</div> |
| | | </div> |
| | | <div class="empty"></div> |
| | | </scroll-view> |
| | | <div class="button" @click="toapply">确认äºè§£</div> |
| | | </div> |
| | | </template> |
| | |
| | | name: 'Index', |
| | | data() { |
| | | return { |
| | | content: '', |
| | | content: ` |
| | | 1确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | 确认äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ç¡®è®¤äºè§£ |
| | | `, |
| | | answer: '' |
| | | } |
| | | }, |
| | | onLoad() { |
| | | this.getInfo() |
| | | // this.getInfo() |
| | | }, |
| | | methods: { |
| | | getInfo() { |
| | |
| | | .container { |
| | | width: 100%; |
| | | height: 100vh; |
| | | padding: 30rpx; |
| | | padding: 10rpx 30rpx 0; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-flow: column; |
| | | |
| | | .content { |
| | | flex: 1; |
| | | height: calc(100% - 88rpx - 60rpx - 40rpx - 40rpx); |
| | | flex-direction: column; |
| | | video{ |
| | | width: 690rpx; |
| | | height: 388rpx; |
| | | margin-bottom: 10rpx; |
| | | } |
| | | |
| | | .content { |
| | | height: calc( 100% - 400rpx ); |
| | | .title{ |
| | | color: #333333; |
| | | font-weight: 500; |
| | | margin-bottom: 16rpx; |
| | | } |
| | | .text{ |
| | | font-weight: 350; |
| | | } |
| | | .empty{ |
| | | height: 160rpx; |
| | | } |
| | | } |
| | | .button { |
| | | margin-top: 40rpx; |
| | | width: 100%; |
| | | width: 690rpx; |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | text-align: center; |
| | | background: #025EEF; |
| | | background: #4d99a8; |
| | | border-radius: 44rpx; |
| | | font-size: 32rpx; |
| | | font-weight: 500; |
| | | color: #FFFFFF; |
| | | position: absolute; |
| | | bottom: 42rpx; |
| | | left: 30rpx; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <view class="container"> |
| | | <view class="visitor-form"> |
| | | <view class="cell"> |
| | | <view class="title">å§å<b>*</b></view> |
| | | <view class="title"><b>*</b>å§å</view> |
| | | <view class="content"> |
| | | <input class="input" placeholder-style="color: #999999;" maxlength="30" v-model="visitorData.name" placeholder="请è¾å
¥æ¨ççå®å§å" /> |
| | | </view> |
| | | </view> |
| | | <view class="cell"> |
| | | <view class="title">ææºå·<b>*</b></view> |
| | | <view class="title"><b>*</b>ææºå·</view> |
| | | <view class="content"> |
| | | <input class="input" maxlength="11" placeholder-style="color: #999999;" v-model="visitorData.phone" placeholder="请è¾å
¥æ¨çææºå·" /> |
| | | </view> |
| | | </view> |
| | | <view class="cell"> |
| | | <view class="title">è¯ä»¶ç±»å<b>*</b></view> |
| | | <view class="title"><b>*</b>è¯ä»¶ç±»å</view> |
| | | <view class="content" @click="show = true"> |
| | | <text :style="{color: visitorData.idcardTypeName ? '#000000' : ''}">{{visitorData.idcardTypeName ? visitorData.idcardTypeName : 'è¯·éæ©'}}</text> |
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="cell"> |
| | | <view class="title">è¯ä»¶å·ç <b>*</b></view> |
| | | <view class="title"><b>*</b>è¯ä»¶å·ç </view> |
| | | <view class="content"> |
| | | <input class="input" maxlength="18" placeholder-style="color: #999999;" v-model="visitorData.idcardNo" placeholder="请è¾å
¥æ¨çè¯ä»¶å·ç " /> |
| | | </view> |
| | | </view> |
| | | <view class="cell"> |
| | | <view class="title">å
¬å¸<b>*</b></view> |
| | | <view class="title"><b>*</b>å
¬å¸åç§°</view> |
| | | <view class="content"> |
| | | <input class="input" maxlength="50" placeholder-style="color: #999999;" v-model="visitorData.companyName" placeholder="请è¾å
¥æ¨çå
¬å¸åç§°" /> |
| | | </view> |
| | | </view> |
| | | <view class="cell"> |
| | | <view class="title1"> |
| | | <text class="title1_a">人è¸ç
§ç<b style="color: red;">*</b></text> |
| | | <text class="title1_a"><b>*</b>人è¸ç
§ç</text> |
| | | <text class="title1_b">1ã请æä¾äºå®æ¸
æ°ï¼äººè¸å±
ä¸çæ£é¢äººè¸å
å ç
§çï¼</text> |
| | | <text class="title1_b">2ãç
§çæ éå
ãæ PSãæ è¿åº¦ç¾é¢å¤ç</text> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | <view style="height: 20rpx; background-color: #F7F7F7;"></view> |
| | | <view class="cell"> |
| | | <!-- <view class="cell"> |
| | | <view class="title">å¥åº·è¯<b v-if="visit === '1'">*</b></view> |
| | | <view class="content"> |
| | | <view class="content_uplaod" @click="upload('imgurl')" v-if="!visitorData.imgurlUrl"> |
| | |
| | | <image :src="visitorData.imgurlUrl" mode="widthFix"></image> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> --> |
| | | </view> |
| | | <view class="footer-box"> |
| | | <view class="submit-button" @click="submit">ä¸ä¸æ¥</view> |
| | |
| | | import tlyPictureCut from "@/components/tly-picture-cut/tlyPictureCut.vue"; |
| | | import QfImageCropper from '@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue'; |
| | | import { mapState } from 'vuex' |
| | | import { uploadUrl } from "@/utils/config" |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | that.$refs.cropper.close() |
| | | uni.showLoading({ title: 'ä¸ä¼ ä¸', mask: true }); |
| | | uni.uploadFile({ |
| | | url: `${this.$baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`, |
| | | url: uploadUrl, |
| | | filePath: file.tempFilePath, |
| | | name: 'file', |
| | | formData: { |
| | |
| | | if (type === 'imgurl') { |
| | | uni.showLoading({ title: 'ä¸ä¼ ä¸', mask: true }); |
| | | uni.uploadFile({ |
| | | url: `${that.$baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`, |
| | | url: uploadUrl, |
| | | filePath: chooseImageRes.tempFilePaths[0], |
| | | name: 'file', |
| | | formData: { |
| | |
| | | } |
| | | |
| | | .title b { |
| | | color: red; |
| | | font-weight: bold; |
| | | color: #E42D2D; |
| | | margin-right: 4rpx; |
| | | } |
| | | |
| | | .title1 { |
| | |
| | | align-items: center; |
| | | margin-bottom: 20rpx; |
| | | b { |
| | | color: red; |
| | | font-weight: bold; |
| | | color: #E42D2D; |
| | | margin-right: 4rpx; |
| | | |
| | | } |
| | | } |
| | | .title1_b { |
| | |
| | | } |
| | | |
| | | .add-other { |
| | | border: 1rpx solid #025eef; |
| | | color: #025eef; |
| | | border: 1rpx solid #4d99a8; |
| | | color: #4d99a8; |
| | | font-size: 11rpx; |
| | | padding: 0 12rpx; |
| | | height: 32rpx; |
| | |
| | | width: calc(100% - 60rpx); |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | background: #025eef; |
| | | background: #4d99a8; |
| | | border-radius: 4rpx; |
| | | color: #fff; |
| | | border-radius: 44rpx; |
| | |
| | | <view class="visit"> |
| | | <view class="head">æè®¿ä¿¡æ¯</view> |
| | | <view class="list"> |
| | | <view class="list_item"> |
| | | <!-- <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>è¢«è®¿äººææº</text> |
| | | <text>*</text> |
| | |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <input type="text" placeholder="请è¾å
¥å§å" v-model="form1.receptMemberName" @blur="getUser" placeholder-style="color: #999999;" /> |
| | | </view> |
| | | </view> --> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>被访人</text> |
| | | <text>*</text> |
| | | </view> |
| | | <view class="list_item_content" @click="showName = true"> |
| | | <text :style="{color: form1.name ? '#000000' : ''}">{{form1.name ? form1.name : 'è¯·éæ©'}}</text> |
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="list_item"> |
| | |
| | | <u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon> |
| | | </view> |
| | | </view> |
| | | <div class="empty"></div> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>æè®¿äºç±</text> |
| | |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <input type="text" v-model="form1.reason" placeholder="请è¾å
¥æ¥è®¿äºç±" placeholder-style="color: #999999;" /> |
| | | </view> |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>æ¯å¦æ½å·¥ä½ä¸</text> |
| | | <text>*</text> |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <switch color="#4e99a9" style="transform:scale(0.8)" @change="constructionChange" /> |
| | | </view> |
| | | </view> |
| | | <view class="list_item"> |
| | | <view class="list_item_label"> |
| | | <text>æ½å·¥å
容</text> |
| | | <text>*</text> |
| | | </view> |
| | | <view class="list_item_content"> |
| | | <input type="text" v-model="form1.ss" placeholder="请è¾å
¥æ½å·¥å
容" placeholder-style="color: #999999;" /> |
| | | </view> |
| | | </view> |
| | | <view class="list_item"> |
| | |
| | | </view> |
| | | </u-popup> |
| | | <u-picker keyName="name" :show="show6" :columns="columns1" @confirm="seleIdcard" @cancel="show6 = false"></u-picker> |
| | | <u-picker keyName="name" :show="showName" :columns="columnsNames" @confirm="selectedName" @cancel="showName = false"></u-picker> |
| | | <!-- <tly-picture-cut ref="tlyPictureCut" :pictureSrc="photoSrc" @createImg="uploadImg"></tly-picture-cut> --> |
| | | <keyboardInput ref="keyboard" @export="setPlate" @close="closeInput" /> |
| | | <qf-image-cropper ref="cropper" :width="280" :height="280" :radius="30" @crop="uploadImg"></qf-image-cropper> |
| | |
| | | photoSrc: '', |
| | | type: '', |
| | | inputType: '', |
| | | showName: false, |
| | | show: false, |
| | | show1: false, |
| | | show2: false, |
| | |
| | | fileList: [], |
| | | columns1: [ |
| | | [{name: '身份è¯', id: 0}, {name: '港澳è¯ä»¶', id: 1},{name: 'æ¤ç
§', id: 2}], |
| | | ], |
| | | columnsNames: [ |
| | | [{name: 'å¼ ä¸', id: 0},{name: 'å¼ ä¸', id: 1},{name: 'å¼ ä¸', id: 2},] |
| | | ], |
| | | columns: [], |
| | | cars: [], |
| | |
| | | }, |
| | | closeInput() { |
| | | this.$refs.keyboard.close() |
| | | }, |
| | | constructionChange(e) { |
| | | console.log(e.detail.value); |
| | | }, |
| | | uploadImg(file) { |
| | | this.$refs.cropper.close() |
| | |
| | | seleIdcard(e) { |
| | | this.withUserList.idcardType = e.value[0].id |
| | | this.withUserList.idcardTypeName = e.value[0].name |
| | | console.log(e); |
| | | this.show6 = false |
| | | }, |
| | | selectedName(e) { |
| | | this.form1.name = e.value[0].name |
| | | this.form1.id = e.value[0].id |
| | | this.showName = false |
| | | }, |
| | | submitCart() { |
| | | if (!this.carName) return uni.showToast({ |
| | |
| | | padding: 0 30rpx; |
| | | box-sizing: border-box; |
| | | background-color: #ffffff; |
| | | |
| | | .empty{ |
| | | width: 750rpx; |
| | | height: 20rpx; |
| | | background-color: #f7f7f7; |
| | | margin: 0 -30rpx; |
| | | } |
| | | .list_item { |
| | | width: 100%; |
| | | // min-height: 98rpx; |
| | |
| | | padding: 30rpx; |
| | | box-sizing: border-box; |
| | | background-color: #ffffff; |
| | | margin-top: 20rpx; |
| | | |
| | | .cate_head { |
| | | font-size: 32rpx; |
| | | font-family: PingFangSC, PingFang SC; |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <view class="box"> |
| | | <view class="line" v-for="item,i in guideList" :key="i">{{ item }}</view> |
| | | </view> |
| | | </template> |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | guideList: [ |
| | | '1ã访客é
读å
¥åé¡»ç¥ï¼å¡«åå®å
¨çé¢ã', |
| | | '2ãçé¢å®æé¢çº¦ã', |
| | | '3ãé¢çº¦å®æè¯·è³è®¿å®¢æºç¾å°ã', |
| | | '4ãå·è¸å
¥åã', |
| | | '5ãåºåç¾ç¦»', |
| | | ] |
| | | }; |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .box{ |
| | | padding: 30rpx; |
| | | .line{ |
| | | margin-bottom: 16rpx; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | const install = (Vue, vm) => { |
| | | |
| | | uni.$u.http.setConfig((config) => { |
| | | config.baseURL = baseUrl; |
| | | config.timeout = 60000; |
| | | return config; |
| | | config.baseURL = baseUrl |
| | | config.timeout = 60000 |
| | | return config |
| | | }) |
| | | Vue.prototype.$baseUrl = baseUrl; |
| | | Vue.prototype.$uploadUrl = uploadUrl; |
| | | Vue.prototype.$baseUrl = baseUrl |
| | | Vue.prototype.$uploadUrl = uploadUrl |
| | | |
| | | let wxAuthorize = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/visitor/wxAuthorize', { params }); // è®¿å®¢å¾®ä¿¡ææ |
| | | let getSystemDictData = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/other/getSystemDictData', { params }); // æ¥è¯¢åå
¸å¼æ°æ® |
| | | let getProblemsVO = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/problem/getProblemsVO', { params }); // è·åé¢ç®æ°æ® |
| | | let finishAnswer = (data = {}) => vm.$u.http.post('visitsAdmin/cloudService/web/problem/finishAnswer', data); // ä¿®æ¹å½åç»å½çç¨æ·ä¿¡æ¯ |
| | | let deviceRoleList = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/other/deviceRoleList', { params }); // 设å¤ç»å表 |
| | | let getVisitedMember = (data = {}) => vm.$u.http.post('visitsAdmin/cloudService/web/visitor/getVisitedMember', data); // æ¥è¯¢è¢«è®¿é®äººä¿¡æ¯ |
| | | let createFk = (data = {}) => vm.$u.http.post('visitsAdmin/cloudService/web/visitor/createFk', data); // è®¿å®¢è®°å½æäº¤ |
| | | let detail = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/visitor/detail', { params }); // 访客记å½è¯¦æ
|
| | | let wxAuthorize = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/visitor/wxAuthorize', { params }) // è®¿å®¢å¾®ä¿¡ææ |
| | | let getSystemDictData = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/other/getSystemDictData', { params }) // æ¥è¯¢åå
¸å¼æ°æ® |
| | | let getProblemsVO = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/problem/getProblemsVO', { params }) // è·åé¢ç®æ°æ® |
| | | let finishAnswer = (data = {}) => vm.$u.http.post('visitsAdmin/cloudService/web/problem/finishAnswer', data) // ä¿®æ¹å½åç»å½çç¨æ·ä¿¡æ¯ |
| | | let deviceRoleList = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/other/deviceRoleList', { params }) // 设å¤ç»å表 |
| | | let getVisitedMember = (data = {}) => vm.$u.http.post('visitsAdmin/cloudService/web/visitor/getVisitedMember', data) // æ¥è¯¢è¢«è®¿é®äººä¿¡æ¯ |
| | | let createFk = (data = {}) => vm.$u.http.post('visitsAdmin/cloudService/web/visitor/createFk', data) // è®¿å®¢è®°å½æäº¤ |
| | | let detail = (params = {}) => vm.$u.http.get('visitsAdmin/cloudService/web/visitor/detail', { params }) // 访客记å½è¯¦æ
|
| | | |
| | | |
| | | |
| | |
| | | getVisitedMember, |
| | | createFk, |
| | | detail |
| | | }; |
| | | } |
| | | } |
| | | |
| | | export default { install } |
| | |
| | | return config |
| | | }) |
| | | |
| | | Vue.prototype.$baseUrl = baseUrl |
| | | |
| | | let ordinaryLogin = (params = {}) => uni.$u.http.get('web/account/ordinaryLogin', { params }) |
| | | let wxEmpower = (params = {}) => uni.$u.http.get('web/account/wxEmpower', { params }) |
| | |
| | | } |
| | | if (data.code !== 200) { |
| | | uni.showToast({ |
| | | title: response.data.message, |
| | | title: data.message, |
| | | icon: "none", |
| | | duration: 2000 |
| | | }) |