shishichen
/
qimall


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
  <style>
    .box-card{
      width:756px;
    }
  </style>
<body>
  <div id="app">
    <div style="display: flex;justify-content:center;">
      <el-card class="box-card">
        <el-form ref="form" :model="form" label-width="120px">
            <el-form-item label="订单号：">
              {{form.order_no}}
            </el-form-item>
            <el-form-item label="下单时间：">
              {{form.created_at | dateTimeFormat('Y-m-d H:i:s')}}
            </el-form-item>
            <el-form-item label="客户：">
              {{form.receiver_name}}  / {{form.mobile}} / {{form.region_name}}
            </el-form-item>
            <el-form-item label="下单总量：">
              {{form.total_num}}
            </el-form-item>
            <el-table :data="form.detail" style="width: 100%">
              <el-table-column prop="goods_name" label="商品"> </el-table-column>
              <el-table-column prop="goods_attr_name" label="规格">
                <template slot-scope="scope">
                  <span v-if="scope.row.goods_attr_name == ''">默认规格</span>
                  <span v-else>{{scope.row.goods_attr_name}}</span>
                </template>
              </el-table-column>
              <el-table-column prop="num" label="数量" ></el-table-column>
            </el-table>
        </el-form>
      </el-card>
    </div>
  </div>
</body>
<script>
  
  let _layout = null;
    let _aside = null;
    const _csrf = 'VXan-CrOqoUM-F5h3yjuOOlxCc99XJuvA5PEFq7OK54ZPNeZWbfz5jmsPSmAa7tfoD5QhxU49uFq641Ayf5grQ==';
    const _scriptUrl = '/index.php';
    // const _baseUrl = 'http://backend.qimall.com';
    const _requestRoute = 'mall/order/index';
    let _isWe7 = 'false';
    let _isInd = 'true';
    let _isAdmin = false;
    let _isSuperAdmin = false;
    // let _diy_img_prefix = "http://statics.qimall.test";
    
</script>
  <!-- import Vue before Element -->
  <script src="/resources/unpkg/vue@2.6.10/dist/vue.js"></script>
  <script src="/resources/js/vueInit.js?t=1641970506"></script>
  <script src="/resources/unpkg/element-ui@2.15.14/lib/theme-chalk/index.css"></script>
  <script src="/resources/unpkg/qs@6.5.2/dist/qs.js"></script>
  <!-- import JavaScript -->
  <script src="/resources/unpkg/element-ui@2.15.14/lib/index.js"></script>
  <script src="/resources/unpkg/jquery@3.3.1/dist/jquery.min.js"></script>
  <script src="/resources/unpkg/axios@0.18.0/dist/axios.min.js"></script>
  <script src="/resources/js/common.js?t=1641970506"></script>
  <script>
    new Vue({
      el: '#app',
      data() {
            return {
              form: {},
              id: '',
              
            }
        },
        created() {
          // this.id = getQuery('id');
        },
        mounted: function() {
          this.getOrderDeta();
        },
        methods: {
          getOrderDeta() {
          const params = {};
            window.location.search.substr(1).split('&').forEach(param => {
            let [key, value] = param.split('=');
            params[key] = decodeURIComponent(value);
          });
          this.id = params['id'];
          // $.ajax({
          //   url: 'index.php?r=mall/order/detail',
          //   method: 'get',
          //   data: {'id':this.id},
          //   success(res) {
          //     // console.log(res);
          //     this.form = res.data.order;
          //     console.log(this.form);
          //   },
          //   error(err) {

          //   }
          // });
            let self = this;
            request({
                params: {
                    r: 'mall/order/detail',
                    id: self.id,
                },
                method: 'get',
            }).then(e => {
                if (e.data.code == 0) {
                    // console.log(e.data.data);
                    this.form = e.data.data.order;
                } else {
                    self.$message.error(e.data.msg);
                }
                // if (callback) callback(e.data);
            }).catch(e => {
                console.log(e);
            });
      }
        },
    })
  </script>
</html>