Browse Source

【修改】 送评详情的查看详情页面UI

【对接】 卡砖设计和评级标准
【修改】 个人中心未登录的处理
master
邓平艺 4 years ago
parent
commit
bc39196636
  1. 22
      packages/article/article.vue
  2. 4
      packages/ratingQueryDetail/ratingQueryDetail.vue
  3. 178
      packages/sonpingDetail/viewDetail.vue
  4. 46
      pages/index/index.vue
  5. 4
      pages/ratingCriteria/ratingCriteria.vue
  6. 16
      service/agreementArticle.js

22
packages/article/article.vue

@ -5,7 +5,7 @@
</template>
<script>
import { aboutUs, gradeAgreement, privacyAgreement } from '@/service/agreementArticle.js';
import { aboutUs, gradeAgreement, privacyAgreement, cardDesign, ratingStandard } from '@/service/agreementArticle.js';
export default {
data(){
@ -23,6 +23,10 @@
this.getGradeAgreement();
}else if(options.type === 'privacy_agreement'){
this.getPrivacyAgreement();
}else if(options.type === 'card_design'){
this.getCardDesign();
}else if(options.type === 'rating_standard'){
this.getRatingStandard();
}
},
methods: {
@ -49,6 +53,22 @@
uni.setNavigationBarTitle({
title: res.data.datas.title
})
},
//
async getCardDesign(){
let res = await cardDesign();
this.article = res.data.datas.content;
uni.setNavigationBarTitle({
title: res.data.datas.title
})
},
//
async getRatingStandard(){
let res = await ratingStandard();
this.article = res.data.datas.content;
uni.setNavigationBarTitle({
title: res.data.datas.title
})
}
}
}

4
packages/ratingQueryDetail/ratingQueryDetail.vue

@ -65,9 +65,9 @@
<view class="flex-col section_6">
<view class="flex-col group_16">
<lf-table :Header="header" :Content="details.history" height="auto" width="686" :showNumber="false" v-if="$isRight(details.history)"></lf-table>
<view class="flex-col items-center button" @click="setClipboardData">
<!-- <view class="flex-col items-center button" @click="setClipboardData">
<text>复制拍卖链接</text>
</view>
</view> -->
</view>
</view>
</view>

178
packages/sonpingDetail/viewDetail.vue

@ -1,112 +1,73 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="section_2 flex-col view_2">
<text>共3件</text>
<view class="flex-row equal-division">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768828992333.png"
class="equal-division-item"
@click="previewImage"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768927244914.png"
class="equal-division-item image_7"
@click="previewImage"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768986098398.png"
class="equal-division-item image_8"
@click="previewImage"
/>
</view>
</view>
<view class="section_2 flex-col view_3">
<view class="flex-row">
<text class="text_3">鉴定结果</text>
<text class="text_4">共3件</text>
</view>
<view class="flex-row group_6">
<text class="text_5">评级编号</text>
<text class="text_6">81193920347</text>
</view>
<view class="flex-row group_7">
<text class="text_7">名称</text>
<text class="text_8">FUIWE UEIF</text>
</view>
<view class="flex-row group_8">
<text class="text_9">分数</text>
<text class="text_10">NM-MT+8.5</text>
</view>
</view>
<view class="flex-col section_3">
<view class="flex-row">
<text class="text_11">年份</text>
<text class="text_12">2014</text>
</view>
<view class="flex-row group_10">
<text class="text_13">发行商</text>
<text class="text_14">PANINI</text>
</view>
<view class="flex-row group_11">
<text class="text_15">卡片系列名称</text>
<text class="text_16">CONRT KINGS</text>
</view>
<view class="flex-row group_12">
<text class="text_17">边子系列名称</text>
<text class="text_18">HEIR APPARENT</text>
</view>
<view class="flex-row group_13">
<text class="text_19">卡片编码</text>
<text class="text_20">#HA-AW</text>
</view>
<view class="flex-row group_14">
<text class="text_21">居中分数</text>
<text class="text_22">9.5</text>
</view>
<view class="flex-row group_15">
<text class="text_23">边框分数</text>
<text class="text_24">8.5</text>
</view>
<view class="flex-row group_16">
<text class="text_25">卡角分数</text>
<text class="text_26">8.5</text>
</view>
<view class="flex-row group_17">
<text class="text_27">表面分数</text>
<text class="text_28">9.5</text>
</view>
<view class="flex-row group_18">
<text class="text_29">签字分数</text>
<text class="text_30">10</text>
</view>
</view>
<view class="flex-col section_4">
<view class="flex-row">
<text class="text_31">鉴定结果</text>
<text class="text_32">正常</text>
</view>
<view class="flex-col group_20">
<view class="flex-row">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768828992333.png"
class="equal-division-item"
@click="previewImage"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768927244914.png"
class="equal-division-item image_10"
@click="previewImage"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768986098398.png"
class="equal-division-item image_11"
@click="previewImage"
/>
</view>
<view class="section_5"> </view>
</view>
</view>
<view class="section_2 flex-col view_2">
<view class="flex-row">
<text class="text_3">鉴定结果</text>
<text class="text_4">共3件</text>
</view>
</view>
<view class="section_2 flex-col view_3" v-for="item in 3" :key="item">
<view class="flex-row">
<text class="text_19">评级编号</text>
<text class="text_20" style="margin-left: 86rpx;">81193920347</text>
</view>
<view class="flex-row group_13">
<text class="text_19">名称</text>
<text class="text_20" style="margin-left: 142rpx;">FUIWE UEIF</text>
</view>
<view class="flex-row group_13">
<text class="text_19">分数</text>
<text class="text_20" style="margin-left: 142rpx;">NM-MT+8.5</text>
</view>
<view class="flex-row group_13">
<text class="text_11">年份</text>
<text class="text_12">2014</text>
</view>
<view class="flex-row group_10">
<text class="text_13">发行商</text>
<text class="text_14">PANINI</text>
</view>
<view class="flex-row group_11">
<text class="text_15">卡片系列名称</text>
<text class="text_16">CONRT KINGS</text>
</view>
<view class="flex-row group_12">
<text class="text_17">边子系列名称</text>
<text class="text_18">HEIR APPARENT</text>
</view>
<view class="flex-row group_13">
<text class="text_19">卡片编码</text>
<text class="text_20">#HA-AW</text>
</view>
<view class="flex-row group_13">
<text class="text_19">居中分数</text>
<text class="text_20">9.5</text>
</view>
<view class="flex-row group_13">
<text class="text_19">边框分数</text>
<text class="text_20">8.5</text>
</view>
<view class="flex-row group_13">
<text class="text_19">卡角分数</text>
<text class="text_20">8.5</text>
</view>
<view class="flex-row group_13">
<text class="text_19">表面分数</text>
<text class="text_20">9.5</text>
</view>
<view class="flex-row group_13">
<text class="text_19">签字分数</text>
<text class="text_20">10</text>
</view>
<view class="flex-row group_13">
<text class="text_19">鉴定结果</text>
<text class="text_20">正常</text>
</view>
</view>
</view>
</view>
</template>
@ -139,7 +100,7 @@
};
</script>
<style scoped lang="css">
<style scoped lang="scss">
.section_2 {
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
@ -178,8 +139,9 @@
}
.section_4 {
margin-top: 30rpx;
padding: 40rpx 32rpx 16rpx;
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
margin-bottom: 30rpx;
}
.equal-division {
margin-top: 30rpx;

46
pages/index/index.vue

@ -13,10 +13,11 @@
<view class="flex-col section_2">
<view class="flex-col">
<!-- 用户信息 -->
<view class="flex-col section_3" @click="$url('/pages/settings/settings')">
<view class="flex-col section_3" @click="nextToSettings">
<view class="bottom-group flex-col items-center view_3">
<view class="flex-col items-end image-wrapper">
<image class="avatar" :src="user.avatar" mode="aspectFill"></image>
<image class="avatar" :src="user.avatar" mode="aspectFill" v-if="user.avatar"></image>
<image class="avatar" src="@/static/mrtx.png" mode="aspectFill" v-else></image>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497944681815904.png"
class="image_7" />
@ -26,7 +27,7 @@
</view>
</view>
<view class="justify-center group_5">
<view class="user-name">{{ user.nick_name }}</view>
<view class="user-name">{{ user.nick_name || '您未登录,点击登录' }}</view>
<image src="@/static/icon/rightArrow.png" class="image_8" />
</view>
</view>
@ -34,7 +35,7 @@
<view class="section_4 flex-col">
<view class="justify-between">
<text class="text_4">我的订单</text>
<view class="right-group flex-row" @click="$url('/pages/order/order')">
<view class="right-group flex-row" @click="nextToOrder">
<text>全部</text>
<image
src="@/static/icon/rightArrow.png"
@ -42,7 +43,7 @@
</view>
</view>
<view class="justify-between equal-division" >
<view class="equal-division-item flex-col" @click="$url('/pages/order/order?current=1')">
<view class="equal-division-item flex-col" @click="nextToOrder(1)">
<view class="top-group flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746086268452.png"
@ -53,7 +54,7 @@
</view>
<text class="text_7">待确认</text>
</view>
<view class="flex-col items-center equal-division-item_1" @click="$url('/pages/order/order?current=2')">
<view class="flex-col items-center equal-division-item_1" @click="nextToOrder(2)">
<view class="top-group flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746226999392.png"
@ -64,7 +65,7 @@
</view>
<text class="text_7">评级中</text>
</view>
<view class="flex-col items-center equal-division-item_2" @click="$url('/pages/order/order?current=3')">
<view class="flex-col items-center equal-division-item_2" @click="nextToOrder(3)">
<view class="top-group flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746138565873.png"
@ -75,7 +76,7 @@
</view>
<text class="text_11">待付款</text>
</view>
<view class="equal-division-item flex-col" @click="$url('/pages/order/order?current=4')">
<view class="equal-division-item flex-col" @click="nextToOrder(4)">
<view class="top-group flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746181954101.png"
@ -142,8 +143,8 @@
</view>
</view>
<!-- 已评卡 -->
<view class="flex-col section_8">
<view class="justify-between group_15" @click="$url('/pages/order/order')">
<view class="flex-col section_8" v-if="$isRight(evaluated_order)">
<view class="justify-between group_15" @click="nextToOrder">
<text>已评卡</text>
<image
src="@/static/icon/rightArrow.png"
@ -198,7 +199,30 @@
},
nextToGrading(){
if(!this.isConsentAgreement) return this.$msg('请先阅读并同意协议');
this.$url('/pages/write/baseInfo');
if(this.$isRight(this.user)){
this.$url('/pages/write/baseInfo');
}else{
this.$url('/pages/login/login');
}
},
nextToOrder(current){
if(this.$isRight(this.user)){
let url = '/pages/order/order';
if(this.$valueType(current) === 'number'){
url += '?current='+ current;
}
this.$url(url);
}else{
this.$url('/pages/login/login');
}
},
nextToSettings(){
if(this.$isRight(this.user)){
this.$url('/pages/settings/settings');
}else{
// this.$url('/pages/login/login', {type: 'redirect'})
this.$url('/pages/login/login');
}
}
}
};

4
pages/ratingCriteria/ratingCriteria.vue

@ -14,14 +14,14 @@
class="image_7"
/>
</view>
<view class="justify-between group_7" @click="$msg('敬请期待')">
<view class="justify-between group_7" @click="$url('/packages/article/article?type=card_design')">
<text>卡砖设计</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_7"
/>
</view>
<view class="justify-between group_8" @click="$msg('敬请期待')">
<view class="justify-between group_8" @click="$url('/packages/article/article?type=rating_standard')">
<text>评级标准</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"

16
service/agreementArticle.js

@ -22,4 +22,20 @@ export async function privacyAgreement() {
url: '/api/v1/content/privacy_agreement',
method: 'post'
})
}
// 卡砖设计
export async function cardDesign() {
return await request({
url: '/api/v1/content/card_design',
method: 'post'
})
}
// 评级标准
export async function ratingStandard() {
return await request({
url: '/api/v1/content/rating_standard',
method: 'post'
})
}
Loading…
Cancel
Save