Skip to content

S
SuperMan
Commit 9aefc929 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent c1d3bc2e
Show whitespace changes
Inline Side-by-side
Showing with 1130 additions and 1022 deletions
src/components/PersonalInfoSet.vue
View file @ 9aefc929
<style> <style>
.Person_Content{ .Person_Content {
/* width:100%; */ height: 96%;
height:96%; margin: 18px;
margin:18px;
overflow: hidden; overflow: hidden;
} }
.PerSon_LeftNav{
width:418px; .PerSon_LeftNav {
height:96%; width: 418px;
height: 96%;
position: absolute; position: absolute;
overflow-y: auto; overflow-y: auto;
background-color: #fff; background-color: #fff;
display: inline-block; display: inline-block;
} }
.Person_Right{
margin-left:440px; .Person_Right {
width:100%; margin-left: 440px;
height:100%; width: 100%;
height: 100%;
overflow-y: auto; overflow-y: auto;
background-color: #fff; background-color: #fff;
} }
.PerSon_Edit{
.PerSon_Edit {
text-align: right; text-align: right;
width:100%; width: 100%;
color:#BBBBBB; color: #BBBBBB;
font-size:12px; font-size: 12px;
padding:30px; padding: 30px;
} }
.PerSon_Edit span{
.PerSon_Edit span {
cursor: pointer; cursor: pointer;
} }
.PerSon_Edit i{
font-size:12px; .PerSon_Edit i {
font-size: 12px;
} }
.Person_Header{
width:120px; .Person_Header {
height:120px; width: 120px;
margin:30px auto; height: 120px;
border:1px solid #F4F4F4; margin: 30px auto;
padding:3px; border: 1px solid #F4F4F4;
padding: 3px;
border-radius: 50%; border-radius: 50%;
} }
.Person_Header img{
width:100%; .Person_Header img {
height:100%; width: 100%;
border-radius:50%; height: 100%;
border-radius: 50%;
} }
.Person_ComCenter{
width:100%; .Person_ComCenter {
font-size:14px; width: 100%;
color:#333333; font-size: 14px;
color: #333333;
text-align: center; text-align: center;
} }
.Person_MenuList{
margin-top:45px; .Person_MenuList {
margin-top: 45px;
} }
.Person_MenuList li{
.Person_MenuList li {
list-style-type: none; list-style-type: none;
width:100%; width: 100%;
height:54px; height: 54px;
padding:0 30px; padding: 0 30px;
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom:1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3;
} }
.Person_MenuList li .Person_Pname{
.Person_MenuList li .Person_Pname {
display: flex; display: flex;
align-items: center; align-items: center;
width:26%; width: 26%;
height:100%; height: 100%;
font-size:12px; font-size: 12px;
color:#999999; color: #999999;
} }
.Person_Jobs{
.Person_Jobs {
display: inline-block; display: inline-block;
padding:5px 8px; padding: 5px 8px;
background-color: #007EFF; background-color: #007EFF;
color:#fff; color: #fff;
font-size:12px; font-size: 12px;
border-radius:8px; border-radius: 8px;
margin-left:10px; margin-left: 10px;
} }
.Person_Company{
color:#333333; .Person_Company {
font-size:14px; color: #333333;
font-size: 14px;
display: inline-block; display: inline-block;
} }
.Person_Wrong{
color:#999999; .Person_Wrong {
font-size:12px; color: #999999;
font-size: 12px;
text-align: right; text-align: right;
} }
.Person_CenterList{
.Person_CenterList {
display: inline-block; display: inline-block;
width:72%; width: 72%;
font-size:14px; font-size: 14px;
} }
.Per_Jiantou i{
font-size:12px; .Per_Jiantou i {
color:#999999; font-size: 12px;
color: #999999;
} }
.Person_menuCked li:hover{
.Person_menuCked li:hover {
cursor: pointer; cursor: pointer;
background-color: #F1F8FF; background-color: #F1F8FF;
} }
.P_cked{
.P_cked {
background-color: #F1F8FF; background-color: #F1F8FF;
} }
.Shouji_Top{
width:100%; .Shouji_Top {
height:54px; width: 100%;
height: 54px;
line-height: 54px; line-height: 54px;
padding:0 30px; padding: 0 30px;
font-size:14px; font-size: 14px;
color:#333333; color: #333333;
border-bottom:1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3;
} }
.Shouji_Conteng{
margin:70px 0 0 120px; .Shouji_Conteng {
} margin: 70px 0 0 120px;
.phone_commonBotm{ }
width:400px;
position:relative; .phone_commonBotm {
} width: 400px;
.phone_commonBotm .input{ position: relative;
width:400px; }
height:44px;
outline:none; .phone_commonBotm .input {
width: 400px;
height: 44px;
outline: none;
padding-left: 17px; padding-left: 17px;
border:none; border: none;
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
} }
.phone_commonBotm .input::-webkit-input-placeholder{
.phone_commonBotm .input::-webkit-input-placeholder {
color: #D3D6DC; color: #D3D6DC;
} }
.phone_commonBotm .validatCode { .phone_commonBotm .validatCode {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 16px; top: 16px;
height:12px; height: 12px;
line-height: 12px; line-height: 12px;
padding-left: 10px; padding-left: 10px;
color: #007EFF; color: #007EFF;
...@@ -146,103 +169,120 @@ ...@@ -146,103 +169,120 @@
letter-spacing: 2px; letter-spacing: 2px;
border-left: 1px solid #DCDFE6; border-left: 1px solid #DCDFE6;
} }
.phone_bangding{
color:#333333; .phone_bangding {
margin:0 0 29px 100px; color: #333333;
font-size:16px; margin: 0 0 29px 100px;
font-size: 16px;
} }
.phone_bangding span{
margin-left:21px; .phone_bangding span {
margin-left: 21px;
} }
.Shouji_Conteng .el-input .el-input__inner{
height:44px; .Shouji_Conteng .el-input .el-input__inner {
height: 44px;
} }
.PI_qiehuan{
font-size:14px; .PI_qiehuan {
color:#333333; font-size: 14px;
color: #333333;
} }
.PI_comMoshi{
color:#999999 .PI_comMoshi {
color: #999999
} }
.PI_QiehuanImg{
width:370px; .PI_QiehuanImg {
height:174px; width: 370px;
margin-top:18px; height: 174px;
margin-top: 18px;
cursor: pointer; cursor: pointer;
margin-left:20px; margin-left: 20px;
border:4px solid #fff; border: 4px solid #fff;
} }
.ckedQieImg{
border:4px solid #007EFF; .ckedQieImg {
border: 4px solid #007EFF;
} }
.PI_QiehuanImg img{
width:100%; .PI_QiehuanImg img {
height:100%; width: 100%;
height: 100%;
} }
.Account_NumList{
margin-top:68px; .Account_NumList {
margin-top: 68px;
min-height: 80px; min-height: 80px;
margin:0 30px; margin: 0 30px;
border-bottom: 1px dashed #BBBBBB; border-bottom: 1px dashed #BBBBBB;
} }
.Account_NumList table{
padding:30px 0 30px 160px; .Account_NumList table {
font-size:16px; padding: 30px 0 30px 160px;
font-size: 16px;
} }
.Account_NumList table td{
height:30px; .Account_NumList table td {
height: 30px;
} }
.AC_bankName{
color:#333333; .AC_bankName {
color: #333333;
font-weight: bold; font-weight: bold;
margin-right:11px; margin-right: 11px;
} }
.AC_jeibang{
width:80px; .AC_jeibang {
width: 80px;
text-align: right; text-align: right;
color:#999999; color: #999999;
font-size:12px; font-size: 12px;
} }
.bank_Count{
.bank_Count {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
width:14px; width: 14px;
height:14px; height: 14px;
background-color: #007EFF; background-color: #007EFF;
color:#fff; color: #fff;
border-radius: 50%; border-radius: 50%;
right:25px; right: 25px;
line-height: 14px; line-height: 14px;
text-align: center; text-align: center;
top:20px; top: 20px;
} }
.bind_Imidetly{
.bind_Imidetly {
color: rgb(0, 126, 255); color: rgb(0, 126, 255);
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
width: 70%; width: 70%;
font-size: 14px; font-size: 14px;
} }
.addAccountTitle{
margin:0 0 20px 97px; .addAccountTitle {
font-size:14px; margin: 0 0 20px 97px;
font-size: 14px;
} }
.Person_Content .FPF_s{
.Person_Content .FPF_s {
cursor: pointer; cursor: pointer;
} }
#demo #button { #demo #button {
position: absolute; position: absolute;
right: 10px; right: 10px;
width: 80px; width: 80px;
height: 40px; height: 40px;
border:none; border: none;
cursor: pointer; cursor: pointer;
color:#fff; color: #fff;
border-radius: 5px; border-radius: 5px;
background:#E95252; background: #E95252;
} }
#demo .show { #demo .show {
width: 100px; width: 100px;
height: 100px; height: 100px;
...@@ -251,6 +291,7 @@ ...@@ -251,6 +291,7 @@
border-radius: 50%; border-radius: 50%;
border: 1px solid #d5d5d5; border: 1px solid #d5d5d5;
} }
#demo .picture { #demo .picture {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -259,6 +300,7 @@ ...@@ -259,6 +300,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
#demo .container { #demo .container {
z-index: 9999999; z-index: 9999999;
position: fixed; position: fixed;
...@@ -267,47 +309,32 @@ ...@@ -267,47 +309,32 @@
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background:rgba(0,0,0,0.4); background: rgba(0, 0, 0, 0.4);
} }
#demo #image { #demo #image {
max-width: 100%; max-width: 100%;
} }
.cropper-view-box,.cropper-face { .cropper-view-box,
.cropper-face {
border-radius: 50%; border-radius: 50%;
} }
/*!
* Cropper.js v1.0.0-rc
* https://github.com/fengyuanchen/cropperjs
*
* Copyright (c) 2017 Fengyuan Chen
* Released under the MIT license
*
* Date: 2017-03-25T12:02:21.062Z
*/
.cropper-container { .cropper-container {
font-size: 0; font-size: 0;
line-height: 0; line-height: 0;
position: relative; position: relative;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
direction: ltr; direction: ltr;
-ms-touch-action: none; -ms-touch-action: none;
touch-action: none touch-action: none
} }
.cropper-container img { .cropper-container img {
/* Avoid margin top issue (Occur only when margin-top <= -height) */
display: block; display: block;
min-width: 0 !important; min-width: 0 !important;
max-width: none !important; max-width: none !important;
...@@ -353,9 +380,7 @@ ...@@ -353,9 +380,7 @@
.cropper-dashed { .cropper-dashed {
position: absolute; position: absolute;
display: block; display: block;
opacity: .5; opacity: .5;
border: 0 dashed #e95252 border: 0 dashed #e95252
} }
...@@ -382,12 +407,9 @@ ...@@ -382,12 +407,9 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
display: block; display: block;
width: 0; width: 0;
height: 0; height: 0;
opacity: .75 opacity: .75
} }
...@@ -416,12 +438,9 @@ ...@@ -416,12 +438,9 @@
.cropper-line, .cropper-line,
.cropper-point { .cropper-point {
position: absolute; position: absolute;
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: .1; opacity: .1;
} }
...@@ -462,7 +481,6 @@ ...@@ -462,7 +481,6 @@
.cropper-point { .cropper-point {
width: 5px; width: 5px;
height: 5px; height: 5px;
opacity: .75; opacity: .75;
} }
...@@ -530,7 +548,6 @@ ...@@ -530,7 +548,6 @@
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.cropper-point.point-se { .cropper-point.point-se {
width: 10px; width: 10px;
height: 10px height: 10px
...@@ -538,7 +555,6 @@ ...@@ -538,7 +555,6 @@
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.cropper-point.point-se { .cropper-point.point-se {
width: 5px; width: 5px;
height: 5px; height: 5px;
...@@ -560,6 +576,7 @@ ...@@ -560,6 +576,7 @@
.cropper-invisible { .cropper-invisible {
opacity: 0; opacity: 0;
} }
.cropper-hide { .cropper-hide {
position: absolute; position: absolute;
display: block; display: block;
...@@ -585,6 +602,7 @@ ...@@ -585,6 +602,7 @@
.cropper-disabled .cropper-point { .cropper-disabled .cropper-point {
cursor: not-allowed; cursor: not-allowed;
} }
.a-upload { .a-upload {
padding: 4px 10px; padding: 4px 10px;
height: 20px; height: 20px;
...@@ -607,12 +625,14 @@ ...@@ -607,12 +625,14 @@
opacity: 0; opacity: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
cursor: pointer cursor: pointer
} }
.cancel_Btnn{
background-color: #fff!important; .cancel_Btnn {
border:1px solid #e95252!important; background-color: #fff !important;
color:#e95252!important; border: 1px solid #e95252 !important;
} color: #e95252 !important;
}
</style> </style>
<template> <template>
...@@ -625,8 +645,8 @@ ...@@ -625,8 +645,8 @@
</a> </a>
</div> </div>
<div class="Person_Header"> <div class="Person_Header">
<img v-if="dataList.EmPhoto" :src="dataList.EmPhoto" alt/> <img v-if="dataList.EmPhoto" :src="dataList.EmPhoto" :onerror="defaultHeadImg" alt />
<img v-else src="../assets/img/default_head_img.jpg" alt/> <img v-else src="../assets/img/default_head_img.jpg" alt />
</div> </div>
<div class="Person_ComCenter" style="margin-bottom:14px;"> <div class="Person_ComCenter" style="margin-bottom:14px;">
{{dataList.EmName}} {{dataList.EmName}}
...@@ -695,6 +715,18 @@ ...@@ -695,6 +715,18 @@
<i class="iconfont icon-jiantouyou1"></i> <i class="iconfont icon-jiantouyou1"></i>
</span> </span>
</li> </li>
<li @click="ckedNum=5" :class="{'P_cked':ckedNum==5}">
<span class="Person_Pname">绑定商城、微信</span>
<span class="Person_CenterList" v-if="dataList.MallUserId>0">
已绑定微信/店铺
</span>
<span class="Person_CenterList" v-else>
未绑定微信
</span>
<span class="Per_Jiantou">
<i class="iconfont icon-jiantouyou1"></i>
</span>
</li>
</ul> </ul>
</div> </div>
<div class="Person_Right"> <div class="Person_Right">
...@@ -708,7 +740,8 @@ ...@@ -708,7 +740,8 @@
<el-form :model="phoneMsg" ref="phoneMsg" label-position="right" :rules="rules" label-width="100px"> <el-form :model="phoneMsg" ref="phoneMsg" label-position="right" :rules="rules" label-width="100px">
<el-form-item label="新手机号" prop="LoginMobile" style="margin-bottom:40px;"> <el-form-item label="新手机号" prop="LoginMobile" style="margin-bottom:40px;">
<div class="phone_commonBotm"> <div class="phone_commonBotm">
<input class="input" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" v-model="phoneMsg.LoginMobile" type="text" placeholder="11位数字"/> <input class="input" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')"
v-model="phoneMsg.LoginMobile" type="text" placeholder="11位数字" />
<div class="validatCode"> <div class="validatCode">
<span v-show="showCode" @click="getCode" class="FPF_s">发送验证码</span> <span v-show="showCode" @click="getCode" class="FPF_s">发送验证码</span>
<span v-show="!showCode" class="count FPF_s">{{count}}s重新获取</span> <span v-show="!showCode" class="count FPF_s">{{count}}s重新获取</span>
...@@ -739,7 +772,6 @@ ...@@ -739,7 +772,6 @@
class="el-input__icon iconfont icon-xianshi"></i> class="el-input__icon iconfont icon-xianshi"></i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="visible" label="新密码" style="margin-bottom:30px;" prop="Pwd"> <el-form-item v-if="visible" label="新密码" style="margin-bottom:30px;" prop="Pwd">
<el-input type="password" class="w400" v-model="passWordMsg.Pwd" maxlength="15" placeholder="请输入新密码"> <el-input type="password" class="w400" v-model="passWordMsg.Pwd" maxlength="15" placeholder="请输入新密码">
<i slot="suffix" title="显示密码" @click="changePass('show')" style="cursor:pointer;" <i slot="suffix" title="显示密码" @click="changePass('show')" style="cursor:pointer;"
...@@ -752,9 +784,9 @@ ...@@ -752,9 +784,9 @@
class="el-input__icon iconfont icon-xianshi"></i> class="el-input__icon iconfont icon-xianshi"></i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="SureVisible" label="确认密码" style="margin-bottom:30px;" prop="surePassword"> <el-form-item v-if="SureVisible" label="确认密码" style="margin-bottom:30px;" prop="surePassword">
<el-input type="password" class="w400" v-model="passWordMsg.surePassword" maxlength="15" placeholder="请输入新密码"> <el-input type="password" class="w400" v-model="passWordMsg.surePassword" maxlength="15"
placeholder="请输入新密码">
<i slot="suffix" title="显示密码" @click="changePass2('show')" style="cursor:pointer;" <i slot="suffix" title="显示密码" @click="changePass2('show')" style="cursor:pointer;"
class="el-input__icon iconfont icon-yincang"></i> class="el-input__icon iconfont icon-yincang"></i>
</el-input> </el-input>
...@@ -790,7 +822,8 @@ ...@@ -790,7 +822,8 @@
</div> </div>
<div class="Shouji_Conteng"> <div class="Shouji_Conteng">
<div class="addAccountTitle" v-if="AcountData.length>0">添加新银行账户</div> <div class="addAccountTitle" v-if="AcountData.length>0">添加新银行账户</div>
<el-form :model="addAccountMsg" ref="addAccountMsg" label-position="right" :rules="rules3" label-width="100px"> <el-form :model="addAccountMsg" ref="addAccountMsg" label-position="right" :rules="rules3"
label-width="100px">
<el-form-item label="账户分类" prop="oldPassword" style="margin-bottom:30px;"> <el-form-item label="账户分类" prop="oldPassword" style="margin-bottom:30px;">
<el-select v-model='addAccountMsg.AccountClassify' class="w400" placeholder="请选择" @change='changeTitle'> <el-select v-model='addAccountMsg.AccountClassify' class="w400" placeholder="请选择" @change='changeTitle'>
<el-option label='银行' value='2' key='2'></el-option> <el-option label='银行' value='2' key='2'></el-option>
...@@ -803,14 +836,14 @@ ...@@ -803,14 +836,14 @@
<el-form-item v-if='addAccountMsg.AccountClassify!=3' :label="nameA" prop="OpenBankName"> <el-form-item v-if='addAccountMsg.AccountClassify!=3' :label="nameA" prop="OpenBankName">
<el-input type="text" class="w400" v-model="addAccountMsg.OpenBankName" placeholder="例如：锦江支行"></el-input> <el-input type="text" class="w400" v-model="addAccountMsg.OpenBankName" placeholder="例如：锦江支行"></el-input>
</el-form-item> </el-form-item>
<el-form-item v-if='addAccountMsg.AccountClassify!=3' :label="nameB" prop="AccountHolder"> <el-form-item v-if='addAccountMsg.AccountClassify!=3' :label="nameB" prop="AccountHolder">
<el-input type="text" class="w400" v-model="addAccountMsg.AccountHolder"></el-input> <el-input type="text" class="w400" v-model="addAccountMsg.AccountHolder"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="nameC" prop="CardNum"> <el-form-item :label="nameC" prop="CardNum">
<el-input type="text" class="w400" v-model="addAccountMsg.CardNum" @keyup.native="checkInteger(addAccountMsg,'CardNum'),resetAccountNum(addAccountMsg.CardNum)"></el-input> <el-input type="text" class="w400" v-model="addAccountMsg.CardNum"
@keyup.native="checkInteger(addAccountMsg,'CardNum'),resetAccountNum(addAccountMsg.CardNum)"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="nameD" prop="AccountAlias" > <el-form-item :label="nameD" prop="AccountAlias">
<el-input type="text" class="w400" v-model="addAccountMsg.AccountAlias"></el-input> <el-input type="text" class="w400" v-model="addAccountMsg.AccountAlias"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -842,14 +875,35 @@ ...@@ -842,14 +875,35 @@
</div> </div>
<button class="normalBtn" style="margin:30px 0 20px 20px;" @click="SureType">确定</button> <button class="normalBtn" style="margin:30px 0 20px 20px;" @click="SureType">确定</button>
</div> </div>
</div>
<!-- 绑定商城微信和商城 -->
<div class="Per_Shouji" v-if="ckedNum==5">
<div class="Shouji_Top">赞羊商城微信绑定</div>
<div class="Shouji_Conteng">
<el-form label-position="right" label-width="100px">
<el-form-item label="微信" style="margin-bottom:30px;">
<el-select v-model="mallUserId" filterable remote reserve-keyword placeholder="请输入微信昵称"
:remote-method="getWechatData" @change="weChatChange">
<el-option v-for="wItem in weChatData" :key="wItem.Id" :label="wItem.Name" :value="wItem.Id">
<span style="float: left">{{ wItem.Name }}
<template v-if="wItem.ShopId>0">
<span style="color:red;">【{{ wItem.ShopName }}】</span>
</template>
</span>
</el-option>
</el-select>
</el-form-item>
</el-form>
<button class="normalBtn" style="margin:30px 0 0 100px;" @click="saveWechat()">确定</button>
</div>
</div> </div>
</div> </div>
<div id="demo"> <div id="demo">
<div class="container" v-show="panel"> <div class="container" v-show="panel">
<div style="width:400px;height:400px;margin:5% 0 0 36%;position:relative;background-color:#fff;"> <div style="width:400px;height:400px;margin:5% 0 0 36%;position:relative;background-color:#fff;">
<img id="image" :src="url" alt="Picture"> <img id="image" :src="url" alt="Picture">
<button type="button" class="cancel_Btnn" id="button" style="bottom:-50px;right:105px;" @click="CancelUpImg">取消</button> <button type="button" class="cancel_Btnn" id="button" style="bottom:-50px;right:105px;"
@click="CancelUpImg">取消</button>
<button type="button" id="button" style="bottom:-50px;" @click="crop">确定</button> <button type="button" id="button" style="bottom:-50px;" @click="crop">确定</button>
</div> </div>
</div> </div>
...@@ -859,7 +913,6 @@ ...@@ -859,7 +913,6 @@
</div> </div>
</div> </div>
<div style="margin-top:20px;"> <div style="margin-top:20px;">
</div> </div>
</div> </div>
</div> </div>
...@@ -870,102 +923,136 @@ ...@@ -870,102 +923,136 @@
export default { export default {
data() { data() {
return { return {
defaultHeadImg: 'this.src="' + require("../assets/img/default_head_img.jpg") + '"',
//页面切换方式 //页面切换方式
openMode:0, openMode: 0,
u:{}, u: {},
outerVisible:false, outerVisible: false,
nameA:'账户名称', nameA: '账户名称',
nameB:'开户人', nameB: '开户人',
nameC:'卡号', nameC: '卡号',
nameD:'账户别名', nameD: '账户别名',
//切换选项卡 //切换选项卡
ckedNum:1, ckedNum: 1,
showCode:true, showCode: true,
count: "", count: "",
//验证码参数 //验证码参数
phoneMsg:{ phoneMsg: {
LoginMobile:'', LoginMobile: '',
code:'' code: ''
}, },
//修改密码 //修改密码
passWordMsg:{ passWordMsg: {
OldPwd:'', OldPwd: '',
Pwd:'', Pwd: '',
surePassword:'' surePassword: ''
}, },
sureOldPwd:true, sureOldPwd: true,
visible:true, visible: true,
SureVisible:true, SureVisible: true,
//切换方式 //切换方式
radio:'1', radio: '1',
msg: { msg: {},
rules: {
}, LoginMobile: [{
rules:{ required: true,
LoginMobile: [ message: '请输入新手机号',
{ required: true, message: '请输入新手机号', trigger: 'blur' } trigger: 'blur'
], }],
code: [ code: [{
{ required: true, message: '请输入验证码', trigger: 'blur' } required: true,
] message: '请输入验证码',
trigger: 'blur'
}]
}, },
rules2:{ rules2: {
OldPwd: [ OldPwd: [{
{ required: true, message: '请输入旧密码', trigger: 'blur' } required: true,
], message: '请输入旧密码',
Pwd: [ trigger: 'blur'
{ required: true, message: '请输入新密码', trigger: 'blur' } }],
], Pwd: [{
surePassword: [ required: true,
{ required: true, message: '请输入确认密码', trigger: 'blur' } message: '请输入新密码',
] trigger: 'blur'
}],
surePassword: [{
required: true,
message: '请输入确认密码',
trigger: 'blur'
}]
}, },
rules3:{ rules3: {
BankName:[{ required: true, message: '请填写银行', trigger: 'blur' }], BankName: [{
AccountHolder:[{ required: true, message: '请填写开户人', trigger: 'blur' }], required: true,
OpenBankName:[{ required: true, message: '请填写账户名称', trigger: 'blur' }], message: '请填写银行',
CardNum:[{ required: true, message: '请填写卡号', trigger: 'blur' }], trigger: 'blur'
AccountAlias:[{ required: true, message: '请填写账户别名', trigger: 'blur' }], }],
AccountHolder: [{
required: true,
message: '请填写开户人',
trigger: 'blur'
}],
OpenBankName: [{
required: true,
message: '请填写账户名称',
trigger: 'blur'
}],
CardNum: [{
required: true,
message: '请填写卡号',
trigger: 'blur'
}],
AccountAlias: [{
required: true,
message: '请填写账户别名',
trigger: 'blur'
}],
}, },
//获取银行账户参数 //获取银行账户参数
AccountMsg:{ AccountMsg: {
BranchId:'-1', BranchId: '-1',
EmpId:'-1', EmpId: '-1',
BankId:'', BankId: '',
AccountHolder:'', AccountHolder: '',
AccountAlias:'', AccountAlias: '',
pageIndex:1, pageIndex: 1,
pageSize:15, pageSize: 15,
Type:9, Type: 9,
}, },
AccDataList:{}, AccDataList: {},
//银行所有账户 //银行所有账户
AcountData:[], AcountData: [],
AccCount:0, AccCount: 0,
//添加银行账户参数 //添加银行账户参数
addAccountMsg:{ addAccountMsg: {
Id:'0', Id: '0',
ObjID:'-1', ObjID: '-1',
BankId:'-1', BankId: '-1',
OpenBankName:'', OpenBankName: '',
BankName: '', BankName: '',
AccountHolder:'', AccountHolder: '',
CardNum:'', CardNum: '',
AccountAlias:'', AccountAlias: '',
AccountType:'1', AccountType: '1',
AccountClassify:'2', AccountClassify: '2',
Type:'9' Type: '9'
}, },
dataList:{}, dataList: {},
headerImage: '',
picValue: '',
headerImage:'', cropper: '',
picValue:'', croppable: false,
cropper:'', panel: false,
croppable:false, url: '',
panel:false, //暂时用户Id
url:'' mallUserId: "",
//赞羊商城对象
weChatMsg: {
MallUserId: 0, //赞羊商城用户Id
MallSmallShopsId: 0, //赞羊用户商城Id
},
weChatData: [],
}; };
}, },
methods: { methods: {
...@@ -974,105 +1061,98 @@ ...@@ -974,105 +1061,98 @@
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.doBind(); this.doBind();
} else {
} }
}); });
}, },
//修改密码 //修改密码
submitForm2(formName){ submitForm2(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.changePwd(); this.changePwd();
} else {
} }
}); });
}, },
//新增银行账户 //新增银行账户
submitForm3(formName){ submitForm3(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.addAccountNum(); this.addAccountNum();
} else {
} }
}); });
}, },
//新增银行账户 //新增银行账户
addAccountNum(){ addAccountNum() {
this.addAccountMsg.ObjID=this.dataList.EmployeeId; this.addAccountMsg.ObjID = this.dataList.EmployeeId;
if(this.addAccountMsg.AccountClassify!='3'){ if (this.addAccountMsg.AccountClassify != '3') {
if(this.addAccountMsg.OpenBankName==''){ if (this.addAccountMsg.OpenBankName == '') {
this.Error('请填写'+this.nameA) this.Error('请填写' + this.nameA)
return return;
} }
if(this.addAccountMsg.AccountHolder==''){ if (this.addAccountMsg.AccountHolder == '') {
this.Error('请填写'+this.nameB) this.Error('请填写' + this.nameB)
return return;
} }
} }
if(this.addAccountMsg.CardNum==''){ if (this.addAccountMsg.CardNum == '') {
this.Error('请填写'+this.nameC) this.Error('请填写' + this.nameC)
return return;
} }
if(this.addAccountMsg.AccountAlias==''){ if (this.addAccountMsg.AccountAlias == '') {
this.Error('请填写'+this.nameD) this.Error('请填写' + this.nameD)
return return;
} }
this.addAccountMsg.CardNum=this.addAccountMsg.CardNum.replace(/\s+/g,""); this.addAccountMsg.CardNum = this.addAccountMsg.CardNum.replace(/\s+/g, "");
this.apipost("admin_post_SetEmpBankAccount",this.addAccountMsg,res=>{ this.apipost("admin_post_SetEmpBankAccount", this.addAccountMsg, res => {
if(res.data.resultCode==1) if (res.data.resultCode == 1) {
{
this.Success(res.data.message) this.Success(res.data.message)
this.getList() this.getList()
this.resetAccountMsg(); this.resetAccountMsg();
}else{ } else {
this.Error(res.data.message) this.Error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
//重置信息 //重置信息
resetAccountMsg(){ resetAccountMsg() {
this.addAccountMsg.OpenBankName=''; this.addAccountMsg.OpenBankName = '';
this.addAccountMsg.BankName=''; this.addAccountMsg.BankName = '';
this.addAccountMsg.AccountHolder=''; this.addAccountMsg.AccountHolder = '';
this.addAccountMsg.CardNum=''; this.addAccountMsg.CardNum = '';
this.addAccountMsg.AccountAlias=''; this.addAccountMsg.AccountAlias = '';
}, },
//修改密码方法 //修改密码方法
changePwd(){ changePwd() {
if(this.passWordMsg.Pwd!=this.passWordMsg.surePassword){ if (this.passWordMsg.Pwd != this.passWordMsg.surePassword) {
this.Error('新密码和确认密码不一致'); this.Error('新密码和确认密码不一致');
return; return;
} }
this.apipost('admin_get_MySelfResetPwd',this.passWordMsg,res=>{ this.apipost('admin_get_MySelfResetPwd', this.passWordMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.passWordMsg.OldPwd=''; this.passWordMsg.OldPwd = '';
this.passWordMsg.Pwd=''; this.passWordMsg.Pwd = '';
this.passWordMsg.surePassword=''; this.passWordMsg.surePassword = '';
// //修改成功后退出登录 // //修改成功后退出登录
setTimeout(()=>{ setTimeout(() => {
this.$store.dispatch("logout") this.$store.dispatch("logout")
localStorage.removeItem("userInfo"); localStorage.removeItem("userInfo");
localStorage.removeItem("previousPathInfo"); localStorage.removeItem("previousPathInfo");
location.href='/' location.href = '/'
}, 1000); }, 1000);
}else{ } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
},err=>{}) }, err => {})
}, },
//获取银行账户信息 //获取银行账户信息
getAccount(){ getAccount() {
this.AccountMsg.EmpId=this.dataList.EmployeeId; this.AccountMsg.EmpId = this.dataList.EmployeeId;
this.apipost("admin_get_GetEmpBankAccountPageList", this.AccountMsg, res => { this.apipost("admin_get_GetEmpBankAccountPageList", this.AccountMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.AcountData=res.data.data.pageData; this.AcountData = res.data.data.pageData;
this.AccDataList=res.data.data.pageData[0]; this.AccDataList = res.data.data.pageData[0];
this.AccCount=res.data.data.count; this.AccCount = res.data.data.count;
}else{ } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}, err => {}) }, err => {})
...@@ -1106,8 +1186,7 @@ ...@@ -1106,8 +1186,7 @@
mobileCodeType: 1 mobileCodeType: 1
}; };
this.apipost("user_get_moblieNumber_code", msg, res => { this.apipost("user_get_moblieNumber_code", msg, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {} else {
} else {
this.$notify.error({ this.$notify.error({
title: "提示", title: "提示",
customClass: "msgTips", customClass: "msgTips",
...@@ -1131,133 +1210,129 @@ ...@@ -1131,133 +1210,129 @@
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.getList(); this.getList();
this.phoneMsg.LoginMobile=''; this.phoneMsg.LoginMobile = '';
this.phoneMsg.code=''; this.phoneMsg.code = '';
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
}); });
}, },
//重置手机 //重置手机
resetPhoneNum(){ resetPhoneNum() {
this.phoneMsg.LoginMobile=''; this.phoneMsg.LoginMobile = '';
this.phoneMsg.code=''; this.phoneMsg.code = '';
}, },
changePassOld(value){ changePassOld(value) {
this.sureOldPwd = !(value === 'show'); this.sureOldPwd = !(value === 'show');
}, },
changePass(value) { changePass(value) {
this.visible = !(value === 'show'); this.visible = !(value === 'show');
}, //判断渲染，true:暗文显示，false:明文显示 }, //判断渲染，true:暗文显示，false:明文显示
changePass2(value){ changePass2(value) {
this.SureVisible = !(value === 'show'); this.SureVisible = !(value === 'show');
}, },
//获取用户信息 //获取用户信息
getList(){ getList() {
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
let msg={ let msg = {
Id:userInfo.EmployeeId Id: userInfo.EmployeeId
} }
this.apipost('admin_get_EmployeeGet',msg,res=>{ this.apipost('admin_get_EmployeeGet', msg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.dataList=res.data.data; this.dataList = res.data.data;
this.getAccount(); this.getAccount();
}else{ } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
},err=>{}) }, err => {})
}, },
//过滤电话号码 //过滤电话号码
getBangding(val){ getBangding(val) {
if(val){ if (val) {
return val.substr(0, 3) + "****" + val.substr(-4,4) return val.substr(0, 3) + "****" + val.substr(-4, 4)
} }
}, },
//过滤银行卡号 //过滤银行卡号
getBankNum(bankNumber){ getBankNum(bankNumber) {
if(bankNumber){ if (bankNumber) {
return bankNumber.substr(0,4)+"********"+bankNumber.substr(-4); return bankNumber.substr(0, 4) + "********" + bankNumber.substr(-4);
} }
}, },
//冻结启用银行账户 //冻结启用银行账户
deleteData(id){ deleteData(id) {
this.$confirm('确认启用/冻结该账户信息?', '提示', { this.$confirm('确认启用/冻结该账户信息?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.apipost('admin_post_DelEmpBankAccount', { this.apipost('admin_post_DelEmpBankAccount', {
BAId:id BAId: id
}, res => { }, res => {
if(res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.Success('保存成功！') this.Success('保存成功！')
this.getList(); this.getList();
} }
}, err => {}) }, err => {})
}).catch(() => { }).catch(() => {
this.$message.info('已取消！') this.$message.info('已取消！')
}); });
}, },
changeTitle(){ changeTitle() {
if(this.addAccountMsg.AccountClassify==1){ if (this.addAccountMsg.AccountClassify == 1) {
this.nameA='平台名称' this.nameA = '平台名称'
this.nameB='用户名称' this.nameB = '用户名称'
this.nameC='平台账户' this.nameC = '平台账户'
this.nameD='账户别名' this.nameD = '账户别名'
this.addAccountMsg.AccountType='1' this.addAccountMsg.AccountType = '1'
}else if(this.addAccountMsg.AccountClassify==2){ } else if (this.addAccountMsg.AccountClassify == 2) {
this.nameA='账户名称' this.nameA = '账户名称'
this.nameB='开户人' this.nameB = '开户人'
this.nameC='卡号' this.nameC = '卡号'
this.nameD='账户别名' this.nameD = '账户别名'
}else{ } else {
this.nameA='平台名称' this.nameA = '平台名称'
this.nameB='用户名称' this.nameB = '用户名称'
this.nameC='平台账户' this.nameC = '平台账户'
this.nameD='账户别名' this.nameD = '账户别名'
} }
}, },
//确认方式 //确认方式
SureType(){ SureType() {
localStorage.openMode=this.radio; localStorage.openMode = this.radio;
window.location.reload() window.location.reload()
}, },
//重置卡号 //重置卡号
resetAccountNum(val){ resetAccountNum(val) {
this.addAccountMsg.CardNum=this.addAccountMsg.CardNum.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 "); this.addAccountMsg.CardNum = this.addAccountMsg.CardNum.replace(/\s/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
}, },
getObjectURL (file) { getObjectURL(file) {
var url = null ; var url = null;
if (window.createObjectURL!=undefined) { // basic if (window.createObjectURL != undefined) { // basic
url = window.createObjectURL(file) ; url = window.createObjectURL(file);
} else if (window.URL!=undefined) { // mozilla(firefox) } else if (window.URL != undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ; url = window.URL.createObjectURL(file);
} else if (window.webkitURL!=undefined) { // webkit or chrome } else if (window.webkitURL != undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ; url = window.webkitURL.createObjectURL(file);
} }
return url ; return url;
}, },
change (e) { change(e) {
let files = e.target.files || e.dataTransfer.files; let files = e.target.files || e.dataTransfer.files;
if (!files.length) return; if (!files.length) return;
this.panel = true; this.panel = true;
this.outerVisible=true; this.outerVisible = true;
this.picValue = files[0]; this.picValue = files[0];
this.url = this.getObjectURL(this.picValue); this.url = this.getObjectURL(this.picValue);
//每次替换图片要重新得到新的url //每次替换图片要重新得到新的url
if(this.cropper){ if (this.cropper) {
this.cropper.replace(this.url); this.cropper.replace(this.url);
} }
this.panel = true; this.panel = true;
}, },
crop () { crop() {
this.panel = false; this.panel = false;
var croppedCanvas; var croppedCanvas;
var roundedCanvas; var roundedCanvas;
if (!this.croppable) { if (!this.croppable) {
return; return;
} }
...@@ -1265,7 +1340,6 @@ ...@@ -1265,7 +1340,6 @@
croppedCanvas = this.cropper.getCroppedCanvas(); croppedCanvas = this.cropper.getCroppedCanvas();
// Round // Round
roundedCanvas = this.getRoundedCanvas(croppedCanvas); roundedCanvas = this.getRoundedCanvas(croppedCanvas);
this.headerImage = roundedCanvas.toDataURL(); this.headerImage = roundedCanvas.toDataURL();
let that = this; let that = this;
let blob = that.base64ToBlob(this.headerImage); let blob = that.base64ToBlob(this.headerImage);
...@@ -1283,9 +1357,7 @@ ...@@ -1283,9 +1357,7 @@
let contentType = parts[0].split(':')[1]; let contentType = parts[0].split(':')[1];
let raw = window.atob(parts[1]); let raw = window.atob(parts[1]);
let rawLength = raw.length; let rawLength = raw.length;
let uInt8Array = new Uint8Array(rawLength); let uInt8Array = new Uint8Array(rawLength);
for (let i = 0; i < rawLength; ++i) { for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i); uInt8Array[i] = raw.charCodeAt(i);
} }
...@@ -1299,7 +1371,6 @@ ...@@ -1299,7 +1371,6 @@
i; i;
radix = radix || chars.length; radix = radix || chars.length;
if (len) { if (len) {
// Compact form
for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix]; for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
} else { } else {
let r; let r;
...@@ -1314,8 +1385,7 @@ ...@@ -1314,8 +1385,7 @@
} }
return uuid.join(''); return uuid.join('');
}, },
getRoundedCanvas(sourceCanvas) {
getRoundedCanvas (sourceCanvas) {
var canvas = document.createElement('canvas'); var canvas = document.createElement('canvas');
var context = canvas.getContext('2d'); var context = canvas.getContext('2d');
var width = sourceCanvas.width; var width = sourceCanvas.width;
...@@ -1330,47 +1400,78 @@ ...@@ -1330,47 +1400,78 @@
context.fill(); context.fill();
return canvas; return canvas;
}, },
postImg (path) { postImg(path) {
//这边写图片的上传 //这边写图片的上传
let msg={ let msg = {
icon:path icon: path
} }
this.apipost('app_get_employee_modify_icon',msg,res=>{ this.apipost('app_get_employee_modify_icon', msg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.Success(res.data.message); this.Success(res.data.message);
this.getList(); this.getList();
}else{ } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
},err=>{}) }, err => {})
}, },
//取消上传 //取消上传
CancelUpImg(){ CancelUpImg() {
this.panel=false; this.panel = false;
},
//获取微信用户列表
getWechatData(keyWords) {
this.weChatData = [];
var qMsg = {
Name: keyWords
};
this.mallapipost(
"/api/User/GetMemberUserListExt",
qMsg,
res => {
if (res.data.resultCode == 1) {
this.weChatData = res.data.data;
}
});
},
//选择切换
weChatChange() {
let obj = this.weChatData.find(item => item.Id == this.mallUserId);
if (obj) {
this.weChatMsg.MallUserId = obj.Id;
this.weChatMsg.MallSmallShopsId = obj.ShopId;
}
},
//保存微信
saveWechat() {
this.apipost("admin_post_BindWeChat", this.weChatMsg, res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.getList();
} else {
this.Error(res.data.message)
}
}, err => {})
} }
}, },
mounted() { mounted() {
this.u = this.getLocalStorage(); this.u = this.getLocalStorage();
this.getList(); this.getList();
this.openMode=localStorage.openMode; this.openMode = localStorage.openMode;
this.radio=localStorage.openMode; this.radio = localStorage.openMode;
//初始化这个裁剪框 //初始化这个裁剪框
var self = this; var self = this;
var image = document.getElementById('image'); var image = document.getElementById('image');
this.cropper = new Cropper(image, { this.cropper = new Cropper(image, {
aspectRatio: 1, aspectRatio: 1,
viewMode: 1, viewMode: 1,
background:false, background: false,
zoomable:false, zoomable: false,
ready: function () { ready: function () {
self.croppable = true; self.croppable = true;
} }
}); });
} }
}; };
</script>
</script>
src/components/mall/goodlist.vue
View file @ 9aefc929
...@@ -157,13 +157,20 @@ ...@@ -157,13 +157,20 @@
Name: "", //商品名称 Name: "", //商品名称
CategoryIds: "", //商品分类 CategoryIds: "", //商品分类
IsGetShare: 1, //获取分销 IsGetShare: 1, //获取分销
ERPUserId: "19992" ERPUserId: 0, //商城用户Id
ERPSmallShopId: 0, //用户店铺Id
}, },
}; };
}, },
methods: { methods: {
//获取商品列表 //获取商品列表
getGoodList() { getGoodList() {
if (this.getLocalStorage().MallUserId) {
this.msg.ERPUserId = this.getLocalStorage().MallUserId;
}
if (this.getLocalStorage().MallSmallShopsId) {
this.msg.ERPSmallShopId = this.getLocalStorage().MallSmallShopsId;
}
this.loading = true; this.loading = true;
this.DataList = []; this.DataList = [];
this.mallapipost( this.mallapipost(
......
src/components/personalCenter.vue
View file @ 9aefc929
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<span class="v">{{CurrentUserInfo.DepartName}}</span> <span class="v">{{CurrentUserInfo.DepartName}}</span>
</div> </div>
</div> </div>
<div class="n-info" ><!-- v-if="CurrentUserInfo.RB_Group_id==2 || EditBtn" --> <div class="n-info" >
<div class="item" @click="changeBoard(0)"> <div class="item" @click="changeBoard(0)">
<i class="iconfont icon-yichuheimingdan"></i> <i class="iconfont icon-yichuheimingdan"></i>
<span class="n-name">个人首页</span> <span class="n-name">个人首页</span>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment