Skip to content

U
uni-zijinjianguan-staff-wechat
Commit 1508d090 by honghong
Options

商家端和用户端合并 修改页面

parent b1d6512d
Showing with 572 additions and 133 deletions
api/workbench/index.js
......@@ -243,6 +243,7 @@ const collectOrUncollect = (params) => {
return ApiHttp('/app-fund/forum/collect', params, 'POST')
}
// 查询论坛信息列表/商家我的动态
const listForumGET = (params) => {
return ApiHttp('/app-fund/forum/list', params, 'GET')
......@@ -318,6 +319,12 @@ const getlistBgroupBuying = (groupId) => {
return ApiHttp(`/app-fund/groupBuying/${groupId}`, '', 'GET')
}
//我的关注
const getattentionGET = (params) => {
return ApiHttp('/app-fund/home/attention/list', params, 'GET')
}
export {
agreementGET,
nodeListGET,
......@@ -395,5 +402,6 @@ export {
deleteCommentItem,
merchantPOST,
listBgroupBuyingGET,
getlistBgroupBuying
getlistBgroupBuying,
getattentionGET
}
\ No newline at end of file
components/custom/dynamic.vue
......@@ -34,7 +34,7 @@
</view>
<view class="d-flex">
<view v-if="isEdit" class="dynamic-delete mr-2" @click.stop="handleEdit(itemDetail.forumId)">编辑</view>
<view v-if="isDelete" class="dynamic-delete" @click.stop="handleDelete(itemDetail.forumId)">删除</view>
<view v-if="userInfot.userId == itemDetail.userId" class="dynamic-delete" @click.stop="handleDelete(itemDetail.forumId)">删除</view>
</view>
</view>
</view>
......
components/custom/dynamics.vue
<template>
<view>
<view class="dynamic">
<image :src="itemDetail.imgs[0]" mode="aspectFit" class="bg"></image>
<view v-if="type==1" class="imgs">
<image :src="item" mode="aspectFit" class="" v-for="(item,index) in itemDetail.imgs" :key="index"></image>
</view>
<image :src="itemDetail.imgs[0]" mode="aspectFit" class="bg" v-else></image>
<view class="" style="padding: 20rpx;">
<!-- <view class="dynamic-title">{{itemDetail.forumTitle}}</view> -->
<!-- <view v-if="showAuthor" class="d-flex a-center" style="margin-top: 16rpx;">
......@@ -79,6 +84,10 @@
isDelete:{
type:Boolean,
default:false
},
type:{
type:Number,
default:0
}
},
computed: {
......@@ -141,6 +150,17 @@
display: block;
border-radius: 16rpx 16rpx 0 0;
}
.imgs{
display: flex;
flex-wrap: wrap;
>image{
width: 200rpx;
height: 200rpx;
margin-right: 20rpx;
}
}
&-title {
font-size: 30rpx;
color: #303949;
......
components/custom/tabs.vue
......@@ -7,7 +7,7 @@
</block>
</view>
<!-- 靠左 -->
<view class="inv-h-w" v-else>
<view class="inv-h-w" style="background: #F8F9FA;" v-else>
<block v-for="(item,index) in list" :key="item.value">
<view :class="['inv-h',Inv == item.value?'inv-h-se':'']" @click="changeTab(item.value)">{{item.label}}</view>
</block>
......
contract/merchant/index.vue
......@@ -73,6 +73,14 @@
{{contractInfo.area}}
</view>
</view>
<view class="index-cet-tt" v-if="contractStatus != 1 && contractStatus != 2 && contractStatus != 3 && contractStatus != 4">
<view class="index-cet-tt-lf">
优惠券：
</view>
<view class="index-cet-tt-rg">
-{{contractInfo.discountPrice||0}}
</view>
</view>
<view class="index-cet-tt">
<view class="index-cet-tt-lf">
付款金额：
......
homePage/merchant/forumDetails.vue
......@@ -149,7 +149,9 @@
async getDetailData(forumId) {
const res = await detailForumItemById(forumId)
if(res.data.imgs){
this.imgs = res.data.imgs.split(',')
}
this.detailData = res.data
this.getCommentList()
......
homePage/merchant/index.vue
......@@ -6,7 +6,7 @@
<view class="index-cent">
<!-- @click="handleCompanyDetail" -->
<view class="index-cent-top">
<view class="d-flex a-center j-sb" @click="handleCompanyDetail">
<view class="d-flex a-center j-sb" >
<view class="index-cent-top-name">
{{businessInfo.businessName}}
</view>
......@@ -79,14 +79,20 @@
</view> -->
<!-- 商家介绍模块 -->
<view v-if="currentChecked == 0">
<view class="" v-html="cent"> </view>
<!-- <view class="" v-html="cent"> </view> -->
<view class="title-txt">
{{businessInfo.businessIntroduce}}
</view>
<view class="introduce">
<image :src="item.url" mode="widthFix" v-for="(item,index) in img" :key="index"></image>
</view>
</view>
<!-- 商家动态模块 -->
<view v-else-if="currentChecked == 1">
<template v-if="forumList.length">
<view class="distence" v-for="(item,index) in forumList" :key="index"
@click="handleDetail(item.forumId)">
<dynamicList :itemDetail="item" :isDelete='true' @refersh="handleRefersh"></dynamicList>
<dynamicList :itemDetail="item" :isDelete='false' @refersh="handleRefersh"></dynamicList>
</view>
</template>
<u-empty v-else marginTop="20" width="260" height="260" textSize="26" mode="data"
......@@ -189,7 +195,8 @@
forumList: [],
total: 0,
evalList: [],
replyData: {}
replyData: {},
img:[]
};
},
onLoad(option) {
......@@ -332,6 +339,9 @@
this.businessInfo = res.data
this.businessInfo.url = JSON.parse(res.data.businessImg)[0].url
this.cent = this.$utilsMethods.replaceSpecialChar(res.data.businessIntroduce)
if(res.data.businessImg){
this.img = JSON.parse(res.data.businessImg)
}
})
},
......@@ -365,7 +375,6 @@
//查看地址
btnAddress(item) {
console.log(this.businessInfo,"=================")
uni.openLocation({
latitude: parseFloat(this.businessInfo.dimension),
longitude: parseFloat(this.businessInfo.longitude ),
......@@ -523,4 +532,17 @@
height: 36rpx;
margin-left: 16rpx;
}
.title-txt{
font-size: 26rpx;
color: #666666;
line-height: 1.5;
margin-bottom: 20rpx;
padding-top: 20rpx;
}
.introduce{
>image{
width: 100%;
}
}
</style>
\ No newline at end of file
homePage/merchant/personHomePage.vue
<template>
<view>
<u-sticky bgColor="#ffff" offset-top="0">
<!-- <u-sticky bgColor="#ffff" offset-top="0"> -->
<com-navbar :homeShow="false" bgColor='#F7F8FA' title=" "
:titleStyle="{fontSize: '36rpx' , color: '#000000'}"></com-navbar>
<view class="index">
<image class="logo" src="@/static/images/headImage.png"></image>
<view :style="{ height: `calc(${globalData.navBarHeightRpx}rpx )` }"></view>
<view class="index-header d-flex j-sb a-center">
<view class="d-flex a-center" @click="handleLook">
<image @click.stop="handlePreview" class="index-header-avatar"
:src="clientInfo.avatar"
mode="">
<view class="index-header j-sb a-center">
<!-- @click="handleLook" -->
<view class="d-flex a-center" style="justify-content: space-between;">
<!-- @click.stop="handlePreview" -->
<view class="d-flex a-center">
<image class="index-header-avatar" :src="clientInfo.avatar" mode="">
</image>
<view class="index-header-info">
<view class="index-header-info-name">{{clientInfo.nickName}}</view>
<view class="index-header-info-phone">{{clientInfo.userName}}</view>
</view>
</view>
<view class="index-header-gz" @click="handleLook">
{{ clientInfo.isFavorites?'已关注':'关注'}}
</view>
</view>
<view class="list_cen d-flex a-center">
<view class="list_cen_item">
<view class="list_item">
{{ clientInfo.attentionNum||0}}
</view>
<view class="list_txt">
关注
</view>
</view>
<view class="list_cen_item">
<view class="list_item">
{{ clientInfo.fansNum||0}}
</view>
<view class="list_txt">
粉丝
</view>
</view>
<view class="list_cen_item">
<view class="list_item">
{{ clientInfo.bePraisedNum||0}}
</view>
<view class="list_txt">
获赞
</view>
</view>
<view class="list_cen_item">
<view class="list_item">
{{ clientInfo.collectNum||0}}
</view>
<view class="list_txt">
收藏
</view>
</view>
</view>
</view>
</view>
<view class="px-three">
<tabsList :list="tabsOptions" :checked="currentChecked" @change="handleChangeTab"></tabsList>
</view>
</u-sticky>
<!-- </u-sticky> -->
<view class="px-three" style="padding-bottom: 60rpx;">
<template v-if="currentChecked == 0">
<view v-for="(item,index) in demandList" :key="index">
......@@ -30,7 +72,7 @@
<template v-else>
<view class="distence" v-for="(item,index) in forumList" :key="index" @click="handleDetail(item.forumId)">
<!-- <dynamicList></dynamicList> -->
<dynamicList :itemDetail="item"></dynamicList>
<dynamicList :itemDetail="item" :type='1' @refersh='handleRefersh'></dynamicList>
</view>
</template>
</view>
......@@ -40,11 +82,13 @@
<script>
import tabsList from '@/components/custom/tabs.vue'
import comDemandList from '@/components/custom/demand.vue'
import dynamicList from '@/components/custom/dynamic.vue'
// import dynamicList from '@/components/custom/dynamic.vue'
import dynamicList from '@/components/custom/dynamics.vue'
import {
getUserInfoById,
listClientDemandGET,
listForumGET
listForumGET,
collectOrUncollect
} from '@/api/workbench/index.js';
export default {
components: {
......@@ -102,7 +146,7 @@
// 动态详情
handleDetail(forumId) {
uni.navigateTo({
url: `./dynamicDetail?forumId=${forumId}&forumType=invitation`
url: `./forumDetails?forumId=${forumId}&forumType=invitation`
})
},
// 获取需求列表
......@@ -114,9 +158,34 @@
},
async getForumList(){
const res = await listForumGET(this.forumParams)
res.rows.forEach((item, index) => {
if(item.imgs){
item.imgs = item.imgs.split(',')
}
})
this.forumList = res.rows
this.forumTotal = res.total
},
//关注
handleLook(){
collectOrUncollect({
forumId: this.clientInfo.userId,
userId: this.userInfot.userId,
isFavoritesType: 2, // 论坛1商家2
favoriteType: 'merchant'
}).then(res => {
uni.showToast({
title: '成功!',
icon: 'none'
})
this.getUserInfo(this.clientInfo.userId)
})
},
handleRefersh(){
this.forumList=[]
this.getForumList()
}
}
}
......@@ -129,11 +198,13 @@
<style lang="scss" scoped>
.logo {
width: 100%;
height: 332rpx;
height: 462rpx;
position: absolute;
z-index: -1;
top: 0%;
left: 0%;
border-bottom-left-radius: 30rpx;
border-bottom-right-radius: 30rpx;
}
.sticky {
......@@ -142,14 +213,31 @@
box-sizing: border-box;
}
.list_cen {
padding-top: 50rpx;
.list_cen_item{
flex: 1;
text-align: center;
.list_item{
font-size: 36rpx;
color: #FFFFFF;
}
.list_txt{
font-size: 28rpx;
color: rgba(255,255,255,0.8);
padding-top: 10rpx;
}
}
}
.index {
height: 332rpx;
height: 462rpx;
position: relative;
&-header {
width: 100%;
position: absolute;
bottom: 40rpx;
bottom: 60rpx;
padding: 0 40rpx;
box-sizing: border-box;
......@@ -176,6 +264,17 @@
}
}
&-gz{
width: 116rpx;
height: 52rpx;
background: #4BA1FF;
border-radius: 52rpx;
font-size: 23rpx;
color: #FFFFFF;
text-align: center;
line-height: 52rpx;
}
}
}
......
my/attention/index.vue 0 → 100644
<template>
<view class="index">
<u-sticky bgColor='#F7F8FA'>
<u-tabs :list="list1" @click="followClick" :scrollable="false" :activeStyle="{
color: '#242424',
fontSize:'32rpx',
transform:'scale(1.05)',
}"></u-tabs>
</u-sticky>
<template v-if="followList.length">
<view class="list d-flex a-center" v-for="(item, index) in followList" :key="index" @click="clickfollow(item.userType,item.userId)">
<view class="list_lf d-flex a-center">
<u--image :showLoading="true" :src="item.avatar" radius='100%' width="80rpx" height="80rpx"
class="list_img"></u--image>
<view class="list_name">
{{item.nickName}}
</view>
</view>
<view class="list_lr">
<view class="list_btn" >
已关注
</view>
</view>
</view>
</template>
<u-empty v-else marginTop="200" width="260" height="260" textSize="26" mode="data"
icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</template>
<script>
import {
getattentionGET
} from '@/api/workbench/index.js'
export default {
data() {
return {
list1: [{
name: '用户',
userType: "app_user"
}, {
name: '商家',
userType: "merchant"
}],
followList: [],
queryParams: {
pageNum: 1,
pageSize: 15,
userType: "app_user"
},
}
},
onLoad() {
this.getList()
},
onReachBottom() {
if (this.queryParams.pageNum * this.queryParams.pageSize >= this.total) return
this.queryParams.pageNum++
this.getList()
},
methods: {
followClick(e) {
this.queryParams.userType = e.userType
this.queryParams.pageNum = 1
this.followList = []
this.getList()
},
//关注列表
async getList() {
const res = await getattentionGET(this.queryParams)
this.followList = [...this.followList, ...res.data]
console.log(this.followList, "====================")
this.total = res.total
},
//去详情
clickfollow(type,id){
console.log(type,"=====")
let self = this
if(type=='merchant'){
//商家
self.$uniGo.navigateTo({
url: `/homePage/merchant/index?businessId=${id}`
});
}else{
//用户
uni.navigateTo({
url: `/homePage/merchant/personHomePage?userId=${id}`
})
}
}
}
}
</script>
<style lang="scss" scoped>
.index {
padding: 0rpx 30rpx 30rpx 30rpx;
.list {
background: #fff;
border-radius: 24rpx;
padding: 20rpx;
justify-content: space-between;
margin: 10rpx 0;
.list_lf {
.list_name {
font-size: 28rpx;
color: #333333;
padding-left: 20rpx;
}
}
.list_lr {
.list_btn {
width: 108rpx;
height: 42rpx;
border-radius: 8rpx;
border: 1rpx solid #1572FF;
font-size: 22rpx;
color: #1572FF;
text-align: center;
line-height: 42rpx;
}
}
}
}
</style>
\ No newline at end of file
my/operate/collect.vue
......@@ -7,10 +7,10 @@
</view>
</u-sticky>
<view class="px-three pb-four">
<view class="px-three pb-four" :class="currentChecked == 0?'active' :''">
<template v-if="currentChecked == 0">
<template v-if="collectList.length">
<view class="conntainer" v-for="(item,index) in collectList" :key="index" @click="handleDetail(item)">
<view class="conntainer conntainer1" v-for="(item,index) in collectList" :key="index" @click="handleDetail(item)">
<dynamicList :showAuthor="true" :itemDetail="item" :showState="false"></dynamicList>
</view>
</template>
......@@ -45,7 +45,7 @@
listBeCollectedGet
} from '@/api/workbench/index.js'
import tabsList from '@/components/custom/tabs.vue'
import dynamicList from '@/components/custom/dynamic.vue'
import dynamicList from '@/components/custom/dynamics.vue'
import articleList from './components/articleList.vue'
export default {
components: {
......@@ -92,6 +92,11 @@
methods: {
async getCollectList() {
const res = await listCollectGet(this.queryParams)
res.rows.forEach((item, index) => {
if(item.imgs){
item.imgs = item.imgs.split(',')
}
})
this.total = res.total
this.collectList = [...this.collectList,...res.rows]
},
......@@ -119,19 +124,42 @@
},
// 动态详情
handleDetail(row) {
// uni.navigateTo({
// url: `/homePage/merchant/dynamicDetail?forumId=${row.forumId}&forumType=${row.forumType}`
// })
if(row.forumType=='dynamic'){
uni.navigateTo({
url: `/homePage/merchant/dynamicDetail?forumId=${row.forumId}&forumType=${row.forumType}`
})
}else if(row.forumType=='invitation'){
uni.navigateTo({
url: `/homePage/merchant/forumDetails?forumId=${row.forumId}&forumType=${row.forumType}`
})
}
},
}
}
</script>
<style lang="scss" scoped>
.active {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.conntainer1 {
width: 48%;
padding: 0;
}
/deep/.u-empty{
width: 100%;
}
}
.conntainer {
background: #fff;
padding: 26rpx 24rpx;
margin-top: 20rpx;
border-radius: 16rpx;
}
</style>
\ No newline at end of file
my/operate/comment.vue
......@@ -107,12 +107,14 @@
},
handleChangeTab(val) {
this.currentChecked = val
this.reset()
// this.reset()
if (this.currentChecked == 0) {
this.isComment = true
this.commentList = []
this.getCommentList()
} else if (this.currentChecked == 1) {
this.isComment = false
this.commentList = []
this.getBeCommented()
} else {
this.isComment = true
......@@ -126,9 +128,19 @@
// 动态详情
handleDetail(row) {
console.log(row, 'row===')
if (this.currentChecked == 1) {
// if (this.currentChecked == 1) {
// uni.navigateTo({
// url: `/homePage/merchant/dynamicDetail?forumId=${row.forumId}&forumType=${row.forumType}`
// })
// }
if(row.forumType=="comment"){
uni.navigateTo({
url: `/homePage/merchant/index?businessId=${row.forumId}`
})
}else{
uni.navigateTo({
url: `/homePage/merchant/dynamicDetail?forumId=${row.forumId}&forumType=${row.forumType}`
url: `/homePage/merchant/forumDetails?forumId=${row.forumId}&forumType=${row.forumType}`
})
}
......
my/operate/dynamic.vue
......@@ -3,7 +3,7 @@
<view class="px-three pb-four">
<template>
<view class="conntainer" v-for="(item,index) in forumList" :key="index"
@click="handleDetail(item.forumId)">
@click="handleDetail(item.userId)">
<dynamicList :itemDetail="item" :showAuthor="true" :isDelete="true" :isEdit="true" @delete="handleDelete" @edit="handleEdit">
</dynamicList>
</view>
......@@ -92,16 +92,11 @@
},
// 动态详情
handleDetail(forumId) {
if(this.queryParams.forumType=='dynamic'){
handleDetail(userId) {
uni.navigateTo({
url: `/homePage/merchant/dynamicDetail?forumId=${forumId}&forumType=${this.queryParams.forumType}`
url: `/homePage/merchant/index?businessId=${userId}&forumType=${this.queryParams.forumType}`
})
}else{
uni.navigateTo({
url: `/homePage/merchant/forumDetails?forumId=${forumId}&forumType=${this.queryParams.forumType}`
})
}
}
}
}
......
my/operate/like.vue
......@@ -124,10 +124,16 @@
handleDetail(row) {
console.log(row, 'row=========')
if (row.forumType == 'comment') return
if(row.forumType=='dynamic'){
uni.navigateTo({
url: `/homePage/merchant/dynamicDetail?forumId=${row.forumId}&forumType=${row.forumType}`
})
},
}else if(row.forumType=='invitation'){
uni.navigateTo({
url: `/homePage/merchant/forumDetails?forumId=${row.forumId}&forumType=${row.forumType}`
})
}
}
}
}
</script>
......
my/poster/index.vue
<template>
<view class="index">
<view class="">
<u-sticky bgColor="#fff">
<u-tabs :list="list1" :scrollable='false' @click="clikeTab"></u-tabs>
</u-sticky>
</view>
<view class="index-img">
<!-- <image style="width: 100%;height: 100%;" src="../../static/logo.png" mode=""></image> -->
<template>
......@@ -40,8 +45,15 @@
screenWidth: '',
lefWidth: '',
topHeig: '',
downFile:'',
userInfo:{}
//downFile:'',
userInfo:{},
list1:[{
name: '邀请用户',
},
{
name: '邀请商家',
}
]
};
},
onShareAppMessage() { // 分享到微信好友
......@@ -62,15 +74,40 @@
this.myPoster()
},
methods: {
// tab
clikeTab(e){
console.log(e)
if(e.index=='0'){
//用户
this.myPoster()
}else{
//商家
this.myPosterSj()
}
},
//用户
myPoster() {
myPosterGET().then((res) => {
uni.showLoading({
title:'加载中',
mask:true
})
this.listBy(res.data.posterContent)
this.getImage(res.data.qrCode)
})
},
//商家
myPosterSj() {
myPosterSjGET().then((res) => {
uni.showLoading({
title:'加载中'
title:'加载中',
mask:true
})
this.listBy(res.data.posterContentTwo)
this.getImage(res.data.qrCode)
})
},
listBy(posterContent) {
listByIds(posterContent).then((res) => {
this.getImageInfo(res.data[0].url)
......@@ -107,17 +144,19 @@
ctx.drawImage(that.imgpath, this.lefWidth, this.topHeig, 150, 150);
// 完成绘制，将结果导出为图片
ctx.draw(); // true表示导出时使用canvas的宽高，不进行缩放
uni.hideLoading()
uni.hideLoading ()
uni.canvasToTempFilePath({
canvasId: 'myCanvas',
success: function(res) {
console.log('合并后的图片路径:', res.tempFilePath);
that.setData(res.tempFilePath)
setTimeout(()=>{
that.setDatas(res.tempFilePath)
},500)
// 在这里你可以将合并后的图片保存到本地或进行其他处理
}
});
},
setData(v) {
setDatas(v) {
this.downFile = v
// console.log(v, '11111111111111222222')
// this.parth.push(v)
......
myStaff/poster/index.vue
......@@ -147,7 +147,9 @@
canvasId: 'myCanvas',
success: function(res) {
console.log('合并后的图片路径:', res.tempFilePath);
that.setData(res.tempFilePath)
setTimeout(()=>{
that.setDatas(res.tempFilePath)
},500)
// 在这里你可以将合并后的图片保存到本地或进行其他处理
}
});
......
pages.json
......@@ -407,6 +407,12 @@
"style": {
"navigationBarTitleText": "收藏商家"
}
},
{
"path": "attention/index",
"style": {
"navigationBarTitleText": "我的关注"
}
}
]
}
......
pages/contract/index.vue
......@@ -372,12 +372,13 @@
this.$uniGo.navigateTo({
url: `/contract/merchant/index?contractId=${v.contractId}`
});
} else {
// 跳转 -- 用户
this.$uniGo.navigateTo({
url: `/contract/index/index?contractId=${v.contractId}`
});
}
// else {
// // 跳转 -- 用户
// this.$uniGo.navigateTo({
// url: `/contract/index/index?contractId=${v.contractId}`
// });
// }
},
}
};
......
pages/forum/index.vue
......@@ -33,7 +33,7 @@
<view class="px-three pb-four list" v-if="forumList.length">
<view class="conntainer" v-for="(item,index) in forumList" :key="index" @click="handleDetail(item.forumId)">
<dynamicLists :itemDetail="item"></dynamicLists>
<dynamicLists :itemDetail="item" @refersh="handleRefersh"></dynamicLists>
</view>
</view>
......
pages/forum/publish.vue
......@@ -165,9 +165,22 @@
},
//预览
handlePreview(){
// console.log(this.model,"================")
if(this.model.content==''&&this.model.imgs==''&&this.model.forumTitle=='')return
console.log(this.model,"================")
this.$set(this.model, 'imgs', this.imgs)
if(this.model.forumTitle==''||this.model.forumTitle==undefined ){
uni.$u.toast('请填写标题')
return
}
if(this.imgs==''||this.imgs==undefined ){
uni.$u.toast('请填写上传图片')
return
}
if(this.model.content==''||this.model.content==undefined ){
uni.$u.toast('请填写正文')
return
}
let data = JSON.stringify(this.model)
uni.navigateTo({
url:"/homePage/merchant/preview?itemdata="+data
......
pages/my/index.vue
......@@ -128,10 +128,15 @@
img: 'wdxq.png',
id: 8
},
// {
// name: '收藏商家',
// img: 'scsj.png',
// id: 9
// },
{
name: '收藏商家',
img: 'scsj.png',
id: 9
name: '我的关注',
img: 'follow.png',
id: 11
},
{
name: '邀请海报',
......@@ -251,6 +256,11 @@
url: `/my/collectMerchant/index`
});
break;
case 11: //我的关注
self.$uniGo.navigateTo({
url: `/my/attention/index`
});
break;
}
},
// 退出
......
pages/shop/index.vue
......@@ -145,6 +145,7 @@
font-size: 24rpx;
color: #303030;
padding: 8rpx 0rpx 12rpx;
flex: 1;
&-tit {
font-weight: 600;
......
pages/staffindex/staffindex.vue
......@@ -3,7 +3,7 @@
<!-- 员工端 首页 -->
<u-sticky bgColor="#F7F8FA" offset-top="0">
<view class="index">
<image class="header" src="@/static/headImage.png" mode=""></image>
<image class="header" src="@/static/images/headImage.png" mode=""></image>
<com-navbar :leftIcon="false" title=" " bgColor="transparent" :titleStyle="{
scrollTopHeader:scrollTopHeader
}"></com-navbar>
......
shop/index/indext.vue
......@@ -27,82 +27,101 @@
</view>
</u-form-item>
<u-form-item label="手机号" borderBottom ref="item1">
<u-form-item label="手机号" ref="item1">
<view class="tx">
<u--input v-model="model1.phonenumber" placeholder="请输入" border="none"
inputAlign='right' maxlength='11'></u--input>
<u--input v-model="model1.phonenumber" placeholder="请输入" border="none" inputAlign='right'
maxlength='11' type='number'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
</view>
</u-form-item>
<u-form-item label="商家名称" borderBottom ref="item1">
</u--form>
</view>
<view class="index-cetn">
<view class="">
<view class="tit">
商家名称
</view>
<view class="tx">
<u--input v-model="model1.businessName" placeholder="请输入" border="none"
inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.businessName" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
</view>
</view>
<view class="">
<view class="tit">
公司名称
</view>
</u-form-item>
<u-form-item label="公司名称" borderBottom ref="item1">
<view class="tx">
<u--input v-model="model1.companyName" placeholder="请输入" border="none"
inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.companyName" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
</view>
</view>
<view class="">
<view class="tit">
营业地址
</view>
</u-form-item>
<u-form-item label="营业地址" borderBottom ref="item1">
<view class="tx" @click="chooseLoca">
<u--input disabled v-model="model1.businessAddressContent" placeholder="请输入" border="none"
inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
inputAlign='left' :customStyle="cty"></u--input>
</view>
</view>
<view class="">
<view class="tit">
详细地址
</view>
</u-form-item>
<u-form-item label="详细地址" borderBottom ref="item1">
<view class="tx">
<u--input v-model="model1.businessAddressInfo" placeholder="请输入" border="none"
inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.businessAddressInfo" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
</view>
</view>
<view class="">
<view class="tit">
法人姓名
</view>
</u-form-item>
<u-form-item label="法人姓名" borderBottom ref="item1">
<view class="tx">
<u--input v-model="model1.corporationName" placeholder="请输入" border="none"
inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.corporationName" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
</view>
</view>
<view class="">
<view class="tit">
法人联系电话
</view>
</u-form-item>
<u-form-item label="法人联系电话" :borderBottom="false" ref="item1">
<view class="tx">
<u--input v-model="model1.corporationMobile" placeholder="请输入" border="none"
inputAlign='right' type="number"></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.corporationMobile" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
</view>
</u-form-item>
</u--form>
</view>
</view>
<view class="index-cetn">
<view class="index-cetn-tit">
收款账户
</view>
<view class=""
style="display: flex;align-items: center;justify-content: space-between;padding: 40rpx 0 50rpx;">
<view class="">
<view class="tit">
开户行
</view>
<view class="tx">
<u--input v-model="model1.bank" placeholder="请输入" border="none" inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.bank" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
<!-- <image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image> -->
</view>
</view>
<view class="xin"></view>
<view class=""
style="display: flex;align-items: center;justify-content: space-between;padding: 40rpx 0 50rpx;">
<!-- <view class="xin"></view> -->
<view class="">
<view class="tit">
银行卡号
</view>
<view class="tx">
<u--input type="number" v-model="model1.bankNumber" placeholder="请输入" border="none"
inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
inputAlign='left' :customStyle="cty"></u--input>
<!-- <image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image> -->
</view>
</view>
<view class="tit" style="margin-bottom: 10rpx;">
......@@ -112,7 +131,8 @@
<view class="tit" style="margin-bottom: 10rpx;">
商家头像
</view>
<com-upload :maxCount="1" :register="true" ref="business" imgType="takePictures" @changeList="changeLists"></com-upload>
<com-upload :maxCount="1" :register="true" ref="business" imgType="takePictures"
@changeList="changeLists"></com-upload>
<view class="index-cetn-tit" style="margin-top: 20rpx;">
商家介绍
......@@ -127,7 +147,8 @@
'padding':'20rpx'
}" border="none"></u--textarea>
<view class="picture">
<com-upload ref="upload" :register="true" imgType="takePictures" @changeList="changeList1"></com-upload>
<com-upload ref="upload" :register="true" imgType="takePictures"
@changeList="changeList1"></com-upload>
</view>
</view>
</view>
......@@ -137,36 +158,32 @@
</view> -->
<view class="index-cetn">
<view class=""
style="display: flex;align-items: center;justify-content: space-between;padding: 40rpx 0 50rpx;">
<view class="">
<view class="tit">
登录账号
</view>
<view class="tx">
<u--input v-model="model1.userName" placeholder="请输入" border="none" inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.userName" placeholder="请输入" border="none" inputAlign='left'
:customStyle="cty"></u--input>
</view>
</view>
<view class="xin"></view>
<view class=""
style="display: flex;align-items: center;justify-content: space-between;padding: 40rpx 0 50rpx;">
<view class="">
<view class="tit">
登录密码
</view>
<view class="tx">
<u--input v-model="model1.password" type="password" placeholder="请输入" border="none" inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="model1.password" type="password" placeholder="请输入" border="none"
inputAlign='left' :customStyle="cty"></u--input>
</view>
</view>
<view class="xin"></view>
<view class=""
style="display: flex;align-items: center;justify-content: space-between;padding: 40rpx 0 50rpx;">
<view class="">
<view class="tit">
确认密码
</view>
<view class="tx">
<u--input v-model="confirmPassword" type="password" placeholder="请输入" border="none" inputAlign='right'></u--input>
<image class="tx-jt" :src="imgBgUrl + 'yjt.png'" mode=""></image>
<u--input v-model="confirmPassword" type="password" placeholder="请输入" border="none"
inputAlign='left' :customStyle="cty"></u--input>
</view>
</view>
......@@ -218,14 +235,21 @@
dimension: '',
longitude: '',
businessIntroduce: '',
password:"", //密码
userName:"",
businessIntroduceImg:"" //商家图片
password: "", //密码
userName: "",
businessIntroduceImg: "" //商家图片
},
confirmPassword:"", //确认密码
confirmPassword: "", //确认密码
rules: {},
userId: '',
spread: '', // 分享
cty: {
width: '630rpx',
height: '96rpx',
backgroundColor: 'rgba(143, 146, 161, 0.08)',
borderRadius: '20rpx',
padding: "0 20rpx"
}
};
},
computed: {
......@@ -288,8 +312,8 @@
this.model1.businessImg = JSON.stringify(v)
},
//商家图片
changeList1(v){
console.log(v,"获取商家图片")
changeList1(v) {
console.log(v, "获取商家图片")
this.model1.businessIntroduceImg = JSON.stringify(v)
},
// 保存
......@@ -323,7 +347,7 @@
if (!self.model1.corporationMobile) {
return uni.$u.toast('请输入法人联系电话');
}
if(!self.$utilsMethods.phoneFun(self.model1.corporationMobile)){
if (!self.$utilsMethods.phoneFun(self.model1.corporationMobile)) {
return uni.$u.toast('请输入正确的手机号')
}
//开户行
......@@ -343,22 +367,23 @@
return uni.$u.toast('请输入商家头像');
}
let licenseImg = JSON.parse(self.model1.licenseImg)
licenseImg.forEach((item)=>{
item.url = item.url+'?x-oss-process=image/watermark,text_5LuF6ZmQ5aSH5qGI5L2_55So'
licenseImg.forEach((item) => {
item.url = item.url + '?x-oss-process=image/watermark,text_5LuF6ZmQ5aSH5qGI5L2_55So'
})
self.model1.licenseImg = JSON.stringify(licenseImg)
if(!self.model1.password){
if (!self.model1.password) {
return uni.$u.toast('请输入密码');
}
if(!self.confirmPassword){
if (!self.confirmPassword) {
return uni.$u.toast('请输入确认密码');
}
if(self.model1.password !== self.confirmPassword){
if (self.model1.password !== self.confirmPassword) {
return uni.$u.toast('密码和确认密码不一致');
}
this.model1.spread=self.spread
// console.log(this.model1,"======================")
this.model1.spread = self.spread
console.log(this.model1,"======================")
merchantPOST({
...this.model1
}).then((res) => {
......@@ -488,9 +513,9 @@
}
.tit {
font-weight: 400;
font-size: 28rpx;
color: #333333;
margin: 20rpx 0;
}
.nam {
......@@ -514,15 +539,19 @@
}
::v-deep .u-input__content__field-wrapper__field {
background-color: #FFFFFF;
//background-color: #FFFFFF;
}
::v-deep .u-form-item__body {
padding: 40rpx 0 50rpx !important;
}
.com-textarea-box{
.com-textarea-box {
padding-bottom: 20rpx;
background: #F6F7F8;
}
.inp {
background: red;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment