wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
dev
liudan 10 months ago
parent bf3b3e0705
commit 827ea0d2e1
7 changed files with 617 additions and 0 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 344
      pages/news1/MerchantSettlement.vue
  2. 273
      pages/news1/huoyuan.vue
  3. BIN
      static/news1/m1.png
  4. BIN
      static/news1/m2.png
  5. BIN
      static/news1/m3.png
  6. BIN
      static/news1/pop.png
  7. BIN
      static/news1/selected.png

344
pages/news1/MerchantSettlement.vue
Unescape View File

@ -0,0 +1,344 @@
<template>
<view class="settlement">
<view class="topContent">
<view>商家入驻信息采集，请认真填写提交</view>
<view style="margin-top:22upx">通过审核后会有专人联系</view>
</view>
<view class="formContent">
<u-form :model="form" ref="uForm">
<view class="formSection">
<u-form-item label="*主体公司名称 ">
<u-input border placeholder="请输入贵公司名称" v-model="form.name" />
</u-form-item>
<u-form-item label="*主营类目" @click="typeShow = true">
<u-input v-model="form.type" placeholder="请选择选择主营类目" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
</view>
<view class="formSection">
<u-form-item label="*公司地址" @click="addrshow = true">
<u-input v-model="form.addr" placeholder="请选择地级" type="select" @click="addrshow = true"/>
<u-picker mode="region" v-model="addrshow"></u-picker>
</u-form-item>
<u-form-item label="*合作品牌 ">
<u-input border placeholder="请输入" v-model="form.brand" />
</u-form-item>
<u-form-item label="*自有品牌/代理入驻" @click="typeShow = true">
<u-input v-model="form.agent" placeholder="代理入驻" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*一级/二级授权" @click="typeShow = true">
<u-input v-model="form.childAgent" placeholder="一级授权" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*可否含税" @click="typeShow = true">
<u-input v-model="form.rate" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
</view>
<view class="formSection">
<u-form-item label="*联系人姓名 ">
<u-input border placeholder="请输入姓名" v-model="form.contactName" />
</u-form-item>
<u-form-item label="*联系人职位" @click="typeShow = true">
<u-input v-model="form.contactPosition" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*联系人手机号">
<u-input border placeholder="请输入手机号" v-model="form.contactPhone" />
</u-form-item>
<u-form-item label="*联系人微信号">
<u-input border placeholder="请输入微信号" v-model="form.contactwx" />
</u-form-item>
<u-form-item label="*联系人邮箱">
<u-input border placeholder="请输入邮箱" v-model="form.contactEmail" />
</u-form-item>
</view>
<view class="formSection">
<u-form-item label="*仓储模式" @click="typeShow = true">
<u-input v-model="form.mode" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*周末是否发货" @click="typeShow = true">
<u-input v-model="form.weekend" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*是否自有工厂" @click="typeShow = true">
<u-input v-model="form.company" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*是否有线下渠道" @click="typeShow = true">
<u-input v-model="form.channel" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="*是否有电商店铺" @click="typeShow = true">
<u-input v-model="form.shop" placeholder="请选择" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
</view>
</u-form>
</view>
<view class="shop">
<view class="shopTitle">电商平台可多选</view>
<view class="shopItem">
<view :class="active==index?'active shopText':'shopText'" @click="getShop(index)" v-for="(item,index) in btnList" :key="index">
<text>{{item}}</text>
<image v-if="active==index" src="/static/news1/selected.png" mode="widthFix"></image>
</view>
</view>
</view>
<view class="submitBtn" @click="popShow=true">
提交
</view>
<u-popup v-model="popShow" mode="center" border-radius="12">
<view>
<view style="text-align: center;">
<image src="/static/news1/pop.png" class="popimg" mode="widthFix"></image>
</view>
<view class="popcontent">
<view class="poptitle">
您的入驻申请提交成功
</view>
<view class="poptext">
请您保持电话、微信畅通我们将在2个工作日内与您联系！顺祝商祺！
</view>
<view class="knowBtn" @click="popShow=false">
我知道了
</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
form: {
name: '',
type: '',
addr:'',
brand:'',
agent:'',
childAgent:'',
rate:'',
contactName:'',
contactPosition:'',
contactPhone:'',
contactwx:'',
contactEmail:'',
mode:'',
weekend:'',
company:'',
channel:'',
shop:'',
},
typeShow:false,
addrshow:false,
type: [
{
text: '一件代发'
}
],
btnList:[
'京东店铺','拼多多店铺','苏宁店铺','唯品会店铺','淘宝店铺','天猫店铺','其他平台'
],
active:0,
popShow:false,
}
},
methods:{
actionSheetCallback(index) {
this.form.type = this.type[index].text;
},
getShop(index){
this.active = index;
}
}
}
</script>
<style lang="scss" scoped>
page{
min-height:100%;
padding-bottom:60upx;
}
.settlement{
height:100%;
.topContent{
height: 232upx;
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%);
border-radius: 0px 0px 0px 0px;
opacity: 1;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.formContent{
.formSection{
padding:0 38upx 0 30upx;
background: #fff;
margin-bottom:16upx;
}
}
::v-deep .u-form-item--left{
width:auto !important;
}
::v-deep .u-form-item--left__content__label{
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FF4C3C;
width:236upx;
}
::v-deep .u-border-bottom:after{
border:none;
}
.shop{
margin-top:12upx;
background-color: #fff;
padding:34upx 50upx 70upx 50upx;
.shopTitle{
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #4C4C4C;
margin-bottom:24upx;
}
.shopItem{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
.shopText{
width: 240upx;
height: 72upx;
line-height: 72upx;
text-align: center;
background: #FFFFFF;
border-radius: 3px 3px 3px 3px;
opacity: 1;
border: 1px solid #D6D6D6;
position: relative;
margin-bottom:24upx;
text{
font-size: 26upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #B6B6B6;
}
image{
position: absolute;
z-index:9;
right: -8upx ;
bottom:-8upx;
height:0;
width:50upx;
height:auto;
}
}
.active{
text{
color: #FF4F40;
}
border: 1px solid #FF4F40;
}
}
}
.submitBtn{
margin:60upx 24upx 0 24upx;
height: 100upx;
background: linear-gradient(180deg, #FE7E71 0%, #FF4434 100%);
border-radius: 52px 52px 52px 52px;
opacity: 1;
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 100upx;
text-align: center;
}
}
.popcontent{
width: 520upx;
height: 460upx;
background: linear-gradient(180deg, #FFE4E4 0%, #FFFFFF 100%);
border-radius: 6px 6px 6px 6px;
opacity: 1;
display: flex;
flex-direction: column;
// justify-content: space-around;
padding:100upx 40upx 0 40upx;
align-items: center;
position: relative;
z-index:1;
top:-80upx;
.poptitle{
font-size: 32upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #000000;
}
.poptext{
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #727272;
margin-top: 36upx;
line-height: 36upx;
}
.knowBtn{
width: 400upx;
height: 72upx;
line-height: 72upx;
text-align: center;
background: #F55349;
border-radius: 36px 36px 36px 36px;
opacity: 1;
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #FFFFFF;
margin-top:60upx;
}
}
.popimg{
// position: absolute;
width:120upx;
height:auto;
position: relative;
z-index:2;
}
::v-deep .u-mode-center-box{
background: transparent;
}
</style>

273
pages/news1/huoyuan.vue
Unescape View File

@ -0,0 +1,273 @@
<template>
<view class="huoyuan">
<view class="process">
<view class="pItem" v-for="(item,index) in list" :key="index">
<image :src="item.icon" mode="widthFix" class="icon"></image>
<view class="title">{{item.title}}</view>
<view class="subTitle">{{item.subTitle}}</view>
</view>
</view>
<view class="formContent">
<u-form :model="form" ref="uForm">
<u-form-item label="商品名称" label-width="150"><u-input placeholder="请填写您求购的商品名称" v-model="form.name" /></u-form-item>
<u-form-item label="产品描述" label-width="150"><u-input maxlength="200" placeholder="如品牌、型号、参数 、配置、规格等，可复制电商标题、链接。" v-model="form.intro" type="textarea"/></u-form-item>
<u-form-item label="求购类型" label-width="150" @click="typeShow = true">
<u-input v-model="form.type" type="select" @click="typeShow = true"/>
<u-action-sheet :list="type" :cancel-btn="false" v-model="typeShow" @click="actionSheetCallback"></u-action-sheet>
</u-form-item>
<u-form-item label="交货日期" label-width="150" @click="timeShow = true">
<u-input v-model="form.date" type="select" @click="timeShow = true"/>
<u-picker mode="time" v-model="timeShow" :params="timeParams"></u-picker>
</u-form-item>
<u-form-item label="求购数量" label-width="150"><u-input placeholder="请输入数量及单位" v-model="form.num" /></u-form-item>
<u-form-item label="预估单价" label-width="150">
<view class="">
<view class="qujian">
<u-input placeholder="请输入价格区间" border v-model="form.startNum" />
<text style="margin:0 10upx;">-</text>
<u-input placeholder="请输入价格区间" border v-model="form.endNum" />
<text style="margin-left:10upx">元</text>
</view>
<u-checkbox-group>
<u-checkbox active-color="#FE483B" shape="circle" v-model="form.mianyi" v-for="(item, index) in radioList" :key="index" :name="item.name">
{{ item.name }}
</u-checkbox>
</u-checkbox-group>
</view>
</u-form-item>
<u-upload
:fileList="finishImageList"
:previewFullImage="true"
@afterRead="afterRead"
:maxCount="8" width="180" height="180"
upload-text="上传照片"
@delete="deletePic"
name="1"
multiple
></u-upload>
<u-form-item label="收货地址" label-width="150" @click="addrshow = true">
<u-input v-model="form.addr" type="select" @click="addrshow = true"/>
<u-picker mode="region" v-model="addrshow"></u-picker>
</u-form-item>
<u-form-item label="备注" label-width="150" label-position="top">
<u-input v-model="form.remark" class="remarkInput" placeholder="请填写您要补充的内容，如规格、包装和运输等要求" type="textarea"/>
</u-form-item>
</u-form>
<button class="submitBtn">确认发布</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list:[
{icon:'/static/news1/m1.png',title:'发采购询价单',subTitle:'填写所需信息一键发布询价'},
{icon:'/static/news1/m2.png',title:'卖家实时报价',subTitle:'60分钟获取卖家报价'},
{icon:'/static/news1/m3.png',title:'卖家上架商品',subTitle:'采购方案根据需要下单采购'},
],
form: {
name: '',
intro: '',
type: '',
date:'',
num:'',
startNum:'',
endNum:'',
mianyi:true,
addr:'',
remark:''
},
typeShow:false,
timeShow:false,
addrshow:false,
type: [
{
text: '一件代发'
}
],
timeParams:{
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
radioList: [
{
name: '面议'
},
],
radio: '',
//照片
finishImageList:[]
}
},
methods:{
actionSheetCallback(index) {
this.form.type = this.type[index].text;
},
// 新增图片
async afterRead(event) {
let lists = [].concat(event.file)
let fileListLen = this[`fileList${event.name}`].length
lists.map((item) => {
this[`fileList${event.name}`].push({
...item,
status: 'uploading',
message: '上传中'
})
})
for (let i = 0; i < lists.length; i++) {
const result = await this.uploadFilePromise(lists[i].url)
if(JSON.parse(result).code==1){
let item = this[`fileList${event.name}`][fileListLen]
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
status: 'success',
message: '',
url: result
}))
fileListLen++
}else{
this[`fileList${event.name}`].splice(fileListLen, 1)
}
}
},
//上传照片
uploadFilePromise(url) {
return new Promise((resolve, reject) => {
// let a = uni.uploadFile({
// url: this.baseUrl+'/api/common/upload', // 仅为示例，非真实的接口地址
// filePath: url,
// name: 'file',
// formData: {
// user: 'test',
// token:getToken()
// },
// success: (res) => {
// if(JSON.parse(res.data).code==1){
// setTimeout(() => {
// this.finishImageList.push({url:JSON.parse(res.data).data.fullurl,path:JSON.parse(res.data).data.url})
// resolve(res.data)
// }, 1000)
// }else{
// uni.$u.toast(JSON.parse(res.data).msg)
// resolve(res.data)
// }
// },
// fail: (res) => {
// console.log(res,"rrr")
// }
// });
})
},
//删除图片
deletePic(event) {
this.finishImageList.splice(event.index, 1)
},
}
}
</script>
<style lang="scss" scoped>
page{
min-height:100%;
padding-bottom:100upx;
}
.huoyuan{
.process{
height: 266upx;
background: #FFFFFF;
border-radius: 14upx;
opacity: 1;
display: flex;
align-items: center;
justify-content: space-between;
margin:0 30upx;
// padding:0 28upx;
position: relative;
.pItem{
flex: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
image{
width:56upx;
height: auto;
}
.title{
font-size: 24upx;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
color: #2D2D2D;
margin:16upx 0;
}
.subTitle{
font-size: 24upx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #8A8A8A;
width: 75%;
text-align: center;
}
}
}
.formContent{
margin:0 30upx;
background-color: #fff;
border-radius: 14upx;
margin-top:20upx;
padding:0 38upx;
::v-deep .u-form-item--left{
align-items: flex-start;
}
::v-deep .u-form-item--left__content__label{
color: #2D2D2D;
font-size: 28upx;
}
.qujian{
width: 100%;
display: flex;
align-items: center;
}
}
}
.remarkInput{
width: 100%;
height: 246upx;
background: #F7F8FA;
border-radius: 3px 3px 3px 3px;
opacity: 1;
padding:20upx !important;
}
.submitBtn{
height: 88upx;
margin:64upx 0;
line-height: 88upx;
// background: #FFAAA4;
background: #FE483B;
border-radius: 36px 36px 36px 36px;
opacity: 1;
font-size: 28upx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #FFFFFF;
text-align: center;
}
</style>

BIN
static/news1/m1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 738 B

BIN
static/news1/m2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/news1/m3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 549 B

BIN
static/news1/pop.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
static/news1/selected.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

Write Preview
Loading…
Cancel
Save