Skip to content

M
mayi-mp-shop
Commit 77c30a62 by 李嘉林
Options

修改

parent 9076bbba
Showing with 530 additions and 21 deletions
src/pages/home/index.vue
......@@ -3,6 +3,7 @@
<!-- <view class="ant-daipinglun">1</view> -->
<!-- <goods-list id="goodsList"></goods-list> -->
<!-- <scroll-view @scroll="scrolls" @scrolltolower="scrolltolower" style="height:100vh;overflow-y:auto;" scroll-y="true"> -->
<div class="font-size:40px;" @click="toPage">注册通行证</div>
<div style="position:relative;">
<div v-if="showSpokesManHome">
<get-index-homepage class="getIndexHomePage"></get-index-homepage>
......@@ -242,26 +243,6 @@ export default {
// };
},
onReady(){
console.log('--------on--------------ready')
const device = wx.getSystemInfoSync() // 获取设备信息
const width = device.windowWidth // 示例为一个与屏幕等宽的正方形裁剪框
const height = device.windowHeight
this.cropperOptions = {
src:"",
id:'canvasId',
targetId:'targetId',
pixelRatio:device.pixelRatio,
width, // 画布宽度
height, // 画布高度
scale: 2.5, // 最大缩放倍数
zoom: 8, // 缩放系数
cut: {
x: (width - 260) / 2, // 裁剪框x轴起点
y: (height - 220) / 2, // 裁剪框y轴期起点
width: 260, // 裁剪框宽度
height: 320 // 裁剪框高度
}
}
// 上报首页打开时间
if (wx.canIUse('reportPerformance')) {
const performance = wx.getPerformance()
......@@ -412,6 +393,9 @@ export default {
};
},
methods: {
toPage(){
wx.navigateTo({url: '/pages/wo/writeInformation/main'});
},
cReady(val){
console.log(val,'----------------404')
},
......
src/pages/wo/diningPlace/index.vue 0 → 100644
<template>
<!-- 完善资料 -->
<div class="improveInformation">
<div class="info flex">
<i class="iconfont icon-icon_duihao-mian"></i>
<p>身份核验通过！确认与完善您的相关信息</p>
</div>
<div class="user">
<div class="cell flex idPhoto">
<div class="label">
<p>证件照</p>
</div>
<div class="img">
<image
mode="widthFix"
src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/f96b596d-e1e4-43c1-b707-226ff7d107bd.png"
alt=""
></image>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>姓名</p>
</div>
<div class="text">
<p>{{ "xxxxxxxxxxx" }}</p>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>身份证号码</p>
</div>
<div class="text">
<p>{{ "42030319990909283" }}</p>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>单位</p>
</div>
<div class="text">
<p>{{ "张家口市公安局冬奥办" }}</p>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>职务职级</p>
</div>
<div class="text">
<p>{{ "党委委员、驻局纪检组书记" }}</p>
</div>
</div>
<div class="cell selectCell" @click="selectworkRegion">
<div class="label flex">
<p>工作区域</p>
<i class="iconfont icon-you"></i>
</div>
<p class="val">
{{ "云顶大酒店、密苑太子酒店、太子城区域、多乐美地" }}
</p>
</div>
<div class="cell selectCell" @click="selectDiningPlace">
<div class="label flex">
<p>就餐地点</p>
<i class="iconfont icon-you"></i>
</div>
<p class="val">
{{
"密苑太子酒店1层、密苑太子8号餐厅、密苑太子9号楼小龙坎、密苑太子炖铁锅、密苑太子usby、云顶大酒店2层大堂吧"
}}
</p>
</div>
</div>
<div class="seat"></div>
<div class="btm flex">
<div class="btn" :class="{ btn1: onInput }" @click="confirm">提交</div>
</div>
</div>
</template>
<script>
export default {
name: "improveInformation",
data() {
return {};
},
components: {},
computed: {
onInput() {
return false;
},
},
onLoad(options) {},
onReady() {
wx.setNavigationBarTitle({ title: "完善资料" });
},
methods: {
cReady() {},
selectworkRegion(){
wx.navigateTo({
url: `/pages/wo/workRegion/main`
});
},
selectDiningPlace() {
wx.navigateTo({
url: `/pages/wo/diningPlace/main`
});
},
confirm() {
console.log('--提交--')
},
},
onHide() {
console.log("--onHide");
},
onUnload() {
console.log("--onUnload");
},
};
</script>
<style lang="scss" scoped>
.improveInformation {
.cell {
align-items: center;
justify-content: space-between;
padding: 16px 16px 16px 0;
margin-left: 16px;
background: #fff;
border-bottom: 1px solid #d8d8d8;
.label {
flex-shrink: 0;
p {
font-size: 15px;
color: #333;
font-family: PingFangSC-Regular, PingFang SC;
}
}
.text {
display: flex;
align-items: center;
justify-content: flex-end;
width: 60%;
p {
font-size: 14px;
color: #999;
font-weight: 400;
}
.ipt {
width: 100%;
font-size: 14px;
text-align: right;
}
.ipt::-webkit-input-placeholder {
color: #999;
}
i {
margin-left: 8px;
font-size: 14px;
color: #999;
}
}
.img {
width: 80px;
height: 100px;
image {
width: 100%;
height: 100%;
}
}
}
.info {
padding: 10px 20px;
background: #d5edfd;
align-items: center;
position: sticky;
top: 0;
i {
color: #6dd400;
}
p {
font-size: 12px;
color: #0091ff;
margin-left: 6px;
}
}
.selectCell {
.label {
justify-content: space-between;
align-items: center;
i {
margin-left: 8px;
font-size: 14px;
color: #999;
}
}
.val {
margin-top: 16px;
font-size: 14px;
color: #999;
font-weight: 400;
}
.text {
p {
text-align: left;
}
}
}
.seat{
width: 100%;
height: 60px;
}
.btm {
position: fixed;
bottom: 0;
height: 60px;
background: #fff;
width: 100%;
justify-content: center;
align-items: center;
.btn {
display: flex;
align-items: center;
justify-content: center;
width: 90%;
height: 46px;
border-radius: 4px;
color: #fff;
background: #229df1;
}
.btn1 {
background: #c8defc;
pointer-events: none;
}
}
}
</style>
src/pages/wo/diningPlace/main.js 0 → 100644
import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()
src/pages/wo/diningPlace/main.json 0 → 100644
{
}
\ No newline at end of file
src/pages/wo/improveInformation/index.vue 0 → 100644
<template>
<!-- 完善资料 -->
<div class="improveInformation">
<div class="info flex">
<i class="iconfont icon-icon_duihao-mian"></i>
<p>身份核验通过！确认与完善您的相关信息</p>
</div>
<div class="user">
<div class="cell flex idPhoto">
<div class="label">
<p>证件照</p>
</div>
<div class="img">
<image
mode="widthFix"
src="http://mayi-newshop.oss-cn-shanghai.aliyuncs.com/public/png/f96b596d-e1e4-43c1-b707-226ff7d107bd.png"
alt=""
></image>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>姓名</p>
</div>
<div class="text">
<p>{{ "xxxxxxxxxxx" }}</p>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>身份证号码</p>
</div>
<div class="text">
<p>{{ "42030319990909283" }}</p>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>单位</p>
</div>
<div class="text">
<p>{{ "张家口市公安局冬奥办" }}</p>
</div>
</div>
<div class="cell flex">
<div class="label">
<p>职务职级</p>
</div>
<div class="text">
<p>{{ "党委委员、驻局纪检组书记" }}</p>
</div>
</div>
<div class="cell selectCell" @click="selectworkRegion">
<div class="label flex">
<p>工作区域</p>
<i class="iconfont icon-you"></i>
</div>
<p class="val">
{{ "云顶大酒店、密苑太子酒店、太子城区域、多乐美地" }}
</p>
</div>
<div class="cell selectCell" @click="selectDiningPlace">
<div class="label flex">
<p>就餐地点</p>
<i class="iconfont icon-you"></i>
</div>
<p class="val">
{{
"密苑太子酒店1层、密苑太子8号餐厅、密苑太子9号楼小龙坎、密苑太子炖铁锅、密苑太子usby、云顶大酒店2层大堂吧"
}}
</p>
</div>
</div>
<div class="seat"></div>
<div class="btm flex">
<div class="btn" :class="{ btn1: onInput }" @click="confirm">提交</div>
</div>
</div>
</template>
<script>
export default {
name: "improveInformation",
data() {
return {};
},
components: {},
computed: {
onInput() {
return false;
},
},
onLoad(options) {},
onReady() {
wx.setNavigationBarTitle({ title: "完善资料" });
},
methods: {
cReady() {},
selectworkRegion(){
wx.navigateTo({
url: `/pages/wo/workRegion/main`
});
},
selectDiningPlace() {
wx.navigateTo({
url: `/pages/wo/diningPlace/main`
});
},
confirm() {
console.log('--提交--')
},
},
onHide() {
console.log("--onHide");
},
onUnload() {
console.log("--onUnload");
},
};
</script>
<style lang="scss" scoped>
.improveInformation {
.cell {
align-items: center;
justify-content: space-between;
padding: 16px 16px 16px 0;
margin-left: 16px;
background: #fff;
border-bottom: 1px solid #d8d8d8;
.label {
flex-shrink: 0;
p {
font-size: 15px;
color: #333;
font-family: PingFangSC-Regular, PingFang SC;
}
}
.text {
display: flex;
align-items: center;
justify-content: flex-end;
width: 60%;
p {
font-size: 14px;
color: #999;
font-weight: 400;
}
.ipt {
width: 100%;
font-size: 14px;
text-align: right;
}
.ipt::-webkit-input-placeholder {
color: #999;
}
i {
margin-left: 8px;
font-size: 14px;
color: #999;
}
}
.img {
width: 80px;
height: 100px;
image {
width: 100%;
height: 100%;
}
}
}
.info {
padding: 10px 20px;
background: #d5edfd;
align-items: center;
position: sticky;
top: 0;
i {
color: #6dd400;
}
p {
font-size: 12px;
color: #0091ff;
margin-left: 6px;
}
}
.selectCell {
.label {
justify-content: space-between;
align-items: center;
i {
margin-left: 8px;
font-size: 14px;
color: #999;
}
}
.val {
margin-top: 16px;
font-size: 14px;
color: #999;
font-weight: 400;
}
.text {
p {
text-align: left;
}
}
}
.seat{
width: 100%;
height: 60px;
}
.btm {
position: fixed;
bottom: 0;
height: 60px;
background: #fff;
width: 100%;
justify-content: center;
align-items: center;
.btn {
display: flex;
align-items: center;
justify-content: center;
width: 90%;
height: 46px;
border-radius: 4px;
color: #fff;
background: #229df1;
}
.btn1 {
background: #c8defc;
pointer-events: none;
}
}
}
</style>
src/pages/wo/improveInformation/main.js 0 → 100644
import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()
src/pages/wo/improveInformation/main.json 0 → 100644
{
}
\ No newline at end of file
src/pages/wo/workRegion/index.vue 0 → 100644
<template>
<!-- 工作区域 -->
<div class="workRegion"></div>
</template>
<script type="text/ecmascript-6">
export default {
name: "workRegion",
data() {
return {};
},
components: {},
computed: {},
created() {},
mounted() {},
methods: {},
};
</script>
<style lang="scss" scoped>
.workRegion {
}
</style>
src/pages/wo/workRegion/main.js 0 → 100644
import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()
src/pages/wo/workRegion/main.json 0 → 100644
{
}
\ No newline at end of file
src/pages/wo/writeInformation/index.vue
......@@ -118,8 +118,12 @@ export default {
},
// 下一步
next(){
this.check_id_number();
console.log('--下一步--');
if(this.check_id_number()){
wx.navigateTo({
url: `/pages/wo/improveInformation/main`
});
}
},
input_id_number() {
let n = this.idNum.match(/\d{0,17}(\d|x)/i);
......
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