|
|
@@ -0,0 +1,157 @@
|
|
|
+<template>
|
|
|
+ <view @click="pageTo({url:'/admin/ll/detail?id='+item.id})">
|
|
|
+ <view class="order-top_box" style="position:relative;">
|
|
|
+ <image style="width:130upx;position:absolute;top:110upx;right:25upx;border-radius:10upx;" mode="widthFix" :src="item.cover"></image>
|
|
|
+ <view class="tit">{{ item.name }}</view>
|
|
|
+ <view style="color:#666666;"></view>
|
|
|
+ </view>
|
|
|
+ <view class="order-list_info">
|
|
|
+ <view class="order-info_box">
|
|
|
+ <view>身份证号：</view>
|
|
|
+ <view>{{ item.no }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="order-info_box">
|
|
|
+ <view>手机号码：</view>
|
|
|
+ <view>{{ item.mobile }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="order-info_box">
|
|
|
+ <view>微信号码：</view>
|
|
|
+ <view>{{ item.wx }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="order-info_box">
|
|
|
+ <view>失信金额：</view>
|
|
|
+ <view>¥{{ item.amount?parseFloat(item.amount):0 }}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="list-bottom">
|
|
|
+ <view class="list-button">
|
|
|
+ <button class="admin-button-com bule" @click.stop="share">分享</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: "workItem",
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ item: {
|
|
|
+ required: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ share(){
|
|
|
+ this.$msg('开发中')
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.list-top,
|
|
|
+.list-bottom {
|
|
|
+ padding: 15upx 30upx;
|
|
|
+ border-bottom: 1upx solid $borderColor;
|
|
|
+ color: $fontColor3;
|
|
|
+ .freight-text {
|
|
|
+ margin-right: 60upx;
|
|
|
+ }
|
|
|
+}
|
|
|
+.list-bottom {
|
|
|
+ & > view {
|
|
|
+ @include disFlex(center, flex-end);
|
|
|
+ }
|
|
|
+}
|
|
|
+.order-top_box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 20upx 30upx 20upx;
|
|
|
+ & > .tit {
|
|
|
+ flex: 8;
|
|
|
+ color: #333333;
|
|
|
+ font-size:32upx;
|
|
|
+ font-weight: 650;
|
|
|
+ margin-left:2upx;
|
|
|
+ }
|
|
|
+ & > .other-book{
|
|
|
+ flex: 1.5;
|
|
|
+ text-align: center;
|
|
|
+ color: white;
|
|
|
+ border:1upx solid #657cac;
|
|
|
+ border-radius:30upx;
|
|
|
+ padding:5upx 10upx;
|
|
|
+ font-size:20upx;
|
|
|
+ background:#657cac;
|
|
|
+ margin-right:20upx;
|
|
|
+ }
|
|
|
+ & > .other-refund{
|
|
|
+ flex: 1.5;
|
|
|
+ text-align: center;
|
|
|
+ color: #ff2842;
|
|
|
+ border:1upx solid red;
|
|
|
+ border-radius:30upx;
|
|
|
+ padding:5upx 12upx;
|
|
|
+ font-size:20upx;
|
|
|
+ margin-right:20upx;
|
|
|
+ }
|
|
|
+ & > .other-status{
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+ color: #ff2842;
|
|
|
+ border:1upx solid red;
|
|
|
+ border-radius:30upx;
|
|
|
+ padding:5upx 12upx;
|
|
|
+ font-size:20upx;
|
|
|
+ margin-right:20upx;
|
|
|
+ }
|
|
|
+ & > .status {
|
|
|
+ flex: 2;
|
|
|
+ text-align: right;
|
|
|
+ color: #ff2842;
|
|
|
+ &.buleColor {
|
|
|
+ color: #21664f;
|
|
|
+ }
|
|
|
+ &.greenColor {
|
|
|
+ color: #21664f;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.order-list_info {
|
|
|
+ width:94vw;
|
|
|
+ margin:0 auto;
|
|
|
+ padding: 15upx 10upx 30upx;
|
|
|
+ border-bottom: 1upx solid #eeeeee;
|
|
|
+ border-top: 1upx solid #eeeeee;
|
|
|
+ & > .order-info_box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 31upx;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-bottom:10upx;
|
|
|
+ & > view:nth-child(1) {
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ & > view:nth-child(2) {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ & > .price {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 30upx;
|
|
|
+ color: #333333;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ & .iconxiangyou {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 25upx;
|
|
|
+ margin-left: 12upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
