1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- <!DOCTYPE html>
- <html class="">
- <!--STATUS OK-->
- <head>
- <meta name="referrer" content="always" />
- <meta charset='utf-8' />
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
- <meta http-equiv="x-dns-prefetch-control" content="on">
- <meta name="description" content="">
- <meta name="format-detection" content="telephone=no" />
- <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
- <link rel="stylesheet" type="text/css" href="css/iconfont.css">
- <link rel="stylesheet" type="text/css" href="css/main.css" />
- <script src="js/vue.js"></script>
- <script src="js/vant-ui.js"></script>
- <script src="js/main.js"></script>
- <title></title>
- </head>
- <style>
- .dingdangenzong .dingdanSearch {
- top: 0.5rem
- }
- .dingdangenzong {
- padding-top: 1.6rem;
- }
- </style>
- <body>
- <div id="app" v-cloak>
- <div class="pageView dingdanxiangqing">
- <ul>
- <li class="flex col" v-for="order in orderInfo">
- <!-- <div class="chuxiao"></div> -->
- <div class="title flex jlr a-center">{{ order.maktx }}</div>
- <div class="center flex a-center">
- <p>{{ order.brand }}</p>
- <p>{{ order.spec }}</p>
- <p>{{ order.pattern }}</p>
- </div>
- <div class="bottom flex a-center j-end">
- 共 {{ order.qty }} 条
- </div>
- </li>
- </ul>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="../script/api.js"></script>
- <script type="text/javascript" src="../script/httpRequest.js"></script>
- <script type="text/javascript" src="../script/vue_plugins.js"></script>
- <script type="text/javascript">
- apiready = function() {
- var id = api.pageParam.id;
- new Vue({
- el: '#app',
- data: {
- list: [],
- id: id,
- userId: '',
- orderInfo: {},
- },
- methods: {
- /**
- * 配置页面
- */
- init: function() {
- this.userId = $api.getStorage('userid');
- this.getOrderInfo();
- },
- /**
- * 获取订单详情
- */
- getOrderInfo: function() {
- var data = {
- "orderId": this.id,
- "url": "json",
- "type": "body"
- },
- _this = this,
- url = "getOrderInfoU";
- this.$post(url, data, function(ret) {
- if (ret.code == 0 || ret.code == '0') {
- _this.orderInfo = ret.data == null ? {} : ret.data;
- }
- })
- }
- },
- mounted: function() {
- this.init();
- }
- })
- }
- </script>
- </html>
|