Browse Source
Merge branch 'devlop' of http://git.qniao.cn/qniao/paper-shopkeeper-H5 into devlop
devlop
Merge branch 'devlop' of http://git.qniao.cn/qniao/paper-shopkeeper-H5 into devlop
devlop
16 changed files with 1509 additions and 557 deletions
Split View
Diff Options
-
17apis/addressManageApi.js
-
26apis/enquiryListApi.js
-
32apis/setting.js
-
2components/qn-input-number/qn-input-number.vue
-
18pages.json
-
208pages/account-management/index.vue
-
262pages/add-account/index.vue
-
27pages/add-address-manage/index.vue
-
42pages/address-manage/index.vue
-
1058pages/cart/index.vue
-
345pages/enquiry-list/index.vue
-
10pages/for-comparison/index.vue
-
4pages/mine/index.vue
-
11pages/paper-details/index.vue
-
4pages/store/index.vue
-
BINstatic/imgs/mine/client-default.png
@ -0,0 +1,26 @@ |
|||
import http from '../utils/http/index.js' |
|||
// 获取获取询价结果列表
|
|||
export function getEnquiryOrder(data) { |
|||
return http.get( |
|||
{ |
|||
url: '/base-paper-trading/get/enquiry-order/result-list', |
|||
data |
|||
}, |
|||
{ |
|||
hideLoading: true |
|||
} |
|||
) |
|||
} |
|||
/** |
|||
* 询价单去下单 |
|||
* swagger:https://api-ops-yyt-test.qniao.cn//base-paper-trading/swagger-ui/index.html?urls.primaryName=CustomerApi#/%E5%8E%9F%E7%BA%B8%E8%AE%A2%E5%8D%95/createCustomerOrderByEnquiryUsingPOST
|
|||
* |
|||
*/ |
|||
export function createByEnquiry(data) { |
|||
return http.post( |
|||
{ |
|||
url: '/base-paper-trading/buyer/paper/goods/reserve/by-enquiry', |
|||
data |
|||
} |
|||
) |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
import http from '../utils/http/index.js' |
|||
// 修改员工姓名
|
|||
export function employeeName(data) { |
|||
return http.post({ |
|||
url: '/yyt-uec/update/my/employee-name?userId='+data.userId +'&enterpriseId=' +data.enterpriseId, |
|||
data |
|||
}) |
|||
} |
|||
// 新增员工
|
|||
export function addEmployee(data) { |
|||
return http.post({ |
|||
url: '/yyt-uec/enterprise/add/employee?userId='+data.userId +'&enterpriseId=' +data.enterpriseId, |
|||
data |
|||
}) |
|||
} |
|||
// 员工列表
|
|||
export function employeeList(data) { |
|||
return http.get({ |
|||
url: '/yyt-uec/enterprise/get/employee-list', |
|||
data |
|||
}) |
|||
} |
|||
// 删除员工
|
|||
export function deleteEmployee(data) { |
|||
return http.post({ |
|||
url: '/yyt-uec/enterprise/delete/employee?enterpriseId='+data.enterpriseId, |
|||
data |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,208 @@ |
|||
<template> |
|||
<view class="account-management"> |
|||
<view> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
|||
<view class="account-management-title">账号管理</view> |
|||
<view slot="left"></view> |
|||
<view slot="right" class="add-account" @click="addAccount">添加账号</view> |
|||
</uni-nav-bar> |
|||
</view> |
|||
<view class=""> |
|||
<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown"> |
|||
<view class="account-list" v-for="(item,index) in list" :key="index"> |
|||
<view class="account-iamge-width"><image class="list-image" src="/static/imgs/mine/client-default.png" mode=""></image></view> |
|||
<view class="account-text"> |
|||
<view class="account-name"><text>{{item.name}}-{{item.title}}</text></view> |
|||
<view class="account-phone"><text>{{item.mobile}}</text></view> |
|||
</view> |
|||
<view class="account-delete" @click="deleteAccount(item)"><text>删除账号</text></view> |
|||
</view> |
|||
</scroll-list> |
|||
</view> |
|||
<uni-popup ref="popup" type="dialog"> |
|||
<uni-popup-dialog type="info" mode="base" title="确认删除该账号？" :duration="2000" :before-close="true" @close="close" @confirm="confirm"> |
|||
<view class="account-dialog-text"> |
|||
<text>账号删除后无法在使用系统，请谨慎操作</text> |
|||
</view> |
|||
</uni-popup-dialog> |
|||
</uni-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { back, go2 } from '@/utils/hook.js' |
|||
import { employeeList,deleteEmployee } from '@/apis/setting.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
orderOption: { |
|||
size: 10, |
|||
auto: true, |
|||
emptyText: '暂无用户~', |
|||
background: '#F7F8FA', |
|||
fontSize: '40rpx', |
|||
emptyImage: '/static/imgs/order/order-empty.png' |
|||
}, |
|||
params: { |
|||
asc: '', |
|||
desc: '', |
|||
enterpriseId: this.$store.state.companyInfo.id, |
|||
}, |
|||
pagination: { |
|||
pageNum: 0, // 初始会执行一次下拉加载 |
|||
pageSize: 10 |
|||
}, |
|||
list:[], |
|||
deleteId:'' |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
back, |
|||
addAccount() { |
|||
go2('add-account') |
|||
}, |
|||
deleteAccount(item){ |
|||
// deleteEmployee |
|||
this.$refs.popup.open() |
|||
this.deleteId = item.id |
|||
}, |
|||
confirm(){ |
|||
var params= { |
|||
id:this.deleteId, |
|||
enterpriseId: this.$store.state.companyInfo.id, |
|||
} |
|||
deleteEmployee(params) |
|||
.then(res => { |
|||
if (res) { |
|||
uni.showToast({ |
|||
title: '删除成功', |
|||
icon: 'success' |
|||
}) |
|||
this.close() |
|||
this.pagination.pageNum = 1 |
|||
this.getList() |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
reject(err) |
|||
}) |
|||
}, |
|||
close(){ |
|||
this.$refs.popup.close() |
|||
}, |
|||
// 获取用户列表 |
|||
getList() { |
|||
return new Promise((resolve, reject) => { |
|||
employeeList({ ...this.params, ...this.pagination }) |
|||
.then(res => { |
|||
if (res) { |
|||
if (this.pagination.pageNum == 1) { |
|||
this.list = res.records |
|||
} else { |
|||
this.list = this.list.concat(res.records) |
|||
} |
|||
resolve({ list: this.list, total: res.total }) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
reject(err) |
|||
}) |
|||
}) |
|||
}, |
|||
//用户分页 |
|||
orderUp(page) { |
|||
this.pagination.pageNum++ |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.orderRef.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.orderRef.loadFail() |
|||
}) |
|||
}, |
|||
//用户分页 |
|||
orderDown() { |
|||
this.pagination.pageNum = 1 |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.orderRef.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.orderRef.refreshFail() |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.account-management { |
|||
.account-management-title { |
|||
width: 100%; |
|||
font-size: 36rpx; |
|||
color: #000000; |
|||
letter-spacing: 0; |
|||
text-align: center; |
|||
font-weight: 500; |
|||
} |
|||
.add-account { |
|||
font-size: 28rpx; |
|||
color: #007aff; |
|||
text-align: right; |
|||
line-height: 40rpx; |
|||
font-weight: 500; |
|||
} |
|||
.list-image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 50rpx; |
|||
} |
|||
.account-list { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 148rpx; |
|||
background-color: #ffffff; |
|||
} |
|||
.account-name { |
|||
font-size: 30rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
} |
|||
.account-phone { |
|||
font-size: 26rpx; |
|||
color: #888888; |
|||
letter-spacing: 0; |
|||
text-align: left; |
|||
line-height: 32rpx; |
|||
font-weight: 400; |
|||
} |
|||
.account-delete { |
|||
font-size: 28rpx; |
|||
color: #f5222d; |
|||
text-align: right; |
|||
line-height: 40rpx; |
|||
font-weight: 400; |
|||
} |
|||
.account-text { |
|||
width: 60%; |
|||
line-height: 60rpx; |
|||
} |
|||
.account-iamge-width { |
|||
margin-left: 32rpx; |
|||
width: 15%; |
|||
} |
|||
.account-dialog-text{ |
|||
font-size: 28rpx; |
|||
color: #969799; |
|||
text-align: center; |
|||
line-height: 40rpx; |
|||
font-weight: 400; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,262 @@ |
|||
<template> |
|||
<view class="add-account"> |
|||
<view> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title=""> |
|||
<view class="add-account-title">新增企业账号</view> |
|||
<view slot="left"></view> |
|||
<view slot="right"></view> |
|||
</uni-nav-bar> |
|||
</view> |
|||
<view class=""> |
|||
<view class="add-paper-list"> |
|||
<view> |
|||
<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text> |
|||
<text class="add-paper-text">手机号</text> |
|||
</view> |
|||
<view class="add-paper-input"> |
|||
<qn-easyinput |
|||
type="number" |
|||
:maxlength="11" |
|||
:styles="{ disableColor: '#fff' }" |
|||
v-model="form.mobile" |
|||
:inputBorder="false" |
|||
text="right" |
|||
placeholder="请输入手机号" |
|||
></qn-easyinput> |
|||
</view> |
|||
</view> |
|||
<view class="add-paper-border"></view> |
|||
<view class="add-paper-list"> |
|||
<view> |
|||
<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text> |
|||
<text class="add-paper-text">用户号</text> |
|||
</view> |
|||
<view class="add-paper-input"> |
|||
<qn-easyinput type="text" :styles="{ disableColor: '#fff' }" v-model="form.name" :inputBorder="false" text="right" placeholder="请输入用户号"></qn-easyinput> |
|||
</view> |
|||
</view> |
|||
<view class="add-paper-border"></view> |
|||
<view class="add-paper-list" @click="paperpopupShow()"> |
|||
<view> |
|||
<text class="add-paper-start"><uni-icons custom-prefix="iconfont" type="icon-required" size="14" color="#F5222D"></uni-icons></text> |
|||
<text class="add-paper-text">职务</text> |
|||
</view> |
|||
<!-- categoryId --> |
|||
<view class=""> |
|||
<text v-if="form.title === ''" class="add-paph-text">点击选择职务</text> |
|||
<text v-else>{{ form.title }}</text> |
|||
<text><uni-icons type="right" color="#000000" size="18"></uni-icons></text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="uploud-btn"> |
|||
<view class=""><button type="primary" class="btn-class" plain="true" @click="cencelList()">取消</button></view> |
|||
<view class=""><button type="primary" class="btn-class-upload" @click="uploadData()">确认</button></view> |
|||
</view> |
|||
<uni-popup ref="paperpopup" type="bottom"> |
|||
<view class="popup_modal"> |
|||
<!-- <slot name="title"><view class="popup_modal-title">选择纸种</view></slot> --> |
|||
<scroll-view scroll-y="true" class="popup_modal-scroll"> |
|||
<view @click="paperSelectChange(item)" class="popup_modal-scroll-item" v-for="item in paperList" :key="item.id">{{ item.name }}</view> |
|||
<uGap></uGap> |
|||
<view class="cencel-btn" @click="cencelbtn">取消</view> |
|||
</scroll-view> |
|||
</view> |
|||
</uni-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { back, go2, uploadFile } from '@/utils/hook.js' |
|||
import uGap from '@/components/u-gap/u-gap.vue' |
|||
import { addEmployee } from '@/apis/setting.js' |
|||
const validateFields = ['mobile', 'name', 'title'] |
|||
export default { |
|||
data() { |
|||
return { |
|||
form: { |
|||
title: '' |
|||
}, |
|||
paperList: [ |
|||
{ |
|||
name: '管理员', |
|||
id: '1' |
|||
}, |
|||
{ |
|||
name: '业务员', |
|||
id: '2' |
|||
}, |
|||
{ |
|||
name: '司机', |
|||
id: '3' |
|||
}, |
|||
{ |
|||
name: '分切', |
|||
id: '4' |
|||
}, |
|||
{ |
|||
name: '库管', |
|||
id: '5' |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
components: { uGap }, |
|||
methods: { |
|||
back, |
|||
paperpopupShow() { |
|||
this.$refs.paperpopup.open('bottom') |
|||
}, |
|||
paperSelectChange(item) { |
|||
this.$set(this.form, 'title', item.name) |
|||
this.$refs.paperpopup.close() |
|||
}, |
|||
cencelbtn() { |
|||
this.$refs.paperpopup.close() |
|||
}, |
|||
cencelList(){ |
|||
back() |
|||
}, |
|||
uploadData() { |
|||
for (let i = 0; i < validateFields.length; i++) { |
|||
if (this.form[validateFields[i]] === null || this.form[validateFields[i]] === '') { |
|||
uni.showToast({ |
|||
title: '请完善信息', |
|||
icon: 'none' |
|||
}) |
|||
return |
|||
} |
|||
} |
|||
var params = { |
|||
...this.form, |
|||
enterpriseId: this.$store.state.companyInfo.id, |
|||
// userId:this.$store.state.userInfo.userId, |
|||
} |
|||
addEmployee(params).then(res => { |
|||
if (res) { |
|||
uni.showToast({ |
|||
title: '添加成功', |
|||
icon: 'success' |
|||
}) |
|||
setTimeout(() => { |
|||
back() |
|||
}, 1000) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.add-account { |
|||
.add-account-title { |
|||
width: 100%; |
|||
font-size: 36rpx; |
|||
color: #000000; |
|||
letter-spacing: 0; |
|||
text-align: center; |
|||
font-weight: 500; |
|||
} |
|||
.add-account { |
|||
font-size: 28rpx; |
|||
color: #007aff; |
|||
text-align: right; |
|||
line-height: 40rpx; |
|||
font-weight: 500; |
|||
} |
|||
.add-paper-border { |
|||
border-bottom: 2rpx solid #d8d8d8; |
|||
margin-left: 32rpx; |
|||
} |
|||
.add-paper-list { |
|||
height: 88rpx; |
|||
background: #ffffff; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
padding-left: 32rpx; |
|||
padding-right: 32rpx; |
|||
} |
|||
.add-paper-text { |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
} |
|||
.add-paper-start { |
|||
font-size: 28rpx; |
|||
color: #f5222d; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
} |
|||
.add-paper-input { |
|||
width: 40%; |
|||
} |
|||
.popup_modal { |
|||
width: 750rpx; |
|||
height: 600rpx; |
|||
background-color: #fff; |
|||
border-radius: 10rpx 10rpx 0 0; |
|||
.popup_modal-title { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
width: 750rpx; |
|||
height: 88rpx; |
|||
font-weight: 600; |
|||
border-bottom: 2rpx solid #d8d8d8; |
|||
} |
|||
.popup_modal-scroll { |
|||
width: 750rpx; |
|||
height: 600rpx; |
|||
.popup_modal-scroll-item { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
width: 750rpx; |
|||
height: 88rpx; |
|||
padding: 0rpx 32rpx; |
|||
border-bottom: 2rpx solid #d8d8d8; |
|||
} |
|||
} |
|||
} |
|||
.cencel-btn { |
|||
font-size: 32rpx; |
|||
color: #646566; |
|||
text-align: center; |
|||
line-height: 44rpx; |
|||
font-weight: 400; |
|||
margin-top: 40rpx; |
|||
} |
|||
.add-paph-text { |
|||
font-size: 28rpx; |
|||
color: #888888; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
} |
|||
.btn-class { |
|||
height: 88rpx; |
|||
border-radius: 10rpx; |
|||
line-height: 80rpx; |
|||
width: 150px; |
|||
} |
|||
.btn-class-upload { |
|||
height: 88rpx; |
|||
border-radius: 10rpx; |
|||
line-height: 80rpx; |
|||
width: 200px; |
|||
} |
|||
.uploud-btn { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
padding: 20rpx 32rpx; |
|||
background-color: #ffffff; |
|||
position: absolute; |
|||
bottom: 0rpx; |
|||
width: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
1058
pages/cart/index.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,20 +1,325 @@ |
|||
<template> |
|||
<view> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="询价列表"></uni-nav-bar> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { go2, back } from '@/utils/hook.js' |
|||
export default { |
|||
data() { |
|||
return {} |
|||
}, |
|||
methods: { |
|||
go2, |
|||
back |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
|||
<template> |
|||
<view class="warpper"> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="询价列表"></uni-nav-bar> |
|||
<view class=""> |
|||
<view class="status-bar"> |
|||
<view v-for="(item, index) in statusBarArray" :key="index" :class="{ box: true, 'box--selected': current == index }" @click="selectStatus(item, index)"> |
|||
{{ item }} |
|||
</view> |
|||
</view> |
|||
<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff"> |
|||
<view class="content" v-for="(item, index) in list" :key="index"> |
|||
<uGap v-if="index > 0"></uGap> |
|||
<view class="header"> |
|||
<view class="header-title">{{ item.belongEnterpriseName }}</view> |
|||
<view class="header-value"> |
|||
<text :class="item.status == 30131 || item.status == 30138 ? 'failure' : ''">{{ item.status | statusName }}</text> |
|||
</view> |
|||
</view> |
|||
<view class="box" v-if="item.status != 30116 && item.status != 30131"> |
|||
<view class="list-box" v-for="(sitem, sindex) in item.itemList" :key="sindex"> |
|||
<image class="image" :src="sitem.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image> |
|||
<view class="info-box"> |
|||
<view class="name">{{ sitem.brandName }}</view> |
|||
<view class="value"> |
|||
{{ sitem.categoryName }}/{{ sitem.paperName }}/{{ sitem.gramWeight }}g/{{ sitem.width }}*{{ sitem.length }}/{{ sitem.quantity }}张 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="box" v-else> |
|||
<view class="list-box" v-for="(sitem, sindex) in item.reply.replyItemList" :key="sindex"> |
|||
<image class="image" :src="sitem.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif'" mode=""></image> |
|||
<view class="info-box"> |
|||
<view class="name">{{ sitem.brandName }}</view> |
|||
<view class="value"> |
|||
{{ sitem.categoryName }}/{{ sitem.paperName }}/{{ sitem.gramWeight }}g/{{ sitem.width }}*{{ sitem.length }}/{{ sitem.quantity }}张 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="other" v-if="item.status == 30116 || item.status == 30131"> |
|||
<view class="left">{{ item.createTime }}</view> |
|||
<view class="right"> |
|||
<view class=""> |
|||
<text class="price" v-if="item.reply">¥ {{ item.reply.totalPrice }}</text> |
|||
</view> |
|||
<view class="btn" @tap="placeOrderTap(item,item.reply.replyItemList)" v-if="item.status == 30116">去下单</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</scroll-list> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { go2, back } from '@/utils/hook.js' |
|||
import uGap from '@/components/u-gap/u-gap.vue' |
|||
import { getEnquiryOrder, createByEnquiry } from '@/apis/enquiryListApi.js' |
|||
export default { |
|||
components: { uGap }, |
|||
data() { |
|||
return { |
|||
current: 0, |
|||
statusBarArray: ['全部', '待报价', '已报价', '已成交'], |
|||
option: { |
|||
size: 10, |
|||
auto: true, |
|||
emptyText: '暂无数据~', |
|||
background: '#F7F8FA', |
|||
disabled: false, |
|||
emptyImage: '/static/imgs/order/order-empty.png' |
|||
}, |
|||
|
|||
pagination: { |
|||
status: 0, |
|||
pageNum: 0, // 初始会执行一次下拉加载 |
|||
pageSize: 10 |
|||
}, |
|||
list: [] |
|||
} |
|||
}, |
|||
filters: { |
|||
statusName(e) { |
|||
let name = '' |
|||
switch (e) { |
|||
case 30114: |
|||
name = '待报价' |
|||
break |
|||
case 30116: |
|||
name = '已报价' |
|||
break |
|||
case 30131: |
|||
name = '已成交' |
|||
break |
|||
case 30138: |
|||
name = '已失效' |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
return name |
|||
} |
|||
}, |
|||
onShow() { |
|||
// this.getList() |
|||
}, |
|||
methods: { |
|||
go2, |
|||
back, |
|||
selectStatus(item, index) { |
|||
this.current = index |
|||
this.pagination.status = index |
|||
this.downCallback() |
|||
}, |
|||
getList() { |
|||
return new Promise((resolve, reject) => { |
|||
getEnquiryOrder({ ...this.pagination }) |
|||
.then(res => { |
|||
// console.log('询价列表', res.records) |
|||
if (res) { |
|||
if (this.pagination.pageNum == 1) { |
|||
this.list = res.records |
|||
} else { |
|||
this.list = this.list.concat(res.records) |
|||
} |
|||
resolve({ list: this.list, total: res.total }) |
|||
} else { |
|||
reject() |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
reject(err) |
|||
}) |
|||
}) |
|||
}, |
|||
downCallback() { |
|||
this.pagination.pageNum = 1 |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.refreshFail() |
|||
}) |
|||
}, |
|||
upCallback() { |
|||
this.pagination.pageNum++ |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.loadSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.loadFail() |
|||
}) |
|||
}, |
|||
// 确认下单 |
|||
placeOrderTap(item, replyItemList) { |
|||
console.log('replyItemList', replyItemList) |
|||
const params = { |
|||
enquiryId: item.id, |
|||
orderGoodsList: replyItemList, |
|||
purchaserEnterpriseId: this.$store.state.companyInfo.id, |
|||
userId: this.$store.state.userInfo.userId, |
|||
// purchaserEnterpriseId: '677166943471538176', |
|||
// userId: '573244119569272832', |
|||
} |
|||
createByEnquiry(params).then(res => { |
|||
if (res) { |
|||
uni.showToast({ |
|||
title: '下单成功', |
|||
icon: 'success' |
|||
}) |
|||
setTimeout(() => { |
|||
go2('order-make', { orderId: item.orderId }) |
|||
}, 500) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.warpper { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex: 1; |
|||
height: 100vh; |
|||
.status-bar { |
|||
flex-grow: 0; |
|||
flex-shrink: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 32rpx; |
|||
// border-bottom: 2rpx solid #DDDDDD; |
|||
background-color: #fff; |
|||
border-bottom: 2rpx solid rgba($color: #dddddd, $alpha: 0.8); |
|||
height: 90rpx; |
|||
.box { |
|||
height: 86rpx; |
|||
flex-grow: 0; |
|||
flex-shrink: 0; |
|||
color: #000000; |
|||
font-size: 28rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
// border-bottom: 4rpx solid #f8f8f8; |
|||
} |
|||
.box--selected { |
|||
border-bottom: 4rpx solid #007aff; |
|||
color: #007aff; |
|||
} |
|||
} |
|||
.content { |
|||
.header { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: 88rpx; |
|||
background: #ffffff; |
|||
padding: 0rpx 32rpx; |
|||
border-bottom: 2rpx solid #dddddd; |
|||
.header-title { |
|||
font-size: 30rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
} |
|||
.header-value { |
|||
font-size: 30rpx; |
|||
color: #ff5368; |
|||
letter-spacing: 0; |
|||
text-align: right; |
|||
font-weight: 500; |
|||
.failure { |
|||
color: #888888; |
|||
} |
|||
} |
|||
} |
|||
.box { |
|||
padding: 24rpx 32rpx; |
|||
.list-box:nth-last-child(even) { |
|||
border-bottom: 2rpx solid #dddddd; |
|||
} |
|||
.list-box { |
|||
display: flex; |
|||
flex-direction: row; |
|||
height: 148rpx; |
|||
background: #ffffff; |
|||
|
|||
padding: 24rpx 0rpx; |
|||
.image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
flex: 0 0 100rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
.info-box { |
|||
.name { |
|||
font-size: 30rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
text-align: left; |
|||
font-weight: 400; |
|||
padding-top: 4rpx; |
|||
} |
|||
.value { |
|||
font-size: 26rpx; |
|||
color: #888888; |
|||
letter-spacing: 0; |
|||
text-align: left; |
|||
font-weight: 400; |
|||
padding-top: 26rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.other { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
padding: 0rpx 32rpx; |
|||
height: 80rpx; |
|||
background: #ffffff; |
|||
border-top: 2rpx solid #dddddd; |
|||
.left { |
|||
font-size: 26rpx; |
|||
color: #888888; |
|||
letter-spacing: 0; |
|||
text-align: left; |
|||
font-weight: 400; |
|||
} |
|||
.right { |
|||
display: flex; |
|||
align-items: center; |
|||
.price { |
|||
font-size: 30rpx; |
|||
color: #ff5368; |
|||
letter-spacing: 0; |
|||
text-align: right; |
|||
font-weight: 500; |
|||
} |
|||
.btn { |
|||
margin-left: 24rpx; |
|||
width: 132rpx; |
|||
height: 54rpx; |
|||
line-height: 54rpx; |
|||
background: #007aff; |
|||
border-radius: 27rpx; |
|||
font-size: 28rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
text-align: center; |
|||
font-weight: 500; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
| Before | After |
|---|---|
|
|
| Width: 140 | Height: 140 | Size: 13 KiB |
Write
Preview
Loading…
Cancel
Save