123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <template>
- <view class="result-pages">
- <view class="results">
- <view class="results-head">
- <view>夏季活夏季活动布置动布置-长青长青二路店二路店-2020-05-26</view>
- <view>任务的点检结果</view>
- <view>
- <view class="r-totals">113</view>
- <view>点检总数</view>
- </view>
- </view>
- <view class="results-items">
- <view>
- <view class="hg">6</view>
- <view>合格项数</view>
- </view>
- <view>
- <view class="bhg">2</view>
- <view>不合格项数</view>
- </view>
- <view>
- <view class="bsy">5</view>
- <view>不适用项数</view>
- </view>
- </view>
- </view>
- <view class="result-back">
- <u-button type="primary" @click="goBack">返回任务列表</u-button>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- pageData: null
- }
- },
- methods: {
- goBack(){
- uni.navigateBack()
- }
- }
- }
- </script>
- <style lang="scss">
- .result-pages{
- .results{
- padding: 20upx;
- background: #fff;
- margin-bottom: 25upx;
- .results-head{
- text-align: center;
- padding: 20upx 0;
- .r-totals{
- width: 160upx;
- height: 160upx;
- display: inline-block;
- line-height: 160upx;
- background: #ff5500;
- border-radius: 100%;
- color: #fff;
- font-size: 60upx;
- margin: 20upx 0;
- }
- }
- .results-items{
- display: flex;
- align-items: center;
- border-top: 1px solid #eee;
- border-bottom: 1px solid #eee;
- padding: 20upx 0;
- margin-top: 20upx;
- > view{
- width: 33.3%;
- border-right: 1px solid #eee;
- text-align: center;
- &:last-child{
- border: 0;
- }
- >view{
- &:first-child{
- font-size: 40upx;
- margin-bottom: 10upx;
- }
- }
- .hg{
- color: #55aa00;
- }
- .bhg{
- color: #FF0000;
- }
- .bsy{
- color: #007AFF;
- }
- }
- }
- }
- .result-back{
- padding: 20upx 50upx;
- }
- }
- </style>
|