瀏覽代碼

优化改动

wulanhaote
庞东旭 2 年之前
父節點
當前提交
1e542a2693
共有 10 個檔案被更改,包括 524 行新增93 行删除
  1. 二進制
      src/assets/images/sunVillage_info/index_title.png
  2. +18
    -0
      src/router/index.js
  3. +99
    -2
      src/views/sunVillage_info/index.vue
  4. +157
    -0
      src/views/yinnong/doneCompleted/completed.vue
  5. +157
    -0
      src/views/yinnong/doneCompleted/done.vue
  6. +20
    -20
      src/views/yinnong/my.vue
  7. +13
    -13
      src/views/yinnong/workbench.vue
  8. +3
    -1
      src/views/yinnongIndex.vue
  9. +57
    -57
      src/views/yinnongLogin.vue
  10. 二進制
      static/images/onlineHome/yinnongLogo.jpg

二進制
src/assets/images/sunVillage_info/index_title.png 查看文件

Before After
Width: 521  |  Height: 52  |  Size: 5.0 KiB Width: 457  |  Height: 51  |  Size: 4.5 KiB

+ 18
- 0
src/router/index.js 查看文件

@@ -1852,6 +1852,24 @@ export const constantRoutes = [
}, },
component: (resolve) => require(['@/views/yinnong/done'], resolve) component: (resolve) => require(['@/views/yinnong/done'], resolve)
}, },
{
path: '/yinnong/doneCompleted/done',
name: 'yinnongDoneCompletedDone',
meta: {
title: '我的已办',
hidden: true,
},
component: (resolve) => require(['@/views/yinnong/doneCompleted/done'], resolve)
},
{
path: '/yinnong/doneCompleted/completed',
name: 'yinnongDoneCompletedCompleted',
meta: {
title: '我的待办',
hidden: true,
},
component: (resolve) => require(['@/views/yinnong/doneCompleted/completed'], resolve)
},
{ {
path: '/yinnong/advice', path: '/yinnong/advice',
name: 'yinnongAdvice', name: 'yinnongAdvice',


+ 99
- 2
src/views/sunVillage_info/index.vue 查看文件

@@ -47,6 +47,11 @@
<div class="title"></div> <div class="title"></div>
<div class="nav_list"> <div class="nav_list">
<div class="nav_list_box"> <div class="nav_list_box">
<van-cell style="border-radius: 6px;">
<template #title>
<p style="font-weight: bold;font-size: 18px;display: inline-block">阳光村务</p>
</template>
</van-cell>
<router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link> <router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link>
<router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link> <router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link>
<router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link> <router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link>
@@ -57,6 +62,71 @@
<router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link> <router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link>
</div> </div>
</div> </div>
<div class="nav_list">
<div class="nav_box">
<van-cell style="border-radius: 6px;">
<template #title>
<p style="font-weight: bold;font-size: 18px;display: inline-block">支出申请</p>
</template>
</van-cell>
<van-grid :border="false">
<van-grid-item text="银行卡转账" :to="{name:'approvalList'}" >
<div class="icon" slot="default" style="background:#FF4646;" >
<img src="../../../static/images/onlineHome/icon_Y1.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">银行卡转账</p>
</van-grid-item>
<!-- <van-grid-item text="代管转账" :to="{name:'approvalList4'}" >-->
<!-- <div class="icon" slot="default" style="background:#c568f5;" >-->
<!-- <img src="../../../static/images/onlineHome/icon_Y4.png" alt />-->
<!-- </div>-->
<!-- <p style="margin-top: 5px;color: #666666;">代管转账</p>-->
<!-- </van-grid-item>-->
<van-grid-item text="信用卡还款" :to="{name:'approvalList2'}" >
<div class="icon" slot="default" style="background:#3ac2db;" >
<img src="../../../static/images/onlineHome/icon_Y2.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">信用卡还款</p>
</van-grid-item>
<!-- <van-grid-item text="现金提现" :to="{name:'approvalList10'}" >-->
<!-- <div class="icon" slot="default" style="background:#FF6464;" >-->
<!-- <img src="../../../static/images/onlineHome/icon_Y6.png" alt />-->
<!-- </div>-->
<!-- <p style="margin-top: 5px;color: #666666;">现金提现</p>-->
<!-- </van-grid-item>-->
<van-grid-item text="备付金支出" :to="{name:'approvalList11'}" >
<div class="icon" slot="default" style="background:#7790FE;" >
<img src="../../../static/images/onlineHome/icon_Y7.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">备付金支出</p>
</van-grid-item>
<van-grid-item text="汇票支出" :to="{name:'approvalList12'}" >
<div class="icon" slot="default" style="background:#539ffd;" >
<img src="../../../static/images/onlineHome/icon_Y8.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">汇票支出</p>
</van-grid-item>
<van-grid-item text="收款账户" :to="{name:'collectionList'}" >
<div class="icon" slot="default" style="background:#7dda4f;" >
<img src="../../../static/images/onlineHome/icon_Y9.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">收款账户</p>
</van-grid-item>
<van-grid-item text="付款账户" :to="{name:'paymentAccountList'}" >
<div class="icon" slot="default" style="background:#FF4646;" >
<img src="../../../static/images/onlineHome/icon_Y10.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">付款账户</p>
</van-grid-item>
<van-grid-item text="开户行" :to="{name:'yinnongBankOfDepositList'}" >
<div class="icon" slot="default" style="background:#FF6464;" >
<img src="../../../static/images/onlineHome/icon_Y6.png" alt />
</div>
<p style="margin-top: 5px;color: #666666;">开户行</p>
</van-grid-item>
</van-grid>
</div>
</div>
</div> </div>
<div class="footer"> <div class="footer">
技术支持:北京农燊高科信息技术有限公司 技术支持:北京农燊高科信息技术有限公司
@@ -260,15 +330,31 @@
.nav_list{ .nav_list{
margin-top: 6vh; margin-top: 6vh;
padding:0 38px; padding:0 38px;
&:nth-child(3){
margin-top: 3vh;
}
.van-cell{
background: transparent;
}
.nav_list_box{ .nav_list_box{
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
box-shadow: 0px 0px 18px rgba(63,68,75,0.2);
padding: 0 0 20PX;
border-radius: 15PX;
overflow: hidden;
}
.nav_box{
box-shadow: 0px 0px 18px rgba(63,68,75,0.2); box-shadow: 0px 0px 18px rgba(63,68,75,0.2);
margin-bottom: 40PX; margin-bottom: 40PX;
padding: 20PX 0;
border-radius: 15PX; border-radius: 15PX;
overflow: hidden;
/deep/ .van-grid-item__content{
background: transparent;
padding-top: 0;
}
} }
.nav_item{
.nav_item{
width: 25%; width: 25%;
/*height: 180px;*/ /*height: 180px;*/
border-radius: 30px; border-radius: 30px;
@@ -316,6 +402,17 @@
background-size: 50%; background-size: 50%;
} }
} }
.icon{
padding: 15px;
border-radius: 10px;
box-sizing: border-box;
width: 80px;
height: 80px;
text-align:center;
}
.icon img{
width:50px;
}
} }
} }
.footer{ .footer{


+ 157
- 0
src/views/yinnong/doneCompleted/completed.vue 查看文件

@@ -0,0 +1,157 @@
<template>
<div>
<van-nav-bar
title="待办事项"
/>
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:120px;border-radius: 6px;">
<van-swipe-item v-for="(image,index) in images" :key="index">
<img :src="image" style="width:100%;height: 120px"/>
</van-swipe-item>
</van-swipe>
<van-cell-group @click="goDetail(item)" v-for="(item,index) in taskList" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
<van-cell>
<template #title>
<van-row style="">
<van-col span="23" :offset="1">

<h3 style="display: inline-block;line-height: 30px;margin-left: 6px;width: 100%;overflow: hidden;">
<van-image
height="20"
width="20"
style="vertical-align: middle;margin-right: 10px"
src="../../../../static/images/onlineHome/done.png"></van-image>{{item.projectName}}</h3>
</van-col>
</van-row>
</template>
</van-cell>
<van-cell>
<template #title>
<van-row>
<van-col span="6" :offset="1">
<p style="color: #878787">{{item.createTime?item.createTime.substring(0,10):item.startTime.substring(0,10)}}</p>
</van-col>
<van-col span="10" :offset="1">
<p style="color: #878787">{{item.formData.activityBusinessType}}</p>
</van-col>
<van-col span="5" :offset="1">
<p style="font-size: 14px;font-weight:bold;text-align: right;color: #1D6FE9">{{activeName=='1'?'待审批':'已审批'}}</p>
</van-col>
</van-row>
</template>
</van-cell>
</van-cell-group>
<van-empty v-if="taskList.length<1" description="暂无事项" />
<yinnongIndex></yinnongIndex>
</div>
</template>

<script>
import onlineHomeIndex from "../../onlineHomeIndex";
import yinnongIndex from "../../yinnongIndex";
import {ListDone, ListTodo} from "../../../api/onlineHome/done";

export default {
components: {
onlineHomeIndex,
yinnongIndex
},
name: "done",
data(){
return{
taskList:[],
activeName:this.$route.query.activeName?this.$route.query.activeName:'1',
total:0,
queryParams: {
pageNum: 1,
pageSize: 100,
},
activityBusinessTypeOptions:[],
images:['../../../../static/images/onlineHome/tab.jpg'],
}
},
created() {
this.getDicts("activity_business_type").then((response) => {
this.activityBusinessTypeOptions = response.data;
if(this.$route.query.activeName){
this.activeName = this.$route.query.activeName
}
this.getList();
});
console.log(this.$route.query.fr)
if(this.$route.query.fr){
this.$cookies.set("from",this.$route.query.fr,"0")
}

},
methods: {
goOnlineHomeIndex(){
if(this.$cookies.get("from")=="my"){
this.$router.push({name:"yinnongMy"})
}else{
this.$router.push({name:"yinnongWorkbench"})
}
},
getList() {
this.taskList = []
this.$set(this.queryParams, "systemType", '4');
ListTodo(this.queryParams).then((response) => {
response.rows.map(res => {
if(res.tableName?res.tableName.indexOf('house')>0:""){
res.tableName = '来自农村宅基地管理系统'
}else if(res.tableName?res.tableName.indexOf('sys_seal')>0:""){
res.tableName = '来自银农直联审批管理系统'
}else if(res.tableName?res.tableName.indexOf('yinnong')>0:""){
res.tableName = '来自银农直联审批管理系统'
}
if(this.activityBusinessTypeOptions){
this.activityBusinessTypeOptions.map(t => {
if(t.dictValue == res.formData.activityBusinessType){
res.formData.activityBusinessType = t.dictLabel
this.taskList.push(res)
}
});
}
})
})
},
goDetail(item){
console.log(item)
let type = item.formData.processKey;
switch (type) {
case 'baseApply':
case 'landscope':
case 'accepting':
this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
break;
case 'toReviewTransferProcess':
case 'yinnong_transfer':
if(item.formData.transferType == '10'){
this.$router.push({name:'approvalApproval10',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
if(item.formData.transferType == '11'){
this.$router.push({name:'approvalApproval11',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
if(item.formData.transferType == '12'){
this.$router.push({name:'approvalApproval12',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
if(item.formData.transferType != '10'&&item.formData.transferType != '11'&&item.formData.transferType != '12'){
this.$router.push({name:'approvalApproval',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
}
}
},
}
</script>

<style scoped>
>>>.my-swipe .van-swipe-item {
color: #fff;
font-size: 20px;
line-height: 144px;
text-align: center;
}
</style>

+ 157
- 0
src/views/yinnong/doneCompleted/done.vue 查看文件

@@ -0,0 +1,157 @@
<template>
<div>
<van-nav-bar
title="已办事项"
/>
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:120px;border-radius: 6px;">
<van-swipe-item v-for="(image,index) in images" :key="index">
<img :src="image" style="width:100%;height: 120px"/>
</van-swipe-item>
</van-swipe>
<van-cell-group @click="goDetail(item)" v-for="(item,index) in taskList" :key="index" style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
<van-cell>
<template #title>
<van-row style="">
<van-col span="23" :offset="1">

<h3 style="display: inline-block;line-height: 30px;margin-left: 6px;width: 100%;overflow: hidden;">
<van-image
height="20"
width="20"
style="vertical-align: middle;margin-right: 10px"
src="../../../../static/images/onlineHome/done.png"></van-image>{{item.projectName}}</h3>
</van-col>
</van-row>
</template>
</van-cell>
<van-cell>
<template #title>
<van-row>
<van-col span="6" :offset="1">
<p style="color: #878787">{{item.createTime?item.createTime.substring(0,10):item.startTime.substring(0,10)}}</p>
</van-col>
<van-col span="10" :offset="1">
<p style="color: #878787">{{item.formData.activityBusinessType}}</p>
</van-col>
<van-col span="5" :offset="1">
<p style="font-size: 14px;font-weight:bold;text-align: right;color: #1D6FE9">{{activeName=='1'?'待审批':'已审批'}}</p>
</van-col>
</van-row>
</template>
</van-cell>
</van-cell-group>
<van-empty v-if="taskList.length<1" description="暂无事项" />
<yinnongIndex></yinnongIndex>
</div>
</template>

<script>
import onlineHomeIndex from "../../onlineHomeIndex";
import yinnongIndex from "../../yinnongIndex";
import {ListDone, ListTodo} from "../../../api/onlineHome/done";

export default {
components: {
onlineHomeIndex,
yinnongIndex
},
name: "done",
data(){
return{
taskList:[],
activeName:this.$route.query.activeName?this.$route.query.activeName:'1',
total:0,
queryParams: {
pageNum: 1,
pageSize: 100,
},
activityBusinessTypeOptions:[],
images:['../../../../static/images/onlineHome/tab.jpg'],
}
},
created() {
this.getDicts("activity_business_type").then((response) => {
this.activityBusinessTypeOptions = response.data;
if(this.$route.query.activeName){
this.activeName = this.$route.query.activeName
}
this.getList();
});
console.log(this.$route.query.fr)
if(this.$route.query.fr){
this.$cookies.set("from",this.$route.query.fr,"0")
}

},
methods: {
goOnlineHomeIndex(){
if(this.$cookies.get("from")=="my"){
this.$router.push({name:"yinnongMy"})
}else{
this.$router.push({name:"yinnongWorkbench"})
}
},
getList() {
this.taskList = []
this.$set(this.queryParams, "systemType", '4');
ListDone(this.queryParams).then((response) => {
response.rows.map(res => {
if(res.tableName?res.tableName.indexOf('house')>0:""){
res.tableName = '来自农村宅基地管理系统'
}else if(res.tableName?res.tableName.indexOf('sys_seal')>0:""){
res.tableName = '来自银农直联审批管理系统'
}else if(res.tableName?res.tableName.indexOf('yinnong')>0:""){
res.tableName = '来自银农直联审批管理系统'
}
if(this.activityBusinessTypeOptions){
this.activityBusinessTypeOptions.map(t => {
if(t.dictValue == res.formData.activityBusinessType){
res.formData.activityBusinessType = t.dictLabel
this.taskList.push(res)
}
});
}
})
})
},
goDetail(item){
console.log(item)
let type = item.formData.processKey;
switch (type) {
case 'baseApply':
case 'landscope':
case 'accepting':
this.$router.push({name:'approvalForm',query: {id:item.formData.id,taskId:item.taskId,instanceId:item.formData.instanceId,type:item.type}})
break;
case 'toReviewTransferProcess':
case 'yinnong_transfer':
if(item.formData.transferType == '10'){
this.$router.push({name:'approvalApproval10',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
if(item.formData.transferType == '11'){
this.$router.push({name:'approvalApproval11',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
if(item.formData.transferType == '12'){
this.$router.push({name:'approvalApproval12',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
if(item.formData.transferType != '10'&&item.formData.transferType != '11'&&item.formData.transferType != '12'){
this.$router.push({name:'approvalApproval',query: {id:item.formData.id,taskId:item.taskId,type:item.type}})
break;
}
}
}
},
}
</script>

<style scoped>
>>>.my-swipe .van-swipe-item {
color: #fff;
font-size: 20px;
line-height: 144px;
text-align: center;
}
</style>

+ 20
- 20
src/views/yinnong/my.vue 查看文件

@@ -19,16 +19,16 @@
</van-cell> </van-cell>
</van-row> </van-row>
<van-cell-group style="width: 96%;margin:-50px 2% 2% 2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);"> <van-cell-group style="width: 96%;margin:-50px 2% 2% 2%;border-radius: 6px;overflow: hidden;padding-top: 20px;padding-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
<van-cell title="我的业务" is-link :to="{path:'done',query:{fr:'my'}}">
<template #icon>
<van-image
fit="contain"
height="22"
style="margin-right: 15px"
src="../../../static/images/onlineHome/myIcon2.png"
/>
</template>
</van-cell>
<!-- <van-cell title="我的业务" is-link :to="{path:'done',query:{fr:'my'}}">-->
<!-- <template #icon>-->
<!-- <van-image-->
<!-- fit="contain"-->
<!-- height="22"-->
<!-- style="margin-right: 15px"-->
<!-- src="../../../static/images/onlineHome/myIcon2.png"-->
<!-- />-->
<!-- </template>-->
<!-- </van-cell>-->
<!-- <van-cell title="画像(个人/农户)" is-link :to="{path:'personalPicture',params:{id:'1'}}"> <!-- <van-cell title="画像(个人/农户)" is-link :to="{path:'personalPicture',params:{id:'1'}}">
<template #icon> <template #icon>
<van-image <van-image
@@ -59,16 +59,16 @@
/> />
</template> </template>
</van-cell> --> </van-cell> -->
<van-cell title="投诉" is-link to="advice">
<template #icon>
<van-image
fit="contain"
height="22"
style="margin-right: 15px"
src="../../../static/images/onlineHome/myIcon6.png"
/>
</template>
</van-cell>
<!-- <van-cell title="投诉" is-link to="advice">-->
<!-- <template #icon>-->
<!-- <van-image-->
<!-- fit="contain"-->
<!-- height="22"-->
<!-- style="margin-right: 15px"-->
<!-- src="../../../static/images/onlineHome/myIcon6.png"-->
<!-- />-->
<!-- </template>-->
<!-- </van-cell>-->
<van-cell title="修改密码" is-link to="password"> <van-cell title="修改密码" is-link to="password">
<template #icon> <template #icon>
<van-image <van-image


+ 13
- 13
src/views/yinnong/workbench.vue 查看文件

@@ -40,19 +40,19 @@
<img :src="image" style="width:100%;height: 120px"/> <img :src="image" style="width:100%;height: 120px"/>
</van-swipe-item> </van-swipe-item>
</van-swipe> </van-swipe>
<van-row style="min-height: 100px;" class="indexCard">
<van-cell style="border-radius: 6px;" is-link :to="{path:'done',query:{fr:'workbench'}}">
<template #title>
<p style="display:inline-block;background: #EC4B2C;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>
<p style="font-weight: bold;font-size: 18px;display: inline-block;">待办</p>
</template>
<template #label>
<p style="padding-left: 10px;">
{{taskList&&taskList.length>0?taskList[0].projectName+'等,共'+taskList.length+'条':'暂无待办事项'}}
</p>
</template>
</van-cell>
</van-row>
<!-- <van-row style="min-height: 100px;" class="indexCard">-->
<!-- <van-cell style="border-radius: 6px;" is-link :to="{path:'done',query:{fr:'workbench'}}">-->
<!-- <template #title>-->
<!-- <p style="display:inline-block;background: #EC4B2C;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>-->
<!-- <p style="font-weight: bold;font-size: 18px;display: inline-block;">待办</p>-->
<!-- </template>-->
<!-- <template #label>-->
<!-- <p style="padding-left: 10px;">-->
<!-- {{taskList&&taskList.length>0?taskList[0].projectName+'等,共'+taskList.length+'条':'暂无待办事项'}}-->
<!-- </p>-->
<!-- </template>-->
<!-- </van-cell>-->
<!-- </van-row>-->
<van-row class="indexCard"> <van-row class="indexCard">
<van-cell style="border-radius: 6px;"> <van-cell style="border-radius: 6px;">
<template #title> <template #title>


+ 3
- 1
src/views/yinnongIndex.vue 查看文件

@@ -2,7 +2,9 @@
<div class="app-container"> <div class="app-container">
<router-view /> <router-view />
<van-tabbar route :placeholder="true" > <van-tabbar route :placeholder="true" >
<van-tabbar-item replace to="/yinnong/publicity" icon="bullhorn-o">公示</van-tabbar-item>
<!-- <van-tabbar-item replace to="/yinnong/publicity" icon="bullhorn-o">公示</van-tabbar-item>-->
<van-tabbar-item replace to="/yinnong/doneCompleted/completed" icon="todo-list-o">待办</van-tabbar-item>
<van-tabbar-item replace to="/yinnong/doneCompleted/done" icon="completed">已办</van-tabbar-item>
<van-tabbar-item replace to="/yinnong/workbench" icon="apps-o">工作台</van-tabbar-item> <van-tabbar-item replace to="/yinnong/workbench" icon="apps-o">工作台</van-tabbar-item>
<!-- <van-tabbar-item replace to="/yinnong/home" icon="wap-home-o">家园</van-tabbar-item> --> <!-- <van-tabbar-item replace to="/yinnong/home" icon="wap-home-o">家园</van-tabbar-item> -->
<van-tabbar-item replace to="/yinnong/my" icon="manager-o">我的</van-tabbar-item> <van-tabbar-item replace to="/yinnong/my" icon="manager-o">我的</van-tabbar-item>


+ 57
- 57
src/views/yinnongLogin.vue 查看文件

@@ -35,10 +35,12 @@
<div class="clear"></div> <div class="clear"></div>
<div style="margin: 50px 16px 16px;"> <div style="margin: 50px 16px 16px;">
<van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button> <van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button>
<p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">短信验证码登录</p>
<!-- <p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">短信验证码登录</p>-->
</div> </div>
</van-form> </van-form>
<van-form style="margin:50px 0;" v-if="showMessage">
</van-tab>
<van-tab title="短信验证码登录" name="2">
<van-form style="margin:50px 0;">
<van-field <van-field
v-model="formData.mobile" v-model="formData.mobile"
name="请输入手机号" name="请输入手机号"
@@ -58,62 +60,60 @@
</van-field> </van-field>
<div style="margin: 50px 16px 16px;"> <div style="margin: 50px 16px 16px;">
<van-button block type="info" native-type="submit" @click="getSmsCode">获取验证码</van-button> <van-button block type="info" native-type="submit" @click="getSmsCode">获取验证码</van-button>
<p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">密码登录</p>
<!-- <p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">密码登录</p>-->
</div> </div>
</van-form> </van-form>
</van-tab>
<van-tab title="注册" name="2">
<van-form style="margin:50px 0;">
<van-field
v-model="formData.memberName"
name="请输入姓名"
placeholder="请输入姓名"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="formData.idcard"
name="请输入身份证号"
style="margin-top: 20px"
placeholder="请输入身份证号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="formData.mobile"
name="请输入手机号"
style="margin-top: 20px"
placeholder="请输入手机号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="formData.code"
center
clearable
label="验证码"
placeholder="图形验证码"
>
<template #button>
<img style="width: 100px" :src="codeUrl" @click="getCode" />
</template>
</van-field>
<van-field
v-model="formData.smsCode"
style="margin-top: 20px"
placeholder="请输入验证码"
:rules="[{ required: true, message: '' }]"
>
<template #button>
<!-- <van-button size="mini" type="info" @click="getRegisterSmsCode" >获取验证码</van-button> -->
<div class="registerSmsBtn" @click="getRegisterSmsCode">{{
computeTime > 0 ? `(${computeTime}s)已发送` : "获取短信码"
}}</div>
<!-- <van-form style="margin:50px 0;">-->
<!-- <van-field-->
<!-- v-model="formData.memberName"-->
<!-- name="请输入姓名"-->
<!-- placeholder="请输入姓名"-->
<!-- :rules="[{ required: true, message: '' }]"-->
<!-- />-->
<!-- <van-field-->
<!-- v-model="formData.idcard"-->
<!-- name="请输入身份证号"-->
<!-- style="margin-top: 20px"-->
<!-- placeholder="请输入身份证号"-->
<!-- :rules="[{ required: true, message: '' }]"-->
<!-- />-->
<!-- <van-field-->
<!-- v-model="formData.mobile"-->
<!-- name="请输入手机号"-->
<!-- style="margin-top: 20px"-->
<!-- placeholder="请输入手机号"-->
<!-- :rules="[{ required: true, message: '' }]"-->
<!-- />-->
<!-- <van-field-->
<!-- v-model="formData.code"-->
<!-- center-->
<!-- clearable-->
<!-- label="验证码"-->
<!-- placeholder="图形验证码"-->
<!-- >-->
<!-- <template #button>-->
<!-- <img style="width: 100px" :src="codeUrl" @click="getCode" />-->
<!-- </template>-->
<!-- </van-field>-->
<!-- <van-field-->
<!-- v-model="formData.smsCode"-->
<!-- style="margin-top: 20px"-->
<!-- placeholder="请输入验证码"-->
<!-- :rules="[{ required: true, message: '' }]"-->
<!-- >-->
<!-- <template #button>-->
<!-- &lt;!&ndash; <van-button size="mini" type="info" @click="getRegisterSmsCode" >获取验证码</van-button> &ndash;&gt;-->
<!-- <div class="registerSmsBtn" @click="getRegisterSmsCode">{{-->
<!-- computeTime > 0 ? `(${computeTime}s)已发送` : "获取短信码"-->
<!-- }}</div>-->




</template>
</van-field>
<div style="margin: 50px 16px 16px;">
<van-button block type="info" native-type="submit" @click="registerSubmit">注册</van-button>
</div>
</van-form>
<!-- </template>-->
<!-- </van-field>-->
<!-- <div style="margin: 50px 16px 16px;">-->
<!-- <van-button block type="info" native-type="submit" @click="registerSubmit">注册</van-button>-->
<!-- </div>-->
<!-- </van-form>-->
</van-tab> </van-tab>
</van-tabs> </van-tabs>
<van-popup v-model="showKeyboard" :style="{ height: '100%',width:'100%' }" > <van-popup v-model="showKeyboard" :style="{ height: '100%',width:'100%' }" >
@@ -307,7 +307,7 @@ export default {
this.$store this.$store
.dispatch("SmsLogin", this.formData) .dispatch("SmsLogin", this.formData)
.then(() => { .then(() => {
this.$router.push({ path: "/yinnongIndex" }).catch(() => {});
this.$router.push({ path: "/yinnong/doneCompleted/completed" }).catch(() => {});
}) })
.catch((error) => { .catch((error) => {
this.loading = false; this.loading = false;
@@ -342,7 +342,7 @@ export default {
this.$store this.$store
.dispatch("Login", this.formData) .dispatch("Login", this.formData)
.then(() => { .then(() => {
this.$router.push({ path: "/yinnong/workbench" }).catch(() => {});
this.$router.push({ path: "/yinnong/doneCompleted/completed" }).catch(() => {});
}) })
.catch((error) => { .catch((error) => {
console.log(error) console.log(error)
@@ -429,7 +429,7 @@ export default {
this.$dialog.alert({ this.$dialog.alert({
message: '您的初始密码:'+res.password, message: '您的初始密码:'+res.password,
}).then(() => { }).then(() => {
this.$router.push({ path: "/yinnong/workbench" }).catch(() => {});
this.$router.push({ path: "/yinnong/doneCompleted/completed" }).catch(() => {});
}); });
} }
}) })


二進制
static/images/onlineHome/yinnongLogo.jpg 查看文件

Before After
Width: 192  |  Height: 192  |  Size: 11 KiB Width: 192  |  Height: 192  |  Size: 12 KiB

Loading…
取消
儲存