17 changed files with 434 additions and 24 deletions
-
28src/assets/css/other.css
-
6src/components/footer.vue
-
3src/components/header.vue
-
35src/router.js
-
3src/store/modules/trend.js
-
8src/views/assets/exchange.vue
-
8src/views/coincoin/components/trade_data_update.vue
-
5src/views/coincoin/components/trade_depth.vue
-
27src/views/coincoin/components/trade_form.vue
-
79src/views/contact/contact_us.vue
-
116src/views/contact/details.vue
-
11src/views/contact/index.vue
-
51src/views/contact/list.vue
-
23src/views/currency/currency_deal.vue
-
24src/views/currency/currency_release.vue
-
4src/views/release/components/release_depth.vue
-
27src/views/release/components/release_form.vue
@ -0,0 +1,79 @@ |
|||
<template> |
|||
<div class="wrap"> |
|||
<div class="global-width"> |
|||
<div class="container"> |
|||
<!--当前位置--> |
|||
<div class="hc-breadcrumb" style="display: flex;justify-content: space-between;"> |
|||
<span class="tansp">在线交谈</span> |
|||
<router-link class="tana" to="/contact/list">交谈记录</router-link> |
|||
</div> |
|||
<div class="conversation-box"> |
|||
<!-- <div class="conli"> |
|||
<label style="display: flex;justify-content: space-between;width: 3rem;margin-right: 1rem;"> |
|||
<span>邮</span><span>箱:</span> |
|||
</label> |
|||
<input type="text" placeholder="手动输入邮箱"> |
|||
<div style="clear:both;"></div> |
|||
</div> --> |
|||
<!-- <div class="conli"> |
|||
<label style="margin-right: 0.5rem;">选择问题：</label> |
|||
<div class="problem">问题类型 |
|||
<img src="../../assets/images/icon-dowd.png"> |
|||
<ul class="proul"> |
|||
<li>问题1</li> |
|||
<li>问题1</li> |
|||
<li>问题1</li> |
|||
</ul> |
|||
</div> |
|||
<div style="clear:both;"></div> |
|||
</div> --> |
|||
<div class="conli"> |
|||
<label style="display: flex;justify-content: space-between;width: 3rem;margin-right: 1rem;"> 您的提问: |
|||
</label> |
|||
<textarea v-model="content" style="width: 30rem;height: 10rem;" :maxlength="255" :auto-height="true" placeholder="输入内容..."></textarea> |
|||
<div style="clear:both;"></div> |
|||
<div style="font-size: 0.7rem;padding-top: 0.8rem;text-align: right;">还能输入{{ 255 - content.length }}个字</div> |
|||
</div> |
|||
<div class="conli" style="margin: 0 auto;"> |
|||
<button @click="send()">提交</button> |
|||
<div style="clear:both;"></div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'contact', |
|||
data() { |
|||
return { |
|||
content: '', |
|||
} |
|||
}, |
|||
methods: { |
|||
send(){ |
|||
this.postAxios('/api/feedback/post', { |
|||
comment:this.content |
|||
}) |
|||
.then(() => { |
|||
this.$message.success(this.$t('提交成功，请耐心等待客服回复')); |
|||
this.content='' |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.tana { |
|||
font-size: 0.7rem; |
|||
color: #5f97ff; |
|||
padding-right: 1rem; |
|||
} |
|||
.conli button { |
|||
margin-left: 2.3rem; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,116 @@ |
|||
<template> |
|||
<div class="wrap"> |
|||
<div class="global-width"> |
|||
<div class="container"> |
|||
<!--当前位置--> |
|||
<div class="hc-breadcrumb"><span class="tansp">交谈内容</span></div> |
|||
<div class="conversation-box conversation-boxs"> |
|||
<ul class="rec-ul"> |
|||
<li v-if="question"> |
|||
<div class="rec-q"> |
|||
<img :src="userInfoData.extendData.avatar" v-if="userInfoData.extendData.avatar"> |
|||
<img src="../../assets/images/user-head-img.png" v-else> |
|||
</div> |
|||
<p class="rec-p">{{ question.comment }}</p> |
|||
<p><span>{{question.createDateTime | dateFormat('YYYY-MM-DD hh:mm:ss')}}</span></p> |
|||
<!-- <img src="../../assets/images/banner-img1.png" /> --> |
|||
</li> |
|||
<div v-for="(item, index) in list" :key="index"> |
|||
<li v-if="item.adminName"> |
|||
<div class="rec-q"><img src="../../assets/images/user-head-img.png"></div> |
|||
<p class="rec-p">{{item.content}}</p> |
|||
<p><span>{{item.createDateTime | dateFormat('YYYY-MM-DD hh:mm:ss')}}</span></p> |
|||
<!-- <img src="../../assets/images/banner-img1.png" /> --> |
|||
</li> |
|||
<li v-else> |
|||
<div class="rec-q"><img :src="userInfoData.extendData.avatar" v-if="userInfoData.extendData.avatar"> |
|||
<img src="../../assets/images/user-head-img.png" v-else></div> |
|||
<p class="rec-p">{{item.content}}</p> |
|||
<p><span>{{item.createDateTime | dateFormat('YYYY-MM-DD hh:mm:ss')}}</span></p> |
|||
<!-- <img src="../../assets/images/banner-img1.png" /> --> |
|||
</li> |
|||
</div> |
|||
|
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapState } from 'vuex' |
|||
export default { |
|||
name: 'contactDetails', |
|||
data() { |
|||
return { |
|||
// 问题ID |
|||
commentId: '', |
|||
// 问题ID的具体内容 |
|||
question: null, |
|||
// 回复列表 |
|||
list: [], |
|||
// 用户追问 |
|||
sendMsg: '' |
|||
} |
|||
}, |
|||
watch: { |
|||
$route() { |
|||
this.commentId = this.$route.params.id; |
|||
this.getData() |
|||
} |
|||
}, |
|||
created() { |
|||
this.commentId = this.$route.params.id; |
|||
this.getData() |
|||
}, |
|||
computed: { |
|||
...mapState('user', ['isLogin', 'userInfoData', 'merchantStatus', 'merchantUnpass']), |
|||
}, |
|||
methods: { |
|||
// 回复信息 |
|||
// send() { |
|||
// if (this.sendMsg === '') return this.$toast(this.$t('请输入文字后再回复')); |
|||
// this.postAxios('/api/feedback/flow/reply', { |
|||
// feedbackId: this.commentId, |
|||
// content: this.sendMsg |
|||
// }) |
|||
// .then(() => { |
|||
// this.sendMsg = ''; |
|||
// this.$toast(this.$t('发送成功！')); |
|||
// this.getData(); |
|||
// }); |
|||
// }, |
|||
|
|||
// 获取回复数据 |
|||
getData() { |
|||
this.getAxios('/api/feedback/list').then(res => { |
|||
res.data.forEach(item => { |
|||
if (item.id == this.commentId) this.question = item; |
|||
}); |
|||
}); |
|||
|
|||
this.getAxios('/api/feedback/flow/' + this.commentId).then(res => { |
|||
this.list = res.data; |
|||
this.list.sort((a, b) => a.createDateTime - b.createDateTime); |
|||
}); |
|||
console.log(this.question) |
|||
} |
|||
} |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.rec-q img { |
|||
border-radius: 50px; |
|||
background: #2cbfa2; |
|||
width: 35px!important; |
|||
height: 35px; |
|||
text-align: center; |
|||
line-height: 35px; |
|||
color: #fff; |
|||
font-size: 20px; |
|||
margin-bottom: 10px!important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,11 @@ |
|||
<template> |
|||
<div class="wrap"> |
|||
<router-view></router-view> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,51 @@ |
|||
<template> |
|||
<div class="wrap"> |
|||
<div class="global-width"> |
|||
<div class="container"> |
|||
<!--当前位置--> |
|||
<div class="hc-breadcrumb"><span class="tansp">交谈记录</span></div> |
|||
<div class="conversation-box conversation-boxs"> |
|||
<ul class="rec-ul"> |
|||
<li v-for="item in list" :key="item.id"> |
|||
<router-link :to="'/contact/details/' + item.id"> |
|||
<p class="rec-p">{{item.comment}}</p> |
|||
<span v-if="item.finish" style="color: #3e64fd;">已完结</span> |
|||
<span v-else-if="item.status=='禁用'" class="no-re">禁用</span> |
|||
<span v-else class="no-re">{{item.status}}</span> |
|||
<p><span>{{item.createDateTime | dateFormat('YYYY-MM-DD hh:mm:ss')}}</span></p> |
|||
</router-link> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'contactList', |
|||
data() { |
|||
return { |
|||
list: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
getData(){ |
|||
this.getAxios('/api/feedback/list').then(res=>{ |
|||
this.list=res.data |
|||
console.log(this.list) |
|||
}) |
|||
} |
|||
}, |
|||
created() { |
|||
this.getData() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.no-re { |
|||
color: #3e64fd!important; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue