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

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

42
app.js
View File

@ -1,42 +1,2 @@
//app.js
import {
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)
// })
// }
// }
}
})
import app from './main-app'

View File

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

View File

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

View File

@ -1,15 +1,15 @@
<view class="container">
<view wx:if="{{loadingVisible=='loading'}}" class="loading"></view>
<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>
</view>
<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>
</view>
<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>
</view>
<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)
// })
// }
// }
}
})

View File

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

View File

@ -1,10 +1,10 @@
<view class="buy-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<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>
<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>
<!-- 全托管 -->
@ -23,37 +23,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
</view>
@ -73,13 +73,6 @@
</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>
<!-- 写材料 -->
@ -97,37 +90,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
</view>
@ -135,11 +128,11 @@
<text style="font-size: 25rpx;">使用流程</text>
<view style="display: flex;flex-direction: column;">
<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>
</view>
<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>
</view>
</view>

View File

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

View File

@ -2,10 +2,10 @@
<view class="container-box">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<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>
<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>
<view class="info-box">
@ -33,9 +33,9 @@
</view>
<view class="flex-1">
<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 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>
</view>
@ -82,7 +82,7 @@
</view>
</view>
<mp-half-screen-dialog show="{{isShowContact}}">
<mp-half-screen-dialog show="{{isShowContact}}" bindclose="closeDialog">
<view slot="title">创建联系人</view>
<view slot="desc">
<view class="form-item">
@ -107,7 +107,7 @@
</view>
</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="desc">
<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>
</mp-half-screen-dialog>
<!-- 优惠卷弹窗 -->
<mp-half-screen-dialog show="{{showCoupons}}">
<mp-half-screen-dialog show="{{showCoupons}}" bindclose="closeDialog">
<view slot="title">优惠卷</view>
<view slot="desc">
<scroll-view scroll-y style="height: 500rpx;">
@ -159,7 +159,7 @@
</view>
</mp-half-screen-dialog>
<!-- 套餐包 -->
<mp-half-screen-dialog show="{{showPackage}}">
<mp-half-screen-dialog show="{{showPackage}}" bindclose="closeDialog">
<view slot="title">套餐包</view>
<view slot="desc">
<scroll-view scroll-y style="height: 500rpx;">
@ -192,7 +192,7 @@
<button class="confirm-btn" style="margin-top: 10px;" bind:tap="confirmSelectPackage">确定</button>
</view>
</mp-half-screen-dialog>
<mp-half-screen-dialog show="{{showLang}}">
<mp-half-screen-dialog show="{{showLang}}" bindclose="closeDialog">
<view slot="title">系统语言</view>
<view slot="desc">
<scroll-view scroll-y style="height: 300rpx;">

View File

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

View File

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

View File

@ -1,10 +1,10 @@
<view class="page-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<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>
<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>
<!-- 充值金额输入 -->

View File

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

View File

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

View File

@ -2,10 +2,10 @@
<!-- 轮播图 -->
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<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>
<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>
<!-- 付款信息 -->

View File

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

View File

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

View File

@ -25,37 +25,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
</view>
@ -92,37 +92,37 @@
<view class="mt-10" style="font-size: 25rpx;">提供的服务</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
<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>
</view>
</view>
<view class="buy-desc-item mt-10">
<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>
</view>
</view>
@ -130,11 +130,11 @@
<text style="font-size: 25rpx;">使用流程</text>
<view style="display: flex;flex-direction: column;">
<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>
</view>
<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>
</view>
</view>

View File

@ -297,7 +297,7 @@
width: 83vw;
text-align: center;
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 {

View File

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

View File

@ -3,6 +3,7 @@
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
"mp-loading": "weui-miniprogram/loading/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"
}
}

View File

@ -7,20 +7,17 @@
<view class="add-btn" bind:tap="showCreateDialog">新建</view>
</view>
<view class="content-container">
<container-loading loadingState="{{loadingState}}" style="height: 85vh;" 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'>
<container-loading loadingState="{{loadingState}}" style="height: 83vh;" bindrefresh="doRefreshList">
<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">
<block wx:for="{{invoiceInfoList}}" wx:key="index">
<mp-slideview id="mp-slide" buttons="{{slideButtons}}" icon="{{true}}" data-value="{{item}}" bindbuttontap="slideButtonTap">
<view class="order-item">
<view class="contact-desc">
<view class="contact-icon">
<view class="ic-user" style="width: 24px;height: 24px;"></view>
<view class="ml-10 name">{{item.invoiceName}}</view>
</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 class="service-desc ml-10">纳税识别号:{{item.invoiceNumber}}</view>
<view wx:if="{{item.invoiceOrgtel != ''}}" class="service-desc ml-10">企业电话:{{item.invoiceOrgtel}}</view>
@ -29,6 +26,7 @@
<view class="ml-10">{{item.invoiceOrgaddress}}</view>
</view>
</view>
</mp-slideview>
</block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view>
@ -38,7 +36,7 @@
</view>
<!-- 新增 -->
<mp-half-screen-dialog show="{{createDialog}}">
<mp-half-screen-dialog show="{{createDialog}}" bindclose="closeDialog">
<view slot="title">{{title}}</view>
<view slot="desc">
<view class="form-box">

View File

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

View File

@ -1,5 +1,6 @@
// pages/mine/mineAccount/invoiceOrder/invoiceOrder.js
import InvoiceApi from '../../../../net/api/invoiceApi'
const app = getApp()
Page({
/**
@ -25,7 +26,7 @@ Page({
money: 0, //开票金额
msgHint: '',
msgType: 'error',
msgShow: false
msgShow: false,
},
/**
@ -161,5 +162,15 @@ Page({
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
}
})

View File

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

View File

@ -1,11 +1,17 @@
// pages/mine/mineAccount/invoiceRecordDetail/invoiceRecordDetail.js
import {
previewUrl
} from '../../../../net/http'
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
detailBean: null
imgAssets: app.globalData.imgAssetsUrl,
imgPrefix: previewUrl,
detailBean: null,
},
/**
@ -13,7 +19,10 @@ Page({
*/
onLoad(options) {
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({
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
}
})

View File

@ -1,10 +1,10 @@
<view class="page-container">
<swiper indicator-dots style="height: 120rpx;" autoplay indicator-active-color="#fff">
<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>
<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>
<view class="invoice-info-title mt-40">
@ -72,18 +72,27 @@
<view class="invoice-info-item">
<view class="invoice-info-item-title gray-star">开票金额</view>
<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 class="invoice-info-item-ver">
<view class="invoice-info-item-title" style="align-self: flex-start;">开票备注</view>
<view class="invoice-remark">{{detailBean.invoiceRecord}}</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 class="invoice-info-item-title" style="color: red;">失败原因</view>
<view style="padding-left:20rpx;font-size: 28rpx;color: red;font-weight: bold;">{{detailBean.invoiceFinalRecord}}</view>
<view class="invoice-info-item-title" style="color: var(--red-color);">失败原因</view>
<view style="padding-left:20rpx;font-size: 28rpx;color: var(--red-color);font-weight: bold;">{{detailBean.invoiceFinalRecord}}</view>
</view>
</view>
</view>
<!-- <mp-toptips msg="{{msgHint}}" type="{{msgType}}" show="{{msgShow}}" delay="{{2000}}"></mp-toptips> -->
<wxs src="../../../../utils/comm.wxs" module="tools"></wxs>

View File

@ -21,23 +21,42 @@
}
.col-yellow {
background-color: #FFA900;
color: #000000;
background-color: var(--primary-color);
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 {
background-color: #ccc;
color: #666;
background-color: var(--bg-gray-color);
color: var(--text-gray-desc-color);
}
.col-green {
background-color: #90ee90;
color: #006400;
background-color: var(--bg-green-color);
color: var(--btn-green-color);
}
.col-red {
background-color: #f08080;
color: #8b0000;
background-color: var(--bg-red-color);
color: var(--red-color);
}
@ -78,7 +97,7 @@
.invoice-remark {
height: 120rpx;
border: 1rpx solid #dbdbdb;
border: 1rpx solid var(--divider-color);
align-self: center;
border-radius: 10rpx;
width: 95%;

View File

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

View File

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

View File

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

View File

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

View File

@ -3,6 +3,7 @@
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
"mp-loading": "weui-miniprogram/loading/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"
}
}

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'>
<view class="order-box">
<block wx:for="{{contactList}}" wx:key="index">
<mp-slideview id="mp-slide" buttons="{{slideBtns}}" icon="{{true}}" bindshow="show" data-value="{{item}}" bindhide="hide" bindbuttontap="slideButtonTap">
<view class="order-item">
<view class="contact-desc">
<view class="contact-icon">
<view class="ic-user" style="width: 24px;height: 24px;"></view>
<view class="ml-10 name">{{item.name}}</view>
</view>
<view>{{item.phone}}</view>
<view class="options-box">
<!-- <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>
</mp-slideview>
</block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view>
@ -35,7 +38,7 @@
</view>
<!-- 新增 -->
<mp-half-screen-dialog show="{{showCreateContact}}">
<mp-half-screen-dialog show="{{showCreateContact}}" bindclose="closeDialog">
<view slot="title">{{title}}</view>
<view slot="desc">
<view class="form-box">

View File

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

View File

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

View File

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

View File

@ -1,5 +1,7 @@
// pages/mine/mineAccount/mineInvoice/mineInvoice.js
// 发票管理首页
import InvoiceApi from '../../../../net/api/invoiceApi'
const app = getApp()
Page({
/**
@ -20,6 +22,10 @@ Page({
isLoadMore: false,
hasMore: true,
recordList: [], //开票记录
slideBtns: [{
text: '删除',
src: app.globalData.localAssets + "/ic_delete_red.png" // icon的路径
}]
},
/**
@ -184,5 +190,38 @@ Page({
wx.navigateTo({
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) {
}
})

View File

@ -3,6 +3,7 @@
"mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog",
"mp-loading": "weui-miniprogram/loading/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"
}
}

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'>
<view class="order-box">
<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="record-title-box">
<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>
</view>
</view>
<!-- </mp-slideview> -->
</block>
<mp-loading show="{{isLoadMore}}" type="circle"></mp-loading>
</view>

View File

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

View File

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

View File

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

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 996 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 749 B

View File

@ -1,24 +1,44 @@
page {
/* 底部tabbar */
--tabbar-normal-color: #515151;
--tabbar-select-color: #FE9944;
/* 我的页面账户信息背景 */
--mine-page-upbox-color: #FFDBB4;
--mine-page-upbox-color-light: #FFEDD2;
--mine-page-downbox-color: #FFF0DE;
--mine-page-downbox-color-light: #FEEBD0;
/* 主题色 */
--primary-color: #FFA900;
--primary-color-active: #ffaa008e;
--primary-color-light: #FFFAF1;
/* 页面背景色 */
--bg-top-color: #F0F0F0;
--bg-bottom-color: #FFFFFF;
/* 文字颜色 */
--text-color: #333333;
--text-brown-color: #42210B;
--text-gray-hint-color: #9A9A9A;
--text-gray-desc-color: #5c5c5c;
/* 背景棕色 */
--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-active: #39c7c08f;
--btn-primary-color: #FFE5BC;
--btn-primary-color-active: #FFE5BC79;
--btn-green-color: #4EAF79;
--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-light: #FF000079;
--white-color: #FFFFFF;