更新
This commit is contained in:
weipengfei
parent
0c97fe7020
commit
cc453c8d4e
@ -302,7 +302,9 @@ export function storeActivityQrcode(data) {
|
|||||||
|
|
||||||
// 活动商品专区
|
// 活动商品专区
|
||||||
export function storeActivityProduct(data) {
|
export function storeActivityProduct(data) {
|
||||||
return request.get(`storeActivity/product`, data);
|
return request.get(`storeActivity/product`, data, {
|
||||||
|
noAuth: true
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 活动区域列表
|
// 活动区域列表
|
||||||
|
|||||||
@ -8,6 +8,7 @@ let httpApiTwo
|
|||||||
let httpApiThree
|
let httpApiThree
|
||||||
let httpApiFour
|
let httpApiFour
|
||||||
let httpApiFive
|
let httpApiFive
|
||||||
|
let httpApiSix
|
||||||
let wsApi
|
let wsApi
|
||||||
|
|
||||||
// 在打包之前请检查当前环境是否正确
|
// 在打包之前请检查当前环境是否正确
|
||||||
@ -21,6 +22,7 @@ switch (env) {
|
|||||||
httpApiTwo = 'https://nk.lihaink.cn'
|
httpApiTwo = 'https://nk.lihaink.cn'
|
||||||
httpApiThree = 'http://ceshi-oa.lihaink.cn'
|
httpApiThree = 'http://ceshi-oa.lihaink.cn'
|
||||||
httpApiFour = 'https://worker-task.lihaink.cn'
|
httpApiFour = 'https://worker-task.lihaink.cn'
|
||||||
|
httpApiSix = 'https://new-worker.lihaink.cn'
|
||||||
wsApi = 'wss://shop.lihaink.cn'
|
wsApi = 'wss://shop.lihaink.cn'
|
||||||
break;
|
break;
|
||||||
case 'prew':
|
case 'prew':
|
||||||
@ -28,6 +30,7 @@ switch (env) {
|
|||||||
httpApiTwo = "https://nk.lihaink.cn"
|
httpApiTwo = "https://nk.lihaink.cn"
|
||||||
httpApiThree = 'http://ceshi-oa.lihaink.cn'
|
httpApiThree = 'http://ceshi-oa.lihaink.cn'
|
||||||
httpApiFour = 'https://preview-worker-task.lihaink.cn'
|
httpApiFour = 'https://preview-worker-task.lihaink.cn'
|
||||||
|
httpApiSix = 'https://ceshi-new-wokr.lihaink.cn'
|
||||||
wsApi = 'wss://test.shop.lihaink.cn'
|
wsApi = 'wss://test.shop.lihaink.cn'
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@ -36,6 +39,7 @@ switch (env) {
|
|||||||
httpApiThree = 'http://ceshi-oa.lihaink.cn'
|
httpApiThree = 'http://ceshi-oa.lihaink.cn'
|
||||||
httpApiFour = 'https://ceshi-worker-task.lihaink.cn'
|
httpApiFour = 'https://ceshi-worker-task.lihaink.cn'
|
||||||
httpApiFive = 'https://ceshi-zhibo.lihaink.cn'
|
httpApiFive = 'https://ceshi-zhibo.lihaink.cn'
|
||||||
|
httpApiSix = 'https://ceshi-new-wokr.lihaink.cn'
|
||||||
wsApi = 'wss://crmeb-test.shop.lihaink.cn'
|
wsApi = 'wss://crmeb-test.shop.lihaink.cn'
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -55,6 +59,7 @@ module.exports = {
|
|||||||
HTTP_REQUEST_URL_THREE: httpApiThree,
|
HTTP_REQUEST_URL_THREE: httpApiThree,
|
||||||
HTTP_REQUEST_URL_FOUR: httpApiFour,
|
HTTP_REQUEST_URL_FOUR: httpApiFour,
|
||||||
HTTP_REQUEST_URL_FIVE: httpApiFive,
|
HTTP_REQUEST_URL_FIVE: httpApiFive,
|
||||||
|
HTTP_REQUEST_URL_SIX: httpApiSix,
|
||||||
VUE_APP_WS_URL: `${wsApi}?type=user`,
|
VUE_APP_WS_URL: `${wsApi}?type=user`,
|
||||||
VUE_APP_WS_URL_ONE:wsApi_one,
|
VUE_APP_WS_URL_ONE:wsApi_one,
|
||||||
// #endif
|
// #endif
|
||||||
@ -64,6 +69,7 @@ module.exports = {
|
|||||||
HTTP_REQUEST_URL: process.env.NODE_ENV == 'development'? httpApi : window.location.protocol + "//" + window.location.host,
|
HTTP_REQUEST_URL: process.env.NODE_ENV == 'development'? httpApi : window.location.protocol + "//" + window.location.host,
|
||||||
HTTP_REQUEST_URL_TWO: httpApiTwo,
|
HTTP_REQUEST_URL_TWO: httpApiTwo,
|
||||||
HTTP_REQUEST_URL_FIVE: httpApiFive,
|
HTTP_REQUEST_URL_FIVE: httpApiFive,
|
||||||
|
HTTP_REQUEST_URL_SIX: httpApiSix,
|
||||||
HTTP_REQUEST_URL_FOUR: window.location.host == 'shop.lihaink.cn' ?'https://worker-task.lihaink.cn':window.location.host == 'test.shop.lihaink.cn'?'https://preview-worker-task.lihaink.cn':'https://ceshi-worker-task.lihaink.cn',
|
HTTP_REQUEST_URL_FOUR: window.location.host == 'shop.lihaink.cn' ?'https://worker-task.lihaink.cn':window.location.host == 'test.shop.lihaink.cn'?'https://preview-worker-task.lihaink.cn':'https://ceshi-worker-task.lihaink.cn',
|
||||||
|
|
||||||
// 聊天长连接地址
|
// 聊天长连接地址
|
||||||
|
|||||||
32
pages.json
32
pages.json
@ -240,7 +240,7 @@
|
|||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
"navigationBarTitleText" : "红包余额",
|
"navigationBarTitleText" : "红包余额",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"onReachBottomDistance": 300
|
"onReachBottomDistance": 300
|
||||||
}
|
}
|
||||||
@ -250,7 +250,7 @@
|
|||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
"navigationBarTitleText" : "实物通用红包",
|
"navigationBarTitleText" : "实物通用红包",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"onReachBottomDistance": 300
|
"onReachBottomDistance": 300
|
||||||
}
|
}
|
||||||
@ -260,7 +260,7 @@
|
|||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
"navigationBarTitleText" : "现金抵扣红包",
|
"navigationBarTitleText" : "现金抵扣红包",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"onReachBottomDistance": 300
|
"onReachBottomDistance": 300
|
||||||
}
|
}
|
||||||
@ -270,7 +270,7 @@
|
|||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
"navigationBarTitleText" : "两元专区",
|
"navigationBarTitleText" : "两元专区",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"onReachBottomDistance": 300
|
"onReachBottomDistance": 300
|
||||||
}
|
}
|
||||||
@ -288,7 +288,29 @@
|
|||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
"navigationBarTitleText" : "新人礼包",
|
"navigationBarTitleText" : "新人礼包",
|
||||||
"enablePullDownRefresh" : false
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"onReachBottomDistance": 300
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path" : "pages/helpPeople/helpPeople",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText" : "",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"onReachBottomDistance": 300
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path" : "pages/helpPeople/formTable",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText" : "信息收集",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"onReachBottomDistance": 300
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
994
pages/helpPeople/formTable.vue
Normal file
994
pages/helpPeople/formTable.vue
Normal file
@ -0,0 +1,994 @@
|
|||||||
|
<template>
|
||||||
|
<view class="box" style="position: relative;">
|
||||||
|
<image @click="back" class="bg_back"
|
||||||
|
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
||||||
|
<view class="bg">
|
||||||
|
<view class="user-info">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
户主姓名
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.name" color='#7A7A7A' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
联系方式
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.contact" color='#7A7A7A' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
家庭人数
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.family_count" color='#7A7A7A' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
家庭地址
|
||||||
|
</view>
|
||||||
|
<view class="value" style="width: 400rpx;">
|
||||||
|
<u--input v-model="formData.address" color='#7A7A7A' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="tit">
|
||||||
|
<view class="">
|
||||||
|
助民惠农
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
{{saveNum}}/5
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- content -->
|
||||||
|
<view class="">
|
||||||
|
<view class="card">
|
||||||
|
<view class="card-tit">
|
||||||
|
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
|
||||||
|
<view class="" :style="{color:SaveList[0]?'#FF5E0C':'' }">
|
||||||
|
房子出租需求
|
||||||
|
</view>
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" width="36rpx"
|
||||||
|
height="36rpx" style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(0)' />
|
||||||
|
</view>
|
||||||
|
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(0)'>
|
||||||
|
展开
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
|
||||||
|
height="24rpx" class='icon' :style=" {transform:isOpen[0]? 'rotate(180deg)' :'rotate(0)'} " />
|
||||||
|
</view>
|
||||||
|
<view class="finsh" v-if='!isOpen[0] && SaveList[0]'>
|
||||||
|
<view class="finsh-top" />
|
||||||
|
<view class="finsh-cont">
|
||||||
|
已完成
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="card-content" :style="{height:isOpen[0]?'0':'620rpx',padding: isOpen[0]?'0':'20rpx' } "
|
||||||
|
style="height: 0;padding: 0;">
|
||||||
|
<view class="form-tit">
|
||||||
|
<view class="" :style="{color:SaveList[0]?'#FF5E0C':'' }">
|
||||||
|
房子出租需求
|
||||||
|
</view>
|
||||||
|
<view class="submit" v-if='!SaveList[0]' @click="sava(0)">
|
||||||
|
保存
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
面积
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_rent_info.area" :readonly='SaveList[0]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
出租年限
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_rent_info.ageLimit" :readonly='SaveList[0]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
出租要求
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_rent_info.request" :readonly='SaveList[0]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
主题结构是否完整
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_rent_info.isFinish" :readonly='SaveList[0]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
是否允许装修
|
||||||
|
</view>
|
||||||
|
<view class="value" :readonly='SaveList[0]'>
|
||||||
|
<u--input readonly v-model="formData.house_rent_info.fitment" color='#7A7A7A' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- content -->
|
||||||
|
|
||||||
|
<view class="">
|
||||||
|
<view class="card">
|
||||||
|
<view class="card-tit">
|
||||||
|
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
|
||||||
|
<view class="" :style="{color:SaveList[1]?'#FF5E0C':'' }">
|
||||||
|
空闲土地出租需求
|
||||||
|
</view>
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" width="36rpx"
|
||||||
|
height="36rpx" style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(1)' />
|
||||||
|
</view>
|
||||||
|
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(1)'>
|
||||||
|
展开
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
|
||||||
|
height="24rpx" class='icon' :style=" {transform:isOpen[1]? 'rotate(180deg)' :'rotate(0)'} " />
|
||||||
|
</view>
|
||||||
|
<view class="finsh" v-if='!isOpen[1] && SaveList[1]'>
|
||||||
|
<view class="finsh-top" />
|
||||||
|
<view class="finsh-cont">
|
||||||
|
已完成
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="card-content" :style="{height:isOpen[1]?'0':'860rpx',padding: isOpen[1]?'0':'20rpx' } "
|
||||||
|
style="height: 0;padding: 0;">
|
||||||
|
<view class="form-tit">
|
||||||
|
<view class="">
|
||||||
|
空闲土地出租需求
|
||||||
|
</view>
|
||||||
|
<view class="submit" v-if='!SaveList[1]' @click="sava(1)">
|
||||||
|
保存
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
是否可以种养
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.isBreeding" :readonly='SaveList[1]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
面积
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.area" :readonly='SaveList[1]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
种养要求
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.request" :readonly='SaveList[1]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
租金和支付方式
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.payInfo" :readonly='SaveList[1]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
土地优势
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.advantage" :readonly='SaveList[1]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
土地缺点
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.shortcoming" color='#7A7A7A' :readonly='SaveList[1]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
闲置原因
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.reson" color='#7A7A7A' :readonly='SaveList[1]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
使用年限
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.land_rent_info.ageLimit" :readonly='SaveList[1]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- content -->
|
||||||
|
<view class="">
|
||||||
|
<view class="card">
|
||||||
|
<view class="card-tit">
|
||||||
|
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
|
||||||
|
<view class="" :style="{color:SaveList[2]?'#FF5E0C':'' }">
|
||||||
|
农副产品出售需求
|
||||||
|
</view>
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" width="36rpx"
|
||||||
|
height="36rpx" style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(2)' />
|
||||||
|
</view>
|
||||||
|
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(2)'>
|
||||||
|
展开
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
|
||||||
|
height="24rpx" class='icon' :style=" {transform:isOpen[2]? 'rotate(180deg)' :'rotate(0)'} " />
|
||||||
|
</view>
|
||||||
|
<view class="finsh" v-if='!isOpen[2] && SaveList[2]'>
|
||||||
|
<view class="finsh-top">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="finsh-cont">
|
||||||
|
已完成
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="card-content" :style="{height:isOpen[2]?'0':'1620rpx',padding: isOpen[2]?'0':'20rpx' } "
|
||||||
|
style="height: 0;padding: 0;">
|
||||||
|
|
||||||
|
<view class="form-tit">
|
||||||
|
<view class="">
|
||||||
|
农副产品出售需求
|
||||||
|
</view>
|
||||||
|
<view class="submit" v-if='!SaveList[2]' @click="sava(2)">
|
||||||
|
保存
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
种养类型
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.type" color='#7A7A7A' border="none"
|
||||||
|
:readonly='SaveList[2]'></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
种养面积
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.area" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
土地性质
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.quality" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
种养方式
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.manner" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
成熟周期
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.maturationCycle" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
最近成熟时间
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.maturationTime" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
年产量
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.yield" color='#7A7A7A' :readonly='SaveList[2]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
自己消化/市场销售
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.sellType" color='#7A7A7A' :readonly='SaveList[2]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
销售方式
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.sellMethods" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
年销量
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.Sales" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
产品名称
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.productName" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
优势
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.advantage" :readonly='SaveList[2]' color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
产品有无品牌
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input :readonly='SaveList[2]' v-model="formData.product_info.isBrand" color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
是否进行粗加工
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input :readonly='SaveList[2]' v-model="formData.product_info.isProcessing" color='#7A7A7A'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
产品诉求
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.isDemands" color='#7A7A7A' :readonly='SaveList[2]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
急需解决的问题
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.product_info.quesition" color='#7A7A7A' :readonly='SaveList[2]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- content -->
|
||||||
|
|
||||||
|
<view class="">
|
||||||
|
<view class="card">
|
||||||
|
<view class="card-tit">
|
||||||
|
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
|
||||||
|
<view class="" :style="{color:SaveList[3]?'#FF5E0C':'' }">
|
||||||
|
空闲资产出租/出售需求
|
||||||
|
</view>
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" width="36rpx"
|
||||||
|
height="36rpx" style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(3)' />
|
||||||
|
</view>
|
||||||
|
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(3)'>
|
||||||
|
展开
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
|
||||||
|
height="24rpx" class='icon' :style=" {transform:isOpen[3]? 'rotate(180deg)' :'rotate(0)'} " />
|
||||||
|
</view>
|
||||||
|
<view class="finsh" v-if='!isOpen[3] && SaveList[3]'>
|
||||||
|
<view class="finsh-top">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="finsh-cont">
|
||||||
|
已完成
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="card-content" :style="{height:isOpen[3]?'0':'690rpx',padding: isOpen[3]?'0':'20rpx' } "
|
||||||
|
style="height: 0;padding: 0;">
|
||||||
|
|
||||||
|
<view class="form-tit">
|
||||||
|
<view class="">
|
||||||
|
空闲资产出租/出售需求
|
||||||
|
</view>
|
||||||
|
<view class="submit" v-if='!SaveList[3]' @click="sava(3)">
|
||||||
|
保存
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
资产名称
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.idle_asset_rent_info.name" color='#7A7A7A' :readonly='SaveList[3]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
资产优势
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.idle_asset_rent_info.advantage" color='#7A7A7A' :readonly='SaveList[3]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
数量
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.idle_asset_rent_info.num" color='#7A7A7A' :readonly='SaveList[3]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
增收方式 <text style="font-size: 24rpx;">(出租、出售、置换、捐赠) </text>
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.idle_asset_rent_info.type" color='#7A7A7A' :readonly='SaveList[3]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
其他可变现
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.idle_asset_rent_info.other" color='#7A7A7A' :readonly='SaveList[3]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- content -->
|
||||||
|
|
||||||
|
<view class="">
|
||||||
|
<view class="card">
|
||||||
|
<view class="card-tit">
|
||||||
|
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
|
||||||
|
<view class="" :style="{color:SaveList[4]?'#FF5E0C':'' }">
|
||||||
|
房屋装饰建设
|
||||||
|
</view>
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" width="36rpx"
|
||||||
|
height="36rpx" style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(4)' />
|
||||||
|
</view>
|
||||||
|
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(4)'>
|
||||||
|
展开
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
|
||||||
|
height="24rpx" class='icon' :style=" {transform:isOpen[4]? 'rotate(180deg)' :'rotate(0)'} " />
|
||||||
|
</view>
|
||||||
|
<view class="finsh" v-if='!isOpen[4] && SaveList[4]'>
|
||||||
|
<view class="finsh-top">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="finsh-cont">
|
||||||
|
已完成
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="card-content" :style="{height:isOpen[4]?'0':'700rpx',padding: isOpen[4]?'0':'20rpx' } "
|
||||||
|
style="height: 0;padding: 0;">
|
||||||
|
|
||||||
|
<view class="form-tit">
|
||||||
|
<view class="">
|
||||||
|
房屋装饰建设/出售
|
||||||
|
</view>
|
||||||
|
<view class="submit" v-if='!SaveList[4]' @click="sava(4)">
|
||||||
|
保存
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
施工地点
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_decoration_construction.place" color='#7A7A7A' :readonly='SaveList[4]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
开始时间
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_decoration_construction.startTime" color='#7A7A7A'
|
||||||
|
:readonly='SaveList[4]' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
修/建标准
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_decoration_construction.standard" color='#7A7A7A'
|
||||||
|
:readonly='SaveList[4]' border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
事主要求
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_decoration_construction.ask" color='#7A7A7A' :readonly='SaveList[4]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
房屋建设时长
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_decoration_construction.time" color='#7A7A7A' :readonly='SaveList[4]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lable">
|
||||||
|
设计服务
|
||||||
|
</view>
|
||||||
|
<view class="value">
|
||||||
|
<u--input v-model="formData.house_decoration_construction.serve" color='#7A7A7A' :readonly='SaveList[4]'
|
||||||
|
border="none"></u--input>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- content -->
|
||||||
|
<view class="login-btn" @click="submit"
|
||||||
|
:style="{background:saveNum<2 ? '#F5F5F5':'',color:saveNum<2 ? '#ADADAD':'' }">
|
||||||
|
确认提交
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-overlay :show="showOverly" @click="showOverly = false">
|
||||||
|
<view class="warp">
|
||||||
|
<view class="toast">
|
||||||
|
<view class="toast-tit">
|
||||||
|
{{showText.title}}
|
||||||
|
</view>
|
||||||
|
<view class="toast-conntent">
|
||||||
|
{{showText.content}}
|
||||||
|
</view>
|
||||||
|
<view class="off">
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/496fd202401271436368155.png" width="50rpx"
|
||||||
|
height="50rpx" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-overlay>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { HTTP_REQUEST_URL_SIX } from "@/config/app.js"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
value: [],
|
||||||
|
showPicker: false,
|
||||||
|
showOverly: false,
|
||||||
|
isOpen: [true, true, true, true, true],
|
||||||
|
SaveList: [false, false, false, false, false],
|
||||||
|
columns: [
|
||||||
|
['是', '否']
|
||||||
|
],
|
||||||
|
formData: {
|
||||||
|
shop_user_id: 1, //用户id
|
||||||
|
name: "",
|
||||||
|
contact: "",
|
||||||
|
family_count: "",
|
||||||
|
address: "",
|
||||||
|
house_rent_info: {},
|
||||||
|
land_rent_info: {},
|
||||||
|
product_info: {},
|
||||||
|
idle_asset_rent_info: {},
|
||||||
|
house_decoration_construction: {}
|
||||||
|
},
|
||||||
|
showText: {
|
||||||
|
title: "",
|
||||||
|
content: ""
|
||||||
|
},
|
||||||
|
textList: [{
|
||||||
|
title: "房子出租需求",
|
||||||
|
content: "宅基地出租（通过展示自己长期不在老家居住的宅基地，平台匹配宅基地租给有需求的打造，实现与原有宅基地所有者合作达到闲置资产增收）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "空闲资产出租/出售需求",
|
||||||
|
content: "平台上提供（出租、出售、置换、抵押和捐赠等服务，让闲置资产价值最大化）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "农副产品出售需求",
|
||||||
|
content: "种养土地（收集土地上作物信息，平台展示、包装，助农销售增收）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "空闲资产出租/出售需求",
|
||||||
|
content: "房屋修缮及建设（提供房屋设计、修缮等服务）"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "空闲土地出租需求",
|
||||||
|
content: "闲置土地（了解闲置土地面积，平台整合资源，帮助其匹配订单种养殖、出租、认养认等服务，让闲置土地增收）。"
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
saveNum() {
|
||||||
|
return this.SaveList.filter(item => item === true).length;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
let user = this.$store.state.app.userInfo;
|
||||||
|
if (typeof user == 'string') user = JSON.parse(user);
|
||||||
|
this.formData.shop_user_id = user.uid;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
back() {
|
||||||
|
uni.navigateBack();
|
||||||
|
},
|
||||||
|
showFn(i) {
|
||||||
|
this.showText = this.textList[i]
|
||||||
|
this.showOverly = true
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
open(index) {
|
||||||
|
this.isOpen.forEach((item, i) => {
|
||||||
|
if (i == index) {
|
||||||
|
this.isOpen.splice(index, 1, this.isOpen[index] ? false : true);
|
||||||
|
} else {
|
||||||
|
this.isOpen.splice(i, 1, true);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
async submit() {
|
||||||
|
if (this.saveNum < 2) return
|
||||||
|
this.formData.land_rent_info = JSON.stringify(this.formData.land_rent_info)
|
||||||
|
this.formData.product_info = JSON.stringify(this.formData.product_info)
|
||||||
|
this.formData.idle_asset_rent_info = JSON.stringify(this.formData.idle_asset_rent_info)
|
||||||
|
this.formData.house_decoration_construction = JSON.stringify(this.formData
|
||||||
|
.house_decoration_construction)
|
||||||
|
uni.request({
|
||||||
|
url: HTTP_REQUEST_URL_SIX + '/api/index/addVillagerInfo', //仅为示例，并非真实接口地址。
|
||||||
|
method: 'POST',
|
||||||
|
data: {
|
||||||
|
...this.formData
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
uni.showToast({
|
||||||
|
icon: 'none',
|
||||||
|
title: '提交成功',
|
||||||
|
success: () => {
|
||||||
|
this.$u.sleep(1500).then(() => {
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: (err) => {
|
||||||
|
uni.showToast({
|
||||||
|
icon: 'none',
|
||||||
|
title: err.msg || err.message || err
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
sava(index) {
|
||||||
|
this.SaveList.splice(index, 1, true);
|
||||||
|
this.open(index)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.box {
|
||||||
|
background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
|
||||||
|
min-height: 100vh;
|
||||||
|
font-size: 28rpx;
|
||||||
|
padding-bottom: 5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg {
|
||||||
|
width: 750rpx;
|
||||||
|
height: 660rpx;
|
||||||
|
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/44f25202401271436185198.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-info {
|
||||||
|
width: 750rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 430rpx;
|
||||||
|
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/549b3202401271438211224.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 370rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 70rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 10rpx;
|
||||||
|
border-bottom: 1px solid #FFF2D9;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
|
||||||
|
.lable {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #2E2E2E;
|
||||||
|
font-weight: 700;
|
||||||
|
width: 112rpx;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
margin-left: 80rpx;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tit {
|
||||||
|
display: flex;
|
||||||
|
width: 638rpx;
|
||||||
|
margin: 120rpx auto 30rpx;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #2E2E2E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
width: 686rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: white;
|
||||||
|
padding: 30rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.card-tit {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.finsh {
|
||||||
|
// background-color: red;
|
||||||
|
width: 190rpx;
|
||||||
|
text-align: center;
|
||||||
|
height: 90rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 30rpx;
|
||||||
|
top: 120rpx;
|
||||||
|
|
||||||
|
.finsh-top {
|
||||||
|
height: 10rpx;
|
||||||
|
background-color: #F98144;
|
||||||
|
border-radius: 100rpx 100rpx 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.finsh-cont {
|
||||||
|
height: 70rpx;
|
||||||
|
width: 162rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: #F98144;
|
||||||
|
font-size: 32rpx;
|
||||||
|
border-radius: 0rpx 0rpx 20rpx 20rpx;
|
||||||
|
line-height: 60rpx;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// right: 0;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-content {
|
||||||
|
background-color: #FFE7B9;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: 300ms;
|
||||||
|
width: 690rpx;
|
||||||
|
margin: 30rpx auto;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.form {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-tit {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #FF5E0C;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.submit {
|
||||||
|
width: 162rpx;
|
||||||
|
height: 58rpx;
|
||||||
|
background: #FD7F4A;
|
||||||
|
border-radius: 48rpx 48rpx 48rpx 48rpx;
|
||||||
|
opacity: 1;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 58rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit:active {
|
||||||
|
background-color: grey;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
margin-left: 10rpx;
|
||||||
|
transform: translateY(2rpx);
|
||||||
|
transition: 300ms !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast {
|
||||||
|
width: 588rpx;
|
||||||
|
height: 340rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/56970202401271438059755.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
|
||||||
|
|
||||||
|
.toast-tit {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
line-height: 45rpx;
|
||||||
|
color: white;
|
||||||
|
padding-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-conntent {
|
||||||
|
padding: 35rpx 50rpx;
|
||||||
|
text-indent: 2em;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #7A7A7A;
|
||||||
|
line-height: 42rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.off {
|
||||||
|
position: absolute;
|
||||||
|
right: 40rpx;
|
||||||
|
top: -40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-btn {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 88rpx;
|
||||||
|
background: #FF8056;
|
||||||
|
border-radius: 44rpx 44rpx 44rpx 44rpx;
|
||||||
|
opacity: 1;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 88rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: white;
|
||||||
|
margin: 50rpx auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-btn:active {
|
||||||
|
background-color: grey;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg_back {
|
||||||
|
height: 34rpx;
|
||||||
|
width: 20rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
|
left: 30rpx;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
84
pages/helpPeople/helpPeople.vue
Normal file
84
pages/helpPeople/helpPeople.vue
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<view class="box" style="position: relative;">
|
||||||
|
<image @click="back" class="bg_back"
|
||||||
|
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
||||||
|
<view class="li" @click="navSw('/pages/index/index')">
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/edf53202401271436507555.png" width="690rpx"
|
||||||
|
height="200rpx" style="position: absolute;" />
|
||||||
|
<view class="btn">
|
||||||
|
我是居民用户
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="li" style="margin-top: 50rpx;" @click="navgo('/pages/helpPeople/formTable')">
|
||||||
|
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/8489c202401271437055619.png" width="690rpx"
|
||||||
|
height="200rpx" style="position: absolute;" />
|
||||||
|
<view class="btn">
|
||||||
|
我是农民用户
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
methods: {
|
||||||
|
back(){
|
||||||
|
uni.navigateBack();
|
||||||
|
},
|
||||||
|
navgo(url) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url
|
||||||
|
})
|
||||||
|
},
|
||||||
|
navSw(url){
|
||||||
|
uni.switchTab({
|
||||||
|
url:url
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang='scss' scoped>
|
||||||
|
.box {
|
||||||
|
width: 750rpx;
|
||||||
|
height: 1624rpx;
|
||||||
|
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/9c4b4202401271437449183.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
padding-top: 500rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.li {
|
||||||
|
margin: 0rpx auto;
|
||||||
|
width: 690rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
z-index: 999;
|
||||||
|
position: absolute;
|
||||||
|
width: 287rpx;
|
||||||
|
height: 76rpx;
|
||||||
|
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||||||
|
opacity: 1;
|
||||||
|
border: 2rpx solid #FF5E0C;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 76rpx;
|
||||||
|
color: #FF5E0C;
|
||||||
|
font-size: 34rpx;
|
||||||
|
right: 50rpx;
|
||||||
|
bottom: 50rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bg_back {
|
||||||
|
height: 34rpx;
|
||||||
|
width: 20rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
|
left: 30rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view style="height: var(--status-bar-height);background-color: #e54841;"></view>
|
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<image class="bg_img" mode="widthFix"
|
<image class="bg_img" mode="widthFix"
|
||||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/detail.webp"></image>
|
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/detail.webp"></image>
|
||||||
@ -158,7 +157,7 @@
|
|||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 30rpx;
|
left: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="m_body">
|
<view class="m_body">
|
||||||
<view style="height: var(--status-bar-height);background-color: #e54841;"></view>
|
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<view class="bg_box">
|
<view class="bg_box">
|
||||||
<image class="bg_img" mode="widthFix"
|
<image class="bg_img" mode="widthFix"
|
||||||
@ -16,37 +15,39 @@
|
|||||||
v-for="(item, index) in changeList" :key="index">
|
v-for="(item, index) in changeList" :key="index">
|
||||||
<image class="item_pic" :src="item.pic"></image>
|
<image class="item_pic" :src="item.pic"></image>
|
||||||
<view class="item_content">
|
<view class="item_content">
|
||||||
<view> <text class="c_icon">¥</text> {{item.count}}</view>
|
<view class="top">
|
||||||
|
<view class="top_left"><text class="c_icon">¥</text> <text class="c_content">{{item.count}}</text> <text class="tips">现在购买礼包即送</text></view>
|
||||||
|
<view class="top_right">
|
||||||
|
<text>数量: </text>
|
||||||
|
<view @click="reduce(item)">- </view>
|
||||||
|
<view>{{item.num}} </view>
|
||||||
|
<view @click="append(item)">+ </view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom">
|
||||||
|
<view class="bottom_item">
|
||||||
|
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/re_redpacket.webp"></image>
|
||||||
|
<view class="text">8%无门槛红包</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_item">
|
||||||
|
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/re_redpacket.webp"></image>
|
||||||
|
<view class="text">42%现金抵扣红包</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="c_tab">
|
|
||||||
<u-tabs :list="[{name: '充值数量'}]" lineWidth="60rpx" lineColor="#FF8056"
|
|
||||||
:itemStyle="{width: '200rpx', height: '80rpx'}"></u-tabs>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="change_count">
|
|
||||||
<view>当前选择面额 ¥{{nowPrice}}</view>
|
|
||||||
<view class="c_btn">
|
|
||||||
<view @click="reduce">-</view>
|
|
||||||
<view>{{priceCount}}</view>
|
|
||||||
<view @click="append">+</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="c_tips">
|
|
||||||
<view class="tips_title">注意事项:</view>
|
|
||||||
<view>充值后金额不能提现，仅可用于商城商品消费</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="footer">
|
<view class="footer">
|
||||||
<view class="f_tip">
|
<view class="f_tip">
|
||||||
总计充值金额:
|
总计购买礼包金额:
|
||||||
<view class="price">
|
<view class="price">
|
||||||
<text>{{total}}</text>元
|
<text>{{total}}</text>元
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="primary_btn" @click="$u.throttle(submitSub, 1500)">确认充值</view>
|
<view class="primary_btn" @click="$u.throttle(submitSub, 1500)">立即购买</view>
|
||||||
</view>
|
</view>
|
||||||
<payment :payMode="payMode" :order_id="rechar_id" :pay_close="pay_close" :is-call="true" @onChangeFun="onChangeFun"
|
<payment :payMode="payMode" :order_id="rechar_id" :pay_close="pay_close" :is-call="true" @onChangeFun="onChangeFun"
|
||||||
:totalPrice="totalPrice"></payment>
|
:totalPrice="totalPrice"></payment>
|
||||||
@ -77,26 +78,30 @@
|
|||||||
userInfo: {},
|
userInfo: {},
|
||||||
curNow: 0,
|
curNow: 0,
|
||||||
list1: [{
|
list1: [{
|
||||||
name: '余额充值'
|
name: '余额购买'
|
||||||
}, {
|
}, {
|
||||||
name: '充值记录'
|
name: '购买记录'
|
||||||
}],
|
}],
|
||||||
changeList: [
|
changeList: [
|
||||||
{
|
{
|
||||||
count: 100,
|
count: 0.01, // 面额
|
||||||
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item1.webp'
|
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item1.webp',
|
||||||
|
num: 0, //购买的个数
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
count: 200,
|
count: 200,
|
||||||
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item2.webp'
|
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item2.webp',
|
||||||
|
num: 0, //购买的个数
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
count: 500,
|
count: 500,
|
||||||
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item3.webp'
|
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item3.webp',
|
||||||
|
num: 0, //购买的个数
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
count: 1000,
|
count: 1000,
|
||||||
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item4.webp'
|
pic: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/a_re_item4.webp',
|
||||||
|
num: 0, //购买的个数
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
nowChange: 0,
|
nowChange: 0,
|
||||||
@ -112,7 +117,7 @@
|
|||||||
},
|
},
|
||||||
otherValue: '其他',
|
otherValue: '其他',
|
||||||
now_money: 0,
|
now_money: 0,
|
||||||
navRecharge: ['账户充值', '佣金转入'],
|
navRecharge: ['账户购买', '佣金转入'],
|
||||||
active: 0,
|
active: 0,
|
||||||
number: '',
|
number: '',
|
||||||
from: '',
|
from: '',
|
||||||
@ -143,7 +148,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.nowPrice = this.changeList[0];
|
|
||||||
if (this.isLogin) {
|
if (this.isLogin) {
|
||||||
this.getUserInfo()
|
this.getUserInfo()
|
||||||
} else {
|
} else {
|
||||||
@ -155,13 +159,18 @@
|
|||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['isLogin', 'viewColor', 'keyColor']),
|
...mapGetters(['isLogin', 'viewColor', 'keyColor']),
|
||||||
total() {
|
total() {
|
||||||
return this.nowPrice * this.priceCount;
|
return this.changeList.reduce((t, obj)=>{
|
||||||
|
return t + (obj.count * obj.num);
|
||||||
|
}, 0);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
this.getCommissionInfo();
|
this.getCommissionInfo();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
back(){
|
||||||
|
uni.navigateBack();
|
||||||
|
},
|
||||||
clickTab1(e) {
|
clickTab1(e) {
|
||||||
this.curNow = e.index;
|
this.curNow = e.index;
|
||||||
if (e.index == 1) {
|
if (e.index == 1) {
|
||||||
@ -175,18 +184,17 @@
|
|||||||
this.nowChange = index;
|
this.nowChange = index;
|
||||||
if (this.priceCount * this.nowPrice > 20000) {
|
if (this.priceCount * this.nowPrice > 20000) {
|
||||||
this.priceCount = Math.floor(20000 / this.nowPrice);
|
this.priceCount = Math.floor(20000 / this.nowPrice);
|
||||||
return Toast('不可充值超过2万元');
|
return Toast('不可超过2万元');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
append() {
|
append(item) {
|
||||||
if (this.priceCount * this.nowPrice > 20000) {
|
if (this.total + item.count > 20000 || this.total>=20000) {
|
||||||
this.priceCount = Math.floor(20000 / this.nowPrice);
|
return Toast('不可超过2万元');
|
||||||
return Toast('不可充值超过2万元');
|
} else item.num++;
|
||||||
} else this.priceCount++;
|
|
||||||
},
|
},
|
||||||
reduce() {
|
reduce(item) {
|
||||||
if (this.priceCount <= 1) return Toast('最少充值一份');
|
if (this.total==0||item.num==0) return Toast('不能再少啦');
|
||||||
else this.priceCount--;
|
else item.num--;
|
||||||
},
|
},
|
||||||
getCommissionInfo() {
|
getCommissionInfo() {
|
||||||
getCommissionInfo(this.where).then((res) => {
|
getCommissionInfo(this.where).then((res) => {
|
||||||
@ -213,7 +221,7 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* 充值额度选择
|
* 购买额度选择
|
||||||
*/
|
*/
|
||||||
getRecharge() {
|
getRecharge() {
|
||||||
getRechargeApi()
|
getRechargeApi()
|
||||||
@ -260,7 +268,7 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* 用户充值
|
* 用户购买
|
||||||
*/
|
*/
|
||||||
submitSub: function(e) {
|
submitSub: function(e) {
|
||||||
let that = this
|
let that = this
|
||||||
@ -308,12 +316,12 @@
|
|||||||
if (this.rechar_id == 0) {
|
if (this.rechar_id == 0) {
|
||||||
if (parseFloat(that.total) === 0) {
|
if (parseFloat(that.total) === 0) {
|
||||||
return that.$util.Tips({
|
return that.$util.Tips({
|
||||||
title: '充值金额金额不能为0！'
|
title: '购买金额金额不能为0！'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (!that.total) {
|
if (!that.total) {
|
||||||
return that.$util.Tips({
|
return that.$util.Tips({
|
||||||
title: '请填写充值金额！'
|
title: '请填写购买金额！'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (!Number(that.total)) {
|
if (!Number(that.total)) {
|
||||||
@ -614,7 +622,7 @@
|
|||||||
padding-bottom: 300rpx;
|
padding-bottom: 300rpx;
|
||||||
|
|
||||||
.bg_box{
|
.bg_box{
|
||||||
height: 520rpx;
|
height: 486rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.bg_img {
|
.bg_img {
|
||||||
@ -639,7 +647,7 @@
|
|||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 30rpx;
|
left: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -674,16 +682,77 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.item_content{
|
.item_content{
|
||||||
|
padding: 26rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.top{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 70rpx;
|
||||||
|
.top_left{
|
||||||
|
font-size: 58rpx;
|
||||||
|
color: #ffc53d;
|
||||||
|
display: flex;
|
||||||
|
align-content: center;
|
||||||
|
.tips{
|
||||||
|
font-size: 24rpx;
|
||||||
|
border: 5rpx solid #ffc53d;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
padding: 5rpx 15rpx;
|
||||||
|
border-radius: 60rpx;
|
||||||
|
color: #7C5906;
|
||||||
|
}
|
||||||
|
.c_content{
|
||||||
|
padding-top: 10rpx;
|
||||||
|
}
|
||||||
.c_icon {
|
.c_icon {
|
||||||
|
padding-top: 15rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top_right{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #FF3A32;
|
||||||
|
text{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
|
view{
|
||||||
|
height: 60rpx;
|
||||||
|
width: 40rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 60rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom{
|
||||||
|
font-size: 28rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #FF3A32;
|
||||||
|
.bottom_item{
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
image{
|
||||||
|
width: 32rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
padding-left: 15rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.change_item_active {
|
.change_item_active {
|
||||||
@ -693,82 +762,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.change_count {
|
|
||||||
width: 700rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
border: 5rpx solid #FF8056;
|
|
||||||
color: #FF8056;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 30rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 50rpx;
|
|
||||||
|
|
||||||
.c_btn {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
view {
|
|
||||||
height: 80rpx;
|
|
||||||
width: 60rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 80rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.c_tips {
|
|
||||||
width: 700rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #616161;
|
|
||||||
padding-bottom: 30rpx;
|
|
||||||
|
|
||||||
.tips_title {
|
|
||||||
font-size: 30rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card2 {
|
|
||||||
background-color: #fff;
|
|
||||||
|
|
||||||
.record {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 26rpx 20rpx;
|
|
||||||
border-bottom: 1rpx solid #f7f7f7;
|
|
||||||
|
|
||||||
.left {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
image {
|
|
||||||
height: 76rpx;
|
|
||||||
width: 76rpx;
|
|
||||||
margin-right: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips {
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #616161;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
font-size: 36rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.no_data {
|
|
||||||
padding: 60rpx 0;
|
|
||||||
text-align: center;
|
|
||||||
border-top: 1rpx solid #f7f7f7;
|
|
||||||
color: #999;
|
|
||||||
font-size: 26rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view style="height: var(--status-bar-height);background-color: #f44e35;"></view>
|
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<image class="bg_img" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/invitation.webp"></image>
|
<image class="bg_img" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/invitation.webp"></image>
|
||||||
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
||||||
@ -186,7 +185,7 @@ page{
|
|||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 30rpx;
|
left: 30rpx;
|
||||||
}
|
}
|
||||||
.bg_body{
|
.bg_body{
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view style="height: var(--status-bar-height);background-color: #e54841;"></view>
|
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<image class="bg_img" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/subsidy.webp"></image>
|
<image class="bg_img" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/subsidy.webp"></image>
|
||||||
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
||||||
@ -84,7 +83,7 @@ page{
|
|||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 30rpx;
|
left: 30rpx;
|
||||||
}
|
}
|
||||||
.bg_title{
|
.bg_title{
|
||||||
@ -92,7 +91,7 @@ page{
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%);
|
transform: translate(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view style="height: var(--status-bar-height);background-color: #e54841;"></view>
|
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<image class="bg_img" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/subsidy.webp"></image>
|
<image class="bg_img" mode="widthFix" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/subsidy.webp"></image>
|
||||||
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
||||||
@ -84,7 +83,7 @@ page{
|
|||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 30rpx;
|
left: 30rpx;
|
||||||
}
|
}
|
||||||
.bg_title{
|
.bg_title{
|
||||||
@ -92,7 +91,7 @@ page{
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%);
|
transform: translate(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view style="height: var(--status-bar-height);background-color: #e54841;"></view>
|
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<image class="bg_img" mode="widthFix"
|
<image class="bg_img" mode="widthFix"
|
||||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/tow_price_bg.webp"></image>
|
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/tow_price_bg.webp"></image>
|
||||||
@ -218,7 +217,7 @@
|
|||||||
height: 34rpx;
|
height: 34rpx;
|
||||||
width: 20rpx;
|
width: 20rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 30rpx;
|
top: calc(var(--status-bar-height) + 30rpx);
|
||||||
left: 30rpx;
|
left: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,8 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="red_body">
|
<view class="red_body">
|
||||||
<image class="bg" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/re_bg.webp"></image>
|
<view class="bg">
|
||||||
<image @click="back" class="bg_back" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
<image mode="widthFix" src="/static/active/redpack_type_img.webp"></image>
|
||||||
<view style="height: 160rpx;padding-top: var(--status-bar-height);"></view>
|
<view class="border"></view>
|
||||||
|
</view>
|
||||||
|
<view class="bg_back">
|
||||||
|
<image @click="back" class="bc_image" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
|
||||||
|
<view class="title">红包余额</view>
|
||||||
|
</view>
|
||||||
<view class="r_list" v-for="(item, index) in list" :key="index">
|
<view class="r_list" v-for="(item, index) in list" :key="index">
|
||||||
<view class="r_item" @click="navgo(item)">
|
<view class="r_item" @click="navgo(item)">
|
||||||
<image class="r_bg" src="/static/active/red_packet.webp"></image>
|
<image class="r_bg" src="/static/active/red_packet.webp"></image>
|
||||||
@ -21,6 +26,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view style="width: 100%;height: 260rpx;"></view>
|
||||||
<view class="activity">
|
<view class="activity">
|
||||||
<image mode="widthFix" @click="navTo()" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/activity1.webp"></image>
|
<image mode="widthFix" @click="navTo()" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/activity1.webp"></image>
|
||||||
</view>
|
</view>
|
||||||
@ -45,6 +51,9 @@
|
|||||||
this.list = res.data;
|
this.list = res.data;
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
back(){
|
||||||
|
uni.navigateBack();
|
||||||
|
},
|
||||||
navgo(item){
|
navgo(item){
|
||||||
if(item.type==1) uni.navigateTo({
|
if(item.type==1) uni.navigateTo({
|
||||||
url: '/pages/newActivity/subsidy/subsidy2'
|
url: '/pages/newActivity/subsidy/subsidy2'
|
||||||
@ -72,25 +81,48 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page{
|
|
||||||
background-color: #fff3da;
|
|
||||||
}
|
|
||||||
.red_body{
|
.red_body{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background: linear-gradient(to top, rgb(255,231,185), rgb(255,249,231) 480rpx);
|
||||||
|
min-height: calc(100vh);
|
||||||
.bg{
|
.bg{
|
||||||
|
width: 750rpx;
|
||||||
|
height: 480rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
image{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.border{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100vw;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 30rpx;
|
||||||
|
border-radius: 30rpx 30rpx 0 0;
|
||||||
|
background-color: rgb(255,249,231);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.bg_back{
|
.bg_back{
|
||||||
height: 34rpx;
|
|
||||||
width: 20rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: var(--status-bar-height);
|
top: var(--status-bar-height);
|
||||||
left: 30rpx;
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 30rpx;
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
text-align: center;
|
||||||
|
.bc_image{
|
||||||
|
height: 34rpx;
|
||||||
|
width: 20rpx;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
position: absolute;
|
||||||
|
top: 30rpx;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.r_list {
|
.r_list {
|
||||||
@ -178,6 +210,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.activity{
|
.activity{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 100rpx;
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
image{
|
image{
|
||||||
width: 710rpx;
|
width: 710rpx;
|
||||||
|
|||||||
BIN
static/active/redpack_type_img.webp
Normal file
BIN
static/active/redpack_type_img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
Loading…
x
Reference in New Issue
Block a user