写了一个接口发现不能调用 一直在做尝试发现无果
偶然想起以前开始时用dubbo做注册中心传输数据时
实体类要序列化一下
浪费我三十分钟
实体类实现了implements Serializable后就可以了
。。。。。
。。。。
。。。。
The stream or file "/var/www/api/storage/logs/laravel.log" could not be open解决方案：
sudo chown -R www-data:www-data /var/www/api/storage/logs
sudo chmod -R 755 /var/www/api/storage/logs首先小程序端的地图轨迹显示问题
如果使用web-view组件的话，地图会沾满满屏
所以要做小程序地图就必须使用在小程序用web-view组件 中引入项目h5页面然后再h5页面用iframe去引入地图轨迹url即可
如果H5页面想改名称的话可以用 来修改名称
mounted() {
document.title = "物流信息";
},
H5代码
<template>
<div class="app-container">
<el-card class="box-card" shadow="hover">
<span>{{ companyName }} {{ expressNumber }}</span>
<span style="color: #ff5502; margin-left: 12px" @click="handleCopyText()">复制</span>
</el-card>
<el-card class="box-card" shadow="hover">
<div slot="header" class="clearfix">
<span>物流轨迹</span>
</div>
<div v-if="iframeMapUrl">
<iframe id="iframe" width="100%" height="600px" frameborder="0" allowfullscreen :src="iframeMapUrl" />
</div>
<div v-else class="empty-space">暂无物流信息</div>
</el-card>
<el-card class="box-card" shadow="hover">
<div slot="header" class="clearfix">
<span>物流信息</span>
</div>
<template v-if="limitedProgressInfo">
<div class="view-more-button">
<el-button type="text" @click="showAllProgressInfo">{{ showLimitedProgress ? '查看详情' : '收起详情' }}
<i :class="showLimitedProgress ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"></i></el-button>
</div>
<el-timeline>
<el-timeline-item v-for="(activity, index) in limitedProgressInfo" :key="index"
:timestamp="activity.time">
<template v-if="activity.status === '揽收'">
<span style="color: #67c23a">已揽收：</span>
<span>{{ activity.context }}</span>
</template>
<template v-else-if="activity.status === '在途'">
<span style="color: #409eff">运输中：</span>
<span>{{ activity.context }}</span>
</template>
<template v-else-if="activity.status === '派件'">
<span style="color: #f56c6c">派件中：</span>
<span>{{ activity.context }}</span>
</template>
<template v-else-if="activity.status === '签收'">
<span style="color: #67c23a">已签收：</span>
<span>{{ activity.context }}</span>
</template>
<template v-else-if="activity.status === '退回'">
<span style="color: #909399">已退回：</span>
<span>{{ activity.context }}</span>
</template>
</el-timeline-item>
</el-timeline>
</template>
<div v-else class="empty-space">暂无物流信息</div>
</el-card>
</div>
</template>
<script>
import { deliveryCheck } from '@/api/mall'
export default {
name: 'logisticsInfoh5',
components: {},
// metaInfo: {
// title: '物流信息'
// },
props: {
type: {
default: 1,
type: Number
}
},
mounted() {
document.title = "物流信息";
},
computed: {
},
data() {
return {
post_name: '韵达快递', //快递名称
logo: 'https://cdn.kuaidi100.com/images/all/56/yunda.png', //快递logo
exp_phone: '95546', //快递电话
progressVisible: false,
companyName: null,
expressNumber: null,
companyNameExpressNumber: this.companyName + this.expressNumber,
iframeMapUrl: null,
progressInfo: null, // 完整的物流信息数据
limitedProgressInfo: null, // 展示的部分物流信息数据
showLimitedProgress: true // 控制是否只显示部分物流信息
}
},
watch: {},
created() {
this.showProgressBox()
},
methods: {
//复制
handleCopyText() {
// 创建一个 Input标签
const cInput = document.createElement('input')
cInput.value = this.companyName + this.expressNumber
document.body.appendChild(cInput)
cInput.select() // 选取文本域内容;
// 执行浏览器复制命令
// 复制命令会将当前选中的内容复制到剪切板中（这里就是创建的input标签）
// Input要在正常的编辑状态下原生复制方法才会生效
document.execCommand('Copy')
this.$message.success('复制成功')
/// 复制成功后再将构造的标签 移除
cInput.remove()
},
//展示物流进度的对话框
async showProgressBox() {
const params = {
orderNum: 3644
}
deliveryCheck(params)
.then((res) => {
this.companyName = res.data.companyName
this.expressNumber = res.data.expressNumber
if (res.code !== 200) {
return this.$message.error('获取物流进度失败！')
}
if (res.data.queryTrackResp) {
this.progressInfo = res.data.queryTrackResp.data
}
if (res.data.queryTrackMapResp) {
this.iframeMapUrl = res.data.queryTrackMapResp.trailUrl
}
if (this.progressInfo) {
this.limitedProgressInfo = this.progressInfo.slice(0, 3)
}
})
.catch((error) => {
console.error(error)
})
},
showAllProgressInfo() {
this.limitedProgressInfo = this.progressInfo
this.showLimitedProgress = !this.showLimitedProgress
if (this.showLimitedProgress) {
this.limitedProgressInfo = this.progressInfo.slice(0, 3)
}
}
}
}
</script>
<style lang="scss" scoped>
.app-container {
background-color: #f9f7f8;
}
.el-row {
line-height: 2;
font-size: 15px;
}
.box-card {
margin: 20px 0;
.flexItem {
display: flex;
align-items: center;
.fuhao {
margin-right: 3px;
font-size: 16px;
color: red;
}
.el-input {
width: auto;
flex: 1;
}
}
}
.custom-input {
width: 300px;
/* 设置输入框的宽度为300px */
}
.view-more-button {
display: flex;
justify-content: flex-end;
}
</style>小程序代码：
WinMerge 非常好用
可以 两个文件夹里面的文件进行比较
很详细
下载地址：https://downloads.sourceforge.net/winmerge/WinMerge-2.16.40-x64-Setup.exe
官网：
在制作IM即时通讯的时候，常常因为发出的消息不能定位到最底部，对于新手来说比较烦恼，复制下面这段代码就能实现聊天始终定位在最底部
this.$nextTick(() => {
// document.getElementById("scrolldIV2").scrollIntoView(); //h5端定位到指定位置
setTimeout(() => {
uni.createSelectorQuery().select(".cu-chat").boundingClientRect(function(res) { //定位到你要的class的位置
console.log("标签获取====>", res)
uni.pageScrollTo({
scrollTop: res.height,
duration: 0
});
}).exec()
}, 50)
//this.viewIndex = "im_" + this.ChatList.length;
})