From 6513c0b26da5896a462b89dbd0241aafb838f120 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 18 七月 2025 18:59:29 +0800
Subject: [PATCH] 调接口
---
small-program/pages/employment-certification/employment-certification.vue | 470 ++++++++++++++++++++++++++++++++++------------------------
1 files changed, 274 insertions(+), 196 deletions(-)
diff --git a/small-program/pages/employment-certification/employment-certification.vue b/small-program/pages/employment-certification/employment-certification.vue
index d9a0717..5b178d8 100644
--- a/small-program/pages/employment-certification/employment-certification.vue
+++ b/small-program/pages/employment-certification/employment-certification.vue
@@ -25,7 +25,7 @@
<input type="text" v-model="form.linkName" placeholder="璇疯緭鍏ョ湡瀹炲鍚�" />
</view>
</view>
- <view class="item" v-if="isCompany">
+ <view class="item" v-if="isCompany">
<view class="item-label">
<text>鍗曚綅鍚嶇О</text>
<text>*</text>
@@ -44,11 +44,11 @@
</view>
</view>
<view class="item" @click="chooseMPLoaction">
- <view class="item-label" >
+ <view class="item-label">
<text>鎺ュ崟浣嶇疆</text>
<text>*</text>
</view>
- <view class="item-val" >
+ <view class="item-val">
<text>{{form.location || '鍘婚�夋嫨'}}</text>
<u-icon name="arrow-right" color="#111111" size="18"></u-icon>
</view>
@@ -60,24 +60,27 @@
</view>
<view class="item-upload">
<view class="item-upload-item" @click="uploadImg(11)">
- <image v-if="form.img11Full && form.img11Full !=''" :src="form.img11Full" mode="widthFix"></image>
- <image v-else src="/static/image/btn_renxiang@2x.png" mode="widthFix"></image>
+ <image v-if="form.img11Full && form.img11Full !=''" :src="form.img11Full" mode="widthFix">
+ </image>
+ <image v-else src="/static/image/btn_renxiang@2x.png" mode="widthFix"></image>
</view>
- <view class="item-upload-item" @click="uploadImg(21)">
- <image v-if="form.img21Full && form.img21Full !=''" :src="form.img21Full" mode="widthFix"></image>
- <image v-else src="/static/image/btn_guohui@2x.png" mode="widthFix"></image>
+ <view class="item-upload-item" @click="uploadImg(21)">
+ <image v-if="form.img21Full && form.img21Full !=''" :src="form.img21Full" mode="widthFix">
+ </image>
+ <image v-else src="/static/image/btn_guohui@2x.png" mode="widthFix"></image>
</view>
</view>
</view>
- <view class="item" v-if="isCompany">
+ <view class="item" v-if="isCompany">
<view class="item-label">
<text>璁よ瘉璧勬枡</text>
<text>*</text>
</view>
<view class="item-upload" v-if="flag==0">
- <view class="item-upload-item1" @click="uploadImg(1)">
+ <view class="item-upload-item1" @click="uploadImg(1)">
<view class="image">
- <image v-if="form.img1Full && form.img1Full !=''" :src=" form.img1Full" mode="widthFix"></image>
+ <image v-if="form.img1Full && form.img1Full !=''" :src=" form.img1Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -86,9 +89,10 @@
<text>*</text>
</view>
</view>
- <view class="item-upload-item1" @click="uploadImg(2)">
+ <view class="item-upload-item1" @click="uploadImg(2)">
<view class="image">
- <image v-if="form.img2Full && form.img2Full !=''" :src=" form.img2Full" mode="widthFix"></image>
+ <image v-if="form.img2Full && form.img2Full !=''" :src=" form.img2Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -98,9 +102,10 @@
</view>
</view>
<view class="item-upload" v-if="flag==1">
- <view class="item-upload-item1" @click="uploadImg(1)">
+ <view class="item-upload-item1" @click="uploadImg(1)">
<view class="image">
- <image v-if="form.img1Full && form.img1Full !=''" :src=" form.img1Full" mode="widthFix"></image>
+ <image v-if="form.img1Full && form.img1Full !=''" :src=" form.img1Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -109,9 +114,10 @@
<text>*</text>
</view>
</view>
- <view class="item-upload-item1" @click="uploadImg(2)">
+ <view class="item-upload-item1" @click="uploadImg(2)">
<view class="image">
- <image v-if="form.img2Full && form.img2Full !=''" :src=" form.img2Full" mode="widthFix"></image>
+ <image v-if="form.img2Full && form.img2Full !=''" :src=" form.img2Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -120,9 +126,10 @@
<text>*</text>
</view>
</view>
- <view class="item-upload-item1" @click="uploadImg(3)">
+ <view class="item-upload-item1" @click="uploadImg(3)">
<view class="image">
- <image v-if="form.img3Full && form.img3Full !=''" :src=" form.img3Full" mode="widthFix"></image>
+ <image v-if="form.img3Full && form.img3Full !=''" :src=" form.img3Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -132,9 +139,10 @@
</view>
</view>
<view class="item-upload" v-if="flag==2">
- <view class="item-upload-item1" @click="uploadImg(1)">
+ <view class="item-upload-item1" @click="uploadImg(1)">
<view class="image">
- <image v-if="form.img1Full && form.img1Full !=''" :src=" form.img1Full" mode="widthFix"></image>
+ <image v-if="form.img1Full && form.img1Full !=''" :src=" form.img1Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -143,9 +151,10 @@
<text>*</text>
</view>
</view>
- <view class="item-upload-item1" @click="uploadImg(2)">
+ <view class="item-upload-item1" @click="uploadImg(2)">
<view class="image">
- <image v-if="form.img2Full && form.img2Full !=''" :src=" form.img2Full" mode="widthFix"></image>
+ <image v-if="form.img2Full && form.img2Full !=''" :src=" form.img2Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -154,9 +163,10 @@
<text>*</text>
</view>
</view>
- <view class="item-upload-item1" @click="uploadImg(3)">
+ <view class="item-upload-item1" @click="uploadImg(3)">
<view class="image">
- <image v-if="form.img3Full && form.img3Full !=''" :src=" form.img3Full" mode="widthFix"></image>
+ <image v-if="form.img3Full && form.img3Full !=''" :src=" form.img3Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -165,9 +175,10 @@
<text>*</text>
</view>
</view>
- <view class="item-upload-item1" @click="uploadImg(4)">
+ <view class="item-upload-item1" @click="uploadImg(4)">
<view class="image">
- <image v-if="form.img4Full && form.img4Full !=''" :src=" form.img4Full" mode="widthFix"></image>
+ <image v-if="form.img4Full && form.img4Full !=''" :src=" form.img4Full" mode="widthFix">
+ </image>
<image v-else src="/static/icon/ic_camera@2x.png" mode="widthFix"></image>
<text>鐐瑰嚮涓婁紶</text>
</view>
@@ -185,21 +196,23 @@
</template>
<script>
- import { mapState } from 'vuex'
+ import {
+ mapState
+ } from 'vuex'
export default {
computed: {
- ...mapState( ['userInfo'])
+ ...mapState(['userInfo'])
},
data() {
return {
bgImg: require('@/static/image/bg_renzheng_yonggong@2x.png'),
title: '鐢ㄦ埛璁よ瘉',
flag: null,
- isCompany:false,
- loading:false,
+ isCompany: false,
+ loading: false,
form: {
"companyName": "",
- authType:0,
+ authType: 0,
"img1": "",
"img2": "",
"img11": "",
@@ -216,152 +229,188 @@
"lat": null,
"lgt": null,
"linkName": "",
- "location": "",
+ "location": "",
"telephone": "",
- "type": 1
+ "type": 1
}
};
},
onLoad(options) {
console.log(options)
var flag = options.flag
- this.flag = flag
+ this.flag = flag
this.initFormData()
- switch(flag){
+ switch (flag) {
case '1':
- this.title = '璐ц繍璁よ瘉'
+ this.title = '璐ц繍璁よ瘉'
this.bgImg = require('@/static/image/bg_renzheng_huoyun@2x.png')
break;
case '2':
- this.title = '渚涢璁よ瘉'
+ this.title = '渚涢璁よ瘉'
this.bgImg = require('@/static/image/bg_renzheng_gongcan@2x.png')
break;
default:
this.bgImg = require('@/static/image/bg_renzheng_yonggong@2x.png'),
- this.title = '鐢ㄥ伐璁よ瘉'
- break;
+ this.title = '鐢ㄥ伐璁よ瘉'
+ break;
}
uni.setNavigationBarTitle({
- title:this.title
+ title: this.title
})
},
- methods:{
- changeIsCompany(){
- this.isCompany =!this.isCompany
- this.form.authType = this.isCompany?1:0
+ methods: {
+ changeIsCompany() {
+ this.isCompany = !this.isCompany
+ this.form.authType = this.isCompany ? 1 : 0
},
- inNullParam(param){
- if(!param){
+ inNullParam(param) {
+ if (!param) {
return true
}
- if(param == ''){
+ if (param == '') {
return true
}
return false
},
applySubmit() {
- if(this.loading){
+ if (this.loading) {
return
}
- console.log('琛ㄥ崟鍙傛暟锛�',this.form)
- this.loading =true
- if(this.inNullParam(this.form.linkName)
- ||this.inNullParam(this.form.lat)
- ||this.inNullParam(this.form.lgt)
- ||this.inNullParam(this.form.location)
- ||this.inNullParam(this.form.telephone)){
- uni.showToast({title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅1锛�',icon: "none",duration: 2000});
- this.loading =false
- return
- }
- if( this.form.authType == 0){
- if(this.inNullParam(this.form.img11)||this.inNullParam(this.form.img21)){
- uni.showToast({title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅3锛�',icon: "none",duration: 2000});
- this.loading =false
+ console.log('琛ㄥ崟鍙傛暟锛�', this.form)
+ this.loading = true
+ if (this.inNullParam(this.form.linkName) ||
+ this.inNullParam(this.form.lat) ||
+ this.inNullParam(this.form.lgt) ||
+ this.inNullParam(this.form.location) ||
+ this.inNullParam(this.form.telephone)) {
+ uni.showToast({
+ title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅1锛�',
+ icon: "none",
+ duration: 2000
+ });
+ this.loading = false
return
- }
- }else{
- if(this.inNullParam(this.form.img1) || this.inNullParam(this.form.companyName)){
- uni.showToast({title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅4锛�',icon: "none",duration: 2000});
- this.loading =false
+ }
+ if (this.form.authType == 0) {
+ if (this.inNullParam(this.form.img11) || this.inNullParam(this.form.img21)) {
+ uni.showToast({
+ title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅3锛�',
+ icon: "none",
+ duration: 2000
+ });
+ this.loading = false
return
- }
- }
- if(this.form.type != 0 && this.form.authType == 1 && this.inNullParam(this.form.img2)){
- uni.showToast({title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅锛�',icon: "none",duration: 2000});
- this.loading =false
+ }
+ } else {
+ if (this.inNullParam(this.form.img1) || this.inNullParam(this.form.companyName)) {
+ uni.showToast({
+ title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅4锛�',
+ icon: "none",
+ duration: 2000
+ });
+ this.loading = false
+ return
+ }
+ }
+ if (this.form.type != 0 && this.form.authType == 1 && this.inNullParam(this.form.img2)) {
+ uni.showToast({
+ title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅锛�',
+ icon: "none",
+ duration: 2000
+ });
+ this.loading = false
return
- }
- if(this.form.type == 1 && this.form.authType == 1 && this.inNullParam(this.form.img2)){
- uni.showToast({title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅5锛�',icon: "none",duration: 2000});
- this.loading =false
+ }
+ if (this.form.type == 1 && this.form.authType == 1 && this.inNullParam(this.form.img2)) {
+ uni.showToast({
+ title: '瀵逛笉璧凤紝璇锋寜瑕佹眰濉啓鐢宠淇℃伅5锛�',
+ icon: "none",
+ duration: 2000
+ });
+ this.loading = false
return
- }
-
- var that = this
- var param =this.form;
- if(this.form.authType == 0){
- param.img1 = this.form.img11,
- param.img2 = this.form.img21
- }
- console.log('鎻愪氦鍙傛暟锛�',param)
- this.$u.api.applyForIdentity(param).then(res =>{
- if(res.code ===200){
- uni.showToast({
- title: res.message||'鐢宠鎴愬姛 ',
- icon: "none",
- duration: 2000
- });
- uni.navigateBack({ delta: 1 });
- }
- }).finally(()=>{
- that.loading =false
- })
- } ,
- chooseMPLoaction(){
- var that =this
+ }
+ var that = this
+ var param = this.form;
+ if (this.form.authType == 0) {
+ param.img1 = this.form.img11,
+ param.img2 = this.form.img21
+ }
+ uni.requestSubscribeMessage({
+ tmplIds: ['4H9ztG4E9BxJLwMuYSZ6oiM7yb4KX7u7bYhkhYJP0-Y'],
+ success(res) {
+ console.log('鎻愪氦鍙傛暟锛�', param)
+ this.$u.api.applyForIdentity(param).then(res => {
+ if (res.code === 200) {
+ uni.showToast({
+ title: res.message || '鐢宠鎴愬姛 ',
+ icon: "none",
+ duration: 2000
+ });
+ uni.navigateBack({
+ delta: 1
+ });
+ }
+ }).finally(() => {
+ that.loading = false
+ })
+ }
+ })
+ },
+ chooseMPLoaction() {
+ var that = this
uni.chooseLocation({
- success:(res)=> {
+ success: (res) => {
console.log(res);
- this.form.location=res.address
- this.form.lat=res.latitude
- this.form.lgt=res.longitude
+ this.form.location = res.address
+ this.form.lat = res.latitude
+ this.form.lgt = res.longitude
},
- fail:()=>{
+ fail: () => {
// 濡傛灉鐢╱ni.chooseLocation娌℃湁鑾峰彇鍒板湴鐞嗕綅缃紝鍒欓渶瑕佽幏鍙栧綋鍓嶇殑鎺堟潈淇℃伅锛屽垽鏂槸鍚︽湁鍦扮悊鎺堟潈淇℃伅
uni.getSetting({
success: (res) => {
console.log(res);
var status = res.authSetting;
- if(!status['scope.userLocation']){
- // 濡傛灉鎺堟潈淇℃伅涓病鏈夊湴鐞嗕綅缃殑鎺堟潈锛屽垯闇�瑕佸脊绐楁彁绀虹敤鎴烽渶瑕佹巿鏉冨湴鐞嗕俊鎭�
+ if (!status['scope.userLocation']) {
+ // 濡傛灉鎺堟潈淇℃伅涓病鏈夊湴鐞嗕綅缃殑鎺堟潈锛屽垯闇�瑕佸脊绐楁彁绀虹敤鎴烽渶瑕佹巿鏉冨湴鐞嗕俊鎭�
uni.showModal({
- title:"鏄惁鎺堟潈褰撳墠浣嶇疆",
- content:"闇�瑕佽幏鍙栨偍鐨勫湴鐞嗕綅缃紝璇风‘璁ゆ巿鏉冿紝鍚﹀垯鍦板浘鍔熻兘灏嗘棤娉曚娇鐢�",
- success:(tip)=>{
- if(tip.confirm){
- // 濡傛灉鐢ㄦ埛鍚屾剰鎺堟潈鍦扮悊淇℃伅锛屽垯鎵撳紑鎺堟潈璁剧疆椤甸潰锛屽垽鏂敤鎴风殑鎿嶄綔
+ title: "鏄惁鎺堟潈褰撳墠浣嶇疆",
+ content: "闇�瑕佽幏鍙栨偍鐨勫湴鐞嗕綅缃紝璇风‘璁ゆ巿鏉冿紝鍚﹀垯鍦板浘鍔熻兘灏嗘棤娉曚娇鐢�",
+ success: (tip) => {
+ if (tip.confirm) {
+ // 濡傛灉鐢ㄦ埛鍚屾剰鎺堟潈鍦扮悊淇℃伅锛屽垯鎵撳紑鎺堟潈璁剧疆椤甸潰锛屽垽鏂敤鎴风殑鎿嶄綔
uni.openSetting({
- success:(data)=>{
- // 濡傛灉鐢ㄦ埛鎺堟潈浜嗗湴鐞嗕俊鎭湪锛屽垯鎻愮ず鎺堟潈鎴愬姛
- if(data.authSetting['scope.userLocation']===true){
+ success: (data) => {
+ // 濡傛灉鐢ㄦ埛鎺堟潈浜嗗湴鐞嗕俊鎭湪锛屽垯鎻愮ず鎺堟潈鎴愬姛
+ if (data
+ .authSetting[
+ 'scope.userLocation'
+ ] === true
+ ) {
uni.showToast({
- title:"鎺堟潈鎴愬姛",
- icon:"success",
- duration:1000
+ title: "鎺堟潈鎴愬姛",
+ icon: "success",
+ duration: 1000
})
// 鎺堟潈鎴愬姛鍚庯紝鐒跺悗鍐嶆chooseLocation鑾峰彇淇℃伅
uni.chooseLocation({
- success: (res) => {
- console.log("璇︾粏鍦板潃",res);
+ success: (
+ res
+ ) => {
+ console
+ .log(
+ "璇︾粏鍦板潃",
+ res
+ );
// this.getRegionFn(res);
}
})
- }else{
+ } else {
uni.showToast({
- title:"鎺堟潈澶辫触",
- icon:"none",
- duration:1000
+ title: "鎺堟潈澶辫触",
+ icon: "none",
+ duration: 1000
})
}
}
@@ -373,90 +422,90 @@
},
fail: (res) => {
uni.showToast({
- title:"璋冪敤鎺堟潈绐楀彛澶辫触",
- icon:"none",
- duration:1000
+ title: "璋冪敤鎺堟潈绐楀彛澶辫触",
+ icon: "none",
+ duration: 1000
})
}
})
}
})
},
- uploadImg(index){
- var that =this
+ uploadImg(index) {
+ var that = this
uni.chooseImage({
count: 1, // 榛樿9
sizeType: ['original', 'compressed'],
- sourceType: ['album','camera'],//['album','camera'],
- mediaType: ['image'],//['image', 'video'],
- success: function (res1) {
- const tempFiles = res1.tempFiles //鍖呭惈鍥剧墖澶у皬鐨勬暟缁�
- if (tempFiles[0].size > 20*1024*1024) {
- uni.showToast({
- title: '涓婁紶鍥剧墖涓嶈兘澶т簬20M!',
- duration: 2000,
- icon: "none"
- });
- return
- }
-
- uni.uploadFile({
- url: that.$baseUrl + 'web/public/upload',
- filePath: res1.tempFilePaths[0],
- name: 'file',
- formData: {
- 'folder': 'identity',
- 'flag':index
- },
- success:(data)=>{
+ sourceType: ['album', 'camera'], //['album','camera'],
+ mediaType: ['image'], //['image', 'video'],
+ success: function(res1) {
+ const tempFiles = res1.tempFiles //鍖呭惈鍥剧墖澶у皬鐨勬暟缁�
+ if (tempFiles[0].size > 20 * 1024 * 1024) {
uni.showToast({
- title: '涓婁紶鎴愬姛',
+ title: '涓婁紶鍥剧墖涓嶈兘澶т簬20M!',
duration: 2000,
icon: "none"
});
- const res = JSON.parse(data.data)
-
- console.log(res)
- if(res.data.flag == '11'){
- that.form.img11=res.data.imgaddr
- that.form.img11Full=res.data.url
- }else if(res.data.flag == '21'){
- that.form.img21=res.data.imgaddr
- that.form.img21Full=res.data.url
- console.log(21,that.form.img21Full)
- }else if(res.data.flag == '1'){
- that.form.img1=res.data.imgaddr
- that.form.img1Full=res.data.url
- }else if(res.data.flag == '2'){
- that.form.img2=res.data.imgaddr
- that.form.img2Full=res.data.url
- }else if(res.data.flag == '3'){
- that.form.img3=res.data.imgaddr
- that.form.img3Full=res.data.url
- }else if(res.data.flag == '4'){
- that.form.img4=res.data.imgaddr
- that.form.img4Full=res.data.url
- }
- },
- fail:(e)=>{
- uni.showToast({
- title: '涓婁紶澶辫触',
- duration: 2000,
- icon: "none"
- });
+ return
}
- })
+
+ uni.uploadFile({
+ url: that.$baseUrl + 'web/public/upload',
+ filePath: res1.tempFilePaths[0],
+ name: 'file',
+ formData: {
+ 'folder': 'identity',
+ 'flag': index
+ },
+ success: (data) => {
+ uni.showToast({
+ title: '涓婁紶鎴愬姛',
+ duration: 2000,
+ icon: "none"
+ });
+ const res = JSON.parse(data.data)
+
+ console.log(res)
+ if (res.data.flag == '11') {
+ that.form.img11 = res.data.imgaddr
+ that.form.img11Full = res.data.url
+ } else if (res.data.flag == '21') {
+ that.form.img21 = res.data.imgaddr
+ that.form.img21Full = res.data.url
+ console.log(21, that.form.img21Full)
+ } else if (res.data.flag == '1') {
+ that.form.img1 = res.data.imgaddr
+ that.form.img1Full = res.data.url
+ } else if (res.data.flag == '2') {
+ that.form.img2 = res.data.imgaddr
+ that.form.img2Full = res.data.url
+ } else if (res.data.flag == '3') {
+ that.form.img3 = res.data.imgaddr
+ that.form.img3Full = res.data.url
+ } else if (res.data.flag == '4') {
+ that.form.img4 = res.data.imgaddr
+ that.form.img4Full = res.data.url
+ }
+ },
+ fail: (e) => {
+ uni.showToast({
+ title: '涓婁紶澶辫触',
+ duration: 2000,
+ icon: "none"
+ });
+ }
+ })
},
- fail:function(err){
- hideLoading()
- reject("閫夋嫨鏂囦欢澶辫触",err)
+ fail: function(err) {
+ hideLoading()
+ reject("閫夋嫨鏂囦欢澶辫触", err)
}
})
},
- initFormData(){
+ initFormData() {
this.form = {
"companyName": "",
- authType:0,
+ authType: 0,
"img1": "",
"img2": "",
"img11": "",
@@ -473,8 +522,8 @@
"lat": null,
"lgt": null,
"linkName": this.userInfo.name,
- "location": "",
- "telephone": this.userInfo.telephone,
+ "location": "",
+ "telephone": this.userInfo.telephone,
"type": this.flag
}
}
@@ -491,6 +540,7 @@
<style lang="scss" scoped>
.box {
width: 100%;
+
.box-head {
width: 100%;
height: 300rpx;
@@ -498,6 +548,7 @@
box-sizing: border-box;
background-repeat: no-repeat;
background-size: 100% 100%;
+
.box-head-botton {
width: 100%;
height: 88rpx;
@@ -510,24 +561,28 @@
border-radius: 44rpx;
margin-top: 30rpx;
}
+
.box-head-info {
width: 100%;
display: flex;
flex-direction: column;
+
text {
&:nth-child(1) {
font-weight: bold;
font-size: 48rpx;
color: #FFFFFF;
}
+
&:nth-child(2) {
font-weight: 400;
font-size: 26rpx;
- color: rgba(255,255,255,0.8);
+ color: rgba(255, 255, 255, 0.8);
margin-top: 14rpx;
}
}
}
+
.box-head-content {
width: 100%;
padding: 40rpx 30rpx;
@@ -535,14 +590,17 @@
background-color: #FFFFFF;
border-radius: 20rpx;
margin-top: 30rpx;
+
.item {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 30rpx;
+
&:last-child {
margin: 0 !important;
}
+
.item-cate {
width: 100%;
display: flex;
@@ -550,10 +608,12 @@
padding: 30rpx 0;
box-sizing: border-box;
border-bottom: 1rpx solid #E5E5E5;
+
.active {
background: #00BC12 !important;
color: #FFFFFF !important;
}
+
.item-cate-row {
width: 208rpx;
height: 72rpx;
@@ -562,20 +622,24 @@
background: #EEEEEE;
border-radius: 36rpx;
margin-right: 20rpx;
+
&:last-child {
margin: 0 !important;
}
}
}
+
.item-label {
display: flex;
align-items: center;
+
text {
&:nth-child(1) {
font-weight: 500;
font-size: 32rpx;
color: #222222;
}
+
&:nth-child(2) {
font-weight: 500;
font-size: 32rpx;
@@ -583,6 +647,7 @@
}
}
}
+
.item-upload {
width: 100%;
padding: 30rpx 0;
@@ -591,6 +656,7 @@
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
+
.item-upload-item {
width: 300rpx;
border-radius: 10px;
@@ -599,30 +665,35 @@
align-items: center;
justify-content: content;
overflow: hidden;
- border:1px solid #c2c2c2;
+ border: 1px solid #c2c2c2;
+
image {
width: 100%;
height: 100%;
}
}
+
.item-upload-item1 {
width: 45%;
padding-bottom: 40px;
border-radius: 10px;
+
.image {
width: 100%;
height: 196rpx;
background: #F7F7F7;
- border:1px solid #c2c2c2;
+ border: 1px solid #c2c2c2;
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
+
image {
width: 48rpx;
height: 48rpx;
}
+
text {
font-weight: 400;
font-size: 28rpx;
@@ -630,18 +701,21 @@
margin-top: 12rpx;
}
}
+
.info {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 16rpx;
+
text {
&:nth-child(1) {
font-weight: 400;
font-size: 26rpx;
color: #333333;
}
+
&:nth-child(2) {
font-weight: 400;
font-size: 26rpx;
@@ -651,6 +725,7 @@
}
}
}
+
.item-val {
width: 100%;
padding: 30rpx 0;
@@ -660,17 +735,20 @@
align-items: center;
justify-content: space-between;
border-bottom: 1rpx solid #E5E5E5;
+
input {
width: 100%;
font-weight: 400;
font-size: 30rpx;
color: #222222;
}
+
text {
font-weight: 400;
font-size: 30rpx;
color: #666666;
}
+
button {
width: 100%;
height: 100%;
@@ -684,4 +762,4 @@
}
}
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3