3.11online-webui前端
代码规范
https://wiki.ispeco.com/pages/viewpage.action?pageId=84541559
重点看下：https://cn.vuejs.org/v2/style-guide/
https://docs.qq.com/doc/DVVZPRFFCc21wT0du?
文档：
https://docs.qq.com/doc/DVVZPRFFCc21wT0du?groupUin=KoMy8YK5Qqovij3zPQZKXw%253D%253D&ADUIN=1210737588&ADSESSION=1615857193&ADTAG=CLIENT.QQ.5797_.0&ADPUBNO=27118&jumpuin=1210737588
updateKey(){
if (this.updateKey===false){
this.initializeKeyList(1, null, null);
}
},
'$route'(to) {
this.updateKey = false;
this.initializeKeyList(1, null, null);
}//registry-node.aliyun.com/org/1120600651823311/registry/supermap/:_password=a0hXZm5DNzlubkFn
//registry-node.aliyun.com/org/1120600651823311/registry/supermap/:username=user_1019838158924454
//registry-node.aliyun.com/org/1120600651823311/registry/supermap/:email=guyongquan@supermap.com
//registry-node.aliyun.com/org/1120600651823311/registry/supermap/:always-auth=true
@ispeco:registry=https://registry-node.aliyun.com/org/1120600651823311/registry/supermap/
@supermap:registry=https://registry-node.aliyun.com/org/1120600651823311/registry/supermap/
registry=https://registry.npm.taobao.org/ <!-- Copyright 2000-2020 SuperMap Software Co.Ltd. All rights reserved. -->
<!--
* @FileDescription: 我的密钥入口文件
-->
<template>
<div>
<a-row type="flex" justify="center">
<a-col :xs="23" :sm="23" :md="23" :lg="23" :xl="23" >
<a-row justify="center">
<!-- 订单列表 -->
<order-list v-bind:text = "msg"></order-list>
</a-row>
</a-col>
</a-row>
</div>
</template>
<script>
import OrderList from './OrderList';
export default {
name: "MyOrder",
components: {
OrderList,
},
data(){
return {
msg: "123123"
}
},
methods:{
},
created(){
},
watch:{
}
}
</script>
<style scoped>
</style><template>
<div>
<div class="orderListTable">
<a-table
:dataSource="orderinfos"
>
<!-- $t()应该是从myaccount的来的 -->
<!-- <a-table-column
:title="$t('MyAccount.auditor')"
> -->
<!-- 订单号 -->
<a-table-column
:title="orderId"
>
<template slot-scope="text">
<span class="sub-font">{{text}}</span>
</template>
</a-table-column>
<!-- 类型 -->
<a-table-column
:title="type"
>
</a-table-column>
<!-- 创建时间 -->
<a-table-column
:title="createtime"
>
</a-table-column>
<!-- 支付时间 -->
<a-table-column
:title="paytime"
>
</a-table-column>
<!-- 状态 -->
<a-table-column
:title="status"
>
</a-table-column>
<!-- 金额 -->
<a-table-column
:title="money"
>
</a-table-column>
<!-- 操作 -->
<a-table-column
:title="operation"
>
</a-table-column>
</a-table>
</div>
</div>
</template>
<script>
export default {
name: "OrderList",
components:{
},
props: ['text'],
data(){
return {
orderId:'订单号', // 表格标题名称
type:'类型',
createtime:'创建时间',
paytime:'支付时间',
status:'状态',
money:'金额',
operation:'操作',
}
},
}
</script>
<style scoped>
.orderListTable /deep/ .ant-table-pagination{
float: none !important;
text-align: center;
margin: 16px 0 0;
}
.orderListTable /deep/ .ant-table-body{
overflow-x: auto !important;
}
</style>http://192.168.13.117/api/web/mycontent/cloud/orders?sEcho=1&iColumns=7&sColumns=%2C%2C%2C%2C%2C%2C&iDisplayStart=0&iDisplayLength=10&mDataProp_0=0&sSearch_0=&bRegex_0=false&bSearchable_0=true&bSortable_0=true&mDataProp_1=0&sSearch_1=&bRegex_1=false&bSearchable_1=true&bSortable_1=true&mDataProp_2=0&sSearch_2=&bRegex_2=false&bSearchable_2=true&bSortable_2=true&mDataProp_3=0&sSearch_3=&bRegex_3=false&bSearchable_3=true&bSortable_3=true&mDataProp_4=0&sSearch_4=&bRegex_4=false&bSearchable_4=true&bSortable_4=true&mDataProp_5=0&sSearch_5=&bRegex_5=false&bSearchable_5=true&bSortable_5=true&mDataProp_6=0&sSearch_6=&bRegex_6=false&bSearchable_6=true&bSortable_6=false&sSearch=&bRegex=false&iSortCol_0=2&sSortDir_0=desc&iSortingCols=1&orderSearchParameter=%7B%22currentPage%22%3A1%2C%22pageSize%22%3A15%2C%22orderBy%22%3A%22CREATETIME%22%2C%22orderType%22%3A%22DESC%22%7D&_=1616500032884
http://192.168.13.117/api/web/mycontent/cloud/orders.json?t=1616499538732¤tPage=1&pageSize=15
http://192.168.13.117/api/web/mycontent/cloud/orders.json?
{"content":[{"createTime":1564974307000,"leaseTerm":"THREE_MONTHS","orderId":"02-20190805110506560000","orderStatus":"COMPLETED","orderType":"TIME_LICENSE","payTime":1564974789000,"totalPrice":16679.00,"userName":"1"},{"createTime":1564968732000,"leaseTerm":"ONE_YEAR","orderId":"02-2019080509321232120000","orderStatus":"COMPLETED","orderType":"TIME_LICENSE","payTime":1564968757000,"totalPrice":31179.00,"userName":"1"},{"createTime":1564968620000,"leaseTerm":"ONE_YEAR","orderId":"02-2019080509301930190000","orderStatus":"NOT_PAID","orderType":"TIME_LICENSE","payTime":0,"totalPrice":37779.00,"userName":"1"},{"createTime":1533722777000,"orderId":"03-201808081806176170000","orderStatus":"COMPLETED","orderType":"PREPAID_CARD","payTime":1533723166000,"totalPrice":40.00,"userName":"1"},{"createTime":1533720486000,"orderId":"03-201808081728052850000","orderStatus":"NOT_PAID","orderType":"PREPAID_CARD","payTime":1533720539000,"totalPrice":40.00,"userName":"1"},{"createTime":1530174905000,"orderId":"03-201806281635053550000","orderStatus":"NOT_PAID","orderType":"PREPAID_CARD","payTime":0,"totalPrice":10000.00,"userName":"1"},{"createTime":1530174857000,"orderId":"03-2018062816341734170000","orderStatus":"NOT_PAID","orderType":"PREPAID_CARD","payTime":0,"totalPrice":10000.00,"userName":"1"},{"createTime":1529402287000,"orderId":"03-201806191758065860000","orderStatus":"COMPLETED","orderType":"PREPAID_CARD","payTime":1529562648000,"totalPrice":10000.00,"userName":"1"},{"createTime":1528875279000,"orderId":"03-2018061315343834380000","orderStatus":"NOT_PAID","orderType":"PREPAID_CARD","payTime":1528879276000,"totalPrice":100000.00,"userName":"1"},{"createTime":1528790334000,"orderId":"03-2018061215585358530000","orderStatus":"NOT_PAID","orderType":"PREPAID_CARD","payTime":1528879033000,"totalPrice":30000.00,"userName":"1"},{"createTime":1528790317000,"orderId":"03-2018061215583758370000","orderStatus":"NOT_PAID","orderType":"PREPAID_CARD","payTime":1529374340000,"totalPrice":2000.00,"userName":"1"}],"currentPage":1,"pageSize":15,"searchParameter":{"currentPage":1,"orderBy":"CREATETIME","orderType":"DESC","pageSize":15,"userName":"1"},"total":11,"totalPage":1}
orderId
orderType
createTime
payTime
orderStatus
totalPrice分页组件
:pagination="{current: pagination.currentPage, defaultPageSize: pagination.pageSize, total: pagination.total}"