18 changed files with 813 additions and 38 deletions
Split View
Diff Options
-
21App.vue
-
17apis/commonApi.js
-
34apis/creditManagementApi.js
-
39hybrid/html/share.html
-
19manifest.json
-
21pages.json
-
370pages/credit-company-order/index.vue
-
277pages/credit-management/index.vue
-
8pages/login/index.vue
-
5pages/mall/index.vue
-
30pages/mine/index.vue
-
3pages/switching-mall/index.vue
-
BINstatic/imgs/client-credit/credit-order-icon.png
-
BINstatic/imgs/general/down-arrow-icon.png
-
BINstatic/imgs/general/not-overdue-icon.png
-
BINstatic/imgs/general/overdue-icon.png
-
3store/index.js
-
4utils/hook.js
@ -1,9 +1,37 @@ |
|||
import http from '../utils/http/index.js' |
|||
|
|||
// 添加纸品
|
|||
export function addPaper(data) { |
|||
/** |
|||
* 获取授信公司列表 |
|||
* @param {object} data |
|||
* @returns |
|||
*/ |
|||
export function getCreditCompanyList(data) { |
|||
return http.get({ |
|||
url: '/base-paper-trading/get/customer-investigationcredit/list', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 获取公司授信订单列表 |
|||
* @param {object} data |
|||
* @returns |
|||
*/ |
|||
export function getCompanyCreditOrderList(data) { |
|||
return http.get({ |
|||
url: '/base-paper-trading/get/customer-feisuan-order/list', |
|||
data |
|||
}) |
|||
} |
|||
|
|||
/** |
|||
* 上传征信 |
|||
* @param {object} data |
|||
* @returns |
|||
*/ |
|||
export function uploadCompanyCredit(data) { |
|||
return http.post({ |
|||
url: '/base-paper-trading/create/product', |
|||
url: `/base-paper-trading/upload/bank-investigation-credit/for-customer?customerEnterpriseId=${data.customerEnterpriseId}&supplierId=${data.supplierId}`, |
|||
data |
|||
}) |
|||
} |
|||
@ -0,0 +1,39 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<style> |
|||
.qrcode { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<image class="qrcode"> |
|||
|
|||
</image> |
|||
</body> |
|||
<script> |
|||
document.addEventListener('plusready', function () { |
|||
console.log('window', window.location.search) |
|||
let params = {} |
|||
window.location.search.substr(1).split('&').forEach(item => { |
|||
const [key, value] = item.split('=') |
|||
params[key] = decodeURI(value) |
|||
}) |
|||
console.log(JSON.stringify(params)) |
|||
if (params.img) { |
|||
const img = document.querySelector('.qrcode') |
|||
img.src = params.img |
|||
} |
|||
}); |
|||
|
|||
</script> |
|||
|
|||
</html> |
|||
@ -0,0 +1,370 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<uni-nav-bar left-icon="back" statusBar @clickLeft="back" fixed title="客户订单"></uni-nav-bar> |
|||
<view class="info-area flex-col"> |
|||
<view class="top-group flex-row"> |
|||
<image class="image_4" src="/static/imgs/client/client-default.png" /> |
|||
<view class="right-group flex-col"> |
|||
<view class="top-group_1 flex-row"> |
|||
<text>{{ info.enterpriseName }}</text> |
|||
<image :src="info.isOverdue ? '/static/imgs/general/overdue-icon.png' : '/static/imgs/general/not-overdue-icon.png'" class="image_6" /> |
|||
</view> |
|||
<view class="center-group flex-row-center-space"> |
|||
<view class="flex-row"> |
|||
<text>授信日期：</text> |
|||
<text>{{ info.createTime | dateFormat }}</text> |
|||
</view> |
|||
<view class="right-group_1 flex-row"> |
|||
<text>授信额度：</text> |
|||
<text>{{ info.creditLine | transformAmount }}</text> |
|||
</view> |
|||
</view> |
|||
<view class="bottom-group flex-row-center-space"> |
|||
<view class="left-group flex-row"> |
|||
<text>交易额度：</text> |
|||
<text>{{ info.usedCreditLine | transformAmount }}</text> |
|||
</view> |
|||
<view class="right-group_2 flex-row"> |
|||
<text>剩余额度：</text> |
|||
<text>{{ info.availableCreditLine | transformAmount }}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view v-for="(item, index) in orderList" :key="item.id"> |
|||
<view class="group_14 flex-row"> |
|||
<view class="left-group flex-row view_1"> |
|||
<image src="/static/imgs/client-credit/credit-order-icon.png" class="image_6" /> |
|||
<text class="text_13">{{ item.id | idFormat }}</text> |
|||
<text class="text_15">{{ item.shouldRepayDate | dateFormat }}</text> |
|||
</view> |
|||
<view class="flex-row group_15" @click="show(index)"> |
|||
<text :style="{ color: statusMap[item.loanStatus].color }">{{ statusMap[item.loanStatus].text }}</text> |
|||
<image :style="{ transform: openList.includes(index) ? 'rotate(180deg)' : '' }" src="/static/imgs/general/down-arrow-icon.png" class="image_8" /> |
|||
</view> |
|||
</view> |
|||
<view class="flex-col list-item" v-show="openList.includes(index)"> |
|||
<view class="flex-col list_1"> |
|||
<view class="list-item_1 flex-row" :key="i" v-for="(production, i) in item.orderInfo.itemList"> |
|||
<image :src="production.productImg || 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/paper-default-small.png'" class="image_16" /> |
|||
<view class="right-group flex-col"> |
|||
<text class="text_27">{{ production.productName }}</text> |
|||
<text class="text_29"> |
|||
{{ production.categoryName }}/{{ production.brandName }}/{{ production.gramWeight }}g/{{ production.width }}*{{ production.length }}/{{ |
|||
production.pieceQuantity |
|||
}}张 |
|||
</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="justify-between group_24"> |
|||
<text class="text_33">下单时间：{{ item.orderInfo.createTime | dateFormat }}</text> |
|||
<view class="flex-row"> |
|||
<text class="text_34">¥ {{ item.orderInfo.totalPrice }}</text> |
|||
<text class="text_35" @click="go2('order-detail', { orderId: item.orderId })">查看详情</text> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16450868979750382253.png" |
|||
class="image_19" |
|||
/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { go2, back } from '@/utils/hook.js' |
|||
import { getCompanyCreditOrderList } from '@/apis/creditManagementApi.js' |
|||
const statusMap = { |
|||
1: { |
|||
text: '待还款', |
|||
color: '#FA8C16' |
|||
}, |
|||
2: { |
|||
text: '逾期未还款', |
|||
color: '#F5222D' |
|||
}, |
|||
3: { |
|||
text: '已还款', |
|||
color: '#888888' |
|||
} |
|||
} |
|||
export default { |
|||
data() { |
|||
return { |
|||
info: {}, |
|||
orderList: [], |
|||
statusMap: Object.freeze(statusMap), |
|||
openList: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
go2, |
|||
back, |
|||
getList() { |
|||
getCompanyCreditOrderList({ customerEnterpriseId: this.info.enterpriseId }).then((res) => { |
|||
if (res) { |
|||
this.orderList = res.records |
|||
} |
|||
}) |
|||
}, |
|||
show(index) { |
|||
if (this.openList.includes(index)) { |
|||
this.openList.splice(this.openList.indexOf(index), 1) |
|||
} else { |
|||
this.openList.push(index) |
|||
} |
|||
} |
|||
}, |
|||
filters: { |
|||
transformAmount(value) { |
|||
if (value == null) { |
|||
return '0' |
|||
} |
|||
let cnt = value / 10000 |
|||
cnt = Math.round(+cnt + 'e' + 2) / 100 |
|||
cnt = cnt + '' |
|||
let arr = cnt.split('.') |
|||
arr[1] ? (arr[1] = arr[1] + '00'.substr(0, 2 - arr[1].length)) : (arr[1] = '00') |
|||
return arr.join('.') + '万' |
|||
}, |
|||
dateFormat(value) { |
|||
if (!value) { |
|||
return '' |
|||
} |
|||
return value.split(' ')[0] |
|||
}, |
|||
idFormat(value) { |
|||
if (!value) { |
|||
return '' |
|||
} |
|||
return value.substr(0, 12) |
|||
} |
|||
}, |
|||
onLoad(option) { |
|||
this.info = JSON.parse(option.info) |
|||
this.getList() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.content { |
|||
width: 750rpx; |
|||
.info-area { |
|||
background-color: rgb(255, 255, 255); |
|||
.top-group { |
|||
padding: 20rpx 32rpx 28rpx 32rpx; |
|||
border-bottom: solid 2rpx rgb(221, 221, 221); |
|||
.image_4 { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
} |
|||
.right-group { |
|||
margin-left: 20rpx; |
|||
padding-bottom: 10rpx; |
|||
flex: 1 1 auto; |
|||
.top-group_1 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
line-height: 42rpx; |
|||
text { |
|||
word-break: break-all; |
|||
max-width: 440rpx; |
|||
} |
|||
.image_6 { |
|||
margin-left: 20rpx; |
|||
margin-top: 6rpx; |
|||
width: 100rpx; |
|||
height: 32rpx; |
|||
} |
|||
} |
|||
.center-group { |
|||
margin-top: 24rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 26rpx; |
|||
line-height: 37rpx; |
|||
white-space: nowrap; |
|||
.right-group_1 { |
|||
margin-left: 39rpx; |
|||
} |
|||
} |
|||
.bottom-group { |
|||
margin-top: 12rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 26rpx; |
|||
line-height: 37rpx; |
|||
white-space: nowrap; |
|||
.right-group_2 { |
|||
margin-left: 39rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.group_14 { |
|||
padding: 23rpx 32rpx; |
|||
border-bottom: solid 2rpx rgb(221, 221, 221); |
|||
.left-group { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
.image_6 { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.text_13 { |
|||
margin-left: 16rpx; |
|||
} |
|||
.text_15 { |
|||
margin-left: 40rpx; |
|||
} |
|||
} |
|||
.view_1 { |
|||
flex: 1 1 auto; |
|||
} |
|||
.group_15 { |
|||
margin-left: 40rpx; |
|||
color: rgb(245, 34, 45); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
.image_8 { |
|||
margin-left: 16rpx; |
|||
align-self: center; |
|||
width: 24rpx; |
|||
height: 13rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.list-item { |
|||
background-color: rgb(255, 255, 255); |
|||
box-shadow: 0px 2rpx 14rpx 0px rgba(220, 220, 220, 0.5); |
|||
.list_1 { |
|||
padding: 0 32rpx; |
|||
.list-item_1 { |
|||
padding: 24rpx 0 21rpx; |
|||
.image_16 { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
} |
|||
.right-group { |
|||
margin-left: 20rpx; |
|||
margin-right: 40rpx; |
|||
flex: 1 1 auto; |
|||
.text_27 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
line-height: 42rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_29 { |
|||
margin-top: 24rpx; |
|||
color: rgb(136, 136, 136); |
|||
font-size: 26rpx; |
|||
line-height: 37rpx; |
|||
white-space: nowrap; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.group_24 { |
|||
padding: 23rpx 32rpx 15rpx; |
|||
border-top: solid 2rpx rgb(221, 221, 221); |
|||
.text_33 { |
|||
margin: 3rpx 0; |
|||
color: rgb(136, 136, 136); |
|||
font-size: 26rpx; |
|||
line-height: 37rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_34 { |
|||
color: rgb(255, 83, 104); |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
line-height: 42rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_35 { |
|||
margin-left: 9rpx; |
|||
color: rgb(0, 122, 255); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.image_19 { |
|||
margin: 9rpx 0 9rpx 8rpx; |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
} |
|||
} |
|||
} |
|||
view, |
|||
image, |
|||
text { |
|||
box-sizing: border-box; |
|||
flex-shrink: 0; |
|||
} |
|||
|
|||
.flex-row { |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
|
|||
.flex-col { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.justify-start { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
} |
|||
|
|||
.justify-center { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.justify-end { |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.justify-evenly { |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
} |
|||
|
|||
.justify-around { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
|
|||
.justify-between { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.items-start { |
|||
display: flex; |
|||
align-items: flex-start; |
|||
} |
|||
|
|||
.items-center { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.items-end { |
|||
display: flex; |
|||
align-items: flex-end; |
|||
} |
|||
</style> |
|||
| Before | After |
|---|---|
|
|
| Width: 80 | Height: 80 | Size: 6.5 KiB |
| Before | After |
|---|---|
|
|
| Width: 48 | Height: 26 | Size: 1.2 KiB |
| Before | After |
|---|---|
|
|
| Width: 100 | Height: 32 | Size: 3.5 KiB |
| Before | After |
|---|---|
|
|
| Width: 100 | Height: 32 | Size: 3.1 KiB |
Write
Preview
Loading…
Cancel
Save