Skip to content

C
contraceptives_app
Commit 2ea6f30a authored by gengchunlei's avatar gengchunlei
Browse files
Options

test1

parent 35b2ad20
Hide whitespace changes
Inline Side-by-side
Showing with 100 additions and 35 deletions
public/index.html
View file @ 2ea6f30a
......@@ -11,7 +11,7 @@
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>
<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>
</head>
<body>
......
src/views/choiceContraceptives.vue
View file @ 2ea6f30a
......@@ -5,7 +5,11 @@
<mt-button icon="back"></mt-button>
</div>
</mt-header>
<div class="content-list" v-if="!noDataShow">
<div class="visit_head">
<input id="userName" type="text" v-model="username" placeholder="请输入用户姓名"/>
</div>
<div
class="list-data"
v-infinite-scroll="loadMore"
......@@ -13,23 +17,33 @@
infinite-scroll-distance="10"
>
<div class="content-item ui-flex justify-center center"
v-for="item in detailInfo"
v-for="(item,index) in detailInfo"
:key="item.id"
>
<div class="check-btn">
<input type="radio" id="1" :value="JSON.stringify(item)" v-model="checkedMedical">
</div>
<div class="cell">
<img :src="item.imgUrl"/>
</div>
<div class="tradeInfo">
<div class="tradeName">{{item.medicineName}}</div>
<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>有效期至：{{item.expireDate}}</div>
<div>生产厂家：{{item.factoryName}}</div>
<div style="width: 100%">
<label :for="index">
<div class="allflex">
<div class="check-btn">
<input type="radio" :id="index" :value="JSON.stringify(item)" v-model="checkedMedical">
</div>
<div class="cell" style="width: 85px;">
<img :src="item.imgUrl"/>
</div>
<div class="tradeInfo" style="flex-grow: 1">
<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 style="clear: both"></div>
</div>
</div>
</div>
......@@ -63,6 +77,7 @@
name: "choiceContraceptives",
data(){
return{
username: '',
routerDetail:{},
loading: false,
checkedMedical:'',
......@@ -124,6 +139,7 @@
const {phone = '', userId =''} = info
const {id, expireDate, produceDate, ...other } = pars
let par = {
residentName: this.username,
residentId: userId,
telephone: phone,
networkId: this.routerDetail,
......@@ -151,7 +167,49 @@
}
</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{
color: #747971;
font-size: 14px;
......@@ -212,7 +270,7 @@
}
.tradeInfo{
float: left;
width:calc(100% - 130px);
width:calc(100vw - 130px);
padding-left: 10px;
}
.tradeName{
......
src/views/myMap.vue
View file @ 2ea6f30a
......@@ -72,10 +72,12 @@
let mobileToken = getQueryVariable('token')
let userId = getQueryVariable('userId')
let mobilePhone = getQueryVariable('mobile')
let realName = getQueryVariable('realName')
let mobileTokenIno = {
token: mobileToken,
userId: userId,
phone: mobilePhone
phone: mobilePhone,
realName,
}
window.sessionStorage.setItem('mobileTokenIno', JSON.stringify(mobileTokenIno))
},
......@@ -120,7 +122,7 @@
})
}
});*/
// this.$router.push({path: `/choiceContraceptives`,query:{info:1986}});
// this.$router.push({path: `/choiceContraceptives`,query:{info:1}});
this.$router.push('/collectRecords');
},
toRealHome() {
......
src/views/returnVisit.vue
View file @ 2ea6f30a
......@@ -133,6 +133,7 @@
satisfiedReason: this.formData.disagreeReason,
bad: this.formData.isBadReaction,
badReason: badInfo,
inputType: 0,
badOther: this.formData.otherBadReaction
}
addVisitRecord(par).then(({data}) => {
......
src/views/siteDetails.vue
View file @ 2ea6f30a
......@@ -7,16 +7,20 @@
</mt-header>
<div class="siteDetailInfo">
<div class="siteName">{{siteDetail.netName}}</div>
<div><label style="font-size: 15px">距离：{{siteDetail.distance}}km</label><label
style="margin-left: 20px;font-size: 15px">类型：{{siteDetail.netTypeName}}</label></div>
<div class="ui-flex justify-center center" style="line-height: 29px">地址：
<label @click="clickAddress" class="btn">{{siteDetail.netAddress}}</label>
<div class="cell" ><img src="../assets/img/mark.png" style="width: 16px;height: 16px"/></div>
<div>
<label style="font-size: 15px">距离：{{siteDetail.distance}}km</label>
<label style="margin-left: 20px;font-size: 15px">类型：{{siteDetail.netTypeName}}</label>
</div>
<div class="ui-flex justify-center center">联系电话：
<label @click="clickPhone" class="btn">
<div class="ui-flex justify-center center" style="line-height: 29px;margin-top: 5px">
地址：<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>
<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 style="padding:0 20px;font-size: 15px">该网点当前可领取的药具</div>
......@@ -43,8 +47,8 @@
style="float: right;margin-right: 15px;margin-bottom: 0">规格：{{item.specs}}</label>
<div style="clear: both"></div>
</div>
<div>有效期至：{{item.expireDate}}</div>
<div>生产厂家：{{item.factoryName}}</div>
<div style="margin-top: 5px">有效期至：{{item.expireDate}}</div>
<div style="margin-top: 5px">生产厂家：{{item.factoryName}}</div>
</div>
<div style="clear: both"></div>
......@@ -121,10 +125,10 @@
clickAddress() {
let info = this.siteDetail
// const {nowLocal = []} = info
/* 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`
} 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`
/* 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`
} 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}&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}`
......@@ -205,9 +209,9 @@
margin-bottom: 10px;
}
.btn {
.btns {
color: #00CA9D;
background-color: #FFFFFF;
/*background-color: #FFFFFF;*/
border: 0px none;
margin-top: 2px;
margin-right: 5px;
......@@ -216,7 +220,7 @@
font-size: 15px;
}
.btn:focus {
.btns:focus {
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