Blame view

admin-web-master/src/views/order/after/details/component/buyer.vue 1.35 KB
3f535f30   杨鑫   '初始'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
  <template>
    <div class="store_info_page">
      <p v-for="(item,index) in storeInfo" :key="index">
        <span>{{ item.name }}:</span>
        <span>{{ item.value }}</span>
      </p>
    </div>
  </template>
  
  <script>
  export default {
    props: {
      dialog: {
        type: Object,
        default() {
          return {}
        }
      }
    },
    data() {
      return {
        storeInfo: [
          { name: '下单账户', value: '', field: 'name' },
          { name: '注册时间', value: '', field: 'registerTime' },
          { name: '手机号', value: '', field: 'phone' },
          { name: '订单总数', value: '', field: 'orders' },
          { name: '售后单数', value: '', field: 'afters' },
          { name: '售后成功率', value: '', field: 'rate' }
        ]
      }
    },
    created() {
      console.log(this.dialog)
      this.getOrderInfo(this.dialog)
    },
    methods: {
      getOrderInfo(o) {
        this.storeInfo.map(item => {
          item.value = o[item.field] || ''
        })
      }
    }
  }
  </script>
  
  <style lang='less' scoped>
  .store_info_page {
    padding: 20px 10%;
    overflow: hidden;
    p {
      width: 50%;
      float: left;
      line-height: 30px;
      span {
        font-size: 16px;
        color: #333333;
        display: inline-block;
        &:nth-of-type(1) {
          // width: 130px;
          margin-right: 20px;
        }
        &:nth-of-type(2) {
          color: #666666;
        }
      }
    }
  }
  </style>