From ac235850a9287dae6977c964213176fa7c86b140 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 09 十二月 2021 14:42:20 +0800
Subject: [PATCH] Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PAM into refactor/separate-vue
---
PAMapp/pages/accountSetting/index.vue | 99 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 90 insertions(+), 9 deletions(-)
diff --git a/PAMapp/pages/accountSetting/index.vue b/PAMapp/pages/accountSetting/index.vue
index d20f84a..8c4a31e 100644
--- a/PAMapp/pages/accountSetting/index.vue
+++ b/PAMapp/pages/accountSetting/index.vue
@@ -1,13 +1,94 @@
<template>
- <div>�犖撣唾�身摰�</div>
+<div class="account-page">
+ <div class="account-page-title">�犖撣唾�身摰�</div>
+ <section class="account-card" :class="{'edit': !userNameDisabled }">
+ <div class="header">
+ <div class="block">
+ <div class="setting-title">憪��</div>
+ <div class="contact-type">
+ <input
+ :disabled="userNameDisabled"
+ v-model="userNameValue"
+ ref="userName"
+ class="input name-input"
+ >
+ <div class="error-txt">
+ <span v-show="!nameValid" class="error">甇斗���‵</span>
+ </div>
+ </div>
+
+ </div>
+ <i class="icon-edit icon" @click="editField('userName')" :class="{'icon-color-change': !userNameDisabled}"></i>
+ </div>
+
+ </section>
+
+ <section class="account-card" :class="{'edit': !userPhoneDisabled }" v-if="phoneValue">
+ <div class="header">
+ <div class="block">
+ <div class="setting-title">蝬��</div>
+ <div class="contact-type">
+ ����Ⅳ
+ <input
+ :disabled="userPhoneDisabled"
+ v-model="phoneValue"
+ :class="{
+ 'is-invalid': !phoneValid
+ }"
+ ref="userPhone"
+ class="contact-input input"
+ :placeholder="phoneValue || '撠������Ⅳ'"
+ >
+ <div class="error-txt">
+ <span v-show="!phoneValid" class="error">����Ⅳ�撘�炊</span>
+ </div>
+ </div>
+ </div>
+ <!-- <i class="icon-edit icon"
+ @click="editField('userPhone')"
+ :class="{'icon-color-change': !userPhoneDisabled}"></i> -->
+ </div>
+
+ </section>
+
+ <section class="account-card" :class="{'edit': !userEmailDisabled }" v-if="emailValue">
+ <div class="header">
+ <div class="block">
+ <div class="setting-title">蝬��</div>
+ <div class="contact-type">Email
+ <input
+ :disabled="userEmailDisabled"
+ v-model="emailValue"
+ :class="{
+ 'is-invalid': !emailValid
+ }"
+ ref="userEmail"
+ class="contact-input input"
+ :placeholder="emailValue || '撠���� Email'"
+ >
+ <div class="error-txt">
+ <span v-show="!emailValid" class="error">靽∠拳�撘�炊</span>
+ </div>
+ </div>
+ </div>
+
+ <!-- <i class="icon-edit icon" @click="editField('userEmail')"
+ :class="{'icon-color-change': !userEmailDisabled}"></i> -->
+ </div>
+
+ </section>
+
+ <div class="account-setting-btn mb-30">
+ <el-button
+ :disabled="isSubmitBtnDisabled"
+ @click.native="updateAccountSetting">�</el-button>
+ </div>
+
+</div>
</template>
-<script>
-export default {
+<script src="./account-setting.component.ts"></script>
-}
-</script>
-
-<style lang="">
-
-</style>
\ No newline at end of file
+<style lang="scss" scoped>
+ @import "./account-setting.component.scss";
+</style>
--
Gitblit v1.8.0