Skip to content

M
million
Commit 565600b8 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 286c6047
Hide whitespace changes
Inline Side-by-side
Showing with 128 additions and 42 deletions
quasar.conf.js
View file @ 565600b8
......@@ -147,7 +147,7 @@ module.exports = function( /* ctx */ ) {
'QDialog',
'QCardActions',
'QCheckbox',
'QPagination'
'QPagination',
],
directives: [
......@@ -158,7 +158,8 @@ module.exports = function( /* ctx */ ) {
// Quasar plugins
plugins: [
"Meta",
"Notify"
"Notify",
'Loading'
]
},
......
src/App.vue
View file @ 565600b8
......@@ -10,7 +10,7 @@ export default {
};
</script>
<style>
@import url("//at.alicdn.com/t/font_1890699_wy5o693hcc.css");
@import url("//at.alicdn.com/t/font_1890699_thl1i1ejr2.css");
@font-face {
font-family: "oswald";
src: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/smallapp/Oswald-Regular.ttf");
......
src/pages/usercenter/demandinfo.vue
View file @ 565600b8
<style>
.order_detail{
margin: 0 auto 20px;
width: 100%;
max-width: 800px;
padding: 40px 20px;
}
.order_content{
color:#666;
font-size:15px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(10,8,8,.5);
}
.order_header{
display: flex;
align-items: center;
background-color: #00afff;
}
.header_content{
flex-basis: 60%;
padding: 30px;
color: #fff;
font-weight: 600;
}
.tour_code{
margin-bottom:5px;
}
.tour_name{
font-size:22px;
}
.order_content .d_list {
padding: 20px 30px;
display: flex;
flex-flow:row wrap;
}
.order_content .d_list:not(:last-child) {
border-bottom: 1px solid #eee;
}
.d_list .d_row{
padding:10px 0;
flex:1 50%;
}
.d_row .d_title{
display: block;
color: #333;
padding:0 5px;
}
.d_content{
padding-top: 2px;
color: #999;
padding: 0 5px;
}
.d-row-between{
display: flex;
padding: 5px 0;
flex: 1 100%;
justify-content: space-between;
}
.d_titleBtm{
color:#333;
padding:0 5px;
}
.d_contentBtm{
padding-top:2px;
color:#999;
padding:0 5px;
}
</style>
<template>
<q-page>
<div class="demandlist">
<table>
<tr>
<td>
需求单号:{{InfoData.Id}}
</td>
</tr>
<tr>
<td>
行程标题:{{InfoData.TripTitle}}
</td>
</tr>
<tr>
<td>
订购日期:{{InfoData.CreateDateStr}}
</td>
</tr>
<tr>
<td>
联络人:{{InfoData.Name}}
</td>
</tr>
<tr>
<td>
电子邮件:{{InfoData.EMail}}
</td>
</tr>
<tr>
<td>
联络电话:{{InfoData.Mobile}}
</td>
</tr>
</table>
<div class="order_detail">
<div class="order_content">
<div class="order_header">
<div class="header_content">
<div class="tour_code">需求單號：{{InfoData.Id}}</div>
<div class="tour_name">
{{InfoData.TripTitle}}
</div>
</div>
</div>
<div class="d_list">
<div class="d_row">
<div class="d_title">
<i class="iconfont icontext"></i> 訂購日期
</div>
<div class="d_content">{{InfoData.CreateDateStr}}</div>
</div>
<div class="d_row">
<div class="d_title">
<i class="iconfont icontime"></i> 訂單狀態
</div>
<div class="d_content">{{InfoData.DemandStatusStr}}</div>
</div>
<div class="d_row">
<div class="d_title">
<i class="iconfont iconwo"></i> 聯絡人
</div>
<div class="d_content">{{InfoData.Name}}</div>
</div>
<div class="d_row">
<div class="d_title">
<i class="iconfont iconemail"></i> 電子郵件
</div>
<div class="d_content">{{InfoData.EMail}}</div>
</div>
<div class="d_row">
<div class="d_title">
<i class="iconfont icontelephone"></i> 聯絡電話
</div>
<div class="d_content">{{InfoData.Mobile}}</div>
</div>
</div>
<div class="d_list">
<div class="d-row-between">
<div class="d_titleBtm">備註</div>
<div class="d_contentBtm">
{{InfoData.Remarks}}
</div>
</div>
</div>
</div>
</div>
</q-page>
</template>
......@@ -58,17 +140,17 @@
this.getdemandInfo()
},
methods: {
getdemandInfo() {
this.$q.loading.show()
if (this.Id > 0) {
this.apipost(
"ws_get_GetService", {
Id: this.Id
},
res => {
this.$q.loading.hide()
if (res.data.resultCode == 1) {
this.InfoData = res.data.data;
console.log("this.infoData", this.InfoData);
}
},
err => {}
......
src/pages/usercenter/demandlist.vue
View file @ 565600b8
......@@ -57,6 +57,7 @@
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(10, 8, 8, .5);
transition: transform .2s ease, box-shadow .2s ease;
cursor: pointer;
}
.order_link .order_tour {
......@@ -141,7 +142,7 @@
</ul>
</div>
<ul class="order-list">
<li v-for="(item,index) in DataList" :key="index">
<li v-for="(item,index) in DataList" :key="index" @click="CommonJump('/demandinfo/'+item.Id,{})">
<a class="order_link">
<div class="order_tour">
<div class="tour-name">
......@@ -155,7 +156,7 @@
</div>
</div>
<div class="order-status-ch">
<div class="order-status-tag" @click="CommonJump('/demandinfo/'+item.Id,{})">{{item.DemandStatusStr}}</div>
<div class="order-status-tag">{{item.DemandStatusStr}}</div>
</div>
</a>
</li>
......@@ -201,10 +202,12 @@
this.getdemandList()
},
getdemandList() {
this.$q.loading.show()
this.DataList = [];
this.apipost(
"ws_get_GetServicePageList", this.qMsg,
res => {
this.$q.loading.hide()
if (res.data.resultCode == 1) {
this.DataList = res.data.data.pageData;
this.pageCount = res.data.data.pageCount;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment