|
@@ -1,23 +1,23 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <back :title="titlename"></back>
|
|
|
- <div class="content">
|
|
|
- <div class="sm">
|
|
|
- <van-search v-model="value" @search="onSearch" placeholder="点击搜索单号" />
|
|
|
- <img src="../assets/user/sm.png" alt="" @click="wxScanCode()" >
|
|
|
- </div>
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <back :title="titlename"></back>
|
|
|
+ <div class="content">
|
|
|
+ <div class="sm">
|
|
|
+ <van-search v-model="value" @search="onSearch" placeholder="点击搜索单号" />
|
|
|
+ <img src="../assets/user/sm.png" alt="" @click="wxScanCode()" >
|
|
|
+ </div>
|
|
|
<!-- 快件查询列表 -->
|
|
|
<van-checkbox-group v-model="result">
|
|
|
- <van-cell-group>
|
|
|
- <div class="jjlist" v-for="item in resultList">
|
|
|
- <div class="listinfo">
|
|
|
+ <van-cell-group>
|
|
|
+ <div class="jjlist" v-for="item in resultList">
|
|
|
+ <div class="listinfo">
|
|
|
<!-- <div class="list_top" @click="goInfo(item.expressNo)"> -->
|
|
|
<div class="list_top">
|
|
|
|
|
|
<div class="checked">
|
|
|
<van-checkbox :disabled="item.signinStatus == 0" checked-color="#00c4b8" :name="item.expressNo" ref="checkboxes" />
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="list_top_left" @click="goInfo(item.expressNo)">
|
|
|
<!-- <img src="../assets/images/ad_icon1.png" alt=""> -->
|
|
|
<div>
|
|
@@ -31,16 +31,16 @@
|
|
|
<van-icon name="cross" @click="deleteInfo(item)"/>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</van-cell-group>
|
|
|
</van-checkbox-group>
|
|
|
- <div style="margin-top: 16px;">
|
|
|
- <van-field readonly clickable name="picker" :value="phone" label="收件人手机" placeholder="输入手机号后四位查询" @click="addshow1=true"/>
|
|
|
- <van-field readonly type="text" v-model="recipient" label="收件人" />
|
|
|
- <van-button style="margin-top: 16px;" color="#00c4b8" block type="info" @click="signSave">合并签收</van-button>
|
|
|
+ <div style="margin-top: 16px;">
|
|
|
+ <van-field readonly clickable name="picker" :value="phone" label="收件人手机" placeholder="输入手机号后四位查询" @click="addshow1=true"/>
|
|
|
+ <van-field readonly type="text" v-model="recipient" label="收件人" />
|
|
|
+ <van-button style="margin-top: 16px;" color="#00c4b8" block type="info" @click="signSave">合并签收</van-button>
|
|
|
</div>
|
|
|
|
|
|
<!-- 填写手机号码 -->
|
|
@@ -62,22 +62,22 @@
|
|
|
</van-form>
|
|
|
</div>
|
|
|
</van-popup>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
<script>
|
|
|
- import {Toast,Dialog,Checkbox,CheckboxGroup} from 'vant'
|
|
|
- import Swiper from 'swiper'
|
|
|
+ import {Toast,Dialog,Checkbox,CheckboxGroup} from 'vant'
|
|
|
+ import Swiper from 'swiper'
|
|
|
export default{
|
|
|
- inject: ['reload'],
|
|
|
- data(){
|
|
|
+ inject: ['reload'],
|
|
|
+ data(){
|
|
|
return{
|
|
|
- result:[],
|
|
|
- titlename:"快件查询",
|
|
|
- value:"",
|
|
|
- expressNo:"",//快递单号
|
|
|
+ result:[],
|
|
|
+ titlename:"快件查询",
|
|
|
+ value:"",
|
|
|
+ expressNo:"",//快递单号
|
|
|
resultList:[],
|
|
|
addshow1:false,
|
|
|
name:"",
|
|
@@ -86,97 +86,97 @@
|
|
|
recipient:'',//收件人
|
|
|
employeeList:[],//收件人列表
|
|
|
index:'-1',
|
|
|
- searchType:"2"//1.搜索全部 2.搜索快件 3.搜索寄件
|
|
|
- }
|
|
|
- },
|
|
|
- created:function(){
|
|
|
- //this.isLogin();
|
|
|
- },
|
|
|
- methods:{
|
|
|
- //微信扫码
|
|
|
- wxScanCode() {
|
|
|
- this.$http.post(this.$store.state.host + "/weixin/getWxConfig", {
|
|
|
- url: window.location.href.split("#")[0]
|
|
|
- }, {
|
|
|
- emulateJSON: true
|
|
|
- })
|
|
|
- .then(res => {
|
|
|
- //发送成功
|
|
|
- var timestamp = res.body.wxConfig.timestamp;
|
|
|
- var noncestr = res.body.wxConfig.nonceStr;
|
|
|
- var signature = res.body.wxConfig.signature;
|
|
|
- var appId = res.body.wxConfig.appId;
|
|
|
- wx.config({
|
|
|
- debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
|
|
|
- // debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
|
|
|
- appId: appId, // 必填,公众号的唯一标识
|
|
|
- timestamp: timestamp, // 必填,生成签名的时间戳
|
|
|
- nonceStr: noncestr, // 必填,生成签名的随机串
|
|
|
- signature: signature, // 必填,签名,见附录1
|
|
|
- jsApiList: [
|
|
|
- "scanQRCode",
|
|
|
- ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
|
|
|
- });
|
|
|
- wx.ready(()=> {
|
|
|
- wx.scanQRCode({
|
|
|
- needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
|
|
|
- scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码,默认二者都有
|
|
|
- success:(res)=> {
|
|
|
- var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
|
|
|
- if(result.indexOf(",") != -1){
|
|
|
- let result1 = res.resultStr.split(",");
|
|
|
- this.value = result1[result1.length-1];
|
|
|
- }
|
|
|
- this.onSearch(this.value)
|
|
|
- // this.getData()
|
|
|
- },
|
|
|
- error: function(res) {
|
|
|
- console.log(res);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- }, res => {
|
|
|
- //发送失败
|
|
|
- Toast("网络错误!")
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- //选择员工
|
|
|
- choose(val,item){
|
|
|
- this.index = val
|
|
|
- this.recipient = item.name
|
|
|
- this.phone = item.phone
|
|
|
- },
|
|
|
- //手机号后四位搜索
|
|
|
- searchList(){
|
|
|
+ searchType:"2"//1.搜索全部 2.搜索快件 3.搜索寄件
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created:function(){
|
|
|
+ //
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ //微信扫码
|
|
|
+ wxScanCode() {
|
|
|
+ this.$http.post(this.$store.state.host + "/weixin/getWxConfig", {
|
|
|
+ url: window.location.href.split("#")[0]
|
|
|
+ }, {
|
|
|
+ emulateJSON: true
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ //发送成功
|
|
|
+ var timestamp = res.body.wxConfig.timestamp;
|
|
|
+ var noncestr = res.body.wxConfig.nonceStr;
|
|
|
+ var signature = res.body.wxConfig.signature;
|
|
|
+ var appId = res.body.wxConfig.appId;
|
|
|
+ wx.config({
|
|
|
+ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
|
|
|
+ // debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
|
|
|
+ appId: appId, // 必填,公众号的唯一标识
|
|
|
+ timestamp: timestamp, // 必填,生成签名的时间戳
|
|
|
+ nonceStr: noncestr, // 必填,生成签名的随机串
|
|
|
+ signature: signature, // 必填,签名,见附录1
|
|
|
+ jsApiList: [
|
|
|
+ "scanQRCode",
|
|
|
+ ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
|
|
|
+ });
|
|
|
+ wx.ready(()=> {
|
|
|
+ wx.scanQRCode({
|
|
|
+ needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
|
|
|
+ scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码,默认二者都有
|
|
|
+ success:(res)=> {
|
|
|
+ var result = res.resultStr; // 当needResult 为 1 时,扫码返回的结果
|
|
|
+ if(result.indexOf(",") != -1){
|
|
|
+ let result1 = res.resultStr.split(",");
|
|
|
+ this.value = result1[result1.length-1];
|
|
|
+ }
|
|
|
+ this.onSearch(this.value)
|
|
|
+ // this.getData()
|
|
|
+ },
|
|
|
+ error: function(res) {
|
|
|
+ console.log(res);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }, res => {
|
|
|
+ //发送失败
|
|
|
+ Toast("网络错误!")
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ //选择员工
|
|
|
+ choose(val,item){
|
|
|
+ this.index = val
|
|
|
+ this.recipient = item.name
|
|
|
+ this.phone = item.phone
|
|
|
+ },
|
|
|
+ //手机号后四位搜索
|
|
|
+ searchList(){
|
|
|
this.$http.post(this.$store.state.host+"/solic/getEmployeeInfoByPhone",{
|
|
|
phone:this.phone,
|
|
|
},{
|
|
|
emulateJSON:true,
|
|
|
- })
|
|
|
- .then(res=>{
|
|
|
- //发送成功
|
|
|
- if(res.body.msg=='success'){
|
|
|
- this.employeeList = res.body.employeeList
|
|
|
- }
|
|
|
- },res=>{
|
|
|
- //发送失败
|
|
|
- Toast("网络错误!")
|
|
|
- })
|
|
|
- },
|
|
|
- //跳转详情
|
|
|
+ })
|
|
|
+ .then(res=>{
|
|
|
+ //发送成功
|
|
|
+ if(res.body.msg=='success'){
|
|
|
+ this.employeeList = res.body.employeeList
|
|
|
+ }
|
|
|
+ },res=>{
|
|
|
+ //发送失败
|
|
|
+ Toast("网络错误!")
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //跳转详情
|
|
|
goInfo(expressNo){
|
|
|
- //收件查询
|
|
|
- this.$router.push({path:'/Kjsearchinfo',query:{expressNo:expressNo,type:1}})
|
|
|
+ //收件查询
|
|
|
+ this.$router.push({path:'/Kjsearchinfo',query:{expressNo:expressNo,type:1}})
|
|
|
},
|
|
|
deleteInfo(e){
|
|
|
console.log("E:" + JSON.stringify(e))
|
|
|
this.resultList.splice(this.resultList.indexOf(e), 1) // ['b']
|
|
|
- },
|
|
|
- //搜索
|
|
|
- onSearch(val){
|
|
|
- this.expressNo = val
|
|
|
- this.getData()
|
|
|
+ },
|
|
|
+ //搜索
|
|
|
+ onSearch(val){
|
|
|
+ this.expressNo = val
|
|
|
+ this.getData()
|
|
|
},
|
|
|
toggle(index) {
|
|
|
this.$refs.checkboxes[index].toggle();
|
|
@@ -194,22 +194,22 @@
|
|
|
//this.name = ''
|
|
|
//this.department = ''
|
|
|
this.index = ''
|
|
|
- },
|
|
|
- //后端获取数据
|
|
|
+ },
|
|
|
+ //后端获取数据
|
|
|
getData(){
|
|
|
- localStorage.getItem("userId")
|
|
|
- Toast.loading({
|
|
|
- message: '加载中...',
|
|
|
- forbidClick: true,
|
|
|
- duration:0
|
|
|
+ localStorage.getItem("userId")
|
|
|
+ Toast.loading({
|
|
|
+ message: '加载中...',
|
|
|
+ forbidClick: true,
|
|
|
+ duration:0
|
|
|
});
|
|
|
- console.log("后端获取数据:expressNo = " + this.expressNo);
|
|
|
+ console.log("后端获取数据:expressNo = " + this.expressNo);
|
|
|
this.$http.post(this.$store.state.host+"/solic/getExpressListByNo",{
|
|
|
expressNo:this.expressNo,
|
|
|
searchType:"2",
|
|
|
mailRoomId:localStorage.getItem('roomId'),
|
|
|
userId:localStorage.getItem('userId'),
|
|
|
- },{emulateJSON:true})
|
|
|
+ },{emulateJSON:true})
|
|
|
.then(res=>{
|
|
|
if(res.body.msg == "success"){
|
|
|
var list = res.body.resultList;
|
|
@@ -234,12 +234,12 @@
|
|
|
}
|
|
|
}else if(res.body.msg == "查无此单号"){
|
|
|
Toast("查无此快递单号!")
|
|
|
- }
|
|
|
- },res=>{
|
|
|
- //发送失败
|
|
|
- Toast("网络错误!")
|
|
|
- })
|
|
|
- Toast.clear()
|
|
|
+ }
|
|
|
+ },res=>{
|
|
|
+ //发送失败
|
|
|
+ Toast("网络错误!")
|
|
|
+ })
|
|
|
+ Toast.clear()
|
|
|
},
|
|
|
//合并签收
|
|
|
signSave(){
|
|
@@ -296,42 +296,42 @@
|
|
|
//发送失败
|
|
|
Toast("网络错误!")
|
|
|
})
|
|
|
- },
|
|
|
-
|
|
|
- },
|
|
|
- mounted:function(){
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped lang="less">
|
|
|
- .content{
|
|
|
- padding: 0.25rem .37rem;
|
|
|
- .sm{
|
|
|
- display: flex;
|
|
|
- margin-bottom: .2rem;
|
|
|
- justify-content: space-between;
|
|
|
- /deep/.van-search{
|
|
|
- width: 6.2rem;
|
|
|
- height: .76rem;
|
|
|
- border-radius: 25px;
|
|
|
- overflow: hidden;
|
|
|
- padding: 0rem;
|
|
|
- background-color: white;
|
|
|
- .van-search__content{
|
|
|
- background-color: white;
|
|
|
- }
|
|
|
- input{
|
|
|
- background-color: white;
|
|
|
- }
|
|
|
- }
|
|
|
- img{
|
|
|
- width:.4rem;
|
|
|
- height: .4rem;
|
|
|
- position: relative;
|
|
|
- top: .18rem;
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted:function(){
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+ .content{
|
|
|
+ padding: 0.25rem .37rem;
|
|
|
+ .sm{
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: .2rem;
|
|
|
+ justify-content: space-between;
|
|
|
+ /deep/.van-search{
|
|
|
+ width: 6.2rem;
|
|
|
+ height: .76rem;
|
|
|
+ border-radius: 25px;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0rem;
|
|
|
+ background-color: white;
|
|
|
+ .van-search__content{
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ input{
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ img{
|
|
|
+ width:.4rem;
|
|
|
+ height: .4rem;
|
|
|
+ position: relative;
|
|
|
+ top: .18rem;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.whrite_add2{
|
|
@@ -372,19 +372,19 @@
|
|
|
.van-cell-group{
|
|
|
background-color: unset;
|
|
|
}
|
|
|
- }
|
|
|
- .jjlist {
|
|
|
- font-size: .3rem;
|
|
|
- color: #999999;
|
|
|
-
|
|
|
- .listinfo {
|
|
|
- background: white;
|
|
|
- padding: .3rem .3rem .3rem;
|
|
|
- border-radius: .05rem;
|
|
|
- margin-bottom: .2rem;
|
|
|
- position: relative;
|
|
|
- .list_top {
|
|
|
- display: flex;
|
|
|
+ }
|
|
|
+ .jjlist {
|
|
|
+ font-size: .3rem;
|
|
|
+ color: #999999;
|
|
|
+
|
|
|
+ .listinfo {
|
|
|
+ background: white;
|
|
|
+ padding: .3rem .3rem .3rem;
|
|
|
+ border-radius: .05rem;
|
|
|
+ margin-bottom: .2rem;
|
|
|
+ position: relative;
|
|
|
+ .list_top {
|
|
|
+ display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
position: relative;
|
|
@@ -399,46 +399,46 @@
|
|
|
color: white;
|
|
|
padding: 0.03rem;
|
|
|
}
|
|
|
- }
|
|
|
- .list_top_left {
|
|
|
- img {
|
|
|
- display: inline-block;
|
|
|
- width: .87rem;
|
|
|
- height: .87rem;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- div {
|
|
|
- width: 4rem;
|
|
|
- margin-left: .2rem;
|
|
|
- display: inline-block;
|
|
|
- line-height: 150%;
|
|
|
- position: relative;
|
|
|
- top: -.1rem;
|
|
|
- p:nth-of-type(1) {
|
|
|
- font-size: .28rem;
|
|
|
- color: #333;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- p:nth-of-type(2) {
|
|
|
- font-size: .22rem;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- >p {
|
|
|
- font-size: .23rem;
|
|
|
- font-weight: bold;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .staus1{
|
|
|
- color: #f5693d;
|
|
|
- }
|
|
|
- .staus2{
|
|
|
- color: #3d82f5;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-</style>
|
|
|
+ }
|
|
|
+ .list_top_left {
|
|
|
+ img {
|
|
|
+ display: inline-block;
|
|
|
+ width: .87rem;
|
|
|
+ height: .87rem;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ div {
|
|
|
+ width: 4rem;
|
|
|
+ margin-left: .2rem;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 150%;
|
|
|
+ position: relative;
|
|
|
+ top: -.1rem;
|
|
|
+ p:nth-of-type(1) {
|
|
|
+ font-size: .28rem;
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ p:nth-of-type(2) {
|
|
|
+ font-size: .22rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ >p {
|
|
|
+ font-size: .23rem;
|
|
|
+ font-weight: bold;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .staus1{
|
|
|
+ color: #f5693d;
|
|
|
+ }
|
|
|
+ .staus2{
|
|
|
+ color: #3d82f5;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|