阳光村务明细账详情ID问题修改

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/sunVillage_info/bankAgriculture/paymentAccount/paymentAccountAdd.vue

@@ -137,7 +137,7 @@
             @cancel="showCentralBookId = false"
           />
         </van-popup>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="会计科目"
@@ -158,7 +158,7 @@
             @confirm="onConfirmCentralSubjectId"
             @cancel="showCentralSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="账户名称" required :rules="[{ required: true , message:'请输入账户名称' }]" v-model="form.accountName" placeholder="请输入账户名称" input-align="right" label-width="auto"/>
         <van-field label="银行账户" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入银行账户' }]"  v-model="form.bankAccountNumber" placeholder="请输入银行账户" input-align="right" label-width="auto" required/>
         <van-field
@@ -184,7 +184,7 @@
           />
         </van-popup>
         <van-field label="联行号" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.paymentLines" placeholder="请输入联行号" input-align="right" label-width="auto" required/>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="关联科目"
@@ -204,7 +204,7 @@
             @confirm="onConfirmSubject"
             @cancel="showSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="开户银行地址" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入开户银行地址' }]" v-model="form.site" placeholder="请输入开户银行地址" input-align="right" label-width="auto" required/>
         <van-field label="支付口令" v-if="accountType=='银行存款'" name="validator" :rules="[{ validator , message:'支付口令：请输入六位以上数字' }]" v-model="form.accountPassword" placeholder="请输入支付口令" input-align="right" label-width="auto" required/>
         <van-field label="账户类型" v-if="accountType=='银行存款'" required>

src/views/sunVillage_info/bankAgriculture/paymentAccount/paymentAccountDetail.vue

@@ -23,13 +23,13 @@
         </template>
       </van-cell>
       <van-field readonly label="中心账套" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralBookId" input-align="right" label-width="auto" />
-      <van-field readonly label="会计科目" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralSubjectId" input-align="right" label-width="auto" />
+      <!-- <van-field readonly label="会计科目" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralSubjectId" input-align="right" label-width="auto" /> -->
       <van-field readonly label="账户名称" v-model="form.accountName" input-align="right" label-width="auto"/>
       <van-field readonly label="银行账户" v-if="accountType=='银行存款'" v-model="form.bankAccountNumber" input-align="right" label-width="auto"/>
       <van-field readonly label="开户银行" v-if="accountType=='银行存款'" v-model="form.bankName" input-align="right" label-width="auto"/>
       <van-field readonly label="联行号" v-if="accountType=='银行存款'" v-model="form.paymentLines" input-align="right" label-width="auto"/>
-      <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" />
-      <van-field readonly label="科目名称" v-if="accountType=='银行存款'" v-model="form.subjectNameAll" input-align="right" label-width="auto" />
+      <!-- <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" />
+      <van-field readonly label="科目名称" v-if="accountType=='银行存款'" v-model="form.subjectNameAll" input-align="right" label-width="auto" /> -->
       <van-field readonly label="支付口令" v-if="accountType=='银行存款'" v-model="form.site" input-align="right" label-width="auto"/>
       <van-field readonly label="手机号" v-if="accountType=='银行存款'&&bankType=='建设银行'" v-model="form.alternateField1" input-align="right" label-width="auto"/>
       <van-field readonly label="账户类别" v-model="bankAccountType" input-align="right" label-width="auto"/>

src/views/sunVillage_info/bankAgriculture/paymentAccount/paymentAccountModify.vue

@@ -131,7 +131,7 @@
             @cancel="showCentralBookId = false"
           />
         </van-popup>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="会计科目"
@@ -152,7 +152,7 @@
             @confirm="onConfirmCentralSubjectId"
             @cancel="showCentralSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="账户名称" required :rules="[{ required: true , message:'请输入账户名称' }]" v-model="form.accountName" placeholder="请输入账户名称" input-align="right" label-width="auto"/>
         <van-field label="银行账户" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入银行账户' }]"  v-model="form.bankAccountNumber" placeholder="请输入银行账户" input-align="right" label-width="auto" required/>
         <van-field
@@ -178,7 +178,7 @@
           />
         </van-popup>
         <van-field label="联行号" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.paymentLines" placeholder="请输入联行号" input-align="right" label-width="auto" required/>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="关联科目"
@@ -198,7 +198,7 @@
             @confirm="onConfirmSubject"
             @cancel="showSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="开户银行地址" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入开户银行地址' }]" v-model="form.site" placeholder="请输入开户银行地址" input-align="right" label-width="auto" required/>
         <van-field label="支付口令" v-if="accountType=='银行存款'" name="validator" :rules="[{ validator , message:'支付口令：请输入六位以上数字' }]" v-model="form.accountPassword" placeholder="请输入支付口令" input-align="right" label-width="auto" required/>
         <van-field label="账户类型" v-if="accountType=='银行存款'" required >

src/views/sunVillage_info/detailed_ledger.vue

@@ -42,7 +42,7 @@
                     <van-col :span="7">{{item.month}}</van-col>
                     <van-col :span="7">{{item.day}}</van-col>
                     <van-col :span="10">
-                        <div class="pz_tx" @click="subjectNameFun(item.voucherWordNum)">{{item.voucherWordNum}}</div>
+                        <div class="pz_tx" @click="subjectNameFun(item.voucherWordNum,item.voucherId)">{{item.voucherWordNum}}</div>
                     </van-col>
                 </van-row>
                 <!-- <van-row class="vocher_mTitle">
@@ -52,7 +52,7 @@
                         <div class="pz_tx">记-06</div>
                     </van-col>
                 </van-row> -->
-           
+
             </div>
             <div class="vocher_content">
                 <div class="vocher_cmain">
@@ -63,7 +63,7 @@
                         <van-col :span="3">方向</van-col>
                         <van-col :span="4">余额</van-col>
                     </van-row>
-                    
+
                     <div class="content_m">
                         <van-row  v-for="(item,index) in tableList" :key="index">
                             <van-col :span="9" class="zy">
@@ -81,13 +81,13 @@
                             <van-col :span="3" class="km">借</van-col>
                             <van-col :span="4" class="je">200.00</van-col>
                         </van-row> -->
-                   
+
 
                     </div>
                 </div>
             </div>
         </div>
- 
+
         <!--开始日期-->
         <van-action-sheet v-model="dateObj.startVisbile" duration="0.2" >
             <van-datetime-picker
@@ -121,7 +121,7 @@
                 @close="dateObj.subjectVisbile = false"
                 @finish="onFinish"
                 :field-names="fieldNames"
-    
+
                 @change="onChangeAcidentArea"
             />
         </van-action-sheet>
@@ -216,15 +216,15 @@ export default {
 
           let curObj = res.rows[0];
           if(res.rows.length>0){
-            this.subjectText = curObj.label; 
-            this.queryParams.startSubjectId = curObj.subjectId; 
-            this.queryParams.endSubjectId = curObj.subjectId; 
-            this.cascaderValue =  curObj.subjectId; 
-            
+            this.subjectText = curObj.label;
+            this.queryParams.startSubjectId = curObj.subjectId;
+            this.queryParams.endSubjectId = curObj.subjectId;
+            this.cascaderValue =  curObj.subjectId;
+
             this.initPage()
             this.makeSubjectsTree(res.rows, resp.data);
             }else{
-                this.subjectText = '暂无数据'; 
+                this.subjectText = '暂无数据';
             }
         });
       });
@@ -247,7 +247,7 @@ export default {
             v.label = v.subjectId + ' ' + v.subjectNameAll;
             v.is_last = 'Y';
             v.disabled = false;
-          
+
             arr.push(v);
           }
         }
@@ -279,7 +279,7 @@ export default {
       r.sort((a, b) => a.dictSort - b.dictSort);
     //   console.log(r)
       this.subjectsTree = r;
-     
+
     },
     initPage(){
         listNormalDetails(this.queryParams).then((res)=>{
@@ -293,13 +293,12 @@ export default {
             }
         })
     },
-    subjectNameFun(num){
-        let endNum = num.split("-");
+    subjectNameFun(endNum,id){
         this.$router.push({
             path: "/sunVillage_info/voucher",
             query: {
-                vocherId: endNum[1],
-                num:encodeURI(num)
+                vocherId: id,
+                num:encodeURI(endNum)
             },
         });
     },
@@ -347,7 +346,7 @@ export default {
         this.dateObj.endVisbile = false;
         this.initPage();
     }
- 
+
   }
 }
 </script>
@@ -574,9 +573,9 @@ export default {
 
             }
             .content_m{
-                
+
                 .van-row{
-               
+
                     &:nth-child(2n-1){
                         background: #e9e9e9;
                     }
@@ -612,11 +611,11 @@ export default {
                         justify-content: center;
                     }
                 }
-                
+
             }
         }
 
     }
    }
 }
-</style>
+</style>

src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountAdd.vue

@@ -131,7 +131,7 @@
             @cancel="showCentralBookId = false"
           />
         </van-popup>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="会计科目"
@@ -152,7 +152,7 @@
             @confirm="onConfirmCentralSubjectId"
             @cancel="showCentralSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="账户名称" required :rules="[{ required: true , message:'请输入账户名称' }]" v-model="form.accountName" placeholder="请输入账户名称" input-align="right" label-width="auto"/>
         <van-field label="银行账户" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入银行账户' }]"  v-model="form.bankAccountNumber" placeholder="请输入银行账户" input-align="right" label-width="auto" required/>
         <van-field
@@ -178,7 +178,7 @@
           />
         </van-popup>
         <van-field label="联行号" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.paymentLines" placeholder="请输入联行号" input-align="right" label-width="auto" required/>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="关联科目"
@@ -198,7 +198,7 @@
             @confirm="onConfirmSubject"
             @cancel="showSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="开户银行地址" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入开户银行地址' }]" v-model="form.site" placeholder="请输入开户银行地址" input-align="right" label-width="auto" required/>
         <van-field label="支付口令" v-if="accountType=='银行存款'" name="validator" :rules="[{ validator , message:'支付口令：请输入六位以上数字' }]" v-model="form.accountPassword" placeholder="请输入支付口令" input-align="right" label-width="auto" required/>
         <van-field label="账户类型" v-if="accountType=='银行存款'" required>

src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountDetail.vue

@@ -23,13 +23,13 @@
         </template>
       </van-cell>
       <van-field readonly label="中心账套" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralBookId" input-align="right" label-width="auto" />
-      <van-field readonly label="会计科目" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralSubjectId" input-align="right" label-width="auto" />
+      <!-- <van-field readonly label="会计科目" v-if="accountType=='银行存款'&&form.managementControlType=='2'" v-model="centralSubjectId" input-align="right" label-width="auto" /> -->
       <van-field readonly label="账户名称" v-model="form.accountName" input-align="right" label-width="auto"/>
       <van-field readonly label="银行账户" v-if="accountType=='银行存款'" v-model="form.bankAccountNumber" input-align="right" label-width="auto"/>
       <van-field readonly label="开户银行" v-if="accountType=='银行存款'" v-model="form.bankName" input-align="right" label-width="auto"/>
       <van-field readonly label="联行号" v-if="accountType=='银行存款'" v-model="form.paymentLines" input-align="right" label-width="auto"/>
-      <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" />
-      <van-field readonly label="科目名称" v-if="accountType=='银行存款'" v-model="form.subjectNameAll" input-align="right" label-width="auto" />
+      <!-- <van-field readonly label="关联科目" v-model="subjectValue" input-align="right" label-width="auto" /> -->
+      <!-- <van-field readonly label="科目名称" v-if="accountType=='银行存款'" v-model="form.subjectNameAll" input-align="right" label-width="auto" /> -->
       <van-field readonly label="支付口令" v-if="accountType=='银行存款'" v-model="form.site" input-align="right" label-width="auto"/>
       <van-field readonly label="手机号" v-if="accountType=='银行存款'&&bankType=='建设银行'" v-model="form.alternateField1" input-align="right" label-width="auto"/>
       <van-field readonly label="账户类别" v-model="bankAccountType" input-align="right" label-width="auto"/>

src/views/yinnong/bankAgriculture/paymentAccount/paymentAccountModify.vue

@@ -131,7 +131,7 @@
             @cancel="showCentralBookId = false"
           />
         </van-popup>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="会计科目"
@@ -152,7 +152,7 @@
             @confirm="onConfirmCentralSubjectId"
             @cancel="showCentralSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="账户名称" required :rules="[{ required: true , message:'请输入账户名称' }]" v-model="form.accountName" placeholder="请输入账户名称" input-align="right" label-width="auto"/>
         <van-field label="银行账户" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入银行账户' }]"  v-model="form.bankAccountNumber" placeholder="请输入银行账户" input-align="right" label-width="auto" required/>
         <van-field
@@ -178,7 +178,7 @@
           />
         </van-popup>
         <van-field label="联行号" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.paymentLines" placeholder="请输入联行号" input-align="right" label-width="auto" required/>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           label="关联科目"
@@ -198,7 +198,7 @@
             @confirm="onConfirmSubject"
             @cancel="showSubjectId = false"
           />
-        </van-popup>
+        </van-popup> -->
         <van-field label="开户银行地址" v-if="accountType=='银行存款'" :rules="[{ required: true , message:'请输入开户银行地址' }]" v-model="form.site" placeholder="请输入开户银行地址" input-align="right" label-width="auto" required/>
         <van-field label="支付口令" v-if="accountType=='银行存款'" name="validator" :rules="[{ validator , message:'支付口令：请输入六位以上数字' }]" v-model="form.accountPassword" placeholder="请输入支付口令" input-align="right" label-width="auto" required/>
         <van-field label="账户类型" v-if="accountType=='银行存款'" required >

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;