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
Split 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. 324
      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'
Vue.prototype.back = function() {
uni.navigateBack({
delta: 1,
})
}
// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'

28
pages.json
View File

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

27
pages/Invoiced/Invoiced.vue
View File

@ -1,19 +1,22 @@
<template>
<view style="padding: 30rpx 0px 0rpx 0px;">
<view v-if="bool == true">
<view class="invoiced_box">
<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>
<uni-nav-bar shadow title="查看已开发票" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<view style="padding: 30rpx 0px 0rpx 0px;">
<view v-if="bool == true">
<view class="invoiced_box">
<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 style="margin: 140rpx 80rpx 0px 80rpx;font-weight: bold;">
<button class="button" type="primary" @click="toindex">查看申请</button>
<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 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>
</template>

1
pages/Invoiced/fail.vue
View File

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

324
pages/Invoicing/Invoicing.vue
View File

@ -1,182 +1,184 @@
<template>
<view style="padding: 30rpx 0px 0rpx 0px;">
<view class="steps_box">
<block class="block-step" v-for="(item, index) in stepsDatas" :key="index">
<view class="view_item">
<!-- 打钩 -->
<!-- <icon v-if="stepsIndex >= index ? true : false" type="success" size="48rpx" color="#007aff" /> -->
<view v-if="stepsIndex >= index ? true : false" style="color: #fff;background-color: #228def;"> {{ index + 1 }} </view>
<!-- 圆圈数字 -->
<view v-else> {{ index + 1 }} </view>
<!-- 标题 -->
<text :style="{ color: stepsIndex >= index ? '#228ded' : '#909090' }" style="font-weight: bold;">{{ item.text }}</text>
</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="flex flex-direction-column">
<view class="header">
<!-- 开票信息 -->
<view v-if="stepsIndex === 0">
<view class="form-title">开票信息：</view>
<view class="form-box">
<uni-forms :modelValue="list1" ref="form">
<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>
<view>
<uni-nav-bar shadow title="开发票" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<view style="padding: 30rpx 0px 0rpx 0px;">
<view class="steps_box">
<block class="block-step" v-for="(item, index) in stepsDatas" :key="index">
<view class="view_item">
<!-- 打钩 -->
<!-- <icon v-if="stepsIndex >= index ? true : false" type="success" size="48rpx" color="#007aff" /> -->
<view v-if="stepsIndex >= index ? true : false" style="color: #fff;background-color: #228def;"> {{ index + 1 }} </view>
<!-- 圆圈数字 -->
<view v-else> {{ index + 1 }} </view>
<!-- 标题 -->
<text :style="{ color: stepsIndex >= index ? '#228ded' : '#909090' }" style="font-weight: bold;">{{ item.text }}</text>
</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="flex flex-direction-column">
<view class="header">
<!-- 开票信息 -->
<view v-if="stepsIndex === 0">
<view class="form-title">开票信息：</view>
<view class="form-box">
<uni-forms :modelValue="list1" ref="form">
<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-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 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>
<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="用户编号:" required name="name" :label-width="90">
<uni-combox v-model="list1.pucode" :border="false" :candidates="candidates" placeholder="请选择或输入用户编号"></uni-combox>
<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="账期:" 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 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="纳税人编号" 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 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="手机号码" 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>
<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="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 label="电话号码" name="name" :label-width="90">
<view class="list3_box">{{list1.phone}}</view>
</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 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 class="flex justify-end">
<view class="bottom">
<button class="btn1" v-if="stepsIndex !== 0" @click="changeSteps" data-type="prev">上一页</button>
</view>
<view class="bottom bottom-next">
<button class="btn" v-if="stepsIndex !== 2" @click="changeSteps" data-type="next">下一页</button>
</view>
<view class="bottom bottom-next" style="padding-bottom: 30rpx;">
<button v-if="stepsIndex !== 0 && stepsIndex !== 1" class="btn" @click="submitForm">确认提交</button>
</view>
</view>
<uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputClose" mode="base" title=" " :showClose="false"
confirmText="知道了" :content="text"></uni-popup-dialog>
</uni-popup>
<!-- 账期弹框 -->
<uni-popup ref="popup" type="bottom" background-color="#fff">
<view style="height: 280px;">
<view class="popup-header">
<view @click="cancel" style="color: #999;">取消</view>
<view style="color: #488fd2;"><!-- 更多账期 --></view>
<view @click="confirm" style="color: #646a8e;">确认</view>
<view class="flex justify-end">
<view class="bottom">
<button class="btn1" v-if="stepsIndex !== 0" @click="changeSteps" data-type="prev">上一页</button>
</view>
<view class="bottom bottom-next">
<button class="btn" v-if="stepsIndex !== 2" @click="changeSteps" data-type="next">下一页</button>
</view>
<view class="bottom bottom-next" style="padding-bottom: 30rpx;">
<button v-if="stepsIndex !== 0 && stepsIndex !== 1" class="btn" @click="submitForm">确认提交</button>
</view>
<picker-view :indicator-style="indicatorStyle" :value="pickerValue" @change="onPickerChange" class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in months" :key="index">{{item < 10 ? '0' + item : item}}月</view>
</picker-view-column>
</picker-view>
</view>
</uni-popup>
<uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputClose" mode="base" title=" " :showClose="false"
confirmText="知道了" :content="text"></uni-popup-dialog>
</uni-popup>
<!-- 账期弹框 -->
<uni-popup ref="popup" type="bottom" background-color="#fff">
<view style="height: 280px;">
<view class="popup-header">
<view @click="cancel" style="color: #999;">取消</view>
<view style="color: #488fd2;"><!-- 更多账期 --></view>
<view @click="confirm" style="color: #646a8e;">确认</view>
</view>
<picker-view :indicator-style="indicatorStyle" :value="pickerValue" @change="onPickerChange" class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in months" :key="index">{{item < 10 ? '0' + item : item}}月</view>
</picker-view-column>
</picker-view>
</view>
</uni-popup>
</view>
</view>
</template>
<script>

1
pages/index/index.vue
View File

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

36
pages/login/registerphone.vue
View File

@ -1,21 +1,24 @@
<template>
<view class="box">
<view v-if="id==0">
<view><uni-easyinput prefixIcon="phone-filled" v-model="mobile" @blur="onInput" placeholder="请输入手机号"></uni-easyinput></view>
<view style="margin-top: 10px;"><uni-easyinput prefixIcon="contact-filled" v-model="pucode" placeholder="请输入用户编号"></uni-easyinput></view>
<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>
<uni-nav-bar shadow :title="toptitle" left-icon="left" @clickLeft="back" backgroundColor="#000" color="#fff" />
<view class="box">
<view v-if="id==0">
<view><uni-easyinput prefixIcon="phone-filled" v-model="mobile" @blur="onInput" placeholder="请输入手机号"></uni-easyinput></view>
<view style="margin-top: 10px;"><uni-easyinput prefixIcon="contact-filled" v-model="pucode" placeholder="请输入用户编号"></uni-easyinput></view>
<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><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">绑定手机号</button></view>
</view>
<view v-else>
<view><uni-easyinput prefixIcon="phone-filled" v-model="phone" @blur="onInput1" placeholder="请输入手机号"></uni-easyinput></view>
<view class="input">
<uni-easyinput v-model="smsCode" 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 v-else>
<view><uni-easyinput prefixIcon="phone-filled" v-model="phone" @blur="onInput1" placeholder="请输入手机号"></uni-easyinput></view>
<view class="input">
<uni-easyinput v-model="smsCode" 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><button type="primary" style="width: 180px;margin-top: 20px;" @click="register">手机号登录</button></view>
</view>
</view>
</template>
@ -33,6 +36,7 @@
num: 0,
phone:'',
smsCode:'',
toptitle:'',
styles:{
width:'100px'
}
@ -40,7 +44,7 @@
},
onLoad(options) {
this.id = options.id;
uni.setNavigationBarTitle({title: options.id == '0' ? '手机号绑定' : '手机号登录'});
this.toptitle = options.id == '0' ? '手机号绑定' : '手机号登录';
if (!uni.getStorageSync('phone') && options.id == '0'){
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