Browse Source
Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop
devlop
Merge branch 'devlop' of http://git.qniao.cn/dengxiongfei/paper-shopkeeper-app into devlop
devlop
21 changed files with 1347 additions and 733 deletions
Split View
Diff Options
-
7apis/creditManagementApi.js
-
33apis/orderApi.js
-
2components/qn-datetime-picker/qn-datetime-picker.vue
-
2components/qn-map/qn-map.nvue
-
43enums/index.js
-
252manifest.json
-
19pages.json
-
97pages/agreement/index.vue
-
2pages/client-credit-detail/index.vue
-
2pages/client-list/index.vue
-
257pages/contract-manage/index.vue
-
42pages/credit-management/index.vue
-
208pages/credit-order-list/index.vue
-
805pages/mall/index.vue
-
22pages/mine/index.vue
-
6pages/order-detail/index.vue
-
7utils/hook.js
-
2utils/http/http.js
-
22utils/http/index.js
-
246utils/index.js
-
4utils/is.js
@ -1,119 +1,151 @@ |
|||
{ |
|||
"name": "纸掌柜", |
|||
"appid": "__UNI__8C1E198", |
|||
"description": "", |
|||
"versionName": "1.0.0", |
|||
"versionCode": "100", |
|||
"transformPx": false, |
|||
"networkTimeout": { |
|||
"request": 6000 |
|||
}, |
|||
/* 5+App特有相关 */ |
|||
"app-plus": { |
|||
"usingComponents": true, |
|||
"nvueStyleCompiler": "uni-app", |
|||
"compilerVersion": 3, |
|||
"splashscreen": { |
|||
"alwaysShowBeforeRender": true, |
|||
"waiting": true, |
|||
"autoclose": true, |
|||
"delay": 0 |
|||
"name" : "纸掌柜", |
|||
"appid" : "__UNI__8C1E198", |
|||
"description" : "", |
|||
"versionName" : "1.0.0", |
|||
"versionCode" : "100", |
|||
"transformPx" : false, |
|||
"networkTimeout" : { |
|||
"request" : 6000 |
|||
}, |
|||
"compatible": { |
|||
"ignoreVersion": true |
|||
}, |
|||
/* 模块配置 */ |
|||
"modules": { |
|||
"Maps": {}, |
|||
"Geolocation": {}, |
|||
"FaceID": {}, |
|||
"iBeacon": {} |
|||
}, |
|||
/* 应用发布信息 */ |
|||
"distribute": { |
|||
/* android打包配置 */ |
|||
"android": { |
|||
"permissions": [ |
|||
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH_ADMIN\"/>", |
|||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.INTERNET\"/>", |
|||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH_ADMIN\"/>" |
|||
], |
|||
"abiFilters": ["armeabi-v7a", "x86"] |
|||
}, |
|||
/* ios打包配置 */ |
|||
"ios": {}, |
|||
/* SDK配置 */ |
|||
"sdkConfigs": { |
|||
"maps": { |
|||
"amap": { |
|||
"appkey_ios": "0182ee2a9fdd5fd3ef6a8bd5a2f98325", |
|||
"appkey_android": "877848546f7f3717101a17c33e1d4df3" |
|||
} |
|||
/* 5+App特有相关 */ |
|||
"app-plus" : { |
|||
"usingComponents" : true, |
|||
"nvueStyleCompiler" : "uni-app", |
|||
"compilerVersion" : 3, |
|||
"splashscreen" : { |
|||
"alwaysShowBeforeRender" : true, |
|||
"waiting" : true, |
|||
"autoclose" : true, |
|||
"delay" : 0 |
|||
}, |
|||
"compatible" : { |
|||
"ignoreVersion" : true |
|||
}, |
|||
"payment": { |
|||
"weixin": { |
|||
"__platform__": ["ios", "android"], |
|||
"appid": "", |
|||
"UniversalLinks": "" |
|||
} |
|||
/* 模块配置 */ |
|||
"modules" : { |
|||
"Maps" : {}, |
|||
"Geolocation" : {}, |
|||
"FaceID" : {}, |
|||
"iBeacon" : {} |
|||
}, |
|||
"ad": {}, |
|||
"geolocation": { |
|||
"amap": { |
|||
"__platform__": ["ios", "android"], |
|||
"appkey_ios": "0182ee2a9fdd5fd3ef6a8bd5a2f98325", |
|||
"appkey_android": "877848546f7f3717101a17c33e1d4df3" |
|||
} |
|||
/* 应用发布信息 */ |
|||
"distribute" : { |
|||
/* android打包配置 */ |
|||
"android" : { |
|||
"permissions" : [ |
|||
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH_ADMIN\"/>", |
|||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.INTERNET\"/>", |
|||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", |
|||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>", |
|||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH\"/>", |
|||
"<uses-permission android:name=\"android.permission.BLUETOOTH_ADMIN\"/>" |
|||
], |
|||
"abiFilters" : [ "armeabi-v7a", "x86" ] |
|||
}, |
|||
/* ios打包配置 */ |
|||
"ios" : {}, |
|||
/* SDK配置 */ |
|||
"sdkConfigs" : { |
|||
"maps" : { |
|||
"amap" : { |
|||
"appkey_ios" : "0182ee2a9fdd5fd3ef6a8bd5a2f98325", |
|||
"appkey_android" : "877848546f7f3717101a17c33e1d4df3" |
|||
} |
|||
}, |
|||
"payment" : { |
|||
"weixin" : { |
|||
"__platform__" : [ "ios", "android" ], |
|||
"appid" : "", |
|||
"UniversalLinks" : "" |
|||
} |
|||
}, |
|||
"ad" : {}, |
|||
"geolocation" : { |
|||
"amap" : { |
|||
"__platform__" : [ "ios", "android" ], |
|||
"appkey_ios" : "0182ee2a9fdd5fd3ef6a8bd5a2f98325", |
|||
"appkey_android" : "877848546f7f3717101a17c33e1d4df3" |
|||
} |
|||
}, |
|||
"share" : {} |
|||
}, |
|||
"icons" : { |
|||
"android" : { |
|||
"hdpi" : "unpackage/res/icons/72x72.png", |
|||
"xhdpi" : "unpackage/res/icons/96x96.png", |
|||
"xxhdpi" : "unpackage/res/icons/144x144.png", |
|||
"xxxhdpi" : "unpackage/res/icons/192x192.png" |
|||
}, |
|||
"ios" : { |
|||
"appstore" : "unpackage/res/icons/1024x1024.png", |
|||
"ipad" : { |
|||
"app" : "unpackage/res/icons/76x76.png", |
|||
"app@2x" : "unpackage/res/icons/152x152.png", |
|||
"notification" : "unpackage/res/icons/20x20.png", |
|||
"notification@2x" : "unpackage/res/icons/40x40.png", |
|||
"proapp@2x" : "unpackage/res/icons/167x167.png", |
|||
"settings" : "unpackage/res/icons/29x29.png", |
|||
"settings@2x" : "unpackage/res/icons/58x58.png", |
|||
"spotlight" : "unpackage/res/icons/40x40.png", |
|||
"spotlight@2x" : "unpackage/res/icons/80x80.png" |
|||
}, |
|||
"iphone" : { |
|||
"app@2x" : "unpackage/res/icons/120x120.png", |
|||
"app@3x" : "unpackage/res/icons/180x180.png", |
|||
"notification@2x" : "unpackage/res/icons/40x40.png", |
|||
"notification@3x" : "unpackage/res/icons/60x60.png", |
|||
"settings@2x" : "unpackage/res/icons/58x58.png", |
|||
"settings@3x" : "unpackage/res/icons/87x87.png", |
|||
"spotlight@2x" : "unpackage/res/icons/80x80.png", |
|||
"spotlight@3x" : "unpackage/res/icons/120x120.png" |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
"share": {} |
|||
} |
|||
"uniStatistics" : { |
|||
"enable" : true |
|||
} |
|||
}, |
|||
"uniStatistics": { |
|||
"enable": true |
|||
} |
|||
}, |
|||
/* 快应用特有相关 */ |
|||
"quickapp": {}, |
|||
/* 小程序特有相关 */ |
|||
"mp-weixin": { |
|||
"appid": "", |
|||
"setting": { |
|||
"urlCheck": false |
|||
/* 快应用特有相关 */ |
|||
"quickapp" : {}, |
|||
/* 小程序特有相关 */ |
|||
"mp-weixin" : { |
|||
"appid" : "", |
|||
"setting" : { |
|||
"urlCheck" : false |
|||
}, |
|||
"usingComponents" : true |
|||
}, |
|||
"mp-alipay" : { |
|||
"usingComponents" : true |
|||
}, |
|||
"mp-baidu" : { |
|||
"usingComponents" : true |
|||
}, |
|||
"mp-toutiao" : { |
|||
"usingComponents" : true |
|||
}, |
|||
"uniStatistics" : { |
|||
"enable" : false |
|||
}, |
|||
"usingComponents": true |
|||
}, |
|||
"mp-alipay": { |
|||
"usingComponents": true |
|||
}, |
|||
"mp-baidu": { |
|||
"usingComponents": true |
|||
}, |
|||
"mp-toutiao": { |
|||
"usingComponents": true |
|||
}, |
|||
"uniStatistics": { |
|||
"enable": false |
|||
}, |
|||
"vueVersion": "2", |
|||
"h5": { |
|||
"router": { |
|||
"mode": "history" |
|||
"vueVersion" : "2", |
|||
"h5" : { |
|||
"router" : { |
|||
"mode" : "history" |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,35 +1,82 @@ |
|||
<template> |
|||
<view class="content">agreement</view> |
|||
<view class="content"> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="用户与隐私协议"></uni-nav-bar> |
|||
<view style="word-break: break-all; white-space: pre-wrap; padding: 20rpx 16rpx" v-html="content"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default {} |
|||
</script> |
|||
const content = `软件许可使用协议 |
|||
发布时间：2020年 7 月 1 日 |
|||
|
|||
<style> |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.logo { |
|||
height: 200rpx; |
|||
width: 200rpx; |
|||
margin-top: 200rpx; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-bottom: 50rpx; |
|||
} |
|||
|
|||
.text-area { |
|||
display: flex; |
|||
justify-content: center; |
|||
提示条款 |
|||
|
|||
本软件许可使用协议（以下称"本协议"）由您与广州千鸟电商科技有限公司（以下称“我们”）于广东省广州市天河区共同签署。 |
|||
|
|||
|
|||
|
|||
在使用“纸掌柜”软件（软件名称以实际展示为准，以下称许可软件）之前，请您认真阅读并同意《千鸟互联服务协议》以及《隐私权政策》，这是我们向您提供许可软件及许可软件相关服务的前提。我们特别在此提示您注意阅读免除或者限制责任的条款、法律适用和争议解决条款，相关条款将以粗体标识，您需要重点阅读。如您对协议有任何疑问，可向客服咨询。如果您完全同意并接受本协议，您可下载安装或开始使用许可软件。 |
|||
|
|||
|
|||
|
|||
本协议的内容包括协议正文及所有我们已经公布的适用于所有使用者的各类服务条款及规则（诸如《千鸟互联服务协议》、千鸟平台规则等），未来我们会继续丰富相关的服务条款与规则，并依法定程序公布生效。所有条款与规则为协议不可分割的组成部分，与协议具有同等法律效力。 |
|||
|
|||
|
|||
|
|||
一、 定义 |
|||
|
|||
1、 许可软件：是指由我们开发的，供您从下载平台下载，并仅限在相应系统手持移动终端中安装、使用的软件系统。 |
|||
|
|||
2、 千鸟互联服务：我们基于互联网，以包含千鸟互联网站、本软件等在内的各种形态（包括未来技术发展出现的新的服务形态）向您提供的各项服务。 |
|||
|
|||
|
|||
|
|||
二、许可范围 |
|||
|
|||
1、 由于软件适配平台及终端限制，您理解您仅可在许可软件列明的系统终端使用许可软件；您将许可软件安装在非对应系统的其他终端设备上的，可能会对您硬件或软件功能造成损害。 |
|||
|
|||
2、 许可软件仅限用于非商业目的，供您个人消费合理自用。未经许可，您不可为商业运营目的安装、使用、运行许可软件。 |
|||
|
|||
3、 为了改善用户体验、完善服务内容、保证许可软件与我们提供服务的商业诉求一致，我们会对许可软件及/或其相关服务、功能、界面进行更新、修改，包括开发新的功能、删除旧功能等。您可按照变更后许可软件的实际情况取得相应功能或服务的授权，并可适用本协议相关约定。 |
|||
|
|||
|
|||
|
|||
三、使用规范 |
|||
|
|||
1、 您应该规范使用许可软件，以下方式是违反使用规范的： |
|||
|
|||
|
|||
|
|||
（1） 从事危害网络信息安全、欺诈、盗用他人账户、资金等违法犯罪活动，发表、传送、传播、储存侵害我们及他人知识产权、商业秘密权，或其他违反国家法律法规政策、破坏公序良俗、损害公共利益的行为； |
|||
|
|||
（2） 擅自对许可软件及/或其组成部分进行出租、出借、再许可、复制、修改、链接、转载、汇编、发表、出版、建立镜像站点，或借助许可软件发展与之有关的衍生产品、作品、服务、插件、外挂、兼容、互联等； |
|||
|
|||
（3） 通过非由我们或我们关联公司开发、授权或认可的第三方兼容软件、系统登录或使用许可软件，或针对许可软件使用非我们及我们关联公司开发、授权或认证的插件和外挂； |
|||
|
|||
（4） 删除许可软件及其他副本上关于版权的信息、内容，或修改、删除或避开为保护知识产权而设置的任何技术措施； |
|||
|
|||
（5） 对许可软件或者许可软件运行过程中释放在终端中的任何数据及许可软件运行过程中终端与服务器端的交互数据进行获取、复制、修改或创作任何衍生作品，包括使用插件、外挂或非经授权的第三方工具/服务接入许可软件和相关系统等形式； |
|||
|
|||
（6） 通过修改或伪造许可软件运行中的指令、数据、数据包，增加、删减、变动许可软件的功能或运行效果，及/或将具有上述用途的软件通过信息网络向公众传播或者运营； |
|||
|
|||
（7） 其他以任何不合法的方式、不合法的目的或以任何与本协议约定不一致的方式使用许可软件。 |
|||
` |
|||
import { back } from '@/utils/hook.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
content: content |
|||
} |
|||
}, |
|||
methods: { |
|||
back |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
.title { |
|||
font-size: 36rpx; |
|||
color: #8f8f94; |
|||
<style lang="scss" scoped> |
|||
.content { |
|||
width: 750rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,257 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" typeBar fixed title="合同管理"></uni-nav-bar> |
|||
<view class="condition-area flex-row-center-start"> |
|||
<qn-data-picker |
|||
v-model="condition.customerEnterpriseId" |
|||
style="flex-shrink: 0; max-width: 300rpx" |
|||
text="right" |
|||
:border="false" |
|||
placeholder="请选择客户" |
|||
popup-title="请选择客户" |
|||
:map="{ text: 'name', value: 'id' }" |
|||
:clear-icon="false" |
|||
:localdata="customerList" |
|||
></qn-data-picker> |
|||
<qn-data-picker |
|||
style="flex-shrink: 0" |
|||
v-model="condition.type" |
|||
text="right" |
|||
:border="false" |
|||
placeholder="请选择" |
|||
popup-title="请选择合同类型" |
|||
:map="{ text: 'name', value: 'id' }" |
|||
:clear-icon="false" |
|||
:localdata="typeList" |
|||
></qn-data-picker> |
|||
<qn-datetime-picker style="flex-shrink: 1" type="date" v-model="condition.signDate" :border="false"></qn-datetime-picker> |
|||
</view> |
|||
<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback"> |
|||
<view class="contract-item" v-for="item in list" :key="item.id"> |
|||
<view class="header flex-col-start-start"> |
|||
<view :class="'icon ' + typeMap[item.type].class"> |
|||
<text style="font-size: 28rpx; color: #ffffff">{{ typeMap[item.type].label }}</text> |
|||
</view> |
|||
<text class="title">{{ item.customerEnterpriseName }}</text> |
|||
<view class="row flex-row-center-start" style="margin-top: 0rpx"> |
|||
<text class="label">合同编号:</text> |
|||
<text class="value">{{ item.contractNo }}</text> |
|||
</view> |
|||
<view class="row flex-row-center-start"> |
|||
<text class="label">签署时间:</text> |
|||
<text class="value">{{ item.signDate || '-' }}</text> |
|||
</view> |
|||
<view class="row flex-row-center-start"> |
|||
<text class="label">合同金额:</text> |
|||
<text class="value">{{ item.totalOfferPrice || '-' }}</text> |
|||
</view> |
|||
</view> |
|||
<view class="footer flex-row-center-space"> |
|||
<text style="font-size: 30rpx; color: #888888">操作人: {{ item.userName }}</text> |
|||
<text style="font-size: 28rpx; color: #007aff" @click="viewContract(item.imgUrl)">查看</text> |
|||
</view> |
|||
</view> |
|||
</scroll-list> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { go2, back } from '@/utils/hook.js' |
|||
import { transformFileToImg } from '@/apis/commonApi.js' |
|||
import { dateTimeFormat } from '@/utils/index.js' |
|||
import { getContractList, getCooperationList } from '@/apis/orderApi.js' |
|||
import { financeStatusMap, contractTypeMap, contractTypeEnum } from '@/enums/index.js' |
|||
const typeList = [ |
|||
{ |
|||
id: '', |
|||
name: '全部' |
|||
}, |
|||
{ |
|||
id: contractTypeEnum.ORDER_CONTRACT, |
|||
name: contractTypeMap[contractTypeEnum.ORDER_CONTRACT] |
|||
}, |
|||
{ |
|||
id: contractTypeEnum.GUARANTEE_CONTRACT, |
|||
name: contractTypeMap[contractTypeEnum.GUARANTEE_CONTRACT] |
|||
} |
|||
] |
|||
|
|||
const typeMap = { |
|||
[contractTypeEnum.ORDER_CONTRACT]: { |
|||
class: 'icon__ORDER_CONTRACT', |
|||
label: contractTypeMap[contractTypeEnum.ORDER_CONTRACT] |
|||
}, |
|||
[contractTypeEnum.GUARANTEE_CONTRACT]: { |
|||
class: 'icon__GUARANTEE_CONTRACT', |
|||
label: contractTypeMap[contractTypeEnum.GUARANTEE_CONTRACT] |
|||
} |
|||
} |
|||
export default { |
|||
data() { |
|||
return { |
|||
customerList: [ |
|||
{ |
|||
id: '', |
|||
name: '全部客户' |
|||
} |
|||
], |
|||
typeList: Object.freeze(typeList), |
|||
financeStatusMap: Object.freeze(financeStatusMap), |
|||
typeMap: Object.freeze(typeMap), |
|||
condition: { |
|||
customerEnterpriseId: '', |
|||
type: '', |
|||
signDate: null |
|||
}, |
|||
pagination: { |
|||
pageNum: 0, // 初始会执行一次下拉加载 |
|||
pageSize: 10 |
|||
}, |
|||
list: [], |
|||
option: { |
|||
size: 10, |
|||
auto: true, |
|||
emptyText: '暂无数据~', |
|||
background: '#F7F8FA' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
go2, |
|||
back, |
|||
dateTimeFormat, |
|||
getList() { |
|||
return new Promise((resolve, reject) => { |
|||
getContractList({ ...this.condition, ...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) |
|||
}) |
|||
}) |
|||
}, |
|||
downCallback() { |
|||
this.pagination.pageNum = 1 |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.refreshFail() |
|||
}) |
|||
}, |
|||
upCallback(page) { |
|||
this.pagination.pageNum++ |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.loadSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.loadFail() |
|||
}) |
|||
}, |
|||
// 查看合同 |
|||
viewContract(url) { |
|||
if (url) { |
|||
transformFileToImg({ fileUrl: url }).then((res) => { |
|||
uni.previewImage({ urls: [res.imgUrl], current: res.imgUrl }) |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
condition: { |
|||
handler() { |
|||
this.downCallback() |
|||
}, |
|||
deep: true |
|||
} |
|||
}, |
|||
created() { |
|||
// 获取合作企业 |
|||
getCooperationList({ pageNum: 1, pageSize: 1000 }).then((res) => { |
|||
if (res) { |
|||
this.customerList = this.customerList.concat(res.records) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.content { |
|||
width: 750rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: flex-start; |
|||
align-items: stretch; |
|||
.condition-area { |
|||
width: 750rpx; |
|||
height: 80rpx; |
|||
padding: 0 32rpx 0 12rpx; |
|||
margin-bottom: 20rpx; |
|||
background-color: #fff; |
|||
} |
|||
} |
|||
.contract-item { |
|||
width: 750rpx; |
|||
background-color: #fff; |
|||
margin-bottom: 20rpx; |
|||
position: relative; |
|||
.header { |
|||
width: 750rpx; |
|||
padding: 24rpx 32rpx; |
|||
.icon { |
|||
top: 0; |
|||
right: 0; |
|||
position: absolute; |
|||
width: 160rpx; |
|||
height: 50rpx; |
|||
border-radius: 0 0 0 20rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.icon__ORDER_CONTRACT { |
|||
background-color: #e28686; |
|||
} |
|||
.icon__GUARANTEE_CONTRACT { |
|||
background-color: #86e2df; |
|||
} |
|||
.title { |
|||
font-size: 32rpx; |
|||
color: #003a8c; |
|||
font-weight: 600; |
|||
margin-bottom: 28rpx; |
|||
} |
|||
.row { |
|||
margin-top: 24rpx; |
|||
.label { |
|||
font-size: 28rpx; |
|||
color: #888888; |
|||
margin-right: 24rpx; |
|||
} |
|||
.value { |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
} |
|||
} |
|||
} |
|||
.footer { |
|||
width: 750rpx; |
|||
padding: 24rpx 32rpx; |
|||
border-top: 1px solid #dddddd; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,52 +1,24 @@ |
|||
<template> |
|||
<view> |
|||
<view class="content"> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="征信管理"></uni-nav-bar> |
|||
<view @click="getPaperCategory">category</view> |
|||
<view @click="add">add</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { go2, back } from '@/utils/hook.js' |
|||
import { addPaper, getPaperCategory } from '@/apis/creditManagementApi.js' |
|||
export default { |
|||
data() { |
|||
return {} |
|||
}, |
|||
methods: { |
|||
go2, |
|||
back, |
|||
getPaperCategory, |
|||
add() { |
|||
let form = { |
|||
brandName: '博汇', |
|||
categoryId: 1, |
|||
description: '156企业测试纸品', |
|||
imgList: ['https://qncloudtest.oss-cn-shenzhen.aliyuncs.com/common/13390214088425427.jpg'], |
|||
isMainProduct: true, |
|||
manufacturerName: '156纸厂', |
|||
name: '156白卡', |
|||
otherNote: '没有说明', |
|||
sellingProposition: '没有卖点', |
|||
shippingNote: '没有送货说明', |
|||
skuList: [ |
|||
{ |
|||
isPromoting: false, |
|||
listPrice: 10000, |
|||
minimum: 1, |
|||
stock: 100, |
|||
stockUnit: 2, |
|||
weight: 200 |
|||
} |
|||
], |
|||
supplierId: '678289470268772352' |
|||
} |
|||
addPaper(form).then((res) => { |
|||
console.log(res) |
|||
}) |
|||
} |
|||
back |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
|||
<style lang="scss" scoped> |
|||
.content { |
|||
width: 750rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,208 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="账期订单融资"></uni-nav-bar> |
|||
<view class="condition-area flex-row-center-start"> |
|||
<qn-data-picker |
|||
v-model="condition.enterpriseId" |
|||
text="right" |
|||
:border="false" |
|||
placeholder="请选择客户" |
|||
popup-title="请选择客户" |
|||
:map="{ text: 'name', value: 'id' }" |
|||
:clear-icon="false" |
|||
:localdata="customerList" |
|||
></qn-data-picker> |
|||
<qn-data-picker |
|||
v-model="condition.status" |
|||
text="right" |
|||
:border="false" |
|||
placeholder="请选择" |
|||
popup-title="请选择融资状态" |
|||
:map="{ text: 'name', value: 'id' }" |
|||
:clear-icon="false" |
|||
:localdata="statusList" |
|||
></qn-data-picker> |
|||
</view> |
|||
<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback"> |
|||
<view v-for="item in list" :key="item.id" class="order-area"> |
|||
<view class="header flex-row-center-space"> |
|||
<text style="font-size: 30rpx; font-weight: 600; word-break: break-all">{{ item.customerEnterpriseName }}</text> |
|||
<text style="font-size: 30rpx; font-weight: 500; color: #ff5368">{{ financeStatusMap[item.status] }}</text> |
|||
</view> |
|||
<view class="content"> |
|||
<view |
|||
class="order-item flex-row-center-start" |
|||
v-for="(order, index) in item.orderItmes" |
|||
:key="order.productId" |
|||
:style="{ borderTop: index == 0 ? '' : '1px solid #dddddd' }" |
|||
> |
|||
<image class="img" :src="order.productImg"></image> |
|||
<view class="flex-col-start-start"> |
|||
<text style="font-size: 30rpx; color: #333333; font-weight: 600; margin-bottom: 26rpx">{{ order.productName }}</text> |
|||
<text style="font-size: 26rpx; color: #888888; font-weight: 400; word-break: break-all"> |
|||
{{ order.categoryName }}/{{ order.brandName }}/{{ order.gramWeight }}g/{{ order.width }}*{{ order.length }}/{{ order.pieceQuantity }}张 |
|||
</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="footer flex-row-center-space"> |
|||
<text style="font-size: 26rpx; color: #888888">{{ dateTimeFormat(item.createTime, 'yyyy/mm/dd') }}</text> |
|||
<text style="font-size: 30rpx; color: #ff5368">￥ {{ item.totalOfferPrice }}</text> |
|||
</view> |
|||
</view> |
|||
<!-- <packingStationItem style="margin-bottom: 20rpx" v-for="item in list" :key="item.enterpriseId" :info="item"></packingStationItem> --> |
|||
<!-- <packingStationItem></packingStationItem> --> |
|||
</scroll-list> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { go2, back } from '@/utils/hook.js' |
|||
import { dateTimeFormat } from '@/utils/index.js' |
|||
import { getFinanceList, getCooperationList } from '@/apis/orderApi.js' |
|||
import { financeStatusMap } from '@/enums/index.js' |
|||
const statusList = [ |
|||
{ |
|||
id: 0, |
|||
name: '全部' |
|||
}, |
|||
{ |
|||
id: 1, |
|||
name: '未融资' |
|||
}, |
|||
{ |
|||
id: 2, |
|||
name: '已融资' |
|||
} |
|||
] |
|||
export default { |
|||
data() { |
|||
return { |
|||
customerList: [ |
|||
{ |
|||
id: '', |
|||
name: '全部客户' |
|||
}, |
|||
{ |
|||
id: '807704', |
|||
name: '揭阳市广工印刷有限公司' |
|||
} |
|||
], |
|||
statusList: Object.freeze(statusList), |
|||
financeStatusMap: Object.freeze(financeStatusMap), |
|||
condition: { |
|||
enterpriseId: '', |
|||
status: 0 |
|||
}, |
|||
pagination: { |
|||
pageNum: 0, // 初始会执行一次下拉加载 |
|||
pageSize: 10 |
|||
}, |
|||
list: [], |
|||
option: { |
|||
size: 10, |
|||
auto: true, |
|||
emptyText: '暂无数据~', |
|||
background: '#F7F8FA' |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
go2, |
|||
back, |
|||
dateTimeFormat, |
|||
getList() { |
|||
return new Promise((resolve, reject) => { |
|||
getFinanceList({ ...this.condition, ...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) |
|||
}) |
|||
}) |
|||
}, |
|||
downCallback() { |
|||
this.pagination.pageNum = 1 |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.refreshFail() |
|||
}) |
|||
}, |
|||
upCallback(page) { |
|||
this.pagination.pageNum++ |
|||
this.getList() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.loadSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.loadFail() |
|||
}) |
|||
} |
|||
}, |
|||
watch: { |
|||
condition: { |
|||
handler(val) { |
|||
this.downCallback() |
|||
}, |
|||
deep: true |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.content { |
|||
width: 750rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: flex-start; |
|||
align-items: stretch; |
|||
.condition-area { |
|||
width: 750rpx; |
|||
height: 80rpx; |
|||
padding: 0 32rpx; |
|||
margin-bottom: 20rpx; |
|||
background-color: #fff; |
|||
} |
|||
} |
|||
.order-area { |
|||
width: 750rpx; |
|||
background-color: #fff; |
|||
margin-bottom: 20rpx; |
|||
.header { |
|||
padding: 24rpx 32rpx; |
|||
border-bottom: 1px solid #dddddd; |
|||
} |
|||
.content { |
|||
padding: 0 32rpx; |
|||
width: 750rpx; |
|||
border-bottom: 1px solid #dddddd; |
|||
.order-item { |
|||
width: 686rpx; |
|||
padding: 24rpx 0; |
|||
.img { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
} |
|||
} |
|||
.footer { |
|||
width: 750rpx; |
|||
padding: 24rpx 32rpx; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,414 +1,417 @@ |
|||
<template> |
|||
<view class="warpper"> |
|||
<uni-nav-bar :fixed="true" color="#ffffff" background-color="#ffffff" :status-bar="true"> |
|||
<view slot="left" class="left-title">纸商城</view> |
|||
<view slot="right" class="right-title" @tap="shareTap">分享</view> |
|||
</uni-nav-bar> |
|||
<view class="top-box"> |
|||
<view class=""><image class="image" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif" mode=""></image></view> |
|||
<view class="center"> |
|||
<view class="title">{{ storeInformation.name }}</view> |
|||
<view class="desc">全部商品 39 | 上新 9</view> |
|||
</view> |
|||
<view class="right"> |
|||
<view class="cut" @click="checkMall()"> |
|||
切换商城 |
|||
<image class="cut-icon" src="/static/imgs/mall/cut-icon.png" mode=""></image> |
|||
</view> |
|||
<view class="set" @click="setting">设置</view> |
|||
</view> |
|||
</view> |
|||
<uGap></uGap> |
|||
<view class="" v-if="pageShow"> |
|||
<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #FFFFFF;"> |
|||
<view v-for="(item, index) in listData" :key="index" > |
|||
<view class="content" @click="detailInfo(item)"> |
|||
<image class="image" :src="item.litPicUrl" mode=""></image> |
|||
<view class="" style="width: 100%;"> |
|||
<view class="title"> |
|||
<view class="">{{ item.brandName }}</view> |
|||
<view class=""> |
|||
<image class="icon" :src="item.status === 30111 ? '/static/imgs/mall/grounding-icon.png' : '/static/imgs/mall/sold-out-icon.png'" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<view class="sub-title">{{ item.categoryName }}/{{ item.name }}/{{ item.manufacturerName }}</view> |
|||
<view class="desc"> |
|||
克重(价格)： |
|||
<text v-for="(sku,index) in item.skuList">{{sku.weight}}({{sku.listPrice}})</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="other"> |
|||
<view class="time">{{item.updateTime | timeFilter }}</view> |
|||
<view class="btn"> |
|||
<view class="" @click="editPaper(item)" v-if="item.status === 30112">编辑</view> |
|||
<view class="divide"></view> |
|||
<view class="" @click="productStatusChange(item)">{{ item.status === 30111 ? '下架' : '上架' }}</view> |
|||
</view> |
|||
</view> |
|||
<uGap></uGap> |
|||
</view> |
|||
</scroll-list> |
|||
</view> |
|||
<view> |
|||
<view class="offer-prices" @click="nativeTo()"><image class="my-image" src="../../static/imgs/trade/camera.png" mode=""></image></view> |
|||
</view> |
|||
<no-data v-if="!pageShow"></no-data> |
|||
</view> |
|||
<view class="wrapper"> |
|||
<uni-nav-bar :fixed="true" color="#ffffff" background-color="#ffffff" :status-bar="true"> |
|||
<view slot="left" class="left-title">纸商城</view> |
|||
<view slot="right" class="right-title" @tap="shareTap">分享</view> |
|||
</uni-nav-bar> |
|||
<view class="top-box"> |
|||
<view class=""><image class="image" src="https://qncloud.oss-cn-shenzhen.aliyuncs.com/ztb_pic/testPic.jfif" mode=""></image></view> |
|||
<view class="center"> |
|||
<view class="title">{{ storeInformation.name }}</view> |
|||
<view class="desc">全部商品 39 | 上新 9</view> |
|||
</view> |
|||
<view class="right"> |
|||
<view class="cut" @click="checkMall()"> |
|||
切换商城 |
|||
<image class="cut-icon" src="/static/imgs/mall/cut-icon.png" mode=""></image> |
|||
</view> |
|||
<view class="set" @click="setting">设置</view> |
|||
</view> |
|||
</view> |
|||
<uGap></uGap> |
|||
<view class="" v-if="pageShow"> |
|||
<scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback" style="background-color: #ffffff"> |
|||
<view v-for="(item, index) in listData" :key="index"> |
|||
<view class="content" @click="detailInfo(item)"> |
|||
<image class="image" :src="item.litPicUrl" mode=""></image> |
|||
<view class="" style="width: 100%"> |
|||
<view class="title"> |
|||
<view class="">{{ item.brandName }}</view> |
|||
<view class=""> |
|||
<image |
|||
class="icon" |
|||
:src="item.status === 30111 ? '/static/imgs/mall/grounding-icon.png' : '/static/imgs/mall/sold-out-icon.png'" |
|||
mode="" |
|||
></image> |
|||
</view> |
|||
</view> |
|||
<view class="sub-title">{{ item.categoryName }}/{{ item.name }}/{{ item.manufacturerName }}</view> |
|||
<view class="desc"> |
|||
克重(价格)： |
|||
<text v-for="(sku, index) in item.skuList" :key="index">{{ sku.weight }}({{ sku.listPrice }})</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="other"> |
|||
<view class="time">{{ item.updateTime | timeFilter }}</view> |
|||
<view class="btn"> |
|||
<view class="" @click="editPaper(item)" v-if="item.status === 30112">编辑</view> |
|||
<view class="divide"></view> |
|||
<view class="" @click="productStatusChange(item)">{{ item.status === 30111 ? '下架' : '上架' }}</view> |
|||
</view> |
|||
</view> |
|||
<uGap></uGap> |
|||
</view> |
|||
</scroll-list> |
|||
</view> |
|||
<view> |
|||
<view class="offer-prices" @click="nativeTo()"><image class="my-image" src="../../static/imgs/trade/camera.png" mode=""></image></view> |
|||
</view> |
|||
<no-data v-if="!pageShow"></no-data> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import uGap from '@/components/u-gap/u-gap.vue' |
|||
import { back, go2, loginGo2 } from '@/utils/hook.js' |
|||
import { back, go2, loginGo2 } from '@/utils/hook.js' |
|||
import { SupplierList, productStatus } from '@/apis/add-paper.js' |
|||
import { getTimer }from '@/utils/index.js' |
|||
import { getTimer } from '@/utils/index.js' |
|||
import noData from './no-data.vue' |
|||
export default { |
|||
components: { uGap, noData }, |
|||
filters:{ |
|||
timeFilter(value){ |
|||
var abs = '' |
|||
if(value){ |
|||
abs = getTimer(value) |
|||
} |
|||
return abs |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
pageShow: true, |
|||
storeInformation: { |
|||
supplierId: null, |
|||
name: null |
|||
}, |
|||
option: { |
|||
size: 10, |
|||
auto: true, |
|||
emptyText: '暂无数据~', |
|||
background: '#F7F8FA', |
|||
disabled: false |
|||
}, |
|||
pattern: { |
|||
backgroundColor: '#007AFF', |
|||
buttonColor: '#007AFF' |
|||
}, |
|||
content: [], |
|||
horizontal: 'right', |
|||
vertical: 'bottom', |
|||
direction: 'vertical', |
|||
orderPagination: { |
|||
pageNum: 0, // 初始会执行一次下拉加载 |
|||
pageSize: 10, |
|||
storeId: null, |
|||
name: null, |
|||
supplierId: this.$store.state.supplierInfo.supplierId |
|||
}, |
|||
listData: [] |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.storeInformation = { |
|||
supplierId: this.$store.state.supplierInfo.supplierId, |
|||
name: this.$store.state.supplierInfo.name |
|||
} |
|||
this.quertData() |
|||
}, |
|||
onLoad() { |
|||
this.quertData() |
|||
}, |
|||
methods: { |
|||
back, |
|||
|
|||
// 获取纸品列表 pageShow |
|||
quertData() { |
|||
return new Promise((resolve, reject) => { |
|||
SupplierList({ ...this.orderPagination }) |
|||
.then(res => { |
|||
if (res) { |
|||
if (res.records.length === 0) { |
|||
this.pageShow = false |
|||
return |
|||
} |
|||
if (this.orderPagination.pageNum == 1) { |
|||
this.listData = res.records |
|||
} else { |
|||
this.listData = this.listData.concat(res.records) |
|||
} |
|||
resolve({ list: this.listData, total: res.total }) |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
reject(err) |
|||
}) |
|||
}) |
|||
}, |
|||
downCallback() { |
|||
this.orderPagination.pageNum = 1 |
|||
this.quertData() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.refreshFail() |
|||
}) |
|||
}, |
|||
upCallback() { |
|||
this.orderPagination.pageNum++ |
|||
this.quertData() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.loadSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.loadFail() |
|||
}) |
|||
}, |
|||
// 切换商城按钮 |
|||
checkMall() { |
|||
go2('switching-mall', { supplierId: this.storeInformation.supplierId }) |
|||
}, |
|||
// 按钮点击事件 |
|||
nativeTo() { |
|||
var params = { |
|||
title: '添加纸品' |
|||
} |
|||
go2('add-paper', params) |
|||
}, |
|||
// 编辑事件 |
|||
editPaper(item) { |
|||
var params = { |
|||
...item, |
|||
title: '编辑纸品' |
|||
} |
|||
go2('add-paper', params) |
|||
}, |
|||
// 店铺设置按钮 |
|||
setting(item) { |
|||
go2('store-settings') |
|||
}, |
|||
// 详情点击事件 |
|||
detailInfo(item) { |
|||
loginGo2('paper-detail', item) |
|||
}, |
|||
// 上下架事件 |
|||
productStatusChange(item) { |
|||
var params = { |
|||
id: item.id, |
|||
status: item.status === 30111 ? 30112 : 30111 |
|||
} |
|||
productStatus(params).then(res => { |
|||
if (res) { |
|||
uni.showToast({ |
|||
title: '状态修改成功', |
|||
icon: 'success' |
|||
}) |
|||
setTimeout(()=>{ |
|||
this.orderPagination.pageNum = 1 |
|||
this.quertData() |
|||
},500) |
|||
|
|||
|
|||
} |
|||
}) |
|||
}, |
|||
// 分享 |
|||
shareTap() { |
|||
uni.share({ |
|||
provider: "weixin", |
|||
scene: "WXSceneSession", |
|||
type: 0, |
|||
href: "http://uniapp.dcloud.io/", |
|||
title: "uni-app分享", |
|||
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！", |
|||
imageUrl: "https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png", |
|||
success: function (res) { |
|||
console.log("success:" + JSON.stringify(res)); |
|||
}, |
|||
fail: function (err) { |
|||
console.log("fail:" + JSON.stringify(err)); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
components: { uGap, noData }, |
|||
filters: { |
|||
timeFilter(value) { |
|||
var abs = '' |
|||
if (value) { |
|||
abs = getTimer(value) |
|||
} |
|||
return abs |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
pageShow: true, |
|||
storeInformation: { |
|||
supplierId: null, |
|||
name: null |
|||
}, |
|||
option: { |
|||
size: 10, |
|||
auto: true, |
|||
emptyText: '暂无数据~', |
|||
background: '#F7F8FA', |
|||
disabled: false |
|||
}, |
|||
pattern: { |
|||
backgroundColor: '#007AFF', |
|||
buttonColor: '#007AFF' |
|||
}, |
|||
content: [], |
|||
horizontal: 'right', |
|||
vertical: 'bottom', |
|||
direction: 'vertical', |
|||
orderPagination: { |
|||
pageNum: 0, // 初始会执行一次下拉加载 |
|||
pageSize: 10, |
|||
storeId: null, |
|||
name: null, |
|||
supplierId: this.$store.state.supplierInfo.supplierId |
|||
}, |
|||
listData: [] |
|||
} |
|||
}, |
|||
onShow() { |
|||
this.storeInformation = { |
|||
supplierId: this.$store.state.supplierInfo.supplierId, |
|||
name: this.$store.state.supplierInfo.name |
|||
} |
|||
this.quertData() |
|||
}, |
|||
onLoad() { |
|||
this.quertData() |
|||
}, |
|||
methods: { |
|||
back, |
|||
|
|||
// 获取纸品列表 pageShow |
|||
quertData() { |
|||
return new Promise((resolve, reject) => { |
|||
SupplierList({ ...this.orderPagination }) |
|||
.then((res) => { |
|||
if (res) { |
|||
if (res.records.length === 0) { |
|||
this.pageShow = false |
|||
return |
|||
} |
|||
if (this.orderPagination.pageNum == 1) { |
|||
this.listData = res.records |
|||
} else { |
|||
this.listData = this.listData.concat(res.records) |
|||
} |
|||
resolve({ list: this.listData, total: res.total }) |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
reject(err) |
|||
}) |
|||
}) |
|||
}, |
|||
downCallback() { |
|||
this.orderPagination.pageNum = 1 |
|||
this.quertData() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.refreshSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.refreshFail() |
|||
}) |
|||
}, |
|||
upCallback() { |
|||
this.orderPagination.pageNum++ |
|||
this.quertData() |
|||
.then(({ list, total }) => { |
|||
this.$refs.list.loadSuccess({ list, total }) |
|||
}) |
|||
.catch(() => { |
|||
this.$refs.list.loadFail() |
|||
}) |
|||
}, |
|||
// 切换商城按钮 |
|||
checkMall() { |
|||
go2('switching-mall', { supplierId: this.storeInformation.supplierId }) |
|||
}, |
|||
// 按钮点击事件 |
|||
nativeTo() { |
|||
var params = { |
|||
title: '添加纸品' |
|||
} |
|||
go2('add-paper', params) |
|||
}, |
|||
// 编辑事件 |
|||
editPaper(item) { |
|||
var params = { |
|||
...item, |
|||
title: '编辑纸品' |
|||
} |
|||
go2('add-paper', params) |
|||
}, |
|||
// 店铺设置按钮 |
|||
setting(item) { |
|||
go2('store-settings') |
|||
}, |
|||
// 详情点击事件 |
|||
detailInfo(item) { |
|||
loginGo2('paper-detail', item) |
|||
}, |
|||
// 上下架事件 |
|||
productStatusChange(item) { |
|||
var params = { |
|||
id: item.id, |
|||
status: item.status === 30111 ? 30112 : 30111 |
|||
} |
|||
productStatus(params).then((res) => { |
|||
if (res) { |
|||
uni.showToast({ |
|||
title: '状态修改成功', |
|||
icon: 'success' |
|||
}) |
|||
setTimeout(() => { |
|||
this.orderPagination.pageNum = 1 |
|||
this.quertData() |
|||
}, 500) |
|||
} |
|||
}) |
|||
}, |
|||
// 分享 |
|||
shareTap() { |
|||
uni.share({ |
|||
provider: 'weixin', |
|||
scene: 'WXSceneSession', |
|||
type: 0, |
|||
href: 'http://uniapp.dcloud.io/', |
|||
title: 'uni-app分享', |
|||
summary: '我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！', |
|||
imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png', |
|||
success: function (res) { |
|||
console.log('success:' + JSON.stringify(res)) |
|||
}, |
|||
fail: function (err) { |
|||
console.log('fail:' + JSON.stringify(err)) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.warpper { |
|||
width: 750rpx; |
|||
.left-title { |
|||
font-size: 40rpx; |
|||
color: #000000; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
} |
|||
.right-title { |
|||
font-size: 28rpx; |
|||
color: #007aff; |
|||
text-align: right; |
|||
font-weight: 500; |
|||
} |
|||
.top-box { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
height: 180rpx; |
|||
background: url('/static/imgs/mall/zsc-bg-icon.png') no-repeat; |
|||
background-size: 100%; |
|||
.image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 50%; |
|||
} |
|||
.right { |
|||
width: 140rpx; |
|||
} |
|||
.center { |
|||
position: relative; |
|||
left: -20rpx; |
|||
} |
|||
.title { |
|||
font-size: 34rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 2rpx; |
|||
font-weight: 600; |
|||
margin-bottom: 12rpx; |
|||
} |
|||
.desc { |
|||
opacity: 0.75; |
|||
font-size: 28rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
padding-right: 32rpx; |
|||
} |
|||
.cut { |
|||
display: flex; |
|||
align-items: center; |
|||
font-size: 24rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
text-align: center; |
|||
font-weight: 400; |
|||
.cut-icon { |
|||
width: 29.42rpx; |
|||
height: 26.67rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
} |
|||
.set { |
|||
opacity: 0.75; |
|||
font-size: 28rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
position: relative; |
|||
top: 39rpx; |
|||
left: 60rpx; |
|||
} |
|||
} |
|||
.content { |
|||
background: #ffffff; |
|||
border-bottom: 2rpx solid #dddddd; |
|||
display: flex; |
|||
flex-direction: row; |
|||
padding: 24rpx 0rpx 24rpx 32rpx; |
|||
.image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
flex: 0 0 100rpx; |
|||
margin-right: 18rpx; |
|||
} |
|||
.title { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
.icon { |
|||
position: relative; |
|||
top: -22rpx; |
|||
width: 150rpx; |
|||
height: 50rpx; |
|||
} |
|||
} |
|||
.sub-title { |
|||
position: relative; |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
top: -4rpx; |
|||
} |
|||
.desc { |
|||
font-size: 28rpx; |
|||
color: #555555; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
padding-top: 10rpx; |
|||
line-height: 1.4; |
|||
} |
|||
} |
|||
.other { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: 80rpx; |
|||
background: #ffffff; |
|||
padding: 0rpx 32rpx; |
|||
.time { |
|||
font-size: 28rpx; |
|||
color: #888888; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
} |
|||
.btn { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 28rpx; |
|||
color: #007aff; |
|||
letter-spacing: 0; |
|||
text-align: right; |
|||
font-weight: 400; |
|||
} |
|||
.divide { |
|||
width: 2rpx; |
|||
height: 32rpx; |
|||
background: #d8d8d8; |
|||
margin: 0 32rpx; |
|||
} |
|||
.icon { |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
margin-left: 6rpx; |
|||
} |
|||
} |
|||
.offer-prices { |
|||
position: absolute; |
|||
z-index: 9999; |
|||
right: 32rpx; |
|||
bottom: 122rpx; |
|||
background-color: #007aff; |
|||
border-radius: 50%; |
|||
padding: 10rpx; |
|||
text-align: center; |
|||
width: 110rpx; |
|||
height: 110rpx; |
|||
border: 2rpx solid #f9f9f9; |
|||
box-shadow: 0rpx 4rpx 34rpx 0rpx rgba(0, 0, 0, 0.2); |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.my-image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
} |
|||
.wrapper { |
|||
width: 750rpx; |
|||
overflow: hidden; |
|||
.left-title { |
|||
font-size: 40rpx; |
|||
color: #000000; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
} |
|||
.right-title { |
|||
font-size: 28rpx; |
|||
color: #007aff; |
|||
text-align: right; |
|||
font-weight: 500; |
|||
} |
|||
.top-box { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
height: 180rpx; |
|||
background: url('/static/imgs/mall/zsc-bg-icon.png') no-repeat; |
|||
background-size: 100%; |
|||
.image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 50%; |
|||
} |
|||
.right { |
|||
width: 140rpx; |
|||
} |
|||
.center { |
|||
position: relative; |
|||
left: -20rpx; |
|||
} |
|||
.title { |
|||
font-size: 34rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 2rpx; |
|||
font-weight: 600; |
|||
margin-bottom: 12rpx; |
|||
} |
|||
.desc { |
|||
opacity: 0.75; |
|||
font-size: 28rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
padding-right: 32rpx; |
|||
} |
|||
.cut { |
|||
display: flex; |
|||
align-items: center; |
|||
font-size: 24rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
text-align: center; |
|||
font-weight: 400; |
|||
.cut-icon { |
|||
width: 29.42rpx; |
|||
height: 26.67rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
} |
|||
.set { |
|||
opacity: 0.75; |
|||
font-size: 28rpx; |
|||
color: #ffffff; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
position: relative; |
|||
top: 39rpx; |
|||
left: 60rpx; |
|||
} |
|||
} |
|||
.content { |
|||
background: #ffffff; |
|||
border-bottom: 2rpx solid #dddddd; |
|||
display: flex; |
|||
flex-direction: row; |
|||
padding: 24rpx 0rpx 24rpx 32rpx; |
|||
.image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
flex: 0 0 100rpx; |
|||
margin-right: 18rpx; |
|||
} |
|||
.title { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
font-weight: 500; |
|||
.icon { |
|||
position: relative; |
|||
top: -22rpx; |
|||
width: 150rpx; |
|||
height: 50rpx; |
|||
} |
|||
} |
|||
.sub-title { |
|||
position: relative; |
|||
font-size: 28rpx; |
|||
color: #333333; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
top: -4rpx; |
|||
} |
|||
.desc { |
|||
font-size: 28rpx; |
|||
color: #555555; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
padding-top: 10rpx; |
|||
line-height: 1.4; |
|||
} |
|||
} |
|||
.other { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
height: 80rpx; |
|||
background: #ffffff; |
|||
padding: 0rpx 32rpx; |
|||
.time { |
|||
font-size: 28rpx; |
|||
color: #888888; |
|||
letter-spacing: 0; |
|||
font-weight: 400; |
|||
} |
|||
.btn { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 28rpx; |
|||
color: #007aff; |
|||
letter-spacing: 0; |
|||
text-align: right; |
|||
font-weight: 400; |
|||
} |
|||
.divide { |
|||
width: 2rpx; |
|||
height: 32rpx; |
|||
background: #d8d8d8; |
|||
margin: 0 32rpx; |
|||
} |
|||
.icon { |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
margin-left: 6rpx; |
|||
} |
|||
} |
|||
.offer-prices { |
|||
position: absolute; |
|||
z-index: 9999; |
|||
right: 32rpx; |
|||
bottom: 122rpx; |
|||
background-color: #007aff; |
|||
border-radius: 50%; |
|||
padding: 10rpx; |
|||
text-align: center; |
|||
width: 110rpx; |
|||
height: 110rpx; |
|||
border: 2rpx solid #f9f9f9; |
|||
box-shadow: 0rpx 4rpx 34rpx 0rpx rgba(0, 0, 0, 0.2); |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.my-image { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
} |
|||
} |
|||
</style> |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save