Commit 2ea6f30a authored by gengchunlei's avatar gengchunlei

test1

parent 35b2ad20
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
src="https://webapi.amap.com/maps?v=1.4.15&key=8830df3ce60e0b6348e0854a939ffa9d"></script> src="https://webapi.amap.com/maps?v=1.4.15&key=8830df3ce60e0b6348e0854a939ffa9d"></script>
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script> <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>--> <!--<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>-->
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>
<body> <body>
......
...@@ -5,7 +5,11 @@ ...@@ -5,7 +5,11 @@
<mt-button icon="back"></mt-button> <mt-button icon="back"></mt-button>
</div> </div>
</mt-header> </mt-header>
<div class="content-list" v-if="!noDataShow"> <div class="content-list" v-if="!noDataShow">
<div class="visit_head">
<input id="userName" type="text" v-model="username" placeholder="请输入用户姓名"/>
</div>
<div <div
class="list-data" class="list-data"
v-infinite-scroll="loadMore" v-infinite-scroll="loadMore"
...@@ -13,23 +17,33 @@ ...@@ -13,23 +17,33 @@
infinite-scroll-distance="10" infinite-scroll-distance="10"
> >
<div class="content-item ui-flex justify-center center" <div class="content-item ui-flex justify-center center"
v-for="item in detailInfo" v-for="(item,index) in detailInfo"
:key="item.id" :key="item.id"
> >
<div class="check-btn"> <div style="width: 100%">
<input type="radio" id="1" :value="JSON.stringify(item)" v-model="checkedMedical"> <label :for="index">
</div> <div class="allflex">
<div class="cell"> <div class="check-btn">
<img :src="item.imgUrl"/> <input type="radio" :id="index" :value="JSON.stringify(item)" v-model="checkedMedical">
</div> </div>
<div class="tradeInfo"> <div class="cell" style="width: 85px;">
<div class="tradeName">{{item.medicineName}}</div> <img :src="item.imgUrl"/>
<div style="margin-top: 5px"><label style="float: left;margin-bottom: 0">数量:{{item.stockNum}}</label><label style="float: right;margin-right: 15px;margin-bottom: 0">规格:{{item.specs}}</label><div style="clear: both"></div></div> </div>
<div>有效期至:{{item.expireDate}}</div> <div class="tradeInfo" style="flex-grow: 1">
<div>生产厂家:{{item.factoryName}}</div> <div class="tradeName">{{item.medicineName}}</div>
<div style="margin-top: 5px;">
<label style="float: left;margin-bottom: 0px">数量:{{item.stockNum}}</label>
<label style="float: right;margin-right: 15px;margin-bottom: 0px">规格:{{item.specs}}</label>
<div style="clear: both"></div>
</div>
<div style="margin-top: 5px">有效期至:{{item.expireDate}}</div>
<div style="margin-top: 5px">生产厂家:{{item.factoryName}}</div>
</div>
</div>
</label>
<div style="clear: both"></div>
</div> </div>
<div style="clear: both"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -63,6 +77,7 @@ ...@@ -63,6 +77,7 @@
name: "choiceContraceptives", name: "choiceContraceptives",
data(){ data(){
return{ return{
username: '',
routerDetail:{}, routerDetail:{},
loading: false, loading: false,
checkedMedical:'', checkedMedical:'',
...@@ -124,6 +139,7 @@ ...@@ -124,6 +139,7 @@
const {phone = '', userId =''} = info const {phone = '', userId =''} = info
const {id, expireDate, produceDate, ...other } = pars const {id, expireDate, produceDate, ...other } = pars
let par = { let par = {
residentName: this.username,
residentId: userId, residentId: userId,
telephone: phone, telephone: phone,
networkId: this.routerDetail, networkId: this.routerDetail,
...@@ -151,7 +167,49 @@ ...@@ -151,7 +167,49 @@
} }
</script> </script>
<style scoped> <style scoped lang="less">
/* .visit_head span {
position:absolute;
left:0;
margin-top: 20px;
height: 35px;
}*/
.visit_head {
:-moz-placeholder {
text-align: center;
}
::-moz-placeholder {
text-align: center;
}
::-webkit-input-placeholder {
text-align: center;
}
:-ms-input-placeholder {
text-align: center;
}
}
.visit_head input[type=text] {
text-align:center;
height: 35px;
margin-top: 10px;
border: none;
outline: none;
width: 100%;
padding-left: 5px;
border-bottom: 1px solid #F0F0F0;
color: #6E6166;
outline: none;
}
.allflex {
display: flex;
justify-content: space-around;
align-items: center;
height: 103px;
}
.tips{ .tips{
color: #747971; color: #747971;
font-size: 14px; font-size: 14px;
...@@ -212,7 +270,7 @@ ...@@ -212,7 +270,7 @@
} }
.tradeInfo{ .tradeInfo{
float: left; float: left;
width:calc(100% - 130px); width:calc(100vw - 130px);
padding-left: 10px; padding-left: 10px;
} }
.tradeName{ .tradeName{
......
...@@ -72,10 +72,12 @@ ...@@ -72,10 +72,12 @@
let mobileToken = getQueryVariable('token') let mobileToken = getQueryVariable('token')
let userId = getQueryVariable('userId') let userId = getQueryVariable('userId')
let mobilePhone = getQueryVariable('mobile') let mobilePhone = getQueryVariable('mobile')
let realName = getQueryVariable('realName')
let mobileTokenIno = { let mobileTokenIno = {
token: mobileToken, token: mobileToken,
userId: userId, userId: userId,
phone: mobilePhone phone: mobilePhone,
realName,
} }
window.sessionStorage.setItem('mobileTokenIno', JSON.stringify(mobileTokenIno)) window.sessionStorage.setItem('mobileTokenIno', JSON.stringify(mobileTokenIno))
}, },
...@@ -120,7 +122,7 @@ ...@@ -120,7 +122,7 @@
}) })
} }
});*/ });*/
// this.$router.push({path: `/choiceContraceptives`,query:{info:1986}}); // this.$router.push({path: `/choiceContraceptives`,query:{info:1}});
this.$router.push('/collectRecords'); this.$router.push('/collectRecords');
}, },
toRealHome() { toRealHome() {
......
...@@ -133,6 +133,7 @@ ...@@ -133,6 +133,7 @@
satisfiedReason: this.formData.disagreeReason, satisfiedReason: this.formData.disagreeReason,
bad: this.formData.isBadReaction, bad: this.formData.isBadReaction,
badReason: badInfo, badReason: badInfo,
inputType: 0,
badOther: this.formData.otherBadReaction badOther: this.formData.otherBadReaction
} }
addVisitRecord(par).then(({data}) => { addVisitRecord(par).then(({data}) => {
......
...@@ -7,16 +7,20 @@ ...@@ -7,16 +7,20 @@
</mt-header> </mt-header>
<div class="siteDetailInfo"> <div class="siteDetailInfo">
<div class="siteName">{{siteDetail.netName}}</div> <div class="siteName">{{siteDetail.netName}}</div>
<div><label style="font-size: 15px">距离:{{siteDetail.distance}}km</label><label <div>
style="margin-left: 20px;font-size: 15px">类型:{{siteDetail.netTypeName}}</label></div> <label style="font-size: 15px">距离:{{siteDetail.distance}}km</label>
<div class="ui-flex justify-center center" style="line-height: 29px">地址: <label style="margin-left: 20px;font-size: 15px">类型:{{siteDetail.netTypeName}}</label>
<label @click="clickAddress" class="btn">{{siteDetail.netAddress}}</label>
<div class="cell" ><img src="../assets/img/mark.png" style="width: 16px;height: 16px"/></div>
</div> </div>
<div class="ui-flex justify-center center">联系电话: <div class="ui-flex justify-center center" style="line-height: 29px;margin-top: 5px">
<label @click="clickPhone" class="btn"> 地址:<label @click="clickAddress" class="btns">{{siteDetail.netAddress}}</label>
<div class="cell">
<img src="../assets/img/mark.png" style="width: 24px;height: 24px"/>
</div>
</div>
<div class="ui-flex justify-center center" style="margin-top: 5px">
联系电话:<label @click="clickPhone" class="btns">
<a :href="`tel:${siteDetail.netPhone}`">{{siteDetail.netPhone}}</a></label> <a :href="`tel:${siteDetail.netPhone}`">{{siteDetail.netPhone}}</a></label>
<div class="cell" ><img src="../assets/img/phone.png"/></div> <div class="cell"><img src="../assets/img/phone.png" style="width: 16px;height: 20px"/></div>
</div> </div>
</div> </div>
<div style="padding:0 20px;font-size: 15px">该网点当前可领取的药具</div> <div style="padding:0 20px;font-size: 15px">该网点当前可领取的药具</div>
...@@ -43,8 +47,8 @@ ...@@ -43,8 +47,8 @@
style="float: right;margin-right: 15px;margin-bottom: 0">规格:{{item.specs}}</label> style="float: right;margin-right: 15px;margin-bottom: 0">规格:{{item.specs}}</label>
<div style="clear: both"></div> <div style="clear: both"></div>
</div> </div>
<div>有效期至:{{item.expireDate}}</div> <div style="margin-top: 5px">有效期至:{{item.expireDate}}</div>
<div>生产厂家:{{item.factoryName}}</div> <div style="margin-top: 5px">生产厂家:{{item.factoryName}}</div>
</div> </div>
<div style="clear: both"></div> <div style="clear: both"></div>
...@@ -121,10 +125,10 @@ ...@@ -121,10 +125,10 @@
clickAddress() { clickAddress() {
let info = this.siteDetail let info = this.siteDetail
// const {nowLocal = []} = info // const {nowLocal = []} = info
/* if (nowLocal.length > 0) { /* if (nowLocal.length > 0) {
window.location.href = `https://uri.amap.com/navigation?from=${nowLocal[0]},${nowLocal[1]},我的位置&to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0` window.location.href = `https://uri.amap.com/navigation?from=${nowLocal[0]},${nowLocal[1]},我的位置&to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`
} else {*/ } else {*/
window.location.href = `https://uri.amap.com/navigation?to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0` window.location.href = `https://uri.amap.com/navigation?to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`
/*}*/ /*}*/
// window.location.href = `https://uri.amap.com/navigation?to=${info.netLongitude},${info.netLatitude},${info.netAddress}&callnative=1&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0` // window.location.href = `https://uri.amap.com/navigation?to=${info.netLongitude},${info.netLatitude},${info.netAddress}&callnative=1&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`
// window.location.href=`https://uri.amap.com/marker?position=${info.netLongitude}, ${info.netLatitude}&name=${info.netAddress}` // window.location.href=`https://uri.amap.com/marker?position=${info.netLongitude}, ${info.netLatitude}&name=${info.netAddress}`
...@@ -205,9 +209,9 @@ ...@@ -205,9 +209,9 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.btn { .btns {
color: #00CA9D; color: #00CA9D;
background-color: #FFFFFF; /*background-color: #FFFFFF;*/
border: 0px none; border: 0px none;
margin-top: 2px; margin-top: 2px;
margin-right: 5px; margin-right: 5px;
...@@ -216,7 +220,7 @@ ...@@ -216,7 +220,7 @@
font-size: 15px; font-size: 15px;
} }
.btn:focus { .btns:focus {
outline: none; outline: none;
} }
......
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