'0810-2220-c01'

components/msg/m-text.vue

@@ -1,59 +0,0 @@
-<template>
-	<view>
-		<view class="quote-names">
-			<text v-html="renderTextMessage(value.content)"></text>
-		</view>
-	</view>
-</template>
-
-<script>
-import { EmojiDecoder, emojiMap } from '@/utils/EmojiDecoder.js';
-const emojiUrl = 'https://imgcache.qq.com/open/qcloud/tim/assets/emoji/';
-const decoder = new EmojiDecoder(emojiUrl, emojiMap);
-export default {
-	name: 'mText',
-	props: {
-		value: {
-			type: Object,
-			default: {}
-		}
-	},
-	data() {
-		return {};
-	},
-	// computed: {
-	// 	//渲染文本消息，如果包含表情，替换为图片
-	// 	//todo:本不需要该方法，可以在标签里完成，但小程序有兼容性问题，被迫这样实现
-	// 	renderTextMessage() {
-	// 		let text = this.value.content;
-	// 		text = text.replace(/\n/g, '');
-	// 		if (!text) return '<span>' + '[未知内容]' + '</span>';
-	// 		return '<span>' + decoder.decode(text) + '</span>';
-	// 	}
-	// },
-	methods: {
-		renderTextMessage(text) {
-			console.log('text',text)
-			// let text = this.value.content;
-			text = text.replace(/\n/g, '');
-			if (!text) return '<span>' + '[未知内容]' + '</span>';
-			return '<span>' + decoder.decode(text) + '</span>';
-		}
-	}
-};
-</script>
-
-<style scoped lang="scss">
-.quote-box {
-	box-sizing: border-box;
-	padding: 12rpx 16rpx;
-	border-radius: 10rpx;
-	margin-top: 6rpx;
-	background-color: #e1e1e1;
-	color: #6b6b6b;
-}
-.quote-name {
-}
-.quote-content {
-}
-</style>

pages.json

@@ -154,18 +154,6 @@
 			"style": {
 				"navigationBarTitleText": ""
 			}
-		},
-		{
-			"path": "components/msg/m-text",
-			"style": {
-				"navigationBarTitleText": ""
-			}
-		},
-		{
-			"path": "components/msg/m-text",
-			"style": {
-				"navigationBarTitleText": ""
-			}
 		}
 	],
 	"tabBar": {

pages/service/msg.vue

@@ -19,17 +19,17 @@
 										<view class="list-items" v-for="(qItem,indx) in item.list" @click="quickQs(qItem)">{{qItem.question}}</view>
 									</view>
 								</view>
-								<view class="" v-else-if="item.msgType == 'address'">
-									1
+								<view class="m-address" v-else-if="item.msgType == 'address'">
+									{{item.content}}
 								</view>
-								<view class="" v-else-if="item.msgType == 'order'">
-									2
+								<view class="m-order" v-else-if="item.msgType == 'order'">
+									{{item.content}}
 								</view>
-								<view class="" v-else-if="item.msgType == 'image'">
-									3
+								<view class="m-image" v-else-if="item.msgType == 'image'">
+									{{item.content}}
 								</view>
-								<view class="" v-else-if="item.msgType == 'pay'">
-									4
+								<view class="m-payment" v-else-if="item.msgType == 'pay'">
+									{{item.content}}
 								</view>
 								<view v-else>
 									<view v-html="renderTextMessage(item.content)"></view>

pages/service/service.vue

@@ -2,7 +2,7 @@
 	<view class="content">
 		<view class="order-body">
 			<view class="empty-body" v-if="loginState">
-				<view class="img">
+				<view class="imgs">
 					<image src="/static/image/empty.png" mode="widthFix"></image>
 					<view class="tip">请先登录</view>
 				</view>
@@ -53,7 +53,7 @@ export default {
 		if (token) {
 			this.loginState = false;
 		}
-		this.queryList(1,10)
+		this.queryList(1,100)
 	},
 	onLoad() {
 		app = this;
@@ -82,7 +82,7 @@ export default {
 				if (res.code !== 1) {
 					return app.$dialog.showSuccess(res.msg);
 				}
-				app.dataList = app.dataList.concat(res.data.rows);
+				app.dataList = res.data.rows;
 			})
 		}
 	}
@@ -91,9 +91,9 @@ export default {
 
 <style lang="scss" scoped>
 .empty-body{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100vh;}
-.empty-body .img{text-align: center;font-size: 28upx;color: #666;}
-.empty-body .img image{height: 160upx;width: 160upx;}
-.empty-body .img .tip{margin-top: 20upx;}
+.empty-body .imgs{text-align: center;font-size: 28upx;color: #666;}
+.empty-body .imgs image{height: 160upx;width: 160upx;}
+.empty-body .imgs .tip{margin-top: 20upx;}
 .empty-body .re-btn{width: 180upx;height: 80upx;line-height: 80upx;text-align: center;font-size: 28upx;color: #fff;background-color: #007aff;border-radius: 10upx;margin-top: 60upx;}
 .page {
 	padding: 0 32rpx;