|
|
@ -111,7 +111,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="item"> |
|
|
|
<span>证件</span> |
|
|
|
<span>证件</span> |
|
|
|
<input id="idnumber" class="idnumber" placeholder="请输入姓名" type="text" v-model="personalInformation.idNumber"/> |
|
|
|
<input id="idnumber" class="idnumber" placeholder="请输入证件" type="text" v-model="personalInformation.idNumber"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="line"> |
|
|
|
<div class="line"> |
|
|
@ -270,36 +270,35 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="item"> |
|
|
|
<span>手机号</span> |
|
|
|
<span>手机号</span> |
|
|
|
<div class="btns"> |
|
|
|
<div class="btns flex-between"> |
|
|
|
{{personalInformation.phone}} |
|
|
|
<span>{{personalInformation.phone}}</span> |
|
|
|
<el-button v-if="personalInformation.phone" style="margin-left: 5px;width:100%;" size="small" @click="bindPhone">更换</el-button> |
|
|
|
<el-button v-if="personalInformation.phone" type="primary" size="small" @click="bindPhone">更换</el-button> |
|
|
|
<el-button v-else style="width:100%;" size="small" @click="bindPhone">绑定</el-button> |
|
|
|
<el-button v-else type="primary" size="small" @click="bindPhone">绑定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="line"> |
|
|
|
<div class="line"> |
|
|
|
<div class="item"> |
|
|
|
<div class="item"> |
|
|
|
<span>邮箱</span> |
|
|
|
<span>邮箱</span> |
|
|
|
<div class="btns"> |
|
|
|
<div class="btns flex-between"> |
|
|
|
{{personalInformation.email}} |
|
|
|
<span>{{personalInformation.email}}</span> |
|
|
|
<el-button v-if="personalInformation.email" style="margin-left: 5px;width:100%;" size="small" @click="bindEmail">更换</el-button> |
|
|
|
<el-button v-if="personalInformation.email" type="primary" size="small" @click="bindEmail">更换</el-button> |
|
|
|
<el-button v-else style="width:100%;" size="small" @click="bindEmail">绑定</el-button> |
|
|
|
<el-button v-else type="primary" size="small" @click="bindEmail">绑定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<!-- <div class="item"> |
|
|
|
<span>微信</span> |
|
|
|
<span>微信</span> |
|
|
|
<!-- <div class="read">{{personalInformation.weChatID}}</div> --> |
|
|
|
|
|
|
|
<input id="weChat" class="weChat" disabled placeholder="微信" type="text" v-model="personalInformation.weChatID"/> |
|
|
|
<input id="weChat" class="weChat" disabled placeholder="微信" type="text" v-model="personalInformation.weChatID"/> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="line"> |
|
|
|
<div class="line"> |
|
|
|
<div class="item"> |
|
|
|
<div class="item"> |
|
|
|
<span>密码</span> |
|
|
|
<span>密码</span> |
|
|
|
<div class="btns"> |
|
|
|
<div class="btns flex-end-content"> |
|
|
|
<el-button size="small" style="width:100%;" @click="bindPassword">更换密码</el-button> |
|
|
|
<el-button type="primary" size="small" @click="bindPassword">更换</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item"></div> |
|
|
|
<!-- <div class="item"></div> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -1216,6 +1215,8 @@ input:focus { |
|
|
|
.btns{ |
|
|
|
.btns{ |
|
|
|
display: inline-flex; |
|
|
|
display: inline-flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
border-bottom: 1px solid #b5b5b5; |
|
|
|
|
|
|
|
padding: 5px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.selects{ |
|
|
|
.selects{ |
|
|
|
display: inline-flex; |
|
|
|
display: inline-flex; |
|
|
@ -1242,11 +1243,14 @@ input:focus { |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/.el-input__inner { |
|
|
|
/deep/.el-input__inner { |
|
|
|
color: #656565; |
|
|
|
color: #656565; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 14px; |
|
|
|
border-radius: 0 !important; |
|
|
|
border-radius: 0 !important; |
|
|
|
border: 0px; |
|
|
|
border: 0px; |
|
|
|
border-bottom: 1px solid #b5b5b5; |
|
|
|
border-bottom: 1px solid #b5b5b5; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.el-input--prefix .el-input__inner{ |
|
|
|
|
|
|
|
padding-left: 15px; |
|
|
|
|
|
|
|
} |
|
|
|
/deep/.el-input__icon { |
|
|
|
/deep/.el-input__icon { |
|
|
|
color: #9278ff; |
|
|
|
color: #9278ff; |
|
|
|
&.el-icon-date{ |
|
|
|
&.el-icon-date{ |
|
|
@ -1320,5 +1324,9 @@ input:focus { |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #c0c0c0; |
|
|
|
color: #c0c0c0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-button--primary{ |
|
|
|
|
|
|
|
background-color: #9278ff; |
|
|
|
|
|
|
|
border-color: #9278ff; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |