liaoxinyu
/
Waterinvoice_uiapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改顶部标题、新增自定义顶部导航栏

master
liaoxinyu 7 months ago
parent
508759e3e9
commit
9200990b59
19 changed files with 214 additions and 223 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      main.js
  2. 28
      pages.json
  3. 27
      pages/Invoiced/Invoiced.vue
  4. 1
      pages/Invoiced/fail.vue
  5. 318
      pages/Invoicing/Invoicing.vue
  6. 1
      pages/index/index.vue
  7. 36
      pages/login/registerphone.vue
  8. BIN
      unpackage/dist/build/web/assets/uniicons.2579c7da.ttf
  9. 2
      unpackage/dist/build/web/index.html
  10. BIN
      unpackage/dist/build/web/static/11.png
  11. 1
      unpackage/dist/build/web/static/index.2da1efab.css
  12. 7
      unpackage/dist/build/web/static/js/chunk-vendors.0e233154.js
  13. 1
      unpackage/dist/build/web/static/js/pages-Invoicing-Invoicing~pages-index-index.ba688ef9.js
  14. 1
      unpackage/dist/build/web/static/js/pages-Invoicing-Invoicing~pages-login-registerphone.7ec756b1.js
  15. 1
      unpackage/dist/build/web/static/js/pages-index-index.c292d7b2.js
  16. 1
      unpackage/dist/build/web/static/js/pages-login-registerphone.7570bb87.js
  17. BIN
      unpackage/dist/build/web/static/logo.png
  18. BIN
      unpackage/dist/build/web/static/mobile.png
  19. BIN
      unpackage/dist/build/web/static/weixin.png

6
main.js
View File

@ -1,5 +1,11 @@
import App from './App' import App from './App'
Vue.prototype.back = function() {
uni.navigateBack({
delta: 1,
})
}
// #ifndef VUE3 // #ifndef VUE3
import Vue from 'vue' import Vue from 'vue'
import './uni.promisify.adaptor' import './uni.promisify.adaptor'

28
pages.json
View File

@ -10,10 +10,7 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "电子发票", "navigationStyle": "custom"
"navigationBarBackgroundColor": "#000",
"navigationBarTextStyle": "white"
// "navigationStyle": "custom"
// "onReachBottomDistance": 10//上拉刷新距离 // "onReachBottomDistance": 10//上拉刷新距离
} }
}, },
@ -21,20 +18,14 @@
"path" : "pages/Invoicing/Invoicing", "path" : "pages/Invoicing/Invoicing",
"style" : "style" :
{ {
"navigationBarTitleText" : "开发票", "navigationStyle": "custom"
"enablePullDownRefresh" : false,
"navigationBarBackgroundColor": "#000",
"navigationBarTextStyle": "white"
} }
}, },
{ {
"path" : "pages/Invoiced/Invoiced", "path" : "pages/Invoiced/Invoiced",
"style" : "style" :
{ {
"navigationBarTitleText" : "查看已开发票", "navigationStyle": "custom"
"enablePullDownRefresh" : false,
"navigationBarBackgroundColor": "#000",
"navigationBarTextStyle": "white"
} }
}, },
{ {
@ -49,26 +40,23 @@
"path" : "pages/login/registerphone", "path" : "pages/login/registerphone",
"style" : "style" :
{ {
"navigationBarTitleText" : "", "navigationStyle": "custom"
"enablePullDownRefresh" : false
} }
}, },
{ {
"path" : "pages/Invoiced/fail", "path" : "pages/Invoiced/fail",
"style" : "style" :
{ {
"navigationBarTitleText" : "查看失败原因", "navigationStyle": "custom"
"enablePullDownRefresh" : false,
"navigationBarBackgroundColor": "#000",
"navigationBarTextStyle": "white"
} }
} }
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app", "navigationBarTitleText": "深圳大工业区水务垃圾费电子票据",
"navigationBarBackgroundColor": "#F8F8F8", "navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8" "backgroundColor": "#F8F8F8",
"__useAppLevel__": true
}, },
"uniIdRouter": {} "uniIdRouter": {}
} }

27
pages/Invoiced/Invoiced.vue
View File

@ -1,19 +1,22 @@
<template> <template>
<view style="padding: 30rpx 0px 0rpx 0px;"> <view>
<view v-if="bool == true"> <uni-nav-bar shadow title="查看已开发票" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<view class="invoiced_box"> <view style="padding: 30rpx 0px 0rpx 0px;">
<view class="text-center"><icon type="success" size="120rpx" color="#05c160" /></view> <view v-if="bool == true">
<view class="text-center title">提交成功</view> <view class="invoiced_box">
<view class="text-center title1">开发票成功后，请留意!</view> <view class="text-center"><icon type="success" size="120rpx" color="#05c160" /></view>
<view class="text-center title">提交成功</view>
<view class="text-center title1">开发票成功后，请留意!</view>
</view>
<view style="margin: 140rpx 80rpx 0px 80rpx;font-weight: bold;">
<button class="button" type="primary" @click="toindex">查看申请</button>
</view>
</view> </view>
<view style="margin: 140rpx 80rpx 0px 80rpx;font-weight: bold;"> <view v-else>
<button class="button" type="primary" @click="toindex">查看申请</button> <view class="text-center" style="padding-top: 100rpx;"><image v-if="img" :src="img" mode="widthFix" style="width: 400rpx;"></image></view>
<view class="text-center title1" style="color: #878787;">发票已开具，请扫描二维码获取发票!</view>
</view> </view>
</view> </view>
<view v-else>
<view class="text-center" style="padding-top: 100rpx;"><image v-if="img" :src="img" mode="widthFix" style="width: 400rpx;"></image></view>
<view class="text-center title1" style="color: #878787;">发票已开具，请扫描二维码获取发票!</view>
</view>
</view> </view>
</template> </template>

1
pages/Invoiced/fail.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<view> <view>
<uni-nav-bar shadow title="查看失败原因" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<view class="center">{{content}}</view> <view class="center">{{content}}</view>
</view> </view>
</template> </template>

318
pages/Invoicing/Invoicing.vue
View File

@ -1,182 +1,184 @@
<template> <template>
<view style="padding: 30rpx 0px 0rpx 0px;"> <view>
<view class="steps_box"> <uni-nav-bar shadow title="开发票" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<block class="block-step" v-for="(item, index) in stepsDatas" :key="index"> <view style="padding: 30rpx 0px 0rpx 0px;">
<view class="view_item"> <view class="steps_box">
<!-- 打钩 --> <block class="block-step" v-for="(item, index) in stepsDatas" :key="index">
<!-- <icon v-if="stepsIndex >= index ? true : false" type="success" size="48rpx" color="#007aff" /> --> <view class="view_item">
<view v-if="stepsIndex >= index ? true : false" style="color: #fff;background-color: #228def;"> {{ index + 1 }} </view> <!-- 打钩 -->
<!-- 圆圈数字 --> <!-- <icon v-if="stepsIndex >= index ? true : false" type="success" size="48rpx" color="#007aff" /> -->
<view v-else> {{ index + 1 }} </view> <view v-if="stepsIndex >= index ? true : false" style="color: #fff;background-color: #228def;"> {{ index + 1 }} </view>
<!-- 标题 --> <!-- 圆圈数字 -->
<text :style="{ color: stepsIndex >= index ? '#228ded' : '#909090' }" style="font-weight: bold;">{{ item.text }}</text> <view v-else> {{ index + 1 }} </view>
</view> <!-- 标题 -->
<!-- 横线 --> <text :style="{ color: stepsIndex >= index ? '#228ded' : '#909090' }" style="font-weight: bold;">{{ item.text }}</text>
<view v-if="index == stepsDatas.length - 1 ? false : true" :class="['view_line', stepsIndex <= index ? 'line_bgcolor1' : 'line_bgcolor']"></view> </view>
</block> <!-- 横线 -->
</view> <view v-if="index == stepsDatas.length - 1 ? false : true" :class="['view_line', stepsIndex <= index ? 'line_bgcolor1' : 'line_bgcolor']"></view>
</block>
</view>
<view class="write" :isFull="true"> <view class="write" :isFull="true">
<view class="flex flex-direction-column"> <view class="flex flex-direction-column">
<view class="header"> <view class="header">
<!-- 开票信息 --> <!-- 开票信息 -->
<view v-if="stepsIndex === 0"> <view v-if="stepsIndex === 0">
<view class="form-title">开票信息：</view> <view class="form-title">开票信息：</view>
<view class="form-box"> <view class="form-box">
<uni-forms :modelValue="list1" ref="form"> <uni-forms :modelValue="list1" ref="form">
<uni-forms-item label="开票项目:" required name="name" :label-width="90"> <uni-forms-item label="开票项目:" required name="name" :label-width="90">
<uni-data-select v-model="list1.project_id" :clear="false" :localdata="range" placeholder="请选择开票项目"></uni-data-select> <uni-data-select v-model="list1.project_id" :clear="false" :localdata="range" placeholder="请选择开票项目"></uni-data-select>
</uni-forms-item>
<uni-forms-item label="合并开票:" required name="name" :label-width="90">
<!-- <uni-data-checkbox v-model="list1.merge" :localdata="mergelist"></uni-data-checkbox> -->
<radio-group @change="radioChange" style="height: 100%;display: flex;align-items: center;margin-left: 20rpx;">
<label v-for="(item,index) in mergelist" :key="item.value">
<radio :value="item.value" :checked="list1.merge === item.value" /><text>{{item.text}}</text>
</label>
</radio-group>
</uni-forms-item>
<uni-forms-item label="用户编号:" required name="name" :label-width="90">
<uni-combox v-model="list1.pucode" :border="false" :candidates="candidates" placeholder="请选择或输入用户编号"></uni-combox>
</uni-forms-item>
<uni-forms-item label="账期:" required name="name" :label-width="90">
<view @click="showPopup" style="height: 72rpx;line-height: 72rpx;margin-left: 20rpx;margin-right: 18rpx;">
<view style="font-size: 28rpx;height: 100%;display: flex;justify-content: space-between;" v-if="list1.expire_time">
<view>{{list1.expire_time}}</view>
<view><uni-icons type="down" size="30rpx" color="rgb(153, 153, 153)"></uni-icons></view>
</view>
<view v-else style="color: #999;font-size: 28rpx;height: 100%;display: flex;justify-content: space-between;">
<view>请选择账期</view>
<view><uni-icons type="down" size="30rpx" color="rgb(153, 153, 153)"></uni-icons></view>
</view>
</view>
</uni-forms-item>
<uni-forms-item label="纳税人编号" required name="name" :label-width="90" v-if="list1.merge==1">
<!-- <view class="list3_box" v-if="list2.tax_number" :style="{color: list2.tax_number ? '#000' : '#999'}">{{list2.tax_number?list2.tax_number:'请输入请输入纳税人识别号'}}</view> -->
<uni-easyinput style="margin-left: 16rpx;" type="text" v-model="list2.tax_number" :inputBorder="false" placeholder="请输入纳税人编号"></uni-easyinput>
</uni-forms-item>
<view class="form-title">接收方式：</view>
<uni-forms-item label="手机号码" required name="name" :label-width="90">
<uni-easyinput style="margin-left: 16rpx;" type="text" v-model="list1.phone" :inputBorder="false" @blur="onInput" placeholder="请输入可用手机号码"></uni-easyinput>
</uni-forms-item>
<uni-forms-item label="邮箱" name="name" :label-width="82" style="margin-left: 40rpx;">
<uni-easyinput style="margin-left: 16rpx;" type="text" v-model="list1.email" :inputBorder="false" placeholder="请输入邮箱" @blur="validateEmail"></uni-easyinput>
</uni-forms-item>
</uni-forms>
</view>
</view>
<!-- 抬头信息 -->
<view v-if="stepsIndex === 1">
<view class="lookup">
<view class="lookup-title">抬头信息：</view>
<!-- <view class="lookup-title1" @click="Obtain"><uni-icons type="redo-filled" size="30rpx" color="#007aff"></uni-icons>导入发票抬头</view> -->
</view>
<uni-forms :modelValue="list2" ref="form1">
<uni-forms-item label="抬头类型" required name="name" :label-width="90">
<!-- <uni-data-checkbox v-model="list2.type" :localdata="headerType"></uni-data-checkbox> -->
<radio-group @change="radioChange2" style="height: 100%;display: flex;align-items: center;">
<label v-for="(item,index) in headerType" :key="item.value">
<radio :value="item.value" :checked="list2.type === item.value" disabled /><text>{{item.text}}</text>
</label>
</radio-group>
</uni-forms-item>
<uni-forms-item label="名称" required name="name" :label-width="90" v-if="list2.type=='0'||!list2.type">
<view class="list3_box" v-if="list2.title" :style="{color: list2.title ? '#000' : '#999'}">{{list2.title?list2.title:'请输入抬头名称'}}</view>
<uni-easyinput type="text" v-else v-model="list2.title1" :inputBorder="false" placeholder="请输入抬头名称"></uni-easyinput>
</uni-forms-item>
<uni-forms-item label="税号" required name="name" :label-width="90" v-if="list2.type=='0'||!list2.type">
<view class="list3_box" v-if="list2.tax_number" :style="{color: list2.tax_number ? '#000' : '#999'}">{{list2.tax_number?list2.tax_number:'请输入请输入纳税人识别号'}}</view>
<uni-easyinput type="text" v-else v-model="list2.tax_number1" @blur="taxiD" :inputBorder="false" placeholder="请输入纳税人识别号"></uni-easyinput>
</uni-forms-item>
<uni-forms-item label="姓名" required name="name" :label-width="90" v-if="list2.type=='1'">
<view class="list3_box" v-if="list2.title" :style="{color: list2.title ? '#000' : '#999'}">{{list2.title?list2.title:'请输入姓名'}}</view>
<uni-easyinput type="text" v-else v-model="list2.title1" :inputBorder="false" placeholder="请输入抬头名称"></uni-easyinput>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="合并开票:" required name="name" :label-width="90"> <uni-forms-item label="身份证" name="name" :label-width="90" v-if="list2.type=='1'">
<!-- <uni-data-checkbox v-model="list1.merge" :localdata="mergelist"></uni-data-checkbox> --> <view class="list3_box" v-if="list2.tax_number" :style="{color: list2.tax_number ? '#000' : '#999'}">{{list2.tax_number?list2.tax_number:'请输入纳税人身份证号'}}</view>
<radio-group @change="radioChange" style="height: 100%;display: flex;align-items: center;margin-left: 20rpx;"> <uni-easyinput type="text" v-else v-model="list2.tax_number1" :inputBorder="false" placeholder="请输入抬头名称"></uni-easyinput>
<label v-for="(item,index) in mergelist" :key="item.value"> </uni-forms-item>
<radio :value="item.value" :checked="list1.merge === item.value" /><text>{{item.text}}</text> </uni-forms>
</view>
<!-- 提交申请 -->
<view v-if="stepsIndex === 2">
<view class="form-title">开票信息</view>
<uni-forms>
<uni-forms-item label="开票项目" name="name" :label-width="90">
<view class="list3_box">{{project_id1(list1.project_id)}}</view>
</uni-forms-item>
<uni-forms-item label="开票金额" name="name" :label-width="90">
<view class="list3_box">{{amount}}</view>
</uni-forms-item>
<view class="form-title">抬头信息</view>
<uni-forms-item label="抬头类型" name="name" :label-width="90">
<radio-group @change="radioChange2" style="height: 100%;display: flex;align-items: center;color: #999;" >
<label v-for="(item,index) in headerType" :key="item.value">
<radio :value="list2.type" :checked="list2.type === item.value" disabled /><text>{{item.text}}</text>
</label> </label>
</radio-group> </radio-group>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="用户编号:" required name="name" :label-width="90"> <uni-forms-item label="名称" name="name" :label-width="90" v-if="list2.type=='0'">
<uni-combox v-model="list1.pucode" :border="false" :candidates="candidates" placeholder="请选择或输入用户编号"></uni-combox> <view class="list3_box">{{list2.title?list2.title:list2.title1}}</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="账期:" required name="name" :label-width="90"> <uni-forms-item label="税号" name="name" :label-width="90" v-if="list2.type=='0'">
<view @click="showPopup" style="height: 72rpx;line-height: 72rpx;margin-left: 20rpx;margin-right: 18rpx;"> <view class="list3_box">{{list2.tax_number?list2.tax_number:list2.tax_number1}}</view>
<view style="font-size: 28rpx;height: 100%;display: flex;justify-content: space-between;" v-if="list1.expire_time"> </uni-forms-item>
<view>{{list1.expire_time}}</view> <uni-forms-item label="姓名" name="name" :label-width="90" v-if="list2.type=='1'">
<view><uni-icons type="down" size="30rpx" color="rgb(153, 153, 153)"></uni-icons></view> <view class="list3_box">{{list2.title?list2.title:list2.title1}}</view>
</view>
<view v-else style="color: #999;font-size: 28rpx;height: 100%;display: flex;justify-content: space-between;">
<view>请选择账期</view>
<view><uni-icons type="down" size="30rpx" color="rgb(153, 153, 153)"></uni-icons></view>
</view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="纳税人编号" required name="name" :label-width="90" v-if="list1.merge==1"> <uni-forms-item label="身份证" name="name" :label-width="90" v-if="list2.type=='1'">
<!-- <view class="list3_box" v-if="list2.tax_number" :style="{color: list2.tax_number ? '#000' : '#999'}">{{list2.tax_number?list2.tax_number:'请输入请输入纳税人识别号'}}</view> --> <view class="list3_box">{{list2.tax_number?list2.tax_number:list2.tax_number1}}</view>
<uni-easyinput style="margin-left: 16rpx;" type="text" v-model="list2.tax_number" :inputBorder="false" placeholder="请输入纳税人编号"></uni-easyinput>
</uni-forms-item> </uni-forms-item>
<view class="form-title">接收方式：</view> <view class="form-title">接收方式</view>
<uni-forms-item label="手机号码" required name="name" :label-width="90"> <uni-forms-item label="电子邮箱" name="name" :label-width="90">
<uni-easyinput style="margin-left: 16rpx;" type="text" v-model="list1.phone" :inputBorder="false" @blur="onInput" placeholder="请输入可用手机号码"></uni-easyinput> <view class="list3_box" :style="{color: list1.email ? '#000' : '#999'}">{{list1.email?list1.email:'请选择电子邮箱'}}</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="邮箱" name="name" :label-width="82" style="margin-left: 40rpx;"> <uni-forms-item label="电话号码" name="name" :label-width="90">
<uni-easyinput style="margin-left: 16rpx;" type="text" v-model="list1.email" :inputBorder="false" placeholder="请输入邮箱" @blur="validateEmail"></uni-easyinput> <view class="list3_box">{{list1.phone}}</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
</view> </view>
<!-- 抬头信息 -->
<view v-if="stepsIndex === 1">
<view class="lookup">
<view class="lookup-title">抬头信息：</view>
<!-- <view class="lookup-title1" @click="Obtain"><uni-icons type="redo-filled" size="30rpx" color="#007aff"></uni-icons>导入发票抬头</view> -->
</view>
<uni-forms :modelValue="list2" ref="form1">
<uni-forms-item label="抬头类型" required name="name" :label-width="90">
<!-- <uni-data-checkbox v-model="list2.type" :localdata="headerType"></uni-data-checkbox> -->
<radio-group @change="radioChange2" style="height: 100%;display: flex;align-items: center;">
<label v-for="(item,index) in headerType" :key="item.value">
<radio :value="item.value" :checked="list2.type === item.value" disabled /><text>{{item.text}}</text>
</label>
</radio-group>
</uni-forms-item>
<uni-forms-item label="名称" required name="name" :label-width="90" v-if="list2.type=='0'||!list2.type">
<view class="list3_box" v-if="list2.title" :style="{color: list2.title ? '#000' : '#999'}">{{list2.title?list2.title:'请输入抬头名称'}}</view>
<uni-easyinput type="text" v-else v-model="list2.title1" :inputBorder="false" placeholder="请输入抬头名称"></uni-easyinput>
</uni-forms-item>
<uni-forms-item label="税号" required name="name" :label-width="90" v-if="list2.type=='0'||!list2.type">
<view class="list3_box" v-if="list2.tax_number" :style="{color: list2.tax_number ? '#000' : '#999'}">{{list2.tax_number?list2.tax_number:'请输入请输入纳税人识别号'}}</view>
<uni-easyinput type="text" v-else v-model="list2.tax_number1" @blur="taxiD" :inputBorder="false" placeholder="请输入纳税人识别号"></uni-easyinput>
</uni-forms-item>
<uni-forms-item label="姓名" required name="name" :label-width="90" v-if="list2.type=='1'">
<view class="list3_box" v-if="list2.title" :style="{color: list2.title ? '#000' : '#999'}">{{list2.title?list2.title:'请输入姓名'}}</view>
<uni-easyinput type="text" v-else v-model="list2.title1" :inputBorder="false" placeholder="请输入抬头名称"></uni-easyinput>
</uni-forms-item>
<uni-forms-item label="身份证" name="name" :label-width="90" v-if="list2.type=='1'">
<view class="list3_box" v-if="list2.tax_number" :style="{color: list2.tax_number ? '#000' : '#999'}">{{list2.tax_number?list2.tax_number:'请输入纳税人身份证号'}}</view>
<uni-easyinput type="text" v-else v-model="list2.tax_number1" :inputBorder="false" placeholder="请输入抬头名称"></uni-easyinput>
</uni-forms-item>
</uni-forms>
</view>
<!-- 提交申请 -->
<view v-if="stepsIndex === 2">
<view class="form-title">开票信息</view>
<uni-forms>
<uni-forms-item label="开票项目" name="name" :label-width="90">
<view class="list3_box">{{project_id1(list1.project_id)}}</view>
</uni-forms-item>
<uni-forms-item label="开票金额" name="name" :label-width="90">
<view class="list3_box">{{amount}}</view>
</uni-forms-item>
<view class="form-title">抬头信息</view>
<uni-forms-item label="抬头类型" name="name" :label-width="90">
<radio-group @change="radioChange2" style="height: 100%;display: flex;align-items: center;color: #999;" >
<label v-for="(item,index) in headerType" :key="item.value">
<radio :value="list2.type" :checked="list2.type === item.value" disabled /><text>{{item.text}}</text>
</label>
</radio-group>
</uni-forms-item>
<uni-forms-item label="名称" name="name" :label-width="90" v-if="list2.type=='0'">
<view class="list3_box">{{list2.title?list2.title:list2.title1}}</view>
</uni-forms-item>
<uni-forms-item label="税号" name="name" :label-width="90" v-if="list2.type=='0'">
<view class="list3_box">{{list2.tax_number?list2.tax_number:list2.tax_number1}}</view>
</uni-forms-item>
<uni-forms-item label="姓名" name="name" :label-width="90" v-if="list2.type=='1'">
<view class="list3_box">{{list2.title?list2.title:list2.title1}}</view>
</uni-forms-item>
<uni-forms-item label="身份证" name="name" :label-width="90" v-if="list2.type=='1'">
<view class="list3_box">{{list2.tax_number?list2.tax_number:list2.tax_number1}}</view>
</uni-forms-item>
<view class="form-title">接收方式</view>
<uni-forms-item label="电子邮箱" name="name" :label-width="90">
<view class="list3_box" :style="{color: list1.email ? '#000' : '#999'}">{{list1.email?list1.email:'请选择电子邮箱'}}</view>
</uni-forms-item>
<uni-forms-item label="电话号码" name="name" :label-width="90">
<view class="list3_box">{{list1.phone}}</view>
</uni-forms-item>
</uni-forms>
</view>
</view> </view>
</view> </view>
</view>
<view class="flex justify-end"> <view class="flex justify-end">
<view class="bottom"> <view class="bottom">
<button class="btn1" v-if="stepsIndex !== 0" @click="changeSteps" data-type="prev">上一页</button> <button class="btn1" v-if="stepsIndex !== 0" @click="changeSteps" data-type="prev">上一页</button>
</view> </view>
<view class="bottom bottom-next"> <view class="bottom bottom-next">
<button class="btn" v-if="stepsIndex !== 2" @click="changeSteps" data-type="next">下一页</button> <button class="btn" v-if="stepsIndex !== 2" @click="changeSteps" data-type="next">下一页</button>
</view> </view>
<view class="bottom bottom-next" style="padding-bottom: 30rpx;"> <view class="bottom bottom-next" style="padding-bottom: 30rpx;">
<button v-if="stepsIndex !== 0 && stepsIndex !== 1" class="btn" @click="submitForm">确认提交</button> <button v-if="stepsIndex !== 0 && stepsIndex !== 1" class="btn" @click="submitForm">确认提交</button>
</view>
</view> </view>
</view>
<uni-popup ref="inputDialog" type="dialog"> <uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputClose" mode="base" title=" " :showClose="false" <uni-popup-dialog ref="inputClose" mode="base" title=" " :showClose="false"
confirmText="知道了" :content="text"></uni-popup-dialog> confirmText="知道了" :content="text"></uni-popup-dialog>
</uni-popup> </uni-popup>
<!-- 账期弹框 --> <!-- 账期弹框 -->
<uni-popup ref="popup" type="bottom" background-color="#fff"> <uni-popup ref="popup" type="bottom" background-color="#fff">
<view style="height: 280px;"> <view style="height: 280px;">
<view class="popup-header"> <view class="popup-header">
<view @click="cancel" style="color: #999;">取消</view> <view @click="cancel" style="color: #999;">取消</view>
<view style="color: #488fd2;"><!-- 更多账期 --></view> <view style="color: #488fd2;"><!-- 更多账期 --></view>
<view @click="confirm" style="color: #646a8e;">确认</view> <view @click="confirm" style="color: #646a8e;">确认</view>
</view> </view>
<picker-view :indicator-style="indicatorStyle" :value="pickerValue" @change="onPickerChange" class="picker-view"> <picker-view :indicator-style="indicatorStyle" :value="pickerValue" @change="onPickerChange" class="picker-view">
<picker-view-column> <picker-view-column>
<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view> <view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
</picker-view-column> </picker-view-column>
<picker-view-column> <picker-view-column>
<view class="item" v-for="(item,index) in months" :key="index">{{item < 10 ? '0' + item : item}}月</view> <view class="item" v-for="(item,index) in months" :key="index">{{item < 10 ? '0' + item : item}}月</view>
</picker-view-column> </picker-view-column>
</picker-view> </picker-view>
</view> </view>
</uni-popup> </uni-popup>
</view>
</view> </view>
</template> </template>
<script> <script>

1
pages/index/index.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<view class="index"> <view class="index">
<uni-nav-bar shadow title="电子发票" backgroundColor="#000" color="#fff" />
<view> <view>
<view class="index_title"> <view class="index_title">
<view class="d-flex" style="justify-content: space-between;"> <view class="d-flex" style="justify-content: space-between;">

36
pages/login/registerphone.vue
View File

@ -1,21 +1,24 @@
<template> <template>
<view class="box"> <view>
<view v-if="id==0"> <uni-nav-bar shadow :title="toptitle" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<view><uni-easyinput prefixIcon="phone-filled" v-model="mobile" @blur="onInput" placeholder="请输入手机号"></uni-easyinput></view> <view class="box">
<view style="margin-top: 10px;"><uni-easyinput prefixIcon="contact-filled" v-model="pucode" placeholder="请输入用户编号"></uni-easyinput></view> <view v-if="id==0">
<view class="input"> <view><uni-easyinput prefixIcon="phone-filled" v-model="mobile" @blur="onInput" placeholder="请输入手机号"></uni-easyinput></view>
<uni-easyinput v-model="snsCode" placeholder="请输入内容" style="width: 100px;margin-right: 10px;"></uni-easyinput> <view style="margin-top: 10px;"><uni-easyinput prefixIcon="contact-filled" v-model="pucode" placeholder="请输入用户编号"></uni-easyinput></view>
<button class="mini-btn" type="primary" size="mini" @click="toCode" :disabled="num > 0"> {{ num > 0 ? `${num}秒后重新获取` : '获取验证码' }}</button> <view class="input">
<uni-easyinput v-model="snsCode" placeholder="请输入内容" style="width: 100px;margin-right: 10px;"></uni-easyinput>
<button class="mini-btn" type="primary" size="mini" @click="toCode" :disabled="num > 0"> {{ num > 0 ? `${num}秒后重新获取` : '获取验证码' }}</button>
</view>
<view><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">绑定手机号</button></view>
</view> </view>
<view><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">绑定手机号</button></view> <view v-else>
</view> <view><uni-easyinput prefixIcon="phone-filled" v-model="phone" @blur="onInput1" placeholder="请输入手机号"></uni-easyinput></view>
<view v-else> <view class="input">
<view><uni-easyinput prefixIcon="phone-filled" v-model="phone" @blur="onInput1" placeholder="请输入手机号"></uni-easyinput></view> <uni-easyinput v-model="smsCode" placeholder="请输入内容" style="width: 100px;margin-right: 10px;"></uni-easyinput>
<view class="input"> <button class="mini-btn" type="primary" size="mini" @click="toCode" :disabled="num > 0"> {{ num > 0 ? `${num}秒后重新获取` : '获取验证码' }}</button>
<uni-easyinput v-model="smsCode" placeholder="请输入内容" style="width: 100px;margin-right: 10px;"></uni-easyinput> </view>
<button class="mini-btn" type="primary" size="mini" @click="toCode" :disabled="num > 0"> {{ num > 0 ? `${num}秒后重新获取` : '获取验证码' }}</button> <view><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">手机号登录</button></view>
</view> </view>
<view><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">手机号登录</button></view>
</view> </view>
</view> </view>
</template> </template>
@ -33,6 +36,7 @@
num: 0, num: 0,
phone:'', phone:'',
smsCode:'', smsCode:'',
toptitle:'',
styles:{ styles:{
width:'100px' width:'100px'
} }
@ -40,7 +44,7 @@
}, },
onLoad(options) { onLoad(options) {
this.id = options.id; this.id = options.id;
uni.setNavigationBarTitle({title: options.id == '0' ? '手机号绑定' : '手机号登录'}); this.toptitle = options.id == '0' ? '手机号绑定' : '手机号登录';
if (!uni.getStorageSync('phone') && options.id == '0'){ if (!uni.getStorageSync('phone') && options.id == '0'){
uni.showToast({title: '请先绑定手机号',icon: 'none'}); uni.showToast({title: '请先绑定手机号',icon: 'none'});
} }

BIN
unpackage/dist/build/web/assets/uniicons.2579c7da.ttf
View File

Binary file not shown.

2
unpackage/dist/build/web/index.html
View File

@ -1,2 +0,0 @@
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Waterinvoice_uiapp</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=./static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=./static/js/chunk-vendors.0e233154.js></script><script src=./static/js/index.eea67daa.js></script></body></html>

BIN
unpackage/dist/build/web/static/11.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

1
unpackage/dist/build/web/static/index.2da1efab.css
View File

File diff suppressed because one or more lines are too long

7
unpackage/dist/build/web/static/js/chunk-vendors.0e233154.js
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/build/web/static/js/pages-Invoicing-Invoicing~pages-index-index.ba688ef9.js
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/build/web/static/js/pages-Invoicing-Invoicing~pages-login-registerphone.7ec756b1.js
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/build/web/static/js/pages-index-index.c292d7b2.js
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/build/web/static/js/pages-login-registerphone.7570bb87.js
View File

File diff suppressed because one or more lines are too long

BIN
unpackage/dist/build/web/static/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
unpackage/dist/build/web/static/mobile.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
unpackage/dist/build/web/static/weixin.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

Write Preview
Loading…
Cancel
Save