Skip to content

W
wly-APP
Commit 571f36a3 authored by chuan.liu's avatar chuan.liu
Browse files
Options

新增违约任务 违约处理界面

parent 97599be2
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1400 additions and 8 deletions
pages.json
View file @ 571f36a3
......@@ -735,6 +735,54 @@
}
// "enablePullDownRefresh": true
}
},
{
"path": "pages/breakwords-mission/breakwords-mission",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "transparent",
"titleText": "违约任务",
"autoBackButton": true
}
}
// "enablePullDownRefresh": true
}
},
{
"path": "pages/breakwords-handle/breakwords-handle",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "transparent",
"titleText": "违约处理",
"autoBackButton": true
}
}
// "enablePullDownRefresh": true
}
},
{
"path": "pages/breakwords-handle-detail/breakwords-handle-detail",
"style": {
"app-plus": {
"titleNView": {
"titleAlign": "left",
"titleColor": "#333",
"titleSize": "17px",
"backgroundColor": "transparent",
"titleText": "处理单详情",
"autoBackButton": true
}
}
// "enablePullDownRefresh": true
}
}
],
"globalStyle": {
......
pages/breakwords-handle-detail/breakwords-handle-detail.nvue 0 → 100644
View file @ 571f36a3
<template>
<view class="lists">
<view class="status_bar" :style="navHeight"></view>
<!-- <view class="header-bg">
<image class="header-bg-img" src="@/static/image/nav_bg@3x.png" mode="scaleToFill"></image>
</view> -->
<view class="main" :style="mainHeight">
<view class="scroll-item">
<view class="top">
<text class="title-no">TP10000021</text>
<view class="title-info">
<text class="order-date">2021-08-06 05:14</text>
<text class="item-block-btn__text title-info__status-fail__text">失效</text>
</view>
</view>
<view class="middle view">
<view class="middle-title">
<text class="middle-title__text">处罚说明：</text>
</view>
<view class="text-block-box">
<view class="text-block">
<text class="middle-date">类型</text>
<text class="middle-date-des">黄牌警告</text>
</view>
<view class="text-block">
<text class="middle-date">截止时间</text>
<text class="middle-date-des">2021-08-06</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">有无异议</text>
<text class="middle-date-des">无异议</text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
mapState
} from 'vuex'
import {
apiSalesPlanTypesSelect
} from '@/servers/common.js'
import {
apiSalesPlan
} from '@/servers/purchasePlan.js'
export default {
data() {
return {
loadingText: '加载中...',
condition: {
},
lists: [{
'sss': '2'
}],
}
},
computed: {
...mapState(['sysinfo', 'userInfo']),
navHeight() {
return {
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
mainHeight() {
return {
'height': `${this.sysinfo.safeArea.height - 44 }px`,
}
},
scrollHeight() {
return {
'height': `${this.sysinfo.safeArea.height - 44 - 30 }px`
}
},
},
created() {},
methods: {
}
}
</script>
<style lang="scss" scoped>
.view {
flex-direction: column;
}
.header-bg {
height: 284rpx;
margin-top: -88rpx;
}
.header-bg-img {
width: 750rpx;
}
.status_bar {
background-color: #fff;
}
.lists {
position: relative;
flex-direction: column;
background: #f0f4f5;
flex: 1;
}
.main {
position: relative;
flex-direction: column;
// margin-top: -164rpx;
padding-top: 40rpx;
padding: 0 16rpx;
}
.scroll-item {
position: relative;
display: flex;
flex-direction: column;
flex: 1;
background: #ffffff;
border-radius: 12px;
margin-top: 28rpx;
padding-top: 30rpx;
}
.top {
height: 72rpx;
align-items: center;
justify-content: space-between;
padding: 0 48rpx;
border-bottom: 1px solid #f4f5f6;
}
.title-no {
font-size: 24rpx;
color: #555555;
}
.title-info {
align-items: center;
}
.order-date {
color: #333;
font-size: 24rpx;
margin-right: 16px;
}
.item-block-btn__text {
font-size: 12px;
color: #FF1D32;
}
.title-info__status-fail__text {
color: #888888;
}
.middle {
position: relative;
padding: 26rpx 48rpx 40rpx;
}
.middle-title {
display: flex;
align-items: center;
margin-bottom: 32rpx;
}
.middle-title__text {
font-size: 24rpx;
color: $text-base-color;
font-family: PingFangSC, PingFangSC-Medium;
}
.text-block {
flex: 1;
justify-content: space-between;
align-items: center;
margin-bottom: 12rpx;
}
.text-block-last {
margin-bottom: 0;
margin-top: 60rpx;
}
.middle-date {
font-size: 24rpx;
color: #999;
margin-right: 16rpx;
}
.middle-date-des {
font-size: 28rpx;
color: $text-base-color;
}
.text-block-box {
display: flex;
flex-direction: column;
}
.middle-date-right {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
}
</style>
pages/breakwords-handle/breakwords-handle.nvue 0 → 100644
View file @ 571f36a3
This diff is collapsed.
pages/breakwords-mission/breakwords-mission.nvue 0 → 100644
View file @ 571f36a3
This diff is collapsed.
pages/home/home.vue
View file @ 571f36a3
......@@ -36,14 +36,14 @@
<text class="order-amount--num">市场线索</text>
</view>
</view>
<view class="order-amount" @click="entryHandle">
<view class="order-amount" @click="entryHandle('breakwords-mission')">
<view class="order-amount--wrapper">
<image class="entry-icon" src="@/static/image/home_breakmission@3x.png" mode="aspectFit">
</image>
<text class="order-amount--num">违约任务</text>
</view>
</view>
<view class="order-amount" @click="entryHandle">
<view class="order-amount" @click="entryHandle('breakwords-handle')">
<view class="order-amount--wrapper">
<image class="entry-icon" src="@/static/image/home_breakrule@3x.png" mode="aspectFit">
</image>
......@@ -276,13 +276,13 @@
this.current = e.detail.current;
},
entryHandle(path) {
uni.showToast({
title: '开发中...',
icon: 'none',
duration: 1500
});
// uni.showToast({
// title: '开发中...',
// icon: 'none',
// duration: 1500
// });
return
// return
uni.navigateTo({
url: `/pages/${path}/${path}`
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment