银农手机端

config/index.js

@@ -12,9 +12,10 @@ module.exports = {
     proxyTable: {
       "/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,
         pathRewrite: {
           '^/api': ''

src/views/yinnong/doneCompleted/completed.vue

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

src/views/yinnongLogin.vue

@@ -1,120 +1,141 @@
 <template>
   <div class="app-container">
     <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>
-    <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-nav-bar
         left-arrow
@@ -141,15 +162,23 @@
     </van-popup>
   </div>
 </template>
-<style scoped>
+<style scoped lang="scss">
   .app-container{
     background: #fff;
     height: 100vh;
   }
+  .van-button--info{
+    background: linear-gradient(to right,#6ba9fe,#2165e8);
+    border-radius: 50px;
+  }
+  .van-tabs__nav{
+    background: transparent;
+  }
   .title{
     /*padding-top: 20%;*/
     width: 100%;
     margin: 0 auto;
+    position: relative;
   }
   .van-tab--active{
     font-size: .6rem;