gaojian/ts_aimz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面修改颜色变量,发票,修改条目改为滑动显示删除,编辑

Browse Source
This commit is contained in:
itgaojian163 2025-04-30 16:08:49 +08:00
parent c88e0dfac4
commit 5938217538
49 changed files with 638 additions and 442 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
app.js
View File

@ -1,42 +1,2 @@
// app.js //app.js
import { import app from './main-app'
imgAssets
} from './net/http'
App({
globalData: {
imgAssetsUrl: imgAssets,
localAssets: "/static/images"
},
onLaunch() {
//自定义字体
// wx.loadFontFace({
// family: 'PingFang-regular',
// global: true,
// source: 'https://www.aimzhu.com/miniapp-assets/PingFangSC-Regular.ttf',
// success(res) {
// console.log('字体加载成功')
// },
// fail(err) {
// console.log('字体加载错误')
// }
// })
// 全局事件对象
// this.eventBus = {}
// // 监听事件
// this.on = function (eventName, callback) {
// if (!this.eventBus[eventName]) {
// this.eventBus[eventName] = []
// }
// this.eventBus[eventName].push(callback)
// }
// // 触发事件
// this.emit = function (eventName, data) {
// const callbacks = this.eventBus[eventName]
// if (callbacks) {
// callbacks.forEach(callback => {
// callback(data)
// })
// }
// }
}
})

2
app.wxss
View File

@ -55,7 +55,7 @@
.gray-star::after { .gray-star::after {
content: '*'; content: '*';
color: var(--text-color); color: var(--text-gray-hint-color);
margin-left: 6rpx; margin-left: 6rpx;
} }

12
components/container-loading/container-loading.js
View File

@ -27,9 +27,17 @@ Component({
}, },
data: { data: {
loadingVisible: 'loading', loadingVisible: 'loading',
height: 200 height: 200,
localAssets: ''
},
lifetimes: {
attached() {
const app = getApp()
this.setData({
localAssets: app.globalData.localAssets
})
}
}, },
/** /**
* 组件的方法列表 * 组件的方法列表
*/ */

6
components/container-loading/container-loading.wxml
View File

@ -1,15 +1,15 @@
<view class="container"> <view class="container">
<view wx:if="{{loadingVisible=='loading'}}" class="loading"></view> <view wx:if="{{loadingVisible=='loading'}}" class="loading"></view>
<view wx:elif="{{loadingVisible=='error'}}" class="error-box" bind:tap="notifyParentToRefresh"> <view wx:elif="{{loadingVisible=='error'}}" class="error-box" bind:tap="notifyParentToRefresh">
<image src="/static/images/load_err.png" class="loading_err"></image> <image src="{{localAssets}}/load_err.png" class="loading_err"></image>
<text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">加载失败,点击重试</text> <text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">加载失败,点击重试</text>
</view> </view>
<view wx:elif="{{loadingVisible=='empty'}}" class="error-box" bind:tap="notifyParentToRefresh"> <view wx:elif="{{loadingVisible=='empty'}}" class="error-box" bind:tap="notifyParentToRefresh">
<image src="/static/images/load_err.png" class="loading_err"></image> <image src="{{localAssets}}/load_err.png" class="loading_err"></image>
<text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">暂无数据,点击刷新</text> <text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">暂无数据,点击刷新</text>
</view> </view>
<view wx:elif="{{loadingVisible=='create'}}" class="error-box" bind:tap="notifyParentCreate"> <view wx:elif="{{loadingVisible=='create'}}" class="error-box" bind:tap="notifyParentCreate">
<image src="/static/images/load_err.png" class="loading_err"></image> <image src="{{localAssets}}/load_err.png" class="loading_err"></image>
<text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">点击去创建项目</text> <text style="align-self: center;margin-top: 10px;color: #cecece;font-size: 14px;">点击去创建项目</text>
</view> </view>
<block wx:else="{{loadingVisible=='success'}}"> <block wx:else="{{loadingVisible=='success'}}">

52
main-app.js Normal file
View File

@ -0,0 +1,52 @@
// app.js
import {
imgAssets
} from './net/http'
App({
globalData: {
imgAssetsUrl: imgAssets,
localAssets: "/static/images",
slideBtns: []
},
onLaunch() {
this.globalData.slideBtns = [{
text: '编辑',
src: this.globalData.localAssets + "/ic_edit_blue.png" // icon的路径
},
{
text: '删除',
src: this.globalData.localAssets + "/ic_delete_red.png" // icon的路径
}
]
//自定义字体
// wx.loadFontFace({
// family: 'PingFang-regular',
// global: true,
// source: 'https://www.aimzhu.com/miniapp-assets/PingFangSC-Regular.ttf',
// success(res) {
// console.log('字体加载成功')
// },
// fail(err) {
// console.log('字体加载错误')
// }
// })
// 全局事件对象
// this.eventBus = {}
// // 监听事件
// this.on = function (eventName, callback) {
// if (!this.eventBus[eventName]) {
// this.eventBus[eventName] = []
// }
// this.eventBus[eventName].push(callback)
// }
// // 触发事件
// this.emit = function (eventName, data) {
// const callbacks = this.eventBus[eventName]
// if (callbacks) {
// callbacks.forEach(callback => {
// callback(data)
// })
// }
// }
}
})

4
pages/copyright/createBuy/createBuy.js
View File

@ -1,11 +1,13 @@
import ProjectService from '../../../net/api/projectApi' import ProjectService from '../../../net/api/projectApi'
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
localImgAssets:app.globalData.localAssets,
urgent: 0, urgent: 0,
projTypes: [], //全托管,写材料 type= ALL type =MATERIAL projTypes: [], //全托管,写材料 type= ALL type =MATERIAL
allPrice: 0, allPrice: 0,

43
pages/copyright/createBuy/createBuy.wxml
View File

@ -1,10 +1,10 @@
<view class="buy-container"> <view class="buy-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff"> <swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- 全托管 --> <!-- 全托管 -->
@ -23,37 +23,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view> <view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="../../../static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包可运行软件开发与搭建</text> <text class="txt">包可运行软件开发与搭建</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包鉴别材料撰写</text> <text class="txt">包鉴别材料撰写</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包代办,包下证,包开发票提</text> <text class="txt">包代办,包下证,包开发票提</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">供可运行软件安装包</text> <text class="txt">供可运行软件安装包</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务900天</text> <text class="txt">提供可运行软件云服务900天</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件演示视频</text> <text class="txt">提供可运行软件演示视频</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">客服一对一服务</text> <text class="txt">客服一对一服务</text>
</view> </view>
</view> </view>
@ -73,13 +73,6 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="buy-desc-column box-bottom-options mt-20">
<checkbox-group bindchange="doUrgent">
<checkbox class="custom-wx-checkbox">
<tex style="color: #532A00;padding-left: 10rpx;font-weight: 400;">加急办理{{urgent/100}}元</tex>
</checkbox>
</checkbox-group>
</view> -->
</view> </view>
</view> </view>
<!-- 写材料 --> <!-- 写材料 -->
@ -97,37 +90,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view> <view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="../../../static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">通过平台自己搭建可运行软件</text> <text class="txt">通过平台自己搭建可运行软件</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">平台自动撰写鉴别材料</text> <text class="txt">平台自动撰写鉴别材料</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包补正材料撰写一直到下证</text> <text class="txt">包补正材料撰写一直到下证</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">两次补正不通过平台退款</text> <text class="txt">两次补正不通过平台退款</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包开发票</text> <text class="txt">包开发票</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务300天</text> <text class="txt">提供可运行软件云服务300天</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">客服一对一服务</text> <text class="txt">客服一对一服务</text>
</view> </view>
</view> </view>
@ -135,11 +128,11 @@
<text style="font-size: 25rpx;">使用流程</text> <text style="font-size: 25rpx;">使用流程</text>
<view style="display: flex;flex-direction: column;"> <view style="display: flex;flex-direction: column;">
<view class="buy-desc-row-no-margin mt-10"> <view class="buy-desc-row-no-margin mt-10">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt">按系统操作流程执行</text> <text class="single-txt">按系统操作流程执行</text>
</view> </view>
<view class="buy-desc-row-no-margin mt-10"> <view class="buy-desc-row-no-margin mt-10">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text> <text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text>
</view> </view>
</view> </view>

13
pages/copyright/createProjectInfo/createProjectInfo.js
View File

@ -6,9 +6,11 @@ const {
isValidEmail, isValidEmail,
objIsEmpty objIsEmpty
} = require('../../../utils/validator') } = require('../../../utils/validator')
const app = getApp()
Page({ Page({
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
localAssets: app.globalData.localAssets,
date: utils.formatDate(new Date()), date: utils.formatDate(new Date()),
completeDate: '', //开发完成时间 completeDate: '', //开发完成时间
version: "V1.0", //系统版本 version: "V1.0", //系统版本
@ -661,5 +663,14 @@ Page({
return false return false
} }
return true return true
},
closeDialog(e) {
this.setData({
showLang: false,
showPackage: false,
showCoupons: false,
showCommendProject: false,
isShowContact: false
})
} }
}) })

18
pages/copyright/createProjectInfo/createProjectInfo.wxml
View File

@ -2,10 +2,10 @@
<view class="container-box"> <view class="container-box">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff"> <swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="info-box"> <view class="info-box">
@ -33,9 +33,9 @@
</view> </view>
<view class="flex-1"> <view class="flex-1">
<text class="label">系统语言</text> <text class="label">系统语言</text>
<view class="value selection-box ml-20"> <view class="value selection-box ml-20" bindtap="toggleOptions">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<view class="language-sel {{selectLang != ''? 'v-select':''}}" bindtap="toggleOptions">{{selectLang}}</view> <view class="language-sel {{selectLang != ''? 'v-select':''}}">{{selectLang}}</view>
<view class="icon-arrow-down-line" style="width: 28rpx;height: 28rpx;"></view> <view class="icon-arrow-down-line" style="width: 28rpx;height: 28rpx;"></view>
</view> </view>
</view> </view>
@ -82,7 +82,7 @@
</view> </view>
</view> </view>
<mp-half-screen-dialog show="{{isShowContact}}"> <mp-half-screen-dialog show="{{isShowContact}}" bindclose="closeDialog">
<view slot="title">创建联系人</view> <view slot="title">创建联系人</view>
<view slot="desc"> <view slot="desc">
<view class="form-item"> <view class="form-item">
@ -107,7 +107,7 @@
</view> </view>
</mp-half-screen-dialog> </mp-half-screen-dialog>
<!-- 推荐系统名称 --> <!-- 推荐系统名称 -->
<mp-half-screen-dialog show="{{showCommendProject}}" maskClosable="{{false}}"> <mp-half-screen-dialog show="{{showCommendProject}}" bindclose="closeDialog" maskClosable="{{false}}">
<view slot="title">推荐系统全称</view> <view slot="title">推荐系统全称</view>
<view slot="desc"> <view slot="desc">
<textarea value="{{projectName}}" bindinput="inputCommendProjectName" placeholder="请简单介绍您想创建的系统，我们会根据您的描述为您推荐系统全称" style="border: 1px solid #f2f2f2;width: 82vw;padding: 10px;height: 50px;font-size: 28rpx;"></textarea> <textarea value="{{projectName}}" bindinput="inputCommendProjectName" placeholder="请简单介绍您想创建的系统，我们会根据您的描述为您推荐系统全称" style="border: 1px solid #f2f2f2;width: 82vw;padding: 10px;height: 50px;font-size: 28rpx;"></textarea>
@ -125,7 +125,7 @@
</view> </view>
</mp-half-screen-dialog> </mp-half-screen-dialog>
<!-- 优惠卷弹窗 --> <!-- 优惠卷弹窗 -->
<mp-half-screen-dialog show="{{showCoupons}}"> <mp-half-screen-dialog show="{{showCoupons}}" bindclose="closeDialog">
<view slot="title">优惠卷</view> <view slot="title">优惠卷</view>
<view slot="desc"> <view slot="desc">
<scroll-view scroll-y style="height: 500rpx;"> <scroll-view scroll-y style="height: 500rpx;">
@ -159,7 +159,7 @@
</view> </view>
</mp-half-screen-dialog> </mp-half-screen-dialog>
<!-- 套餐包 --> <!-- 套餐包 -->
<mp-half-screen-dialog show="{{showPackage}}"> <mp-half-screen-dialog show="{{showPackage}}" bindclose="closeDialog">
<view slot="title">套餐包</view> <view slot="title">套餐包</view>
<view slot="desc"> <view slot="desc">
<scroll-view scroll-y style="height: 500rpx;"> <scroll-view scroll-y style="height: 500rpx;">
@ -192,7 +192,7 @@
<button class="confirm-btn" style="margin-top: 10px;" bind:tap="confirmSelectPackage">确定</button> <button class="confirm-btn" style="margin-top: 10px;" bind:tap="confirmSelectPackage">确定</button>
</view> </view>
</mp-half-screen-dialog> </mp-half-screen-dialog>
<mp-half-screen-dialog show="{{showLang}}"> <mp-half-screen-dialog show="{{showLang}}" bindclose="closeDialog">
<view slot="title">系统语言</view> <view slot="title">系统语言</view>
<view slot="desc"> <view slot="desc">
<scroll-view scroll-y style="height: 300rpx;"> <scroll-view scroll-y style="height: 300rpx;">

84
pages/copyright/createProjectInfo/createProjectInfo.wxss
View File

@ -1,5 +1,3 @@
.custom-checkbox { .custom-checkbox {
font-size: 14px; font-size: 14px;
margin-left: 14px; margin-left: 14px;
@ -7,8 +5,8 @@
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked { .custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important; color: #fff !important;
background-color: #FFA900; background-color: var(--primary-color);
border: 1px solid #FFA900; border: 1px solid var(--primary-color);
} }
.custom-wx-checkbox .wx-checkbox-input { .custom-wx-checkbox .wx-checkbox-input {
@ -21,7 +19,7 @@
height: 32rpx; height: 32rpx;
background-color: transparent; background-color: transparent;
position: relative; position: relative;
border: 1rpx solid #FFA900; border: 1rpx solid var(--primary-color);
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
} }
@ -45,10 +43,6 @@
padding: 15px; padding: 15px;
} }
.create-title {
height: 80rpx;
background-color: blanchedalmond;
}
.info-box { .info-box {
display: flex; display: flex;
@ -63,7 +57,7 @@
.info-value { .info-value {
margin-top: 20rpx; margin-top: 20rpx;
border: 1rpx solid #f2f2f2; border: 1rpx solid var(--divider-color);
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
background-color: white; background-color: white;
@ -74,7 +68,7 @@
.info-btn { .info-btn {
align-self: flex-end; align-self: flex-end;
background-color: #FFA900; background-color: var(--primary-color);
margin-top: 20rpx; margin-top: 20rpx;
padding: 5rpx 40rpx; padding: 5rpx 40rpx;
color: white; color: white;
@ -87,7 +81,7 @@
} }
.section { .section {
border: 1px solid #f4f4f4; border: 1px solid var(--divider-color);
border-radius: 5rpx; border-radius: 5rpx;
padding: 15rpx; padding: 15rpx;
margin-bottom: 15rpx; margin-bottom: 15rpx;
@ -149,11 +143,11 @@
.value-hint { .value-hint {
color: #9A9A9A; color: var(--text-gray-hint-color);
} }
.v-select { .v-select {
color: #000000; color: var(--text-color);
} }
@ -165,7 +159,7 @@
.link { .link {
color: #007AFF; color: var(--blue-color);
} }
.flex-1 { .flex-1 {
@ -186,16 +180,16 @@
top: 100%; top: 100%;
left: -20rpx; left: -20rpx;
padding: 10rpx 20rpx; padding: 10rpx 20rpx;
border: 1px solid #f2f2f2; border: 1px solid var(--divider-color);
border-top: none; border-top: none;
background-color: white; background-color: white;
box-shadow: 0rpx 0rpx 10rpx 10rpx #f2f2f2; box-shadow: 0rpx 0rpx 10rpx 10rpx var(--divider-color);
} }
.option { .option {
padding: 15rpx; padding: 15rpx;
cursor: pointer; cursor: pointer;
border-bottom: 1rpx solid #f2f2f2; border-bottom: 1rpx solid var(--divider-color);
} }
.option:hover { .option:hover {
@ -222,25 +216,25 @@
} }
.bottom-box .btn { .bottom-box .btn {
background-color: #37AD46; background-color: var(--btn-green-color);
color: white; color: white;
text-align: center; text-align: center;
height: 40px; height: 40px;
width: 94vw; width: 94vw;
line-height: 40px; line-height: 40px;
border-radius: 20rpx; border-radius: 10rpx;
margin-bottom: 20px; margin-bottom: 20px;
} }
.bottom-box .money { .bottom-box .money {
color: #532A00; color: var(--text-brown-color);
font-size: 20px; font-size: 20px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.price { .price {
color: rgb(250, 0, 0); color: var(--red-color);
} }
.form-box { .form-box {
@ -249,7 +243,7 @@
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
font-size: 14px; font-size: 14px;
background-color: #FFA900; background-color: var(--primary-color);
} }
.form-item { .form-item {
@ -264,14 +258,14 @@
.form-item-title { .form-item-title {
flex: .3; flex: .3;
font-size: 14px; font-size: 14px;
color: black; color: var(--black-color);
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
} }
.form-item-title:not(.no-after)::before { .form-item-title:not(.no-after)::before {
content: "*"; content: "*";
color: red; color: var(--red-color);
font-size: 14px; font-size: 14px;
margin-left: 1px; margin-left: 1px;
text-align: center; text-align: center;
@ -291,16 +285,16 @@
.project-item { .project-item {
font-size: 24rpx; font-size: 24rpx;
background-color: #ffaa0034; background-color: var(--primary-color-light);
text-align: center; text-align: center;
color: #FFA900; color: var(--primary-color);
text-align: center; text-align: center;
margin: 10rpx; margin: 10rpx;
padding: 5rpx 20rpx; padding: 5rpx 20rpx;
} }
.confirm-btn { .confirm-btn {
background-color: green; background-color: var(--btn-green-color);
color: white; color: white;
font-size: 16px; font-size: 16px;
height: 40px; height: 40px;
@ -338,8 +332,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
background: radial-gradient(circle at right top, transparent 16rpx, #ffaa0017 0) right top / 100% 50% no-repeat, background: radial-gradient(circle at right top, transparent 16rpx, var(--bg-primary-shallow-color) 0) right top / 100% 50% no-repeat,
radial-gradient(circle at right bottom, transparent 16rpx, #ffaa0017 0) right bottom / 100% 50% no-repeat; radial-gradient(circle at right bottom, transparent 16rpx, var(--bg-primary-shallow-color) 0) right bottom / 100% 50% no-repeat;
} }
@ -350,7 +344,7 @@
width: 8rpx; width: 8rpx;
top: 0; top: 0;
left: -8rpx; left: -8rpx;
background: radial-gradient(circle at left center, transparent 8rpx, #ffaa0017 0) left center / 8rpx 20rpx; background: radial-gradient(circle at left center, transparent 8rpx, var(--bg-primary-shallow-color) 0) left center / 8rpx 20rpx;
} }
@ -358,15 +352,15 @@
.r-tickets { .r-tickets {
flex: 1; flex: 1;
position: relative; position: relative;
background: radial-gradient(circle at left top, transparent 16rpx, #ffaa0017 0, #ffaa0017 100%) right top / 100% 50% no-repeat, background: radial-gradient(circle at left top, transparent 16rpx, var(--bg-primary-shallow-color) 0, var(--bg-primary-shallow-color) 100%) right top / 100% 50% no-repeat,
radial-gradient(circle at left bottom, transparent 16rpx, #ffaa0017 0, #ffaa0017 100%) right bottom / 100% 50% no-repeat; radial-gradient(circle at left bottom, transparent 16rpx, var(--bg-primary-shallow-color) 0, var(--bg-primary-shallow-color) 100%) right bottom / 100% 50% no-repeat;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #5D3900; color: var(--text-brown-color);
} }
.r-tickets::after { .r-tickets::after {
@ -376,7 +370,7 @@
width: 8rpx; width: 8rpx;
top: 0; top: 0;
right: -8rpx; right: -8rpx;
background: radial-gradient(circle at right center, transparent 8rpx, #ffaa0017 0) right center / 8rpx 20rpx; background: radial-gradient(circle at right center, transparent 8rpx, var(--bg-primary-shallow-color) 0) right center / 8rpx 20rpx;
} }
.r-tickets::before { .r-tickets::before {
@ -400,20 +394,20 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
color: #5D3900; color: var(--text-brown-color);
font-weight: 400; font-weight: 400;
} }
.ticket-content { .ticket-content {
font-size: 18px; font-size: 18px;
color: #5D3900; color: var(--text-brown-color);
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
.ticket-desc { .ticket-desc {
font-size: 12px; font-size: 12px;
color: #5D3900; color: var(--text-brown-color);
margin-top: 10px; margin-top: 10px;
font-weight: 400; font-weight: 400;
min-height: 12px; min-height: 12px;
@ -425,7 +419,7 @@
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
background-color: #ffaa0017; background-color: var(--bg-primary-shallow-color);
border-radius: 10px; border-radius: 10px;
width: 85vw; width: 85vw;
padding: 10px 5px; padding: 10px 5px;
@ -453,12 +447,12 @@
.coupons-desc .title { .coupons-desc .title {
font-size: 16px; font-size: 16px;
color: red; color: var(--red-color);
} }
.coupons-desc .dd { .coupons-desc .dd {
font-size: 12px; font-size: 12px;
color: red; color: var(--red-color);
} }
.counpons-check { .counpons-check {
@ -470,7 +464,7 @@
.counpons-check .txt { .counpons-check .txt {
font-size: 16px; font-size: 16px;
color: red; color: var(--red-color);
font-weight: 600; font-weight: 600;
} }
@ -488,7 +482,7 @@
/* 未选中状态 */ /* 未选中状态 */
.custom-radio .wx-radio-input { .custom-radio .wx-radio-input {
border-color: #FFA900; border-color: var(--primary-color);
/* 自定义未选中时的边框颜色 */ /* 自定义未选中时的边框颜色 */
background-color: transparent; background-color: transparent;
width: 32rpx; width: 32rpx;
@ -497,9 +491,9 @@
/* 选中状态 */ /* 选中状态 */
.custom-radio .wx-radio-input.wx-radio-input-checked { .custom-radio .wx-radio-input.wx-radio-input-checked {
border-color: #FFA900; border-color: var(--primary-color);
/* 自定义选中时的边框颜色 */ /* 自定义选中时的边框颜色 */
background: linear-gradient(to right, #FFA900, #ffaa007e); background: linear-gradient(to right, var(--primary-color), var(--primary-color-light));
/* 自定义选中时的背景颜色 */ /* 自定义选中时的背景颜色 */
} }

3
pages/copyright/payment/payment.js
View File

@ -1,11 +1,14 @@
// pages/copyright/payment/payment.js // pages/copyright/payment/payment.js
import PayService from '../../../net/api/payApi'; import PayService from '../../../net/api/payApi';
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
localAssets: app.globalData.localAssets,
paySumOptions: [100, 300, 500, 1000, 2000, 5000], paySumOptions: [100, 300, 500, 1000, 2000, 5000],
currentTab: 0, //充值金额选项 currentTab: 0, //充值金额选项
payMoney: 100, //支付金额 payMoney: 100, //支付金额

4
pages/copyright/payment/payment.wxml
View File

@ -1,10 +1,10 @@
<view class="page-container"> <view class="page-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff"> <swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- 充值金额输入 --> <!-- 充值金额输入 -->

54
pages/copyright/payment/payment.wxss
View File

@ -1,5 +1,3 @@
.input-money { .input-money {
font-size: 48rpx; font-size: 48rpx;
font-weight: bold; font-weight: bold;
@ -20,7 +18,7 @@
height: 32rpx; height: 32rpx;
width: 32rpx; width: 32rpx;
border-radius: 50%; border-radius: 50%;
border: 2rpx solid #e6c171; border: 2rpx solid var(--primary-color);
background: transparent; background: transparent;
} }
@ -33,7 +31,7 @@
text-align: center; text-align: center;
font-size: 0rpx; font-size: 0rpx;
color: transparent; color: transparent;
background: #e6c171; background: var(--primary-color);
transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1);
} }
@ -45,7 +43,7 @@
flex-direction: column; flex-direction: column;
padding: 30rpx; padding: 30rpx;
background-color: white; background-color: white;
border: 1rpx solid #F5F5F5; border: 1rpx solid var(--divider-color);
} }
.sum-input-box { .sum-input-box {
@ -54,12 +52,12 @@
.sum-input-box .title { .sum-input-box .title {
font-size: 12px; font-size: 12px;
color: black; color: var(--text-color);
} }
.sum-input-box input { .sum-input-box input {
font-size: 42rpx; font-size: 42rpx;
color: black; color: var(--text-color);
padding: 20rpx 10rpx; padding: 20rpx 10rpx;
flex: 1; flex: 1;
} }
@ -69,7 +67,7 @@
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: baseline; align-items: baseline;
border-bottom: 1rpx solid #dbdada; border-bottom: 1rpx solid var(--divider-color);
font-weight: bold; font-weight: bold;
} }
@ -107,7 +105,7 @@
.bag-select { .bag-select {
flex: 1; flex: 1;
text-align: center; text-align: center;
background-color: #FFA900; background-color: var(--primary-color);
color: white; color: white;
padding: 20rpx; padding: 20rpx;
} }
@ -116,15 +114,15 @@
flex: 1; flex: 1;
text-align: center; text-align: center;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #FFA900; color: var(--primary-color);
border: 1rpx solid #FFA900; border: 1rpx solid var(--primary-color);
padding: 20rpx; padding: 20rpx;
} }
.tab-select { .tab-select {
font-size: 20rpx; font-size: 20rpx;
color: black; color: black;
background-color: #FAE9D0; background-color: var(--bg-primary-shallow-color);
text-align: center; text-align: center;
padding: 5rpx 30rpx; padding: 5rpx 30rpx;
white-space: nowrap; white-space: nowrap;
@ -144,9 +142,9 @@
.tab-normal { .tab-normal {
font-size: 20rpx; font-size: 20rpx;
color: #F4CC92; color: var(--bg-primary-deep-color);
background: #FFFFFF; background: #FFFFFF;
border: 1rpx solid #F4CC92; border: 1rpx solid var(--bg-primary-deep-color);
text-align: center; text-align: center;
padding: 5rpx 30rpx; padding: 5rpx 30rpx;
white-space: nowrap; white-space: nowrap;
@ -169,19 +167,19 @@
} }
.green-bottom-btn { .green-bottom-btn {
background-color: #37AD46; background-color: var(--btn-green-color);
color: white; color: white;
text-align: center; text-align: center;
height: 42px; height: 42px;
width: 90vw; width: 90vw;
line-height: 42px; line-height: 42px;
border-radius: 20rpx; border-radius: 10rpx;
margin-bottom: 20px; margin-bottom: 20px;
} }
.green-bottom-btn:active { .green-bottom-btn:active {
background-color: #7ef58e; background-color: var(--btn-green-color-active);
color: white; color: white;
} }
@ -196,15 +194,15 @@
.bag-item { .bag-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: 1rpx solid rgba(239, 239, 239, 1); border: 1rpx solid var(--divider-color);
padding: 20rpx; padding: 20rpx;
} }
.bag-item:nth-of-type(n+2) { .bag-item:nth-of-type(n+2) {
border-top: none; border-top: none;
border-left: 1rpx solid rgba(239, 239, 239, 1); border-left: 1rpx solid var(--divider-color);
border-right: 1rpx solid rgba(239, 239, 239, 1); border-right: 1rpx solid var(--divider-color);
border-bottom: 1rpx solid rgba(239, 239, 239, 1); border-bottom: 1rpx solid var(--divider-color);
} }
.bag-item-title-box { .bag-item-title-box {
@ -217,25 +215,25 @@
.p-title { .p-title {
font-size: 14px; font-size: 14px;
font-weight: 800; font-weight: 800;
color: black; color: var(--text-color);
} }
.bag-item-title-box .title { .bag-item-title-box .title {
font-size: 40rpx; font-size: 40rpx;
color: black; color: var(--text-color);
font-weight: 500; font-weight: 500;
} }
.bag-item-title-box .sum { .bag-item-title-box .sum {
font-size: 14px; font-size: 14px;
color: black; color: var(--text-color);
font-weight: 400; font-weight: 400;
} }
.bag-item-title-box .sum::before { .bag-item-title-box .sum::before {
content: "¥"; content: "¥";
font-size: 24rpx; font-size: 24rpx;
color: black; color: var(--text-color);
font-weight: 400; font-weight: 400;
} }
@ -249,15 +247,15 @@
.bag-item-desc-box .desc { .bag-item-desc-box .desc {
font-size: 28rpx; font-size: 28rpx;
color: #363636; color: var(--text-gray-hint-color);
} }
.bag-item-desc-box .btn { .bag-item-desc-box .btn {
padding: 1px 15px; padding: 1px 15px;
color: white; color: white;
border-radius: 47px; border-radius: 47px;
background-color: rgba(255, 198, 125, 1); background-color: var(--btn-primary-color);
color: rgba(255, 255, 255, 1); color: var(--white-color);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;

3
pages/copyright/publicPay/publicPay.js
View File

@ -1,16 +1,17 @@
// pages/copyright/publicPay/publicPay.js // pages/copyright/publicPay/publicPay.js
import PayApi from '../../../net/api/payApi' import PayApi from '../../../net/api/payApi'
import { import {
request,
uploadImgUrl uploadImgUrl
} from "../../../net/http"; } from "../../../net/http";
const dateTimePicker = require('../../../utils/util'); const dateTimePicker = require('../../../utils/util');
const Cache = require('../../../utils/storage') const Cache = require('../../../utils/storage')
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
incomeEnterprise: {}, incomeEnterprise: {},
showError: false, showError: false,
errorHint: '', errorHint: '',

4
pages/copyright/publicPay/publicPay.wxml
View File

@ -2,10 +2,10 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff"> <swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- 付款信息 --> <!-- 付款信息 -->

43
pages/copyright/publicPay/publicPay.wxss
View File

@ -1,11 +1,9 @@
.container-box { .container-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
background-color: white; background-color: var(--white-color);
margin-top: 10px; margin-top: 10px;
border-radius: 5px; border-radius: 5px;
} }
@ -17,7 +15,7 @@
.box-title { .box-title {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: black; color: var(--text-color);
padding: 10px 20px; padding: 10px 20px;
} }
@ -35,7 +33,7 @@
} }
.red { .red {
color: red; color: var(--red-color);
} }
/* .item:nth-last-of-type(n+1){ /* .item:nth-last-of-type(n+1){
@ -44,7 +42,7 @@
.title { .title {
flex: 0.3; flex: 0.3;
font-size: 14px; font-size: 14px;
color: black; color: var(--black-color);
} }
.content { .content {
@ -54,31 +52,24 @@
.time-picker-box { .time-picker-box {
flex: 1; flex: 1;
background-color: #FAFAFA; background-color: var(--white-color);
border: 1px solid #F0F0F0; border: 1px solid var(--divider-color);
border-radius: 2rpx; border-radius: 2rpx;
padding: 3px 8px; padding: 3px 8px;
text-align: left; text-align: left;
font-size: 12px; font-size: 12px;
/* display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #FAFAFA;
border: 1px solid #F0F0F0;
padding: 5rpx 10rpx; */
} }
.weui-uploader__title { .weui-uploader__title {
font-size: 14px; font-size: 14px;
color: black; color: var(--black-color);
font-weight: 800; font-weight: 800;
padding-right: 10px; padding-right: 10px;
} }
.star::after { .star::after {
content: "*"; content: "*";
color: red; color: var(--red-color);
margin-left: 3px; margin-left: 3px;
} }
@ -125,12 +116,12 @@
.weui-uploader__input-box { .weui-uploader__input-box {
background: white; background: white;
border: 1px solid #F0F0F0; border: 1px solid var(--divider-color);
} }
.time-picker { .time-picker {
font-size: 14px; font-size: 14px;
color: rgb(68, 68, 68); color: var(--black-color);
font-weight: 400; font-weight: 400;
} }
@ -142,8 +133,8 @@
.input-box { .input-box {
flex: 1; flex: 1;
background-color: #FAFAFA; background-color: var(--bg-gray-color);
border: 1px solid #F0F0F0; border: 1px solid var(--divider-color);
border-radius: 2rpx; border-radius: 2rpx;
padding: 3px 8px; padding: 3px 8px;
text-align: left; text-align: left;
@ -176,7 +167,7 @@
width: 100vw; width: 100vw;
line-height: 100rpx; line-height: 100rpx;
border-radius: 20rpx; border-radius: 20rpx;
background-color: white; background-color: var(--white-color);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -185,12 +176,12 @@
} }
.money { .money {
color: #532A00; color: var(--text-brown-color);
font-size: 20px; font-size: 20px;
} }
.price { .price {
color: rgb(250, 0, 0); color: var(--red-color);
} }
@ -200,7 +191,7 @@
line-height: 42px; line-height: 42px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(255, 169, 0, 1); background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -209,6 +200,6 @@
.green-bottom-btn:active { .green-bottom-btn:active {
background-color: rgba(255, 169, 0, 0.3); background-color: var(--btn-green-color-active);
color: white; color: white;
} }

1
pages/mainPage/mainPage.js
View File

@ -11,6 +11,7 @@ Page({
data: { data: {
statusBarHeight: statusBarHeight, statusBarHeight: statusBarHeight,
imgAssets: app.globalData.imgAssetsUrl, imgAssets: app.globalData.imgAssetsUrl,
localImgAssets:app.globalData.localAssets,
recommendList: [{ recommendList: [{
id: '1', id: '1',
content: '生成真实系统 | 可下载安装包' content: '生成真实系统 | 可下载安装包'

32
pages/mainPage/mainPage.wxml
View File

@ -25,37 +25,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view> <view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包可运行软件开发与搭建</text> <text class="txt">包可运行软件开发与搭建</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包鉴别材料撰写</text> <text class="txt">包鉴别材料撰写</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包代办,包下证,包开发票提</text> <text class="txt">包代办,包下证,包开发票提</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">供可运行软件安装包</text> <text class="txt">供可运行软件安装包</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务900天</text> <text class="txt">提供可运行软件云服务900天</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件演示视频</text> <text class="txt">提供可运行软件演示视频</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">客服一对一服务</text> <text class="txt">客服一对一服务</text>
</view> </view>
</view> </view>
@ -92,37 +92,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view> <view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">通过平台自己搭建可运行软件</text> <text class="txt">通过平台自己搭建可运行软件</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">平台自动撰写鉴别材料</text> <text class="txt">平台自动撰写鉴别材料</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包补正材料撰写一直到下证</text> <text class="txt">包补正材料撰写一直到下证</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">两次补正不通过平台退款</text> <text class="txt">两次补正不通过平台退款</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">包开发票</text> <text class="txt">包开发票</text>
</view> </view>
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">提供可运行软件云服务300天</text> <text class="txt">提供可运行软件云服务300天</text>
</view> </view>
</view> </view>
<view class="buy-desc-item mt-10"> <view class="buy-desc-item mt-10">
<view class="buy-desc-row"> <view class="buy-desc-row">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="txt">客服一对一服务</text> <text class="txt">客服一对一服务</text>
</view> </view>
</view> </view>
@ -130,11 +130,11 @@
<text style="font-size: 25rpx;">使用流程</text> <text style="font-size: 25rpx;">使用流程</text>
<view style="display: flex;flex-direction: column;"> <view style="display: flex;flex-direction: column;">
<view class="buy-desc-row-no-margin mt-10"> <view class="buy-desc-row-no-margin mt-10">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt">按系统操作流程执行</text> <text class="single-txt">按系统操作流程执行</text>
</view> </view>
<view class="buy-desc-row-no-margin mt-10"> <view class="buy-desc-row-no-margin mt-10">
<image src="/static/images/ic_check_fit.png" class="buy-desc-row-icon"></image> <image src="{{localImgAssets}}/ic_check_fit.png" class="buy-desc-row-icon"></image>
<text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text> <text class="single-txt ">如需视频文件和安装包请在下证后购买下载</text>
</view> </view>
</view> </view>

2
pages/mainPage/mainPage.wxss
View File

@ -297,7 +297,7 @@
width: 83vw; width: 83vw;
text-align: center; text-align: center;
margin-top: 30rpx; margin-top: 30rpx;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgb(233, 233, 233); box-shadow: 0rpx 0rpx 10rpx 0rpx var(--divider-color);
} }
.main-btn:active { .main-btn:active {

38
pages/mine/mineAccount/invoiceInfo/invoiceInfo.js
View File

@ -3,12 +3,15 @@ import InvoiceApi from '../../../../net/api/invoiceApi'
import { import {
isValidPhone isValidPhone
} from '../../../../utils/validator' } from '../../../../utils/validator'
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
localAssets: app.globalData.localAssets,
keywords: '', keywords: '',
pageData: { pageData: {
page: 1, page: 1,
@ -34,6 +37,7 @@ Page({
btnTxt: '提交', btnTxt: '提交',
invoiceInfoList: [], //开票信息列表 invoiceInfoList: [], //开票信息列表
tempItem: null, tempItem: null,
slideButtons: app.globalData.slideBtns
}, },
/** /**
@ -53,6 +57,11 @@ Page({
}) })
this.doRefreshList() this.doRefreshList()
}, },
closeDialog(e){
this.setData({
createDialog:false
})
},
inputKeywords(e) { inputKeywords(e) {
this.setData({ this.setData({
keywords: e.detail.value keywords: e.detail.value
@ -164,9 +173,8 @@ Page({
}) })
}, },
//显示编辑 //显示编辑
showEditDialog(e) { showEditDialog(item) {
const _self = this const _self = this
const item = e.currentTarget.dataset.value
_self.setData({ _self.setData({
tempItem: item, tempItem: item,
companyName: item.invoiceName, companyName: item.invoiceName,
@ -180,20 +188,19 @@ Page({
}) })
}, },
//删除 //删除
showDelDialog(e) { showDelDialog(item) {
wx.showModal({ wx.showModal({
title: '警告', title: '警告',
content: '您确定要删除该开票信息吗?', content: '您确定要删除该开票信息吗?',
complete: (res) => { complete: (res) => {
if (res.confirm) { if (res.confirm) {
this.doDeleteInvoiceInfo(e) this.doDeleteInvoiceInfo(item)
} }
} }
}) })
}, },
//删除开票信息 //删除开票信息
doDeleteInvoiceInfo(e) { doDeleteInvoiceInfo(item) {
const item = e.currentTarget.dataset.value
const _self = this const _self = this
wx.showLoading({ wx.showLoading({
title: '删除中...', title: '删除中...',
@ -333,5 +340,24 @@ Page({
} }
} }
return true return true
},
show() {
console.log('show')
},
hide() {
console.log('hide')
},
slideButtonTap(e) {
console.log(e)
const item = e.currentTarget.dataset.value
const btn = e.detail.index
if (btn == 0) {
//编辑
this.showEditDialog(item)
} else {
//删除
this.showDelDialog(item)
}
} }
}) })

3
pages/mine/mineAccount/invoiceInfo/invoiceInfo.json
View File

@ -3,6 +3,7 @@
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog", "mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
"mp-loading": "weui-miniprogram/loading/loading", "mp-loading": "weui-miniprogram/loading/loading",
"container-loading": "/components/container-loading/container-loading", "container-loading": "/components/container-loading/container-loading",
"mp-toptips": "weui-miniprogram/toptips/toptips" "mp-toptips": "weui-miniprogram/toptips/toptips",
"mp-slideview": "weui-miniprogram/slideview/slideview"
} }
} }

34
pages/mine/mineAccount/invoiceInfo/invoiceInfo.wxml
View File

@ -7,28 +7,26 @@
<view class="add-btn" bind:tap="showCreateDialog">新建</view> <view class="add-btn" bind:tap="showCreateDialog">新建</view>
</view> </view>
<view class="content-container"> <view class="content-container">
<container-loading loadingState="{{loadingState}}" style="height: 85vh;" bindrefresh="doRefreshList"> <container-loading loadingState="{{loadingState}}" style="height: 83vh;" bindrefresh="doRefreshList">
<scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'> <scroll-view scroll-y="{{true}}" style="height: 83vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
<view class="order-box"> <view class="order-box">
<block wx:for="{{invoiceInfoList}}" wx:key="index"> <block wx:for="{{invoiceInfoList}}" wx:key="index">
<view class="order-item"> <mp-slideview id="mp-slide" buttons="{{slideButtons}}" icon="{{true}}" data-value="{{item}}" bindbuttontap="slideButtonTap">
<view class="contact-desc"> <view class="order-item">
<view class="contact-icon"> <view class="contact-desc">
<view class="ic-user" style="width: 24px;height: 24px;"></view> <view class="contact-icon">
<view class="ml-10 name">{{item.invoiceName}}</view> <view class="ic-user" style="width: 24px;height: 24px;"></view>
<view class="ml-10 name">{{item.invoiceName}}</view>
</view>
</view> </view>
<view class="options-box"> <view class="service-desc ml-10">纳税识别号:{{item.invoiceNumber}}</view>
<view class="edit" bind:tap="showEditDialog" data-value="{{item}}">编辑</view> <view wx:if="{{item.invoiceOrgtel != ''}}" class="service-desc ml-10">企业电话:{{item.invoiceOrgtel}}</view>
<view class="del" bind:tap="showDelDialog" data-value="{{item}}">删除</view> <view class="service-desc ml-5" wx:if="{{item.invoiceOrgaddress != ''}}">
<view class="icon-yellow-location" style="width: 32rpx;height: 32rpx;"></view>
<view class="ml-10">{{item.invoiceOrgaddress}}</view>
</view> </view>
</view> </view>
<view class="service-desc ml-10">纳税识别号:{{item.invoiceNumber}}</view> </mp-slideview>
<view wx:if="{{item.invoiceOrgtel != ''}}" class="service-desc ml-10">企业电话:{{item.invoiceOrgtel}}</view>
<view class="service-desc ml-5" wx:if="{{item.invoiceOrgaddress != ''}}">
<view class="icon-yellow-location" style="width: 32rpx;height: 32rpx;"></view>
<view class="ml-10">{{item.invoiceOrgaddress}}</view>
</view>
</view>
</block> </block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading> <mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view> </view>
@ -38,7 +36,7 @@
</view> </view>
<!-- 新增 --> <!-- 新增 -->
<mp-half-screen-dialog show="{{createDialog}}"> <mp-half-screen-dialog show="{{createDialog}}" bindclose="closeDialog">
<view slot="title">{{title}}</view> <view slot="title">{{title}}</view>
<view slot="desc"> <view slot="desc">
<view class="form-box"> <view class="form-box">

46
pages/mine/mineAccount/invoiceInfo/invoiceInfo.wxss
View File

@ -24,7 +24,7 @@
position: relative; position: relative;
align-self: center; align-self: center;
border-radius: 5px; border-radius: 5px;
background-color: rgba(255, 255, 255, 1); background-color: var(--white-color);
font-family: -regular; font-family: -regular;
margin: 10px 15px; margin: 10px 15px;
padding: 5px; padding: 5px;
@ -37,7 +37,7 @@
.search-input { .search-input {
box-sizing: border-box; box-sizing: border-box;
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
flex: 1; flex: 1;
@ -58,7 +58,7 @@
.add-btn { .add-btn {
border-radius: 4px; border-radius: 4px;
background-color: rgba(50, 112, 255, 1); background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
@ -68,7 +68,7 @@
} }
.add-btn:active { .add-btn:active {
background-color: rgba(50, 112, 255, .7); background-color: var(--btn-green-color-active);
} }
.content-container { .content-container {
@ -108,6 +108,10 @@
margin-top: 15px; margin-top: 15px;
} }
#mp-slide {
margin-top: 20rpx;
}
.contact-desc { .contact-desc {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -125,7 +129,7 @@
.name { .name {
line-height: 32rpx; line-height: 32rpx;
flex: 1; flex: 1;
color: rgba(0, 0, 0, 1); color: var(--text-color);
font-size: 28rpx; font-size: 28rpx;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
@ -140,7 +144,7 @@
.service-desc { .service-desc {
padding: 5rpx 15rpx 15rpx 30rpx; padding: 5rpx 15rpx 15rpx 30rpx;
line-height: 26rpx; line-height: 26rpx;
color: rgba(122, 122, 122, 1); color: var(--text-gray-desc-color);
font-size: 26rpx; font-size: 26rpx;
text-align: left; text-align: left;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
@ -152,28 +156,32 @@
.edit { .edit {
line-height: 20px; line-height: 20px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(122, 196, 131, 0.42); background-color: var(--btn-blue-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 28rpx; font-size: 24rpx;
text-align: center; text-align: center;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
padding: 5rpx 10rpx; padding: 5rpx 15rpx;
}
.edit:active {
background-color: var(--btn-blue-color-active);
} }
.del { .del {
line-height: 20px; line-height: 20px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(247, 49, 42, 0.42); background-color: var(--btn-red-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 28rpx; font-size: 24rpx;
text-align: center; text-align: center;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
padding: 5rpx 10rpx; padding: 5rpx 15rpx;
margin-left: 5px; margin-left: 5px;
} }
.del:active { .del:active {
background-color: rgba(247, 49, 42, 0.7); background-color: var(--btn-red-color-active);
} }
.options-box { .options-box {
@ -185,10 +193,6 @@
min-width: 170rpx; min-width: 170rpx;
} }
.edit:active {
background-color: rgba(122, 196, 131, 0.6);
}
.form-box { .form-box {
display: flex; display: flex;
@ -211,14 +215,14 @@
.form-item-title { .form-item-title {
flex: .5; flex: .5;
font-size: 14px; font-size: 14px;
color: black; color: var(--text-color);
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
} }
.form-item-title:not(.no-after)::before { .form-item-title:not(.no-after)::before {
content: "*"; content: "*";
color: red; color: var(--red-color);
font-size: 14px; font-size: 14px;
margin-left: 1px; margin-left: 1px;
text-align: center; text-align: center;
@ -230,7 +234,7 @@
} }
.confirm-btn { .confirm-btn {
background-color: #FFA900; background-color: var(--btn-green-color);
color: white; color: white;
font-size: 16px; font-size: 16px;
height: 70rpx; height: 70rpx;
@ -241,7 +245,7 @@
} }
.confirm-btn:active { .confirm-btn:active {
background-color: #ffaa0083; background-color: var(--btn-green-color-active);
color: white; color: white;
} }

13
pages/mine/mineAccount/invoiceOrder/invoiceOrder.js
View File

@ -1,5 +1,6 @@
// pages/mine/mineAccount/invoiceOrder/invoiceOrder.js // pages/mine/mineAccount/invoiceOrder/invoiceOrder.js
import InvoiceApi from '../../../../net/api/invoiceApi' import InvoiceApi from '../../../../net/api/invoiceApi'
const app = getApp()
Page({ Page({
/** /**
@ -25,7 +26,7 @@ Page({
money: 0, //开票金额 money: 0, //开票金额
msgHint: '', msgHint: '',
msgType: 'error', msgType: 'error',
msgShow: false msgShow: false,
}, },
/** /**
@ -161,5 +162,15 @@ Page({
url: `/pages/mine/mineAccount/makeInvoice/makeInvoice?money=${this.data.money}&ids=${ids}`, url: `/pages/mine/mineAccount/makeInvoice/makeInvoice?money=${this.data.money}&ids=${ids}`,
}) })
} }
},
show(e) {
},
hide(e) {
},
slideButtonTap(e) {
const item = e.currentTarget.dataset.value
const btn = e.detail.index
} }
}) })

22
pages/mine/mineAccount/invoiceOrder/invoiceOrder.wxml
View File

@ -20,19 +20,19 @@
<scroll-view scroll-y style="height: 85vh;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'> <scroll-view scroll-y style="height: 85vh;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
<view class="order-list-box"> <view class="order-list-box">
<block wx:for="{{orderList}}" wx:key="index"> <block wx:for="{{orderList}}" wx:key="index">
<view class="order-list-item" bind:tap="checkItem" data-value="{{item}}"> <view class="order-list-item" bind:tap="checkItem" data-value="{{item}}">
<checkbox checked="{{item.checked}}" wx:if="{{currentStatus=='not'}}" class="custom-wx-checkbox"></checkbox> <checkbox checked="{{item.checked}}" wx:if="{{currentStatus=='not'}}" class="custom-wx-checkbox"></checkbox>
<view class="order-list-item-content"> <view class="order-list-item-content">
<view class="order-item-time-box"> <view class="order-item-time-box">
<view class="time-content icon-time">{{item.reconciliationTime}}</view> <view class="time-content icon-time">{{item.reconciliationTime}}</view>
<view class="{{tools.payWay(item.thirdParty)}} pay-icon-size"></view> <view class="{{tools.payWay(item.thirdParty)}} pay-icon-size"></view>
</view> </view>
<view class="order-item-title-box"> <view class="order-item-title-box">
<view class="success-time">到账时间:{{item.rechargeFinalTime}}</view> <view class="success-time">到账时间:{{item.rechargeFinalTime}}</view>
<rich-text class="pay-money" nodes="{{tools.moneyTxt(10,item.rechargeMoney)}}"></rich-text> <rich-text class="pay-money" nodes="{{tools.moneyTxt(10,item.rechargeMoney)}}"></rich-text>
</view>
</view> </view>
</view> </view>
</view>
</block> </block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading> <mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view> </view>

36
pages/mine/mineAccount/invoiceOrder/invoiceOrder.wxss
View File

@ -1,5 +1,3 @@
.list-title-btns { .list-title-btns {
position: fixed; position: fixed;
top: 0; top: 0;
@ -14,18 +12,17 @@
.btn-select { .btn-select {
line-height: 20px; line-height: 20px;
color: rgba(233, 157, 66, 1);
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
flex: 1; flex: 1;
padding: 10px; padding: 10px;
color: #2A9E75; color: var(--btn-green-color);
font-weight: bold; font-weight: bold;
} }
.btn-normal { .btn-normal {
line-height: 20px; line-height: 20px;
color: rgba(16, 16, 16, 1); color: var(--text-gray-desc-color);
flex: 1; flex: 1;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -36,7 +33,7 @@
.border-select { .border-select {
width: 20px; width: 20px;
height: 4px; height: 4px;
background-color: #2A9E75; background-color: var(--btn-green-color);
margin-top: 10px; margin-top: 10px;
border-radius: 2px; border-radius: 2px;
} }
@ -53,7 +50,7 @@
height: 4px; height: 4px;
margin-top: 10px; margin-top: 10px;
border-radius: 2px; border-radius: 2px;
background-color: #F0F0F0; background-color: var(--divider-color);
} }
@ -98,8 +95,9 @@
.order-item-time-box { .order-item-time-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-size: 28rpx; font-size: 32rpx;
padding: 10rpx 10rpx 0rpx 10rpx; padding: 10rpx 10rpx 0rpx 10rpx;
color: var(--text-color);
justify-content: space-between; justify-content: space-between;
} }
@ -112,15 +110,15 @@
.success-time { .success-time {
font-size: 24rpx; font-size: 24rpx;
padding-left: 5rpx; padding-left: 5rpx;
color: #3a3a3a; color: var(--text-gray-desc-color);
} }
.icon-time::before { .icon-time::before {
content: ''; content: '';
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ1ODEyODg5NzI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MTgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik01MTMgMzMuMjJjLTI2NS4xIDAtNDgwIDIxNC45LTQ4MCA0ODBzMjE0LjkgNDgwIDQ4MCA0ODAgNDgwLTIxNC45IDQ4MC00ODAtMjE0LjktNDgwLTQ4MC00ODB6IG0yMDguOSA2NTIuNTljLTExLjA1IDE5LjEzLTM1LjUxIDI1LjY5LTU0LjY0IDE0LjY0TDQ3NC4xIDU4OC45M2MtMTMuMDYtNy41NC0yMC4yNi0yMS4zNC0xOS45OS0zNS40MiAwLTAuMTctMC4wMS0wLjM0LTAuMDEtMC41MVYzMjkuOTVjMC0yMi4wOSAxNy45MS00MCA0MC00MHM0MCAxNy45MSA0MCA0MHYyMDEuMjNsMTczLjE3IDk5Ljk4YzE5LjEyIDExLjA1IDI1LjY4IDM1LjUxIDE0LjYzIDU0LjY1eiIgZmlsbD0iI2RiZGJkYiIgcC1pZD0iMzYxODEiPjwvcGF0aD48L3N2Zz4='); background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ1ODEyODg5NzI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MTgwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik01MTMgMzMuMjJjLTI2NS4xIDAtNDgwIDIxNC45LTQ4MCA0ODBzMjE0LjkgNDgwIDQ4MCA0ODAgNDgwLTIxNC45IDQ4MC00ODAtMjE0LjktNDgwLTQ4MC00ODB6IG0yMDguOSA2NTIuNTljLTExLjA1IDE5LjEzLTM1LjUxIDI1LjY5LTU0LjY0IDE0LjY0TDQ3NC4xIDU4OC45M2MtMTMuMDYtNy41NC0yMC4yNi0yMS4zNC0xOS45OS0zNS40MiAwLTAuMTctMC4wMS0wLjM0LTAuMDEtMC41MVYzMjkuOTVjMC0yMi4wOSAxNy45MS00MCA0MC00MHM0MCAxNy45MSA0MCA0MHYyMDEuMjNsMTczLjE3IDk5Ljk4YzE5LjEyIDExLjA1IDI1LjY4IDM1LjUxIDE0LjYzIDU0LjY1eiIgZmlsbD0iI2RiZGJkYiIgcC1pZD0iMzYxODEiPjwvcGF0aD48L3N2Zz4=');
background-size: cover; background-size: cover;
width: 28rpx; width: 32rpx;
height: 28rpx; height: 32rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-right: 10rpx; margin-right: 10rpx;
@ -133,8 +131,8 @@
.custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked { .custom-wx-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #fff !important; color: #fff !important;
background-color: #FFA900; background-color: var(--primary-color);
border: 1px solid #FFA900; border: 1px solid var(--primary-color);
} }
.custom-wx-checkbox .wx-checkbox-input { .custom-wx-checkbox .wx-checkbox-input {
@ -148,7 +146,7 @@
border-radius: 16rpx; border-radius: 16rpx;
background-color: transparent; background-color: transparent;
position: relative; position: relative;
border: 1rpx solid #FFA900; border: 1rpx solid var(--primary-color);
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
} }
@ -179,28 +177,28 @@
.confirm-btn { .confirm-btn {
background-color: #FFA900; background-color: var(--btn-green-color);
color: white; color: white;
font-size: 16px; font-size: 16px;
height: 70rpx; height: 70rpx;
line-height: 70rpx; line-height: 70rpx;
border-radius: 5px; border-radius: 5px;
text-align: center; text-align: center;
width: 85vw !important; width: 90vw !important;
} }
.confirm-btn:active { .confirm-btn:active {
background-color: #ffaa0083; background-color: var(--btn-green-color-active);
color: white; color: white;
} }
.money { .money {
color: #532A00; color: var(--text-brown-color);
font-size: 20px; font-size: 20px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.price { .price {
color: rgb(255, 0, 0); color: var(--red-color);
} }

31
pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.js
View File

@ -1,11 +1,17 @@
// pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.js // pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.js
import {
previewUrl
} from '../../../../net/http'
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
detailBean: null imgAssets: app.globalData.imgAssetsUrl,
imgPrefix: previewUrl,
detailBean: null,
}, },
/** /**
@ -13,7 +19,10 @@ Page({
*/ */
onLoad(options) { onLoad(options) {
const beanStr = options.bean const beanStr = options.bean
const bean = JSON.parse(beanStr) let bean = JSON.parse(beanStr)
if (bean != null && bean.invoiceFile != '') {
bean = this.parseImg(bean)
}
this.setData({ this.setData({
detailBean: bean detailBean: bean
}) })
@ -29,5 +38,21 @@ Page({
} }
}) })
}, },
//预览图片
preImg(e) {
const _self = this
wx.previewImage({
urls: _self.data.detailBean.imgFileList
})
},
parseImg(bean) {
const prefix = this.data.imgPrefix;
const splits = bean.invoiceFile.split(',')
bean.imgFileList= []
splits.map(item => {
const img = prefix + item
bean.imgFileList.push(img)
})
return bean
}
}) })

21
pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.wxml
View File

@ -1,10 +1,10 @@
<view class="page-container"> <view class="page-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff"> <swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="invoice-info-title mt-40"> <view class="invoice-info-title mt-40">
@ -72,18 +72,27 @@
<view class="invoice-info-item"> <view class="invoice-info-item">
<view class="invoice-info-item-title gray-star">开票金额</view> <view class="invoice-info-item-title gray-star">开票金额</view>
<view class="invoice-info-item-content"> <view class="invoice-info-item-content">
<rich-text style="font-size: 28rpx;color: red;font-weight: bold;" nodes="{{tools.moneyTxt(10,detailBean.invoiceRechargeMoney)}}"></rich-text> <rich-text style="font-size: 28rpx;color: var(--red-color);font-weight: bold;" nodes="{{tools.moneyTxt(10,detailBean.invoiceRechargeMoney)}}"></rich-text>
</view> </view>
</view> </view>
<view class="invoice-info-item-ver"> <view class="invoice-info-item-ver">
<view class="invoice-info-item-title" style="align-self: flex-start;">开票备注</view> <view class="invoice-info-item-title" style="align-self: flex-start;">开票备注</view>
<view class="invoice-remark">{{detailBean.invoiceRecord}}</view> <view class="invoice-remark">{{detailBean.invoiceRecord}}</view>
</view> </view>
<view class="invoice-info-item-ver" wx:if="{{detailBean != null && detailBean.invoiceFile != ''}}">
<view class="invoice-info-item-title" style="align-self: flex-start;">发票</view>
<view class="invoice-img-box">
<block wx:for="{{detailBean.imgFileList}}" wx:key="index">
<view class="invoice-img-item">
<image class="invoice-img" src="{{item}}" bind:tap="preImg" data-value="{{item}}"></image>
</view>
</block>
</view>
</view>
<view wx:if="{{detailBean != null && detailBean.invoiceStatus =='0'}}"> <view wx:if="{{detailBean != null && detailBean.invoiceStatus =='0'}}">
<view class="invoice-info-item-title" style="color: red;">失败原因</view> <view class="invoice-info-item-title" style="color: var(--red-color);">失败原因</view>
<view style="padding-left:20rpx;font-size: 28rpx;color: red;font-weight: bold;">{{detailBean.invoiceFinalRecord}}</view> <view style="padding-left:20rpx;font-size: 28rpx;color: var(--red-color);font-weight: bold;">{{detailBean.invoiceFinalRecord}}</view>
</view> </view>
</view> </view>
</view> </view>
<!-- <mp-toptips msg="{{msgHint}}" type="{{msgType}}" show="{{msgShow}}" delay="{{2000}}"></mp-toptips> -->
<wxs src="../../../../utils/comm.wxs" module="tools"></wxs> <wxs src="../../../../utils/comm.wxs" module="tools"></wxs>

37
pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.wxss
View File

@ -21,23 +21,42 @@
} }
.col-yellow { .col-yellow {
background-color: #FFA900; background-color: var(--primary-color);
color: #000000; color: var(--text-color);
} }
.invoice-img-box {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 15rpx;
}
.invoice-img {
width: 24vw;
height: 130rpx;
border-radius: 5rpx;
}
.invoice-img-item {
margin: 5rpx;
}
.col-gray { .col-gray {
background-color: #ccc; background-color: var(--bg-gray-color);
color: #666; color: var(--text-gray-desc-color);
} }
.col-green { .col-green {
background-color: #90ee90; background-color: var(--bg-green-color);
color: #006400; color: var(--btn-green-color);
} }
.col-red { .col-red {
background-color: #f08080; background-color: var(--bg-red-color);
color: #8b0000; color: var(--red-color);
} }
@ -78,7 +97,7 @@
.invoice-remark { .invoice-remark {
height: 120rpx; height: 120rpx;
border: 1rpx solid #dbdbdb; border: 1rpx solid var(--divider-color);
align-self: center; align-self: center;
border-radius: 10rpx; border-radius: 10rpx;
width: 95%; width: 95%;

10
pages/mine/mineAccount/makeInvoice/makeInvoice.js
View File

@ -1,11 +1,13 @@
// pages/mine/mineAccount/makeInvoice/makeInvoice.js // pages/mine/mineAccount/makeInvoice/makeInvoice.js
import InvoiceApi from '../../../../net/api/invoiceApi' import InvoiceApi from '../../../../net/api/invoiceApi'
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
imgAssets: app.globalData.imgAssetsUrl,
msgType: 'error', msgType: 'error',
msgHint: '', msgHint: '',
msgShow: false, msgShow: false,
@ -139,6 +141,9 @@ Page({
}) })
}, },
openCreateInvoiceInfo() { openCreateInvoiceInfo() {
this.setData({
showInvoiceInfo: false
})
wx.navigateTo({ wx.navigateTo({
url: '/pages/mine/mineAccount/invoiceInfo/invoiceInfo', url: '/pages/mine/mineAccount/invoiceInfo/invoiceInfo',
}) })
@ -323,5 +328,10 @@ Page({
let beforePage = pages[pages.length - 2]; let beforePage = pages[pages.length - 2];
beforePage.doRefreshList() beforePage.doRefreshList()
wx.navigateBack() wx.navigateBack()
},
closeDialog(e) {
this.setData({
showInvoiceInfo: false
})
} }
}) })

12
pages/mine/mineAccount/makeInvoice/makeInvoice.wxml
View File

@ -1,10 +1,10 @@
<view class="page-container"> <view class="page-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff"> <swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_1.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_1.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
<swiper-item> <swiper-item>
<image src="https://www.aimzhu.com/miniapp-assets/banner_2.png" style="width: 100vw;height: 120rpx;"></image> <image src="{{imgAssets}}/banner_2.png" style="width: 100vw;height: 120rpx;"></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="invoice-info-title mt-40">开票信息</view> <view class="invoice-info-title mt-40">开票信息</view>
@ -50,7 +50,7 @@
<view class="invoice-info-item"> <view class="invoice-info-item">
<view class="invoice-info-item-title star">开票金额</view> <view class="invoice-info-item-title star">开票金额</view>
<view class="invoice-info-item-content"> <view class="invoice-info-item-content">
<rich-text style="font-size: 28rpx;color: red;font-weight: bold;" nodes="{{tools.moneyTxt(10,invoiceMoney)}}"></rich-text> <rich-text style="font-size: 28rpx;color: var(--red-color);font-weight: bold;" nodes="{{tools.moneyTxt(10,invoiceMoney)}}"></rich-text>
</view> </view>
</view> </view>
<view class="invoice-info-item-ver"> <view class="invoice-info-item-ver">
@ -58,8 +58,8 @@
<textarea class="invoice-remark" value="{{remark}}" bindinput="inputRemark" placeholder-style="color:#dbdbdb;" placeholder="请输入备注信息"></textarea> <textarea class="invoice-remark" value="{{remark}}" bindinput="inputRemark" placeholder-style="color:#dbdbdb;" placeholder="请输入备注信息"></textarea>
</view> </view>
<view wx:if="{{editBean != null && editBean.invoiceStatus == '0'}}"> <view wx:if="{{editBean != null && editBean.invoiceStatus == '0'}}">
<view class="invoice-info-item-title" style="color: red;">失败原因</view> <view class="invoice-info-item-title" style="color: var(--red-color);">失败原因</view>
<view style="padding-left:20rpx;font-size: 28rpx;color: red;font-weight: bold;">{{editBean.invoiceFinalRecord}}</view> <view style="padding-left:20rpx;font-size: 28rpx;color: var(--red-color);font-weight: bold;">{{editBean.invoiceFinalRecord}}</view>
</view> </view>
</view> </view>
<view class="bottom-btn"> <view class="bottom-btn">
@ -67,7 +67,7 @@
</view> </view>
</view> </view>
<!-- 开票信息 --> <!-- 开票信息 -->
<mp-half-screen-dialog show="{{showInvoiceInfo}}"> <mp-half-screen-dialog show="{{showInvoiceInfo}}" bindclose="closeDialog">
<view slot="title">开票信息</view> <view slot="title">开票信息</view>
<view slot="desc"> <view slot="desc">
<scroll-view scroll-y style="height:500rpx;"> <scroll-view scroll-y style="height:500rpx;">

28
pages/mine/mineAccount/makeInvoice/makeInvoice.wxss
View File

@ -1,5 +1,3 @@
.invoice-info-title { .invoice-info-title {
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
@ -29,7 +27,7 @@
.invoice-remark { .invoice-remark {
height: 120rpx; height: 120rpx;
border: 1rpx solid #dbdbdb; border: 1rpx solid var(--divider-color);
align-self: center; align-self: center;
border-radius: 10rpx; border-radius: 10rpx;
width: 95%; width: 95%;
@ -62,7 +60,7 @@
} }
.confirm-btn { .confirm-btn {
background-color: #FFA900; background-color: var(--btn-green-color);
color: white; color: white;
font-size: 16px; font-size: 16px;
height: 70rpx; height: 70rpx;
@ -74,7 +72,7 @@
} }
.confirm-btn:active { .confirm-btn:active {
background-color: #ffaa0083; background-color: var(--btn-green-color-active);
color: white; color: white;
} }
@ -121,11 +119,11 @@
} }
.normal-value { .normal-value {
color: #dbdbdb; color: var(--text-gray-hint-color);
} }
.select-value { .select-value {
color: #000000; color: var(--text-color);
} }
.custom-radio-no-border .wx-radio-input { .custom-radio-no-border .wx-radio-input {
@ -145,12 +143,12 @@
/* 选中状态下的内部圆圈 */ /* 选中状态下的内部圆圈 */
.custom-radio-no-border .wx-radio-input.wx-radio-input-checked::before { .custom-radio-no-border .wx-radio-input.wx-radio-input-checked::before {
color: #FFA900; color: var(--primary-color);
} }
/* 未选中状态 */ /* 未选中状态 */
.custom-radio .wx-radio-input { .custom-radio .wx-radio-input {
border-color: #757575; border-color: var(--gray-color);
background-color: transparent; background-color: transparent;
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
@ -159,13 +157,13 @@
/* 选中状态 */ /* 选中状态 */
.custom-radio .wx-radio-input.wx-radio-input-checked { .custom-radio .wx-radio-input.wx-radio-input-checked {
border-color: #FFA900; border-color: var(--primary-color);
background: linear-gradient(to right, #FFA900, #ffaa007e); background: linear-gradient(to right, var(--primary-color), var(--primary-color-light));
} }
/* 选中状态下的内部圆圈 */ /* 选中状态下的内部圆圈 */
.custom-radio .wx-radio-input.wx-radio-input-checked::before { .custom-radio .wx-radio-input.wx-radio-input-checked::before {
color: #FFFFFF; color: var(--white-color);
} }
.custom-radio:nth-of-type(n+2) { .custom-radio:nth-of-type(n+2) {
@ -184,14 +182,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: left; text-align: left;
color: #FFA900; color: var(--primary-color);
} }
.invoice-sel-item-gray { .invoice-sel-item-gray {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: left; text-align: left;
color: #535353; color: var(--text-gray-desc-color);
} }
.invoice-sel-item-box { .invoice-sel-item-box {
@ -201,5 +199,5 @@
align-items: center; align-items: center;
flex: 1; flex: 1;
padding: 20rpx 10rpx; padding: 20rpx 10rpx;
border-bottom: 1rpx solid #F0F0F0; border-bottom: 1rpx solid var(--divider-color);
} }

33
pages/mine/mineAccount/mineContact/mineContact.js
View File

@ -4,12 +4,14 @@ const {
isValidPhone, isValidPhone,
isValidEmail isValidEmail
} = require('../../../../utils/validator') } = require('../../../../utils/validator')
const app = getApp()
Page({ Page({
/** /**
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
slideBtns: app.globalData.slideBtns,
contactList: [], //联系人列表 contactList: [], //联系人列表
pageData: { pageData: {
page: 1, page: 1,
@ -94,9 +96,8 @@ Page({
}) })
}, },
//显示编辑弹窗 //显示编辑弹窗
showEditDialog(e) { showEditDialog(item) {
const _self = this const _self = this
const item = e.currentTarget.dataset.value
_self.setData({ _self.setData({
title: '编辑', title: '编辑',
showCreateContact: true, showCreateContact: true,
@ -126,16 +127,12 @@ Page({
console.log(err) console.log(err)
}) })
}, },
showDelDialog(e) { showDelDialog(item) {
const _self = this const _self = this
const item = e.currentTarget.dataset.value
wx.showModal({ wx.showModal({
title: '警告', title: '警告',
content: '一旦删除，该联系人信息将无法恢复，你仍要删除吗？', content: '一旦删除，该联系人信息将无法恢复，你仍要删除吗？',
complete: (res) => { complete: (res) => {
if (res.cancel) {
}
if (res.confirm) { if (res.confirm) {
_self.doDelContact(item.projContactId) _self.doDelContact(item.projContactId)
} }
@ -356,5 +353,27 @@ Page({
doSearchKeyWord() { doSearchKeyWord() {
const _self = this const _self = this
_self.doRefreshList() _self.doRefreshList()
},
hide(e) {
},
show(e) {
},
//滑动条目
slideButtonTap(e) {
const item = e.currentTarget.dataset.value
const index = e.detail.index
console.log(index)
if (index == 0) {
this.showEditDialog(item)
} else {
this.showDelDialog(item)
}
},
closeDialog(e) {
this.setData({
showCreateContact: false
})
} }
}) })

3
pages/mine/mineAccount/mineContact/mineContact.json
View File

@ -3,6 +3,7 @@
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog", "mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
"mp-loading": "weui-miniprogram/loading/loading", "mp-loading": "weui-miniprogram/loading/loading",
"container-loading": "/components/container-loading/container-loading", "container-loading": "/components/container-loading/container-loading",
"mp-toptips": "weui-miniprogram/toptips/toptips" "mp-toptips": "weui-miniprogram/toptips/toptips",
"mp-slideview": "weui-miniprogram/slideview/slideview"
} }
} }

31
pages/mine/mineAccount/mineContact/mineContact.wxml
View File

@ -11,21 +11,24 @@
<scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'> <scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
<view class="order-box"> <view class="order-box">
<block wx:for="{{contactList}}" wx:key="index"> <block wx:for="{{contactList}}" wx:key="index">
<view class="order-item"> <mp-slideview id="mp-slide" buttons="{{slideBtns}}" icon="{{true}}" bindshow="show" data-value="{{item}}" bindhide="hide" bindbuttontap="slideButtonTap">
<view class="contact-desc"> <view class="order-item">
<view class="contact-icon">
<view class="ic-user" style="width: 24px;height: 24px;"></view> <view class="contact-desc">
<view class="ml-10 name">{{item.name}}</view> <view class="contact-icon">
</view> <view class="ic-user" style="width: 24px;height: 24px;"></view>
<view>{{item.phone}}</view> <view class="ml-10 name">{{item.name}}</view>
<view class="options-box"> </view>
<view class="edit" bind:tap="showEditDialog" data-value="{{item}}">编辑</view> <view>{{item.phone}}</view>
<view class="del" bind:tap="showDelDialog" data-value="{{item}}">删除</view> <!-- <view class="options-box">
<view class="edit" bind:tap="showEditDialog" data-value="{{item}}">编辑</view>
<view class="del" bind:tap="showDelDialog" data-value="{{item}}">删除</view>
</view> -->
</view> </view>
<view class="service-desc ml-10">{{item.company}}</view>
<view class="service-desc ml-10">专属客服 : {{item.csaNo}}</view>
</view> </view>
<view class="service-desc ml-10">{{item.company}}</view> </mp-slideview>
<view class="service-desc ml-10">专属客服 : {{item.csaNo}}</view>
</view>
</block> </block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading> <mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view> </view>
@ -35,7 +38,7 @@
</view> </view>
<!-- 新增 --> <!-- 新增 -->
<mp-half-screen-dialog show="{{showCreateContact}}"> <mp-half-screen-dialog show="{{showCreateContact}}" bindclose="closeDialog">
<view slot="title">{{title}}</view> <view slot="title">{{title}}</view>
<view slot="desc"> <view slot="desc">
<view class="form-box"> <view class="form-box">

31
pages/mine/mineAccount/mineContact/mineContact.wxss
View File

@ -21,7 +21,7 @@
position: relative; position: relative;
align-self: center; align-self: center;
border-radius: 5px; border-radius: 5px;
background-color: rgba(255, 255, 255, 1); background-color: var(--white-color);
font-family: -regular; font-family: -regular;
margin: 10px 15px; margin: 10px 15px;
padding: 5px; padding: 5px;
@ -34,7 +34,7 @@
.search-input { .search-input {
box-sizing: border-box; box-sizing: border-box;
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
flex: 1; flex: 1;
@ -55,7 +55,7 @@
.add-btn { .add-btn {
border-radius: 4px; border-radius: 4px;
background-color: rgba(50, 112, 255, 1); background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
@ -65,7 +65,7 @@
} }
.add-btn:active { .add-btn:active {
background-color: rgba(50, 112, 255, .7); background-color: var(--btn-green-color-active);
} }
.content-container { .content-container {
@ -110,7 +110,7 @@
.name { .name {
line-height: 23rpx; line-height: 23rpx;
color: rgba(0, 0, 0, 1); color: var(--text-color);
font-size: 32rpx; font-size: 32rpx;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
@ -169,9 +169,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: flex-start;
font-size: 14px; font-size: 14px;
width: 100vw;
} }
.form-item { .form-item {
@ -179,22 +177,21 @@
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
width: 80vw;
padding: 10px; padding: 10px;
} }
.form-item-title { .form-item-title {
flex: .3; flex: .3;
font-size: 14px; font-size: 28rpx;
color: black; color: var(--text-color);
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
} }
.form-item-title:not(.no-after)::before { .form-item-title:not(.no-after)::before {
content: "*"; content: "*";
color: red; color: var(--red-color);
font-size: 14px; font-size: 28rpx;
margin-left: 1px; margin-left: 1px;
text-align: center; text-align: center;
} }
@ -202,16 +199,22 @@
.form-item-content { .form-item-content {
flex: 1; flex: 1;
text-align: right; text-align: right;
font-size: 28rpx;
} }
.confirm-btn { .confirm-btn {
background-color: green; background-color: var(--btn-green-color);
color: white; color: white;
font-size: 16px; font-size: 16px;
height: 40px; height: 40px;
border-radius: 5px; border-radius: 5px;
text-align: center; text-align: center;
width: 85vw !important; width: 100% !important;
/* width: 85vw !important; */
}
.confirm-btn:active {
background-color: var(--btn-green-color-active);
} }
.weui-half-screen-dialog__ft { .weui-half-screen-dialog__ft {

39
pages/mine/mineAccount/mineCoupons/mineCoupons.wxss
View File

@ -1,4 +1,3 @@
.list-title-btns { .list-title-btns {
position: fixed; position: fixed;
top: 0; top: 0;
@ -13,18 +12,18 @@
.btn-select { .btn-select {
line-height: 20px; line-height: 20px;
color: rgba(233, 157, 66, 1); color: var(--btn-primary-color);
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
flex: 1; flex: 1;
padding: 10px; padding: 10px;
color: #2A9E75; color: var(--btn-green-color);
font-weight: bold; font-weight: bold;
} }
.btn-normal { .btn-normal {
line-height: 20px; line-height: 20px;
color: rgba(16, 16, 16, 1); color: var(--text-color);
flex: 1; flex: 1;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -35,7 +34,7 @@
.border-select { .border-select {
width: 20px; width: 20px;
height: 4px; height: 4px;
background-color: #2A9E75; background-color: var(--btn-green-color);
margin-top: 10px; margin-top: 10px;
border-radius: 2px; border-radius: 2px;
} }
@ -52,7 +51,7 @@
height: 4px; height: 4px;
margin-top: 10px; margin-top: 10px;
border-radius: 2px; border-radius: 2px;
background-color: #F0F0F0; background-color: var(--divider-color);
} }
.coupons-list-box { .coupons-list-box {
@ -71,7 +70,7 @@
background-color: white; background-color: white;
flex-direction: row; flex-direction: row;
padding: 20px 0px; padding: 20px 0px;
box-shadow: 0px 0px 1px 1px #F0F0F0; box-shadow: 0px 0px 1px 1px var(--divider-color);
} }
.tickets:nth-of-type(n+2) { .tickets:nth-of-type(n+2) {
@ -79,32 +78,32 @@
} }
.tickets-yellow { .tickets-yellow {
border-left: 5px solid #FFA900; border-left: 5px solid var(--primary-color);
} }
.tickets-gray { .tickets-gray {
border-left: 5px solid #A9A9A9; border-left: 5px solid var(--gray-color);
} }
.tickets-green { .tickets-green {
border-left: 5px solid #2A9E75; border-left: 5px solid var(--bg-green-color);
} }
.font-yellow { .font-yellow {
color: #FFA900 color: var(--primary-color)
} }
.font-gray { .font-gray {
color: #A9A9A9; color: var(--gray-color);
} }
.font-green { .font-green {
color: #2A9E75; color: var(--green-color-light);
} }
.v-divide { .v-divide {
height: auto; height: auto;
border-right: 1.5px dashed rgba(221, 221, 221, 1); border-right: 1.5px dashed var(--divider-color);
} }
.l-tickets-box { .l-tickets-box {
@ -124,7 +123,7 @@
} }
.use-link { .use-link {
color: #0a86fa; color: var(--blue-color);
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
} }
@ -152,7 +151,7 @@
.r-title { .r-title {
line-height: 25px; line-height: 25px;
color: #313131; color: var(--text-color);
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
@ -161,7 +160,7 @@
.r-time { .r-time {
line-height: 17px; line-height: 17px;
color: rgba(118, 118, 118, 1); color: var(--text-gray-desc-color);
font-size: 12px; font-size: 12px;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
@ -179,13 +178,13 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
color: #5D3900; color: var(--text-brown-color);
font-weight: 400; font-weight: 400;
} }
.ticket-content { .ticket-content {
font-size: 18px; font-size: 18px;
color: #5D3900; color: var(--text-brown-color);
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
font-weight: 800; font-weight: 800;
@ -193,7 +192,7 @@
.ticket-desc { .ticket-desc {
font-size: 12px; font-size: 12px;
color: #5D3900; color: var(--text-brown-color);
margin-top: 10px; margin-top: 10px;
font-weight: 400; font-weight: 400;
} }

6
pages/mine/mineAccount/mineInfo/mineInfo.wxss
View File

@ -1,5 +1,3 @@
.info-container { .info-container {
height: 100vh; height: 100vh;
background-color: white; background-color: white;
@ -41,7 +39,7 @@
line-height: 42px; line-height: 42px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(255, 169, 0, 1); background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -50,6 +48,6 @@
.green-bottom-btn:active { .green-bottom-btn:active {
background-color: rgba(255, 169, 0, 0.3); background-color: var(--btn-green-color-active);
color: white; color: white;
} }

39
pages/mine/mineAccount/mineInvoice/mineInvoice.js
View File

@ -1,5 +1,7 @@
// pages/mine/mineAccount/mineInvoice/mineInvoice.js // pages/mine/mineAccount/mineInvoice/mineInvoice.js
// 发票管理首页
import InvoiceApi from '../../../../net/api/invoiceApi' import InvoiceApi from '../../../../net/api/invoiceApi'
const app = getApp()
Page({ Page({
/** /**
@ -20,6 +22,10 @@ Page({
isLoadMore: false, isLoadMore: false,
hasMore: true, hasMore: true,
recordList: [], //开票记录 recordList: [], //开票记录
slideBtns: [{
text: '删除',
src: app.globalData.localAssets + "/ic_delete_red.png" // icon的路径
}]
}, },
/** /**
@ -184,5 +190,38 @@ Page({
wx.navigateTo({ wx.navigateTo({
url: '/pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail?bean=' + params, url: '/pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail?bean=' + params,
}) })
},
slideButtonTap(e) {
const item = e.currentTarget.dataset.value
const btn = e.detail.index
console.log(item)
if (btn == 0) {
//删除,先判断状态 用户取消-1,开票失败:0,开票中:1,开票完成:2
if (item.invoiceStatus != '1') {
this.showDelDialog(item)
} else {
this.setData({
msgHint: '当前发票处于开具流程中，暂不支持删除',
msgType: 'error',
msgShow: true
})
}
}
},
showDelDialog(item) {
const _self = this
wx.showModal({
title: '警告',
content: '该开票记录删除后不可恢复，是否确认执行删除操作？请谨慎抉择',
complete: (res) => {
if (res.confirm) {
_self.doDelRecord(item)
}
}
})
},
//删除记录
doDelRecord(item) {
} }
}) })

3
pages/mine/mineAccount/mineInvoice/mineInvoice.json
View File

@ -3,6 +3,7 @@
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog", "mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
"mp-loading": "weui-miniprogram/loading/loading", "mp-loading": "weui-miniprogram/loading/loading",
"container-loading": "/components/container-loading/container-loading", "container-loading": "/components/container-loading/container-loading",
"mp-toptips": "weui-miniprogram/toptips/toptips" "mp-toptips": "weui-miniprogram/toptips/toptips",
"mp-slideview": "weui-miniprogram/slideview/slideview"
} }
} }

2
pages/mine/mineAccount/mineInvoice/mineInvoice.wxml
View File

@ -11,6 +11,7 @@
<scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'> <scroll-view scroll-y="{{true}}" style="height: 85vh;padding-bottom: 40px;" bindrefresherrefresh="doRefreshList" refresher-enabled refresher-triggered="{{listRefreshTrig}}" bindscrolltolower="doLoadMore" lower-threshold='30'>
<view class="order-box"> <view class="order-box">
<block wx:for="{{recordList}}" wx:key="index"> <block wx:for="{{recordList}}" wx:key="index">
<!-- <mp-slideview id="mp-slide" buttons="{{slideBtns}}" icon="{{true}}" data-value="{{item}}" bindbuttontap="slideButtonTap"> -->
<view class="order-item"> <view class="order-item">
<view class="record-title-box"> <view class="record-title-box">
<view class="record-title-status {{tools.invoiceStatusColor(item.invoiceStatus)}}">{{tools.invoiceStatus(item.invoiceStatus)}}</view> <view class="record-title-status {{tools.invoiceStatusColor(item.invoiceStatus)}}">{{tools.invoiceStatus(item.invoiceStatus)}}</view>
@ -26,6 +27,7 @@
<rich-text style="font-size: 40rpx;color: red;" nodes="{{tools.moneyTxt(10,item.invoiceRechargeMoney)}}"></rich-text> <rich-text style="font-size: 40rpx;color: red;" nodes="{{tools.moneyTxt(10,item.invoiceRechargeMoney)}}"></rich-text>
</view> </view>
</view> </view>
<!-- </mp-slideview> -->
</block> </block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading> <mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view> </view>

61
pages/mine/mineAccount/mineInvoice/mineInvoice.wxss
View File

@ -1,7 +1,3 @@
.ic-user { .ic-user {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzOTg4MzkwNjkwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MDkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUxMiAxMDI0QzIyOS4yMDUzMzMgMTAyNCAwIDc5NC43OTQ2NjcgMCA1MTJTMjI5LjIwNTMzMyAwIDUxMiAwczUxMiAyMjkuMjA1MzMzIDUxMiA1MTItMjI5LjIwNTMzMyA1MTItNTEyIDUxMnogbTAtNDk2LjQ2OTMzM2ExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAxIDAgMC0zNDEuMzMzMzM0IDE3MC42NjY2NjcgMTcwLjY2NjY2NyAwIDAgMCAwIDM0MS4zMzMzMzR6IG0yNjMuNzY1MzMzIDI2My43MjI2NjZhMjYzLjc2NTMzMyAyNjMuNzY1MzMzIDAgMSAwLTUyNy41MzA2NjYgMGg1MjcuNTMwNjY2eiIgcC1pZD0iMzQxMCIgZmlsbD0iIzEyOTZkYiI+PC9wYXRoPjwvc3ZnPg=='); background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQzOTg4MzkwNjkwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0MDkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUxMiAxMDI0QzIyOS4yMDUzMzMgMTAyNCAwIDc5NC43OTQ2NjcgMCA1MTJTMjI5LjIwNTMzMyAwIDUxMiAwczUxMiAyMjkuMjA1MzMzIDUxMiA1MTItMjI5LjIwNTMzMyA1MTItNTEyIDUxMnogbTAtNDk2LjQ2OTMzM2ExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAxIDAgMC0zNDEuMzMzMzM0IDE3MC42NjY2NjcgMTcwLjY2NjY2NyAwIDAgMCAwIDM0MS4zMzMzMzR6IG0yNjMuNzY1MzMzIDI2My43MjI2NjZhMjYzLjc2NTMzMyAyNjMuNzY1MzMzIDAgMSAwLTUyNy41MzA2NjYgMGg1MjcuNTMwNjY2eiIgcC1pZD0iMzQxMCIgZmlsbD0iIzEyOTZkYiI+PC9wYXRoPjwvc3ZnPg==');
background-size: cover; background-size: cover;
@ -25,8 +21,7 @@
position: relative; position: relative;
align-self: center; align-self: center;
border-radius: 5px; border-radius: 5px;
background-color: rgba(255, 255, 255, 1); background-color: var(--white-color);
font-family: -regular;
margin: 10px 15px; margin: 10px 15px;
padding: 5px; padding: 5px;
display: flex; display: flex;
@ -38,7 +33,7 @@
.search-input { .search-input {
box-sizing: border-box; box-sizing: border-box;
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
flex: 1; flex: 1;
@ -59,7 +54,7 @@
.add-btn { .add-btn {
border-radius: 4px; border-radius: 4px;
background-color: rgba(50, 112, 255, 1); background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
@ -69,7 +64,7 @@
} }
.add-btn:active { .add-btn:active {
background-color: rgba(50, 112, 255, .7); background-color: var(--btn-green-color-active);
} }
.content-container { .content-container {
@ -95,6 +90,10 @@
flex-direction: column; flex-direction: column;
} }
#mp-slide:nth-of-type(n+2) {
margin-top: 20rpx;
}
.order-item { .order-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -122,17 +121,17 @@
} }
.red { .red {
background-color: rgba(247, 49, 42, 0.42); background-color: var(--bg-red-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
.green { .green {
background-color: rgba(122, 196, 131, 0.42); background-color: var(--bg-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
.green:active { .green:active {
background-color: rgba(122, 196, 131, 1); background-color: var(--bg-green-deep-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
@ -141,7 +140,7 @@
} }
.red:active { .red:active {
background-color: rgba(247, 49, 42, 1); background-color: var(--red-color);
} }
.record-title-status { .record-title-status {
@ -157,35 +156,35 @@
} }
.col-yellow { .col-yellow {
background-color: #FFA900; background-color: var(--primary-color);
color: #000000; color: var(--text-color);
} }
.col-gray { .col-gray {
background-color: #ccc; background-color: var(--bg-gray-deep-color);
color: #666; color: var(--text-gray-desc-color);
} }
.col-green { .col-green {
background-color: #90ee90; background-color: var(--bg-green-color);
color: #006400; color: #006400;
} }
.col-red { .col-red {
background-color: #f08080; background-color: var(--bg-red-color);
color: #8b0000; color: #8b0000;
} }
.record-title-name { .record-title-name {
font-size: 32rpx; font-size: 32rpx;
color: #000000; color: var(--text-color);
font-weight: bold; font-weight: bold;
flex: 1; flex: 1;
} }
.record-number { .record-number {
font-size: 24rpx; font-size: 24rpx;
color: rgb(114, 114, 114); color: var(--text-gray-desc-color);
margin-left: 10rpx; margin-left: 10rpx;
} }
@ -234,7 +233,7 @@
.name { .name {
line-height: 23rpx; line-height: 23rpx;
color: rgba(0, 0, 0, 1); color: var(--text-color);
font-size: 32rpx; font-size: 32rpx;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
@ -244,7 +243,7 @@
.service-desc { .service-desc {
padding: 0px 15px 15px 15px; padding: 0px 15px 15px 15px;
line-height: 20px; line-height: 20px;
color: rgba(0, 0, 0, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
font-family: SourceHanSansSC-regular; font-family: SourceHanSansSC-regular;
@ -253,7 +252,7 @@
.edit { .edit {
line-height: 20px; line-height: 20px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(122, 196, 131, 0.42); background-color: var(--btn-green-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 28rpx; font-size: 28rpx;
text-align: center; text-align: center;
@ -264,7 +263,7 @@
.del { .del {
line-height: 20px; line-height: 20px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(247, 49, 42, 0.42); background-color: var(--btn-red-color);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 28rpx; font-size: 28rpx;
text-align: center; text-align: center;
@ -274,7 +273,7 @@
} }
.del:active { .del:active {
background-color: rgba(247, 49, 42, 0.7); background-color: var(--btn-red-color-active);
} }
.options-box { .options-box {
@ -285,7 +284,7 @@
} }
.edit:active { .edit:active {
background-color: rgba(122, 196, 131, 0.6); background-color: var(--btn-green-color-active);
} }
@ -310,14 +309,14 @@
.form-item-title { .form-item-title {
flex: .3; flex: .3;
font-size: 14px; font-size: 14px;
color: black; color: var(--text-color);
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
} }
.form-item-title:not(.no-after)::before { .form-item-title:not(.no-after)::before {
content: "*"; content: "*";
color: red; color: var(--red-color);
font-size: 14px; font-size: 14px;
margin-left: 1px; margin-left: 1px;
text-align: center; text-align: center;
@ -329,7 +328,7 @@
} }
.confirm-btn { .confirm-btn {
background-color: #FFA900; background-color: var(--btn-green-color);
color: white; color: white;
font-size: 16px; font-size: 16px;
height: 70rpx; height: 70rpx;
@ -340,7 +339,7 @@
} }
.confirm-btn:active { .confirm-btn:active {
background-color: #ffaa0083; background-color: var(--btn-green-color-active);
color: white; color: white;
} }

1
pages/mine/mineAccount/mineOrder/mineOrder.js
View File

@ -1,4 +1,5 @@
// pages/mine/mineAccount/mineOrder/mineOrder.js // pages/mine/mineAccount/mineOrder/mineOrder.js
// 我的订单
import UserApi from '../../../../net/api/userApi' import UserApi from '../../../../net/api/userApi'
Page({ Page({

39
pages/mine/mineAccount/mineOrder/mineOrder.wxss
View File

@ -1,4 +1,3 @@
.search-box { .search-box {
position: fixed; position: fixed;
top: 0; top: 0;
@ -10,7 +9,7 @@
position: relative; position: relative;
align-self: center; align-self: center;
border-radius: 5rpx; border-radius: 5rpx;
background-color: rgba(255, 255, 255, 1); background-color: var(--white-color);
font-family: -regular; font-family: -regular;
margin: 20rpx 30rpx; margin: 20rpx 30rpx;
padding: 5px; padding: 5px;
@ -23,7 +22,7 @@
.search-input { .search-input {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
} }
@ -72,20 +71,20 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 8px 17px; padding: 8px 17px;
background-color: #7AC483; background-color: var(--bg-primary-shallow-color);
border-top-left-radius: 5rpx; border-top-left-radius: 10rpx;
border-top-right-radius: 5rpx; border-top-right-radius: 10rpx;
} }
.order-no { .order-no {
color: rgba(39, 28, 0, 1); color: var(--text-color);
font-size: 12px; font-size: 24rpx;
text-align: left; text-align: left;
} }
.order-status { .order-status {
color: rgba(39, 28, 0, 1); color: var(--text-color);
font-size: 12px; font-size: 24rpx;
text-align: left; text-align: left;
} }
@ -93,7 +92,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
background-color: white; background-color: var(--white-color);
padding: 17px; padding: 17px;
border-bottom-left-radius: 5rpx; border-bottom-left-radius: 5rpx;
border-bottom-right-radius: 5rpx; border-bottom-right-radius: 5rpx;
@ -101,7 +100,7 @@
.order-caption { .order-caption {
line-height: 25px; line-height: 25px;
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 18px; font-size: 18px;
text-align: left; text-align: left;
font-family: SourceHanSansSC-medium; font-family: SourceHanSansSC-medium;
@ -116,28 +115,28 @@
} }
.or-type { .or-type {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
} }
.or-count { .or-count {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
} }
.or-price { .or-price {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
} }
.or-total { .or-total {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 16px; font-size: 16px;
text-align: left; text-align: left;
font-family: PingFangSC-medium; font-family: PingFangSC-medium;
@ -151,19 +150,19 @@
} }
.order-remark-title { .order-remark-title {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
} }
.order-remark-content { .order-remark-content {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 20rpx; font-size: 22rpx;
text-align: left; text-align: left;
font-family: PingFangSC-light; font-family: PingFangSC-light;
border-radius: 5px; border-radius: 5px;
background-color: rgba(239, 239, 239, 1); background-color: var(--bg-gray-color);
flex: 1; flex: 1;
padding: 7px 10px; padding: 7px 10px;
margin-left: 10px; margin-left: 10px;

1
pages/mine/mineAccount/minePayRecord/minePayRecord.js
View File

@ -1,4 +1,5 @@
// pages/mine/mineAccount/minePayRecord/minePayRecord.js // pages/mine/mineAccount/minePayRecord/minePayRecord.js
// 资金流水
import UserApi from '../../../../net/api/userApi' import UserApi from '../../../../net/api/userApi'
Page({ Page({

16
pages/mine/mineAccount/minePayRecord/minePayRecord.wxss
View File

@ -1,5 +1,3 @@
.search-box { .search-box {
position: fixed; position: fixed;
top: 0; top: 0;
@ -11,7 +9,7 @@
position: relative; position: relative;
align-self: center; align-self: center;
border-radius: 5rpx; border-radius: 5rpx;
background-color: rgba(255, 255, 255, 1); background-color: var(--white-color);
font-family: -regular; font-family: -regular;
margin: 20rpx 30rpx; margin: 20rpx 30rpx;
padding: 5px; padding: 5px;
@ -24,7 +22,7 @@
.search-input { .search-input {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
} }
@ -66,7 +64,7 @@
.order-item:nth-of-type(n+1) { .order-item:nth-of-type(n+1) {
margin-top: 15px; margin-top: 15px;
padding-bottom: 34rpx; padding-bottom: 34rpx;
border-bottom: 1rpx solid rgba(239, 239, 239, 1); border-bottom: 1rpx solid var(--divider-color);
} }
.record-title-box { .record-title-box {
@ -95,7 +93,7 @@
} }
.select-time { .select-time {
color: rgba(16, 16, 16, 1); color: var(--text-color);
font-size: 28rpx; font-size: 28rpx;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
@ -110,7 +108,7 @@
} }
.value-hint { .value-hint {
color: #5e5e5e; color: var(--text-gray-hint-color);
font-size: 28rpx; font-size: 28rpx;
} }
@ -154,14 +152,14 @@
} }
.record-title-order-type { .record-title-order-type {
color: rgba(0, 0, 0, 1); color: var(--text-color);
font-size: 28rpx; font-size: 28rpx;
text-align: left; text-align: left;
font-family: PingFangSC-regular; font-family: PingFangSC-regular;
} }
.record-title-order-num { .record-title-order-num {
color: rgba(206, 206, 206, 1); color: var(--text-gray-hint-color);
font-size: 24rpx; font-size: 24rpx;
text-align: left; text-align: left;
font-family: PingFangSC-light; font-family: PingFangSC-light;

BIN
static/images/ic_delete_red.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 996 B

BIN
static/images/ic_edit_blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 749 B

20
static/style/common.wxss
View File

@ -1,24 +1,44 @@
page { page {
/* 底部tabbar */
--tabbar-normal-color: #515151; --tabbar-normal-color: #515151;
--tabbar-select-color: #FE9944; --tabbar-select-color: #FE9944;
/* 我的页面账户信息背景 */
--mine-page-upbox-color: #FFDBB4; --mine-page-upbox-color: #FFDBB4;
--mine-page-upbox-color-light: #FFEDD2; --mine-page-upbox-color-light: #FFEDD2;
--mine-page-downbox-color: #FFF0DE; --mine-page-downbox-color: #FFF0DE;
--mine-page-downbox-color-light: #FEEBD0; --mine-page-downbox-color-light: #FEEBD0;
/* 主题色 */
--primary-color: #FFA900; --primary-color: #FFA900;
--primary-color-active: #ffaa008e; --primary-color-active: #ffaa008e;
--primary-color-light: #FFFAF1; --primary-color-light: #FFFAF1;
/* 页面背景色 */
--bg-top-color: #F0F0F0; --bg-top-color: #F0F0F0;
--bg-bottom-color: #FFFFFF; --bg-bottom-color: #FFFFFF;
/* 文字颜色 */
--text-color: #333333; --text-color: #333333;
--text-brown-color: #42210B; --text-brown-color: #42210B;
--text-gray-hint-color: #9A9A9A;
--text-gray-desc-color: #5c5c5c;
/* 背景棕色 */
--bg-brown-color: #42210B; --bg-brown-color: #42210B;
--bg-gray-color: #FAFAFA;
--bg-primary-deep-color: #FFA900;
--bg-primary-shallow-color: #ffaa0017;
--bg-red-color: #F7312A6B;
--bg-green-color: rgba(122, 196, 131, 0.42);
--bg-green-deep-color: #39C7C1;
--bg-gray-deep-color: #CCCCCC;
/* 按钮颜色 */
--btn-cyan-color: #39C7C1; --btn-cyan-color: #39C7C1;
--btn-cyan-active: #39c7c08f; --btn-cyan-active: #39c7c08f;
--btn-primary-color: #FFE5BC; --btn-primary-color: #FFE5BC;
--btn-primary-color-active: #FFE5BC79; --btn-primary-color-active: #FFE5BC79;
--btn-green-color: #4EAF79; --btn-green-color: #4EAF79;
--btn-green-color-active: #4EAF7979; --btn-green-color-active: #4EAF7979;
--btn-blue-color: #3270FF;
--btn-blue-color-active: #3270FF79;
--btn-red-color: #F7312A;
--btn-red-color-active: #F7312A6B;
--red-color: #FF0000; --red-color: #FF0000;
--red-color-light: #FF000079; --red-color-light: #FF000079;
--white-color: #FFFFFF; --white-color: #FFFFFF;