|
@@ -1,20 +1,15 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
- <web-view :src="srcHandler()" v-if="isSshowPlayVideo"></web-view>
|
|
|
- <!-- <u-navbar leftText="返回" title="企业认证" :safeAreaInsetTop="true">
|
|
|
- <view class="u-nav-slot" slot="left">
|
|
|
- <u-icon @click='navback' name="arrow-left" size="19"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="u-nav-slot" slot="right">
|
|
|
- <view @click="goDetailPage('/pages/mine/company/addcompanythree')" class='next'>下一步</view>
|
|
|
- </view>
|
|
|
- </u-navbar> -->
|
|
|
+ <view v-if="videoPlay">
|
|
|
+ <video controls id="myvideo" :src="dataDetails.videoAddressUrl" @fullscreenchange="screenChange"></video>
|
|
|
+ </view>
|
|
|
<view style='margin:10px 0 0 19px;font-size:12px;color:#EF4034;'>注:企业认证仅限该企业法定代表人本人完成。</view>
|
|
|
<view class='wrap'>
|
|
|
<view class="flex border-bottom mt20 align-center">
|
|
|
<view class="left">企业名称</view>
|
|
|
<view class="flex right">
|
|
|
- <u--input placeholder="输入企业名称" inputAlign='left' border="none" v-model="dataDetails.companyName" @blur='companyNameBlur'>
|
|
|
+ <u--input placeholder="输入企业名称" inputAlign='left' border="none" v-model="dataDetails.companyName"
|
|
|
+ @blur='companyNameBlur'>
|
|
|
</u--input>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -29,7 +24,7 @@
|
|
|
<view class="flex border-bottom mt20 align-center">
|
|
|
<view class="left">联系电话</view>
|
|
|
<view class="flex right">
|
|
|
- <u--input disabledColor='#fff' disabled placeholder="输入联系电话" inputAlign='left' border="none"
|
|
|
+ <u--input disabledColor='#fff' placeholder="输入联系电话" inputAlign='left' border="none"
|
|
|
v-model="dataDetails.phone">
|
|
|
</u--input>
|
|
|
</view>
|
|
@@ -62,7 +57,7 @@
|
|
|
</view>
|
|
|
<view class="flex row">
|
|
|
<view class="left-text">营业期限截止日期</view>
|
|
|
- <view style='font-size:16px;width:50%;' class='flex flex-space-between'
|
|
|
+ <view style='font-size:14px;width:50%;' class='flex flex-space-between'
|
|
|
@click="selectValidityPeriod(0)">
|
|
|
<view :style="{'color':dataDetails.businessTermDate ? '#000':'#C6CBD5'}">
|
|
|
{{dataDetails.businessTermDate?dataDetails.businessTermDate:'选择期限截止日期'}}
|
|
@@ -74,74 +69,89 @@
|
|
|
</view>
|
|
|
<view class="flex row noborder">
|
|
|
<view class="left-text">统一社会信用代码</view>
|
|
|
- <u--input disabled placeholder="请输入统一社会信用代码" inputAlign='left' border="none"
|
|
|
+ <u--input placeholder="请输入统一社会信用代码" inputAlign='left' border="none"
|
|
|
v-model="dataDetails.unifiedSocialCreditCode">
|
|
|
</u--input>
|
|
|
</view>
|
|
|
- <view class="flex row noborder">
|
|
|
- <view class="left-text">企业用地是否自有</view>
|
|
|
- <u-radio-group placement="row" class="select-type" v-model="dataDetails.landOwnership">
|
|
|
- <u-radio :customStyle="radioCustomStyle" v-for="(item, index) in radiolist1" :key="index"
|
|
|
- :label="item.name" :name="item.name" @change="radioChange($event,item)" labelSize='12px'
|
|
|
- :iconSize='4'>
|
|
|
- </u-radio>
|
|
|
- </u-radio-group>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4 -->
|
|
|
+ <!-- dataDetails.videoAddressUrl -->
|
|
|
+ <view class='content3' v-if="!dataDetails.videoAddressUrl"
|
|
|
+ @click="goDetailPage('/pages/mine/company/companyvideo')">
|
|
|
+ <view class="left-text">视频验证(打开摄像头并阅读提示文字)</view>
|
|
|
+ <view class="video-icon">
|
|
|
+ <u-icon size="40" name="camera-fill"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class='content2'>
|
|
|
+ <view class='content3' v-if="dataDetails.videoAddressUrl">
|
|
|
+ <view class="flex row noborder mt20 flex-space-between">
|
|
|
+ <view class="left-text">视频验证(点击按钮播放视频)</view>
|
|
|
+ <view>
|
|
|
+ <u-button type="primary" @click="goDetailPage('/pages/mine/company/companyvideo')" size="mini">重新上传</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <video class="myVideo" :src="dataDetails.videoAddressUrl" controls></video> -->
|
|
|
+ <view>
|
|
|
+ <view class="video-icon">
|
|
|
+ <u-icon size="40" name="play-circle-fill" @click="videoShow()"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class='content3'>
|
|
|
+ <view class="flex row noborder mt20 flex-space-between">
|
|
|
+ <view class="left-text">申请开通平台垫付运费业务</view>
|
|
|
+ <view>
|
|
|
+ <u-switch @change="change" v-model="value" inactiveColor='#ABB0BB' size="20"></u-switch>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="dataDetails.advanceFreightService == 1" class='content1'>
|
|
|
+ <view class="flex row">
|
|
|
+ <view class="left-text">企业用地是否自有</view>
|
|
|
+ <view class="flex right">
|
|
|
+ <u-radio-group placement="row" class="select-type" v-model="dataDetails.landOwnership">
|
|
|
+ <u-radio :customStyle="radioCustomStyle" v-for="(item, index) in radiolist1" :key="index"
|
|
|
+ :label="item.name" :name="item.name" @change="radioChange($event,item)" labelSize='12px'
|
|
|
+ :iconSize='4'>
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="title">{{dataDetails.landOwnership=='自有'?'上传房产证':'上传租赁合同(扫描件或图片)'}}</view>
|
|
|
<view style='position:relative;'>
|
|
|
<view v-if='!dataDetails.propertyAddressUrl' @click="uploadImg(2)" class="picture">
|
|
|
<image class="xj-image" src="@/static/mine/company/tianjiazhaopian@3x.png"></image>
|
|
|
</view>
|
|
|
- <view v-if='dataDetails.propertyAddressUrl' @click.stop="uploadImg(2)" class="preview-card-img picture">
|
|
|
+ <view v-if='dataDetails.propertyAddressUrl' @click.stop="uploadImg(2)" style='position:relative;'
|
|
|
+ class="preview-card-img picture">
|
|
|
<view @click.stop="delCard(2)">
|
|
|
<image class='del-card' src="@/static/images/common/quxiao@2x.png">
|
|
|
</image>
|
|
|
</view>
|
|
|
- <image class="uploadimage" :src="dataDetails.propertyAddressUrl" mode="aspectFit"></image>
|
|
|
+ <image class="uploadimage uploadimage-small" :src="dataDetails.propertyAddressUrl" mode="aspectFit">
|
|
|
+ </image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class='content3' v-if="dataDetails.landOwnership=='租赁'">
|
|
|
- <view class="flex row flex-space-between">
|
|
|
+ <view v-if="dataDetails.landOwnership=='租赁'" class="flex border-bottom mt20 align-center">
|
|
|
<view class="left-text">场地租赁截止日期</view>
|
|
|
- <view class='flex flex-space-between' @click="selectValidityPeriod(1)">
|
|
|
+ <view style='font-size:14px;width:50%;' class='flex flex-space-between'
|
|
|
+ @click="selectValidityPeriod(1)">
|
|
|
<view :style="{'color':dataDetails.siteLeaseDate ? '#000':'#C6CBD5'}">
|
|
|
{{dataDetails.siteLeaseDate?dataDetails.siteLeaseDate:'选择日期'}}
|
|
|
</view>
|
|
|
<view>
|
|
|
- <u-icon name="arrow-right" color="#7E7E7E" size="12"></u-icon>
|
|
|
+ <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4 -->
|
|
|
- <!-- dataDetails.videoAddressUrl -->
|
|
|
- <view class='content3' v-if="!dataDetails.videoAddressUrl"
|
|
|
- @click="goDetailPage('/pages/mine/company/companyvideo')">
|
|
|
- <view class="left-text">视频验证(打开摄像头并阅读提示文字)</view>
|
|
|
- <view class="video-icon">
|
|
|
- <u-icon size="40" name="camera-fill"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class='content3' v-if="dataDetails.videoAddressUrl">
|
|
|
- <view class="left-text">视频验证(点击按钮播放视频)</view>
|
|
|
- <video class="myVideo" :src="dataDetails.videoAddressUrl" controls></video>
|
|
|
- <!-- <view>
|
|
|
- <view class="video-icon">
|
|
|
- <u-icon size="40" name="play-circle-fill" @click="isSshowPlayVideo=true"></u-icon>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- </view>
|
|
|
|
|
|
+ </view>
|
|
|
<view class="content4">
|
|
|
- <view class="flex row noborder mt20 flex-space-between">
|
|
|
- <view class="left-text">申请开通平台垫付运费业务</view>
|
|
|
- <view>
|
|
|
- <u-switch @change="change" v-model="value" inactiveColor='#ABB0BB' size="20"></u-switch>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+
|
|
|
<view class="flex service align-center">
|
|
|
<u--image @click='consent'
|
|
|
:src="consentStatus==true?'../../../static/images/mine/duihao@2x.png':'../../../static/images/mine/wxz.png'"
|
|
@@ -179,13 +189,14 @@
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ videoPlay: false,
|
|
|
isSshowPlayVideo: false,
|
|
|
srcHandler() {
|
|
|
return `/hybrid/html/play.html?src=${this.dataDetails.videoAddressUrl}`
|
|
|
},
|
|
|
consentStatus: false,
|
|
|
ValidityPeriodType: '',
|
|
|
- value: true,
|
|
|
+ value: false,
|
|
|
radioCustomStyle: {
|
|
|
margin: '0 0 0 20rpx'
|
|
|
},
|
|
@@ -213,20 +224,27 @@
|
|
|
advanceFreightService: 1,
|
|
|
landOwnership: '自有',
|
|
|
videoAddressUrl: null,
|
|
|
- legalPersonName:''
|
|
|
+ legalPersonName: ''
|
|
|
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ onShow() {
|
|
|
+ console.log(uni.getStorageSync("videoSrc"))
|
|
|
+ var viderSrc = uni.getStorageSync("videoSrc")
|
|
|
+ if (viderSrc) {
|
|
|
+ this.dataDetails.videoAddressUrl = viderSrc
|
|
|
+ }
|
|
|
+ },
|
|
|
onLoad(options) {
|
|
|
- this.dataDetails.id=options.id
|
|
|
+ this.dataDetails.id = options.id
|
|
|
this.validityPeriod = this.$helper.makeValidityPeriod(0, '长期')
|
|
|
console.log(this)
|
|
|
this.dataDetails.commonId = this.userInfo.id
|
|
|
this.dataDetails.phone = this.userInfo.phone
|
|
|
console.log('```````````````')
|
|
|
console.log(options)
|
|
|
- if(uni.getStorageSync('companydata')){
|
|
|
+ if (uni.getStorageSync('companydata')) {
|
|
|
this.dataDetails = uni.getStorageSync('companydata')
|
|
|
}
|
|
|
this.dataDetails.videoAddressUrl = options.videoSrc
|
|
@@ -236,33 +254,52 @@
|
|
|
...mapState(['hasLogin', 'userInfo']),
|
|
|
},
|
|
|
methods: {
|
|
|
- getList(){
|
|
|
+ screenChange(e) {
|
|
|
+ let fullScreen = e.detail.fullScreen; // 值true为进入全屏,false为退出全屏
|
|
|
+ console.log(e, "全屏");
|
|
|
+ if (!fullScreen) {
|
|
|
+ //退出全屏
|
|
|
+ this.videoPlay = false; // 隐藏播放盒子
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 触发全屏播放的点击事件
|
|
|
+ videoShow() {
|
|
|
+ this.videoContext = uni.createVideoContext("myvideo", this); // this这个是实例对象 必传
|
|
|
+ this.videoContext.requestFullScreen({
|
|
|
+ direction: 270
|
|
|
+ });
|
|
|
+ this.videoContext.play();
|
|
|
+ this.videoPlay = true; // 显示播放盒子
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
uni.showLoading({
|
|
|
title: '加载中',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- var _this=this
|
|
|
- this.$request.baseRequest('get', '/companyInfo/getCompanyInfo', {id:this.dataDetails.id}).then(res => {
|
|
|
- uni.hideLoading()
|
|
|
- _this.dataDetails=res.data
|
|
|
+ mask: true
|
|
|
})
|
|
|
- .catch(res => {
|
|
|
- uni.hideLoading()
|
|
|
- uni.showToast({
|
|
|
- title: res.message,
|
|
|
- icon: 'none',
|
|
|
- duration: 2000
|
|
|
+ var _this = this
|
|
|
+ this.$request.baseRequest('get', '/companyInfo/getCompanyInfo', {
|
|
|
+ id: this.dataDetails.id
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ _this.dataDetails = res.data
|
|
|
})
|
|
|
- });
|
|
|
+ .catch(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showToast({
|
|
|
+ title: res.message,
|
|
|
+ icon: 'none',
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ });
|
|
|
},
|
|
|
- companyNameBlur(){
|
|
|
+ companyNameBlur() {
|
|
|
this.$request.baseRequest('get', '/companyInfo/repeatCompanyInfo', {
|
|
|
commonId: this.userInfo.id,
|
|
|
- companyName:this.dataDetails.companyName
|
|
|
+ companyName: this.dataDetails.companyName
|
|
|
}).then(res => {
|
|
|
- if (res.code==200) {
|
|
|
+ if (res.code == 200) {
|
|
|
// that.dataDetails.legalPersonName = res.data.name
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
uni.showToast({
|
|
|
title: res.message,
|
|
|
icon: 'none',
|
|
@@ -299,7 +336,7 @@
|
|
|
})
|
|
|
return true
|
|
|
}
|
|
|
- if (this.dataDetails.companyName.length<4||this.dataDetails.companyName.length>25) {
|
|
|
+ if (this.dataDetails.companyName.length < 4 || this.dataDetails.companyName.length > 25) {
|
|
|
this.$refs.uToast.show({
|
|
|
type: 'error',
|
|
|
message: "企业名称字数在4-25个字!",
|
|
@@ -349,7 +386,8 @@
|
|
|
return true
|
|
|
}
|
|
|
|
|
|
- if (uni.$u.test.isEmpty(this.dataDetails.propertyAddressUrl)) {
|
|
|
+ if (this.dataDetails.advanceFreightService == 1 && uni.$u.test.isEmpty(this.dataDetails
|
|
|
+ .propertyAddressUrl)) {
|
|
|
this.$refs.uToast.show({
|
|
|
type: 'error',
|
|
|
message: "房产证或租赁合同不能为空!",
|
|
@@ -357,7 +395,7 @@
|
|
|
return true
|
|
|
}
|
|
|
|
|
|
- if (this.dataDetails.landOwnership == '租赁') {
|
|
|
+ if (this.dataDetails.advanceFreightService == 1 && this.dataDetails.landOwnership == '租赁') {
|
|
|
if (uni.$u.test.isEmpty(this.dataDetails.siteLeaseDate)) {
|
|
|
this.$refs.uToast.show({
|
|
|
type: 'error',
|
|
@@ -366,13 +404,13 @@
|
|
|
return true
|
|
|
}
|
|
|
}
|
|
|
- // if (uni.$u.test.isEmpty(this.dataDetails.videoAddressUrl)) {
|
|
|
- // this.$refs.uToast.show({
|
|
|
- // type: 'error',
|
|
|
- // message: "视频认证不能为空!",
|
|
|
- // })
|
|
|
- // return true
|
|
|
- // }
|
|
|
+ if (uni.$u.test.isEmpty(this.dataDetails.videoAddressUrl)) {
|
|
|
+ this.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: "视频认证不能为空!",
|
|
|
+ })
|
|
|
+ return true
|
|
|
+ }
|
|
|
},
|
|
|
submit() {
|
|
|
if (this.validate()) return
|
|
@@ -449,7 +487,7 @@
|
|
|
sourceType: this.$helper.chooseImage.sourceType,
|
|
|
success: function(res) {
|
|
|
console.log(JSON.stringify(res.tempFilePaths));
|
|
|
- uploadImage('image',res.tempFilePaths[0], 'appData/',
|
|
|
+ uploadImage('image', res.tempFilePaths[0], 'appData/',
|
|
|
result => {
|
|
|
// 上传成功回调函数
|
|
|
console.log('图片地址', result)
|
|
@@ -478,7 +516,7 @@
|
|
|
sourceType: ['camera'],
|
|
|
success: function(res) {
|
|
|
console.log(JSON.stringify(res.tempFilePaths));
|
|
|
- uploadImage('image',res.tempFilePaths[0], 'appData/',
|
|
|
+ uploadImage('image', res.tempFilePaths[0], 'appData/',
|
|
|
result => {
|
|
|
// 上传成功回调函数
|
|
|
console.log('图片地址', result)
|
|
@@ -553,9 +591,11 @@
|
|
|
.content {
|
|
|
padding: 0 0 200rpx 0;
|
|
|
}
|
|
|
- /deep/.uni-input-input:disabled{
|
|
|
- background:#fff;
|
|
|
+
|
|
|
+ /deep/.uni-input-input:disabled {
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
+
|
|
|
page {
|
|
|
background: #F5F6FA;
|
|
|
}
|
|
@@ -650,7 +690,7 @@
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
- color: #999999;
|
|
|
+ color: #333333;
|
|
|
margin: 20rpx 0;
|
|
|
}
|
|
|
}
|
|
@@ -729,8 +769,6 @@
|
|
|
align-items: center;
|
|
|
color: #6A7282;
|
|
|
}
|
|
|
- .myVideo{
|
|
|
-
|
|
|
- }
|
|
|
|
|
|
+ .myVideo {}
|
|
|
</style>
|