zhangzl
/
nsgk_mobile
2
0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
瀏覽代碼

银农手机端

fuyuan_ynzl_mobile
庞东旭 1 年之前
父節點
ad0bf8fd00
當前提交
3205427bf5
共有 9 個文件被更改，包括 146 次插入 和 116 次删除
統一視圖
Diff Options
Show Stats Download Patch File Download Diff File
  1. +4
    -3
      config/index.js
  2. +1
    -1
      src/views/yinnong/doneCompleted/completed.vue
  3. +141
    -112
      src/views/yinnongLogin.vue
  4. 二進制
      static/images/yinnong/banner_03.png
  5. 二進制
      static/images/yinnong/input_name.png
  6. 二進制
      static/images/yinnong/input_password.png
  7. 二進制
      static/images/yinnong/input_yzm.png
  8. 二進制
      static/images/yinnong/login_icon.png
  9. 二進制
      static/images/yinnong/yinnongLogo1.jpg

+ 4
- 3
config/index.js 查看文件

@@ -12,9 +12,10 @@ module.exports = {
proxyTable: { proxyTable: {
"/api": { "/api": {
// 请求的目标主机 // 请求的目标主机
// target: 'http://116.255.223.226:8082/nsgk_test/', // 公网测试环境
// target: `http://192.168.0.116:8091/nsgk_api/`, // 内网测试环境
target: 'http://localhost:8080/',
target: 'http://116.255.223.226:8082/nsgk_test/', // 公网测试环境
// target: `http://218.59.175.43:8092/nsgk_demo/`, // 内网测试环境 后台系统端口88
// target: 'http://192.168.0.107:8080/',
// target: 'http://localhost:8080/',
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/api': '' '^/api': ''


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

@@ -69,7 +69,7 @@
pageSize: 100, pageSize: 100,
}, },
activityBusinessTypeOptions:[], activityBusinessTypeOptions:[],
images:['../../../../static/images/onlineHome/banner_03.png'],
images:['../../../../static/images/yinnong/banner_03.png'],
} }
}, },
created() { created() {


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

@@ -1,120 +1,141 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="title"> <div class="title">
<img style="display: block;width: 100%;margin: 0 auto;" src="../../static/images/onlineHome/yinnongLogo1.png" alt="">
<img style="display: block;width: 100%;margin: 0 auto;" src="../../static/images/yinnong/yinnongLogo1.jpg" alt="">
<img src="../../static/images/yinnong/login_icon.png" style="display: block;position:absolute;width: 30vw;z-index: 1;right: 0;bottom: -10vw;" alt="">
</div> </div>
<van-tabs v-model="active" color="#1D6FE9 " :swipeable="true" style="margin-top:0.5rem;padding:0 10px;">
<van-tab title="密码登录" name="1">
<van-form style="margin:50px 0;" v-if="!showMessage">
<van-field
v-model="formData.username"
placeholder="请输入手机号/账号"
:rules="[{ required: true, message:'' }]"
/>
<van-field
v-model="formData.password"
type="password"
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-checkbox style="float: left;margin-top:10px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
<p style="float: right;margin-top:10px;margin-right:20px;color:#1D6FE9 ">忘记密码</p>
<div class="clear"></div>
<div style="margin: 50px 16px 16px;">
<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>-->
</div>
</van-form>
</van-tab>
<van-tab title="短信登录" name="2">
<van-form style="margin:50px 0;">
<van-field
v-model="formData.mobile"
name="请输入手机号"
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>
<div style="margin: 50px 16px 16px;">
<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>-->
</div>
</van-form>
<!-- <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>-->
<div style="border-top-left-radius: 20px;border-top-right-radius: 20px;overflow:hidden;position:relative;top: -20px;background: #fff;">
<van-tabs v-model="active" color="#1D6FE9" :swipeable="true" style="margin-top:0.5rem;padding:0 10px;z-index: 2;">
<van-tab title="密码登录" name="1">
<van-form style="margin:50px 0;" v-if="!showMessage">
<van-field
v-model="formData.username"
placeholder="请输入手机号/账号"
:rules="[{ required: true, message:'' }]"
>
<template #left-icon>
<img src="../../static/images/yinnong/input_name.png" width="15" style="vertical-align: middle;margin-right: 10px;" alt="">
</template>
</van-field>
<van-field
v-model="formData.password"
type="password"
style="margin-top: 20px"
placeholder="请输入密码"
:rules="[{ required: true, message:'' }]"
>
<template #left-icon>
<img src="../../static/images/yinnong/input_password.png" width="15" style="vertical-align: middle;margin-right: 10px;" alt="">
</template>
</van-field>
<van-field
v-model="formData.code"
center
clearable
label="验证码"
placeholder="图形验证码"
>
<template #button>
<img style="width: 100px" :src="codeUrl" @click="getCode" />
</template>
<template #left-icon>
<img src="../../static/images/yinnong/input_yzm.png" width="15" style="vertical-align: middle;margin-right: 10px;" alt="">
</template>
</van-field>
<van-checkbox style="float: left;margin-top:10px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
<p style="float: right;margin-top:10px;margin-right:20px;color:#1D6FE9 ">忘记密码</p>
<div class="clear"></div>
<div style="margin: 50px 16px 16px;">
<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>-->
</div>
</van-form>
</van-tab>
<van-tab title="短信登录" name="2">
<van-form style="margin:50px 0;">
<van-field
v-model="formData.mobile"
name="请输入手机号"
placeholder="请输入手机号"
:rules="[{ required: true, message: '' }]"
>
<template #left-icon>
<img src="../../static/images/yinnong/input_name.png" width="15" style="vertical-align: middle;margin-right: 10px;" alt="">
</template>
</van-field>
<van-field
v-model="formData.code"
center
clearable
label="验证码"
placeholder="图形验证码"
>
<template #button>
<img style="width: 100px" :src="codeUrl" @click="getCode" />
</template>
<template #left-icon>
<img src="../../static/images/yinnong/input_yzm.png" width="15" style="vertical-align: middle;margin-right: 10px;" alt="">
</template>
</van-field>
<div style="margin: 50px 16px 16px;">
<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>-->
</div>
</van-form>
<!-- <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>-->
</van-tab>
</van-tabs>
<!-- </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-tabs>
</div>
<van-popup v-model="showKeyboard" :style="{ height: '100%',width:'100%' }" > <van-popup v-model="showKeyboard" :style="{ height: '100%',width:'100%' }" >
<van-nav-bar <van-nav-bar
left-arrow left-arrow
@@ -141,15 +162,23 @@
</van-popup> </van-popup>
</div> </div>
</template> </template>
<style scoped>
<style scoped lang="scss">
.app-container{ .app-container{
background: #fff; background: #fff;
height: 100vh; height: 100vh;
} }
.van-button--info{
background: linear-gradient(to right,#6ba9fe,#2165e8);
border-radius: 50px;
}
.van-tabs__nav{
background: transparent;
}
.title{ .title{
/*padding-top: 20%;*/ /*padding-top: 20%;*/
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
position: relative;
} }
.van-tab--active{ .van-tab--active{
font-size: .6rem; font-size: .6rem;


二進制
static/images/yinnong/banner_03.png 查看文件

Before After
Width: 713  |  Height: 230  |  Size: 152 KiB

二進制
static/images/yinnong/input_name.png 查看文件

Before After
Width: 24  |  Height: 29  |  Size: 697 B

二進制
static/images/yinnong/input_password.png 查看文件

Before After
Width: 28  |  Height: 25  |  Size: 462 B

二進制
static/images/yinnong/input_yzm.png 查看文件

Before After
Width: 24  |  Height: 28  |  Size: 863 B

二進制
static/images/yinnong/login_icon.png 查看文件

Before After
Width: 154  |  Height: 138  |  Size: 14 KiB

二進制
static/images/yinnong/yinnongLogo1.jpg 查看文件

Before After
Width: 750  |  Height: 689  |  Size: 42 KiB

Write Preview
Loading…
取消
儲存