<template>
|
<view>
|
<img src="/static/head.png" class="head" alt="" />
|
<view class="hqzc">
|
<img src="/static/hqzc.png" class="img" alt="" />
|
<view class="line"></view>
|
<view class="font">
|
<p v-for="(item,index) in list1" :key="index">{{item.docTitle}}</p>
|
</view>
|
<img src="/static/i06.png" class="more" @click="more1()" alt="" />
|
</view>
|
<view class="wbox">
|
<view class="name">
|
{{msg.companyUser}}
|
</view>
|
<view class="imgbox">
|
<image :src="uqrcodeImage" mode="widthFix" class="qrcode-1"></image>
|
</view>
|
|
<img src="/static/qiye/q05.png" style="width: 100%;height: 201rpx;" alt="" />
|
|
</view>
|
<view style="height: 50rpx;"></view>
|
<uqrcode class="hide-canvas" :size="470" sizeUnit="rpx" v-if="companyCode" ref="uqrcode" canvas-id="qrcode" :value="companyCode" :options="{ backgroundColor: '#000000',useDynamicSize: true, areaColor: '#ffffff', foregroundColor: '#ffffff' }"></uqrcode>
|
<tabsCom :activeNumber.sync="activeNumber"></tabsCom>
|
|
</view>
|
</template>
|
|
<script>
|
import tabsCom from '@/qiye/components/bottom.vue'
|
import { docList } from '@/api/index.js'
|
import { company } from '@/api/qiye.js'
|
|
export default {
|
components: {
|
tabsCom
|
},
|
onShow() {
|
this.getInfo()
|
},
|
data() {
|
return {
|
activeNumber: 0,
|
companyCode: 'code===',
|
uqrcodeImage: '',
|
list1:[],
|
companyId:'',
|
msg:{}
|
}
|
},
|
onReady() {
|
this.$refs.uqrcode.toTempFilePath({
|
success: res => {
|
this.uqrcodeImage = res.tempFilePath
|
}
|
});
|
},
|
onLoad(options) {
|
this.companyId = options.id||33
|
},
|
methods: {
|
more1(){
|
uni.navigateTo({
|
url: `/pages/hqzc/list`
|
})
|
},
|
getInfo() {
|
docList({pageNum:1,pageSize:2}).then(val =>{
|
let data = val.data.rows
|
for(let i = 0;i<data.length;i++){
|
if(data[i].docTitle.length>17){
|
data[i].docTitle = data[i].docTitle.slice(0, 17) + '...'
|
}
|
}
|
this.list1 = data
|
})
|
company(this.companyId).then(val => {
|
this.msg = val.data.data
|
console.log(this.msg)
|
this.companyCode = this.msg.companyCode
|
uni.setStorageSync('qiyedata', this.msg)
|
// this.msg.createTime = this.msg.createTime.slice(0, 10)
|
// this.msg.docContent = decodeURIComponent(this.msg.docContent)
|
// console.log(this.msg.docContent)
|
// getDicts('doc_type').then(val => {
|
// console.log(this.msg.docType)
|
|
// const value = val.data.data.find(item => item.dictValue == this.msg.docType)
|
// this.type = value.dictLabel
|
// })
|
})
|
},
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F7F7F7;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.head{
|
width: 100%;
|
height: 518rpx;
|
}
|
.hqzc{
|
position: absolute;
|
border-radius: 5px;
|
background: #fff;
|
display: flex;
|
width: calc(100vw - 64rpx);
|
align-items: center;
|
left: 32rpx;
|
top: 500rpx;
|
padding: 24rpx;
|
box-sizing: border-box;
|
.line{
|
width: 2rpx;
|
height: 50rpx;
|
background: #f1f1f1;
|
margin-right: 18rpx;
|
}
|
.img{
|
width: 76rpx;
|
height: 76rpx;
|
margin-right: 18rpx;
|
}
|
.more{
|
width: 28rpx;
|
height: 28rpx;
|
}
|
.font{
|
font-size: 26rpx;
|
color: #4A4E60;
|
margin-right: 50rpx;
|
width: 450rpx;
|
text-align: center;
|
}
|
}
|
.hide-canvas{
|
display: none;
|
}
|
.wbox{
|
background: #fff;
|
border-radius: 5px;
|
padding: 24rpx;
|
box-sizing: border-box;
|
margin: 120rpx 32rpx;
|
.name{
|
text-align: center;
|
color: #202d44;
|
font-size: 36rpx;
|
font-weight: bold;
|
line-height: 44rpx;
|
border-bottom: 1px dashed #f1f1f1;
|
padding-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
}
|
.imgbox{
|
text-align: center;
|
border-radius: 5rpx;
|
border: 4rpx solid #CCDEFE;
|
padding: 20rpx;
|
width: 420rpx;
|
margin: 0 auto;
|
|
}
|
.qrcode-1{
|
width: 400rpx;
|
height: 400rpx;
|
}
|
}
|
</style>
|
