From 6a7bb6b41bd7f5868c2d6cee59be5e597d9eeb93 Mon Sep 17 00:00:00 2001
From: lxy <liuxinyu_x@163.com>
Date: Mon, 12 May 2025 15:16:55 +0800
Subject: [PATCH] =?UTF-8?q?user/info=E7=BB=84=E4=BB=B6=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=EF=BC=9Amp=E4=BD=BF=E7=94=A8extrafile/commit=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=9B=E5=BD=93=E7=94=A8=E6=88=B7=E5=B7=B2=E8=BA=AB=E4=BB=BD?=
 =?UTF-8?q?=E8=AE=A4=E8=AF=81=E6=97=B6=E4=B8=8D=E5=85=81=E8=AE=B8=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E5=A7=93=E5=90=8D=E3=80=81=E6=80=A7=E5=88=AB=E3=80=81?=
 =?UTF-8?q?=E7=94=9F=E6=97=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 es/components/user/info/index.js            | 39 ++++++++++---
 es/components/user/info/index.json          |  3 +-
 es/components/user/info/index.xml           | 41 +++++++++-----
 es/components/user/info/locales/zh_CN.json  |  3 +-
 es/components/user/info/web.d.ts            |  1 +
 es/components/user/info/web.js              |  8 +--
 es/components/user/info/web.pc.d.ts         |  1 +
 es/components/user/info/web.pc.js           | 10 ++--
 es/data/i18n.js                             |  3 +-
 lib/data/i18n.js                            |  3 +-
 src/components/user/info/index.json         |  5 +-
 src/components/user/info/index.ts           | 62 ++++++++++++++-------
 src/components/user/info/index.xml          | 41 +++++++++-----
 src/components/user/info/locales/zh_CN.json |  3 +-
 src/components/user/info/web.pc.tsx         | 10 ++--
 src/components/user/info/web.tsx            |  5 ++
 src/data/i18n.ts                            |  3 +-
 17 files changed, 162 insertions(+), 79 deletions(-)

diff --git a/es/components/user/info/index.js b/es/components/user/info/index.js
index 972ca439e..6e3da3259 100644
--- a/es/components/user/info/index.js
+++ b/es/components/user/info/index.js
@@ -89,6 +89,9 @@ export default OakComponent({
         const canSyncPublic = token?.wechatUser?.applicationId === app.id;
         const editable = user && user.$$createAt$$ === 1 || user['#oakLegalActions']?.includes('update');
         const executable = this.tryExecute();
+        const commitBtnProps = {
+            disabled: executable === true,
+        };
         return {
             id: user?.id,
             name: user?.name,
@@ -119,6 +122,7 @@ export default OakComponent({
             editable,
             executable,
             isCreation: this.isCreation(),
+            commitBtnProps,
         };
     },
     data: {
@@ -172,6 +176,16 @@ export default OakComponent({
                 });
             }
         },
+        checkIdState() {
+            if (this.state.idState === 'verified') {
+                this.setMessage({
+                    type: 'warning',
+                    content: this.t('notAllowUpdate')
+                });
+                return false;
+            }
+            return true;
+        },
         async refreshWechatPublicUserInfo() {
             this.checkEditable('nickname');
             this.setState({
@@ -248,21 +262,28 @@ export default OakComponent({
         },
         editName() {
             this.checkEditable('name');
-            this.setState({
-                editAttr: 'name',
-            });
+            if (this.checkIdState()) {
+                this.setState({
+                    editAttr: 'name',
+                });
+            }
         },
         editGender() {
             this.checkEditable('gender');
-            this.setState({
-                editAttr: 'gender',
-            });
+            const { idState } = this.state;
+            if (this.checkIdState()) {
+                this.setState({
+                    editAttr: 'gender',
+                });
+            }
         },
         editBirth() {
             this.checkEditable('birth');
-            this.setState({
-                editAttr: 'birth',
-            });
+            if (this.checkIdState()) {
+                this.setState({
+                    editAttr: 'birth',
+                });
+            }
         },
         cancelEdit() {
             this.setState({
diff --git a/es/components/user/info/index.json b/es/components/user/info/index.json
index 7b1beae1c..a3a67a11c 100644
--- a/es/components/user/info/index.json
+++ b/es/components/user/info/index.json
@@ -12,6 +12,7 @@
         "l-radio-group": "@oak-frontend-base/miniprogram_npm/lin-ui/radio-group/index",
         "l-radio": "@oak-frontend-base/miniprogram_npm/lin-ui/radio/index",
         "l-form-item": "@oak-frontend-base/miniprogram_npm/lin-ui/form-item/index",
-        "oak-extraFile-avatar": "../../../components/extraFile/avatar/index"
+        "oak-extraFile-avatar": "../../../components/extraFile/avatar/index",
+        "oak-commit": "../../../components/extraFile/commit/index"
     }
 }
diff --git a/es/components/user/info/index.xml b/es/components/user/info/index.xml
index 00681d22e..23b640288 100644
--- a/es/components/user/info/index.xml
+++ b/es/components/user/info/index.xml
@@ -1,6 +1,6 @@
 <view class="col">
     <view class="avatar-container">
-        <button 
+        <!-- <button 
             class="avatar-btn" 
             open-type="chooseAvatar" 
             bind:chooseavatar="onChooseAvatar"
@@ -12,7 +12,12 @@
             <block wx:else>
                 <l-avatar icon="user" size="140" icon-size="80" />
             </block>
-        </button>
+        </button> -->
+        <oak-extraFile-avatar
+            oakAutoUnmount="{{true}}"
+            oakPath="{{oakFullpath}}.extraFile$entity"
+            entity="user"
+        />
     </view>
     <l-list 
         title="昵称" 
@@ -30,7 +35,7 @@
                 bindconfirm="cancelEdit"
                 bindblur="cancelEdit"
                 disabled="{{!editable}}"
-            />                
+            />
         </block>
         <block wx:else>
             <view slot="right-section" class="{{nnDirty ? 'value warning' : 'value'}}">{{nickname || '未设置'}}</view>
@@ -41,7 +46,7 @@
     <l-list 
         title="姓名" 
         bind:lintap="editName"
-        is-link="{{editAttr !== 'name'}}"
+        is-link="{{editAttr !== 'name' && idState !== 'verified'}}"
     >
         <block wx:if="{{editAttr==='name'}}">
             <input
@@ -52,8 +57,8 @@
                 bindchange="changeNameMp"
                 bindconfirm="cancelEdit"
                 bindblur="cancelEdit"
-                disabled="{{!editable}}"
-            />                
+                disabled="{{!editable || idState === 'verified'}}"
+            />
         </block>
         <block wx:else>
             <view slot="right-section" class="{{nameDirty ? 'value warning' : 'value'}}">{{name || '未设置'}}</view>
@@ -62,19 +67,21 @@
     <l-list 
         title="性别" 
         bind:lintap="editGender"
-        is-link="{{editAttr !== 'gender'}}"
+        is-link="{{editAttr !== 'gender' && idState !== 'verified'}}"
     >
         <view slot="right-section" class="{{genderDirty ? 'value warning' : 'value'}}">{{genderStr || '未设置'}}</view>
     </l-list>
     <l-list 
         title="生日" 
+        is-link="{{idState !== 'verified'}}"
     >
         <view slot="right-section" class="{{birthDirty ? 'value warning' : 'value'}}">
-            <block wx:if="{{editable}}">
+            <block wx:if="{{editable && idState !== 'verified'}}">
                 <picker mode="date" end="{{birthEnd}}" value="{{birthText}}" bind:change="changeBirthMp">
                     {{ birthText || '选择日期'}}
                 </picker>
             </block>
+            <view wx:else>{{birthText  || '未设置'}}</view>
         </view>
     </l-list>
     <l-list title="手机号" bind:lintap="editMobile">
@@ -95,11 +102,11 @@
             />
         </block>
         <block wx:else>
-            <view slot="right-section" class="value">{{hasPassword ? '******' : '未设置'}}</view>            
+            <view slot="right-section" class="value">{{hasPassword ? '******' : '未设置'}}</view>
         </block>
     </l-list>
-    <l-list tag-position="right" is-link="{{false}}" title="用户状态">   
-        <view slot="right-section" class="value">            
+    <l-list tag-position="right" is-link="{{false}}" title="用户状态">
+        <view slot="right-section" class="value">
             <l-tag plain="{{true}}" font-color="{{userStateColor}}" shape="circle">
                 {{userStateStr || '未设置'}}
             </l-tag>
@@ -113,19 +120,25 @@
         </view>
     </l-list>
     <view style="flex:1" />
-    <block wx:if="{{executable === true}}">
+    <!-- <block wx:if="{{executable === true}}">
         <l-button
             size="long"
             bind:lintap="onConfirm"
         >
             {{t('common::action.confirm')}}
         </l-button>
-    </block>
+    </block> -->
+    <oak-commit
+        oakPath="{{oakFullpath}}"
+        entity='user'
+        buttonProps="{{commitBtnProps}}"
+    />
 </view>
 <l-popup
     show="{{editAttr === 'gender' || editAttr === 'mobile'}}"
     content-align="bottom"
     bind:lintap="cancelEdit"
+    z-index="{{1000}}"
 >
     <view class='popup-content'>
         <view class='popup-form'>
@@ -145,7 +158,7 @@
                 </l-form-item>
             </block>
             <block wx:else>
-                 <l-input 
+                <l-input 
                     hide-label="{{true}}"
                     focus="{{true}}" 
                     value="{{mobileInput || mobile}}" 
diff --git a/es/components/user/info/locales/zh_CN.json b/es/components/user/info/locales/zh_CN.json
index e6f5cfbc0..ff157f076 100644
--- a/es/components/user/info/locales/zh_CN.json
+++ b/es/components/user/info/locales/zh_CN.json
@@ -22,5 +22,6 @@
     "secuInfo": "安全信息",
     "wechatAccount": "微信帐号",
     "bindMobile": "绑定手机号",
-    "bindWechat": "绑定微信"
+    "bindWechat": "绑定微信",
+    "notAllowUpdate": "暂不支持更新"
 }
diff --git a/es/components/user/info/web.d.ts b/es/components/user/info/web.d.ts
index 5bf9c0b03..5facaf804 100644
--- a/es/components/user/info/web.d.ts
+++ b/es/components/user/info/web.d.ts
@@ -27,6 +27,7 @@ type DataProps = {
     userStateColor: string;
     idStateStr: string;
     idStateColor: string;
+    idState: EntityDict['user']['Schema']['idState'];
     isCreation: boolean;
     editable: boolean;
 };
diff --git a/es/components/user/info/web.js b/es/components/user/info/web.js
index 11792e5db..4d114933b 100644
--- a/es/components/user/info/web.js
+++ b/es/components/user/info/web.js
@@ -7,7 +7,7 @@ import Style from './mobile.module.less';
 export default function render(props) {
     const { data, methods } = props;
     const { t, clean, editMobile, goAuthenticate, refreshWechatPublicUserInfo, editPassword, editNickname, editName, editGender, cancelEdit, update, editBirth, execute, } = methods;
-    const { oakFullpath, executable, nickname, name, birth, gender, mobile, isCreation, id, canSyncPublic, refreshing, editAttr, genderOptions, oakDirty, nnDirty, birthDirty, nameDirty, genderDirty, userStateColor, userStateStr, idStateColor, idStateStr, editable, } = data;
+    const { oakFullpath, executable, nickname, name, birth, gender, mobile, isCreation, id, canSyncPublic, refreshing, editAttr, genderOptions, oakDirty, nnDirty, birthDirty, nameDirty, genderDirty, userStateColor, userStateStr, idStateColor, idStateStr, idState, editable, } = data;
     return (<div className={Style.container}>
             <div className={Style['avatar_container']}>
                 <OakAvatar oakAutoUnmount={true} oakPath={oakFullpath + '.extraFile$entity'} entity="user" entityId={id} autoUpload={true}/>
@@ -24,7 +24,7 @@ export default function render(props) {
                             {name ? name : t('unset')}
                         </div>) : (<Input disabled={!editable} placeholder={t('placeholder.name')} autoFocus value={name} onChange={(value) => update({
                 name: value,
-            })} onBlur={() => cancelEdit()} onEnterPress={() => cancelEdit()}/>)} onClick={editAttr === 'name' ? undefined : () => editName()}>
+            })} onBlur={() => cancelEdit()} onEnterPress={() => cancelEdit()}/>)} onClick={editAttr === 'name' ? undefined : () => editName()} clickable={editable && idState !== 'verified'}>
                     {t('user:attr.name')}
                 </List.Item>
                 <List.Item extra={editAttr !== 'gender' ? (<div className={genderDirty ? Style.dirty : undefined}>
@@ -40,12 +40,12 @@ export default function render(props) {
                                             {ele.label}
                                         </Radio>))}
                             </Space>
-                        </Radio.Group>)} onClick={editAttr === 'gender' ? undefined : () => editGender()}>
+                        </Radio.Group>)} onClick={editAttr === 'gender' ? undefined : () => editGender()} clickable={editable && idState !== 'verified'}>
                     {t('user:attr.gender')}
                 </List.Item>
                 <List.Item extra={<div className={birthDirty ? Style.dirty : undefined}>
                             {birth ? dayjs(birth).format('YYYY-MM-DD') : t('unset')}
-                        </div>} onClick={editAttr === 'birth' ? undefined : () => editBirth()}>
+                        </div>} onClick={editAttr === 'birth' ? undefined : () => editBirth()} clickable={editable && idState !== 'verified'}>
                     {t('user:attr.birth')}
                 </List.Item>
                 {!isCreation && <List.Item extra={mobile ? mobile : t('unset')} onClick={() => {
diff --git a/es/components/user/info/web.pc.d.ts b/es/components/user/info/web.pc.d.ts
index 195d49747..98a15c94b 100644
--- a/es/components/user/info/web.pc.d.ts
+++ b/es/components/user/info/web.pc.d.ts
@@ -21,6 +21,7 @@ export default function Render(props: WebComponentProps<EntityDict, 'user', fals
     idStateColor: string;
     isCreation: boolean;
     editable: boolean;
+    idState: EntityDict['user']['Schema']['idState'];
 }, {
     editMobile: () => void;
     sendCaptcha: () => void;
diff --git a/es/components/user/info/web.pc.js b/es/components/user/info/web.pc.js
index ee5510c69..f02213643 100644
--- a/es/components/user/info/web.pc.js
+++ b/es/components/user/info/web.pc.js
@@ -10,7 +10,7 @@ import Style from './web.module.less';
 export default function Render(props) {
     const { data, methods } = props;
     const { t, updateMyInfo, editMobile, goAuthenticate, sendCaptcha, unbindingWechat, editPassword, } = methods;
-    const { nickname, name, birth, gender, mobile, oakExecuting, genderOptions, oakFullpath, oakDirty, wechatUser, editable, userStateColor, userStateStr, idStateColor, idStateStr, isRoot, isCreation, } = data;
+    const { nickname, name, birth, gender, mobile, oakExecuting, genderOptions, oakFullpath, oakDirty, wechatUser, editable, userStateColor, userStateStr, idStateColor, idStateStr, isRoot, isCreation, idState, } = data;
     const [open, setOpen] = useState(false);
     const [open2, setOpen2] = useState(false);
     return (<div className={Style.container}>
@@ -27,7 +27,7 @@ export default function Render(props) {
             },
         ]}>
                         <>
-                            <Input disabled={!editable} placeholder="" onChange={(e) => methods.update({
+                            <Input disabled={!editable || idState === 'verified'} placeholder="" onChange={(e) => methods.update({
             name: e.target.value,
         })} value={name}/>
                         </>
@@ -45,14 +45,14 @@ export default function Render(props) {
                     </Form.Item>
                     <Form.Item label={t('user:attr.gender')}>
                         <Space direction="vertical">
-                            <Radio.Group disabled={!editable} value={gender} options={genderOptions} onChange={({ target: { value } }) => {
+                            <Radio.Group disabled={!editable || idState === 'verified'} value={gender} options={genderOptions} onChange={({ target: { value } }) => {
             methods.update({ gender: value });
         }}/>
                         </Space>
                     </Form.Item>
                     <Form.Item label={t('user:attr.birth')}>
                         <>
-                            <DatePicker disabled={!editable} format="YYYY-MM-DD" inputReadOnly={true} allowClear={false} value={birth ? dayjs(birth) : undefined} disabledDate={(current) => {
+                            <DatePicker disabled={!editable || idState === 'verified'} format="YYYY-MM-DD" inputReadOnly={true} allowClear={false} value={birth ? dayjs(birth) : undefined} disabledDate={(current) => {
             if (dayjs(current).valueOf() >
                 dayjs().valueOf()) {
                 return true;
@@ -111,7 +111,7 @@ export default function Render(props) {
                     <Form.Item label={t('user:attr.password')}>
                         <Space>
                             <Typography>{'********'}</Typography>
-                           {editable && <Button disabled={!editable} size="small" onClick={() => {
+                            {editable && <Button disabled={!editable} size="small" onClick={() => {
                     editPassword();
                     return;
                 }}>
diff --git a/es/data/i18n.js b/es/data/i18n.js
index 2840b8b8f..d8412a90c 100644
--- a/es/data/i18n.js
+++ b/es/data/i18n.js
@@ -302,7 +302,8 @@ const i18ns = [
             "secuInfo": "安全信息",
             "wechatAccount": "微信帐号",
             "bindMobile": "绑定手机号",
-            "bindWechat": "绑定微信"
+            "bindWechat": "绑定微信",
+            "notAllowUpdate": "暂不支持更新"
         }
     },
     {
diff --git a/lib/data/i18n.js b/lib/data/i18n.js
index f24353d01..98b4ea7bd 100644
--- a/lib/data/i18n.js
+++ b/lib/data/i18n.js
@@ -304,7 +304,8 @@ const i18ns = [
             "secuInfo": "安全信息",
             "wechatAccount": "微信帐号",
             "bindMobile": "绑定手机号",
-            "bindWechat": "绑定微信"
+            "bindWechat": "绑定微信",
+            "notAllowUpdate": "暂不支持更新"
         }
     },
     {
diff --git a/src/components/user/info/index.json b/src/components/user/info/index.json
index 7b1beae1c..94c1af42b 100644
--- a/src/components/user/info/index.json
+++ b/src/components/user/info/index.json
@@ -12,6 +12,7 @@
         "l-radio-group": "@oak-frontend-base/miniprogram_npm/lin-ui/radio-group/index",
         "l-radio": "@oak-frontend-base/miniprogram_npm/lin-ui/radio/index",
         "l-form-item": "@oak-frontend-base/miniprogram_npm/lin-ui/form-item/index",
-        "oak-extraFile-avatar": "../../../components/extraFile/avatar/index"
+        "oak-extraFile-avatar": "../../../components/extraFile/avatar/index",
+        "oak-commit": "../../../components/extraFile/commit/index"
     }
-}
+}
\ No newline at end of file
diff --git a/src/components/user/info/index.ts b/src/components/user/info/index.ts
index afc20e6f3..2a5090d60 100644
--- a/src/components/user/info/index.ts
+++ b/src/components/user/info/index.ts
@@ -96,7 +96,9 @@ export default OakComponent({
         const canSyncPublic = token?.wechatUser?.applicationId === app.id
         const editable = user && user.$$createAt$$ === 1 || user['#oakLegalActions']?.includes('update');
         const executable = this.tryExecute();
-
+        const commitBtnProps = {
+            disabled: executable === true,
+        }
         return {
             id: user?.id,
             name: user?.name,
@@ -128,6 +130,7 @@ export default OakComponent({
             editable,
             executable,
             isCreation: this.isCreation(),
+            commitBtnProps,
         };
     },
     data: {
@@ -182,6 +185,16 @@ export default OakComponent({
                 });
             }
         },
+        checkIdState() {
+            if (this.state.idState === 'verified') {
+                this.setMessage({
+                    type: 'warning',
+                    content: this.t('notAllowUpdate')
+                })
+                return false;
+            }
+            return true;
+        },
         async refreshWechatPublicUserInfo() {
             this.checkEditable('nickname');
             this.setState({
@@ -212,7 +225,7 @@ export default OakComponent({
                 this.navigateTo({
                     url: changeMobileUrl,
                     userId: oakId,
-                });                
+                });
             }
             else if (process.env.NODE_ENV === 'development') {
                 console.warn('changeMobileUrl unset');
@@ -231,7 +244,7 @@ export default OakComponent({
                 this.navigateTo({
                     url: changePasswordUrl,
                     oakId,
-                });                
+                });
             }
             else if (process.env.NODE_ENV === 'development') {
                 console.warn('changePasswordUrl unset');
@@ -243,7 +256,7 @@ export default OakComponent({
                 this.navigateTo({
                     url: authenticateUrl,
                     oakId,
-                });                
+                });
             }
             else if (process.env.NODE_ENV === 'development') {
                 console.warn('authenticateUrl unset');
@@ -257,21 +270,28 @@ export default OakComponent({
         },
         editName() {
             this.checkEditable('name');
-            this.setState({
-                editAttr: 'name',
-            });
+            if (this.checkIdState()) {
+                this.setState({
+                    editAttr: 'name',
+                });
+            }
         },
         editGender() {
             this.checkEditable('gender');
-            this.setState({
-                editAttr: 'gender',
-            });
+            const { idState } = this.state;
+            if (this.checkIdState()) {
+                this.setState({
+                    editAttr: 'gender',
+                });
+            }
         },
         editBirth() {
             this.checkEditable('birth');
-            this.setState({
-                editAttr: 'birth',
-            });
+            if (this.checkIdState()) {
+                this.setState({
+                    editAttr: 'birth',
+                });
+            }
         },
         cancelEdit() {
             this.setState({
@@ -298,8 +318,8 @@ export default OakComponent({
                 birth,
             });
         },
-        
-        changePasswordMp(e: WechatMiniprogram.Input) {           
+
+        changePasswordMp(e: WechatMiniprogram.Input) {
             const { value } = e.detail;
             this.update({
                 password: value,
@@ -307,19 +327,19 @@ export default OakComponent({
             });
         },
 
-        changeNicknameMp(e: WechatMiniprogram.Input) {            
+        changeNicknameMp(e: WechatMiniprogram.Input) {
             const { value } = e.detail;
             this.update({
                 nickname: value,
             });
         },
-        changeNameMp(e: WechatMiniprogram.Input) {          
+        changeNameMp(e: WechatMiniprogram.Input) {
             const { value } = e.detail;
             this.update({
                 name: value,
             });
         },
-        inputMobileMp(e: WechatMiniprogram.Input) {          
+        inputMobileMp(e: WechatMiniprogram.Input) {
             const { value } = e.detail;
             const mobileInputLegal = !!isMobile(value);
             this.setState({
@@ -363,10 +383,10 @@ export default OakComponent({
                 });
             }
         },
-        async onChooseAvatar(e: { detail: { avatarUrl: string }}) {
+        async onChooseAvatar(e: { detail: { avatarUrl: string } }) {
             const { avatarUrl } = e.detail;
             const { avatar } = this.state;
-            
+
             this.update({
                 extraFile$entity: ([
                     {
@@ -402,6 +422,6 @@ export default OakComponent({
             this.reRender();
             const { onConfirm } = this.props;
             onConfirm && onConfirm();
-        },    
+        },
     },
 });
diff --git a/src/components/user/info/index.xml b/src/components/user/info/index.xml
index 00681d22e..23b640288 100644
--- a/src/components/user/info/index.xml
+++ b/src/components/user/info/index.xml
@@ -1,6 +1,6 @@
 <view class="col">
     <view class="avatar-container">
-        <button 
+        <!-- <button 
             class="avatar-btn" 
             open-type="chooseAvatar" 
             bind:chooseavatar="onChooseAvatar"
@@ -12,7 +12,12 @@
             <block wx:else>
                 <l-avatar icon="user" size="140" icon-size="80" />
             </block>
-        </button>
+        </button> -->
+        <oak-extraFile-avatar
+            oakAutoUnmount="{{true}}"
+            oakPath="{{oakFullpath}}.extraFile$entity"
+            entity="user"
+        />
     </view>
     <l-list 
         title="昵称" 
@@ -30,7 +35,7 @@
                 bindconfirm="cancelEdit"
                 bindblur="cancelEdit"
                 disabled="{{!editable}}"
-            />                
+            />
         </block>
         <block wx:else>
             <view slot="right-section" class="{{nnDirty ? 'value warning' : 'value'}}">{{nickname || '未设置'}}</view>
@@ -41,7 +46,7 @@
     <l-list 
         title="姓名" 
         bind:lintap="editName"
-        is-link="{{editAttr !== 'name'}}"
+        is-link="{{editAttr !== 'name' && idState !== 'verified'}}"
     >
         <block wx:if="{{editAttr==='name'}}">
             <input
@@ -52,8 +57,8 @@
                 bindchange="changeNameMp"
                 bindconfirm="cancelEdit"
                 bindblur="cancelEdit"
-                disabled="{{!editable}}"
-            />                
+                disabled="{{!editable || idState === 'verified'}}"
+            />
         </block>
         <block wx:else>
             <view slot="right-section" class="{{nameDirty ? 'value warning' : 'value'}}">{{name || '未设置'}}</view>
@@ -62,19 +67,21 @@
     <l-list 
         title="性别" 
         bind:lintap="editGender"
-        is-link="{{editAttr !== 'gender'}}"
+        is-link="{{editAttr !== 'gender' && idState !== 'verified'}}"
     >
         <view slot="right-section" class="{{genderDirty ? 'value warning' : 'value'}}">{{genderStr || '未设置'}}</view>
     </l-list>
     <l-list 
         title="生日" 
+        is-link="{{idState !== 'verified'}}"
     >
         <view slot="right-section" class="{{birthDirty ? 'value warning' : 'value'}}">
-            <block wx:if="{{editable}}">
+            <block wx:if="{{editable && idState !== 'verified'}}">
                 <picker mode="date" end="{{birthEnd}}" value="{{birthText}}" bind:change="changeBirthMp">
                     {{ birthText || '选择日期'}}
                 </picker>
             </block>
+            <view wx:else>{{birthText  || '未设置'}}</view>
         </view>
     </l-list>
     <l-list title="手机号" bind:lintap="editMobile">
@@ -95,11 +102,11 @@
             />
         </block>
         <block wx:else>
-            <view slot="right-section" class="value">{{hasPassword ? '******' : '未设置'}}</view>            
+            <view slot="right-section" class="value">{{hasPassword ? '******' : '未设置'}}</view>
         </block>
     </l-list>
-    <l-list tag-position="right" is-link="{{false}}" title="用户状态">   
-        <view slot="right-section" class="value">            
+    <l-list tag-position="right" is-link="{{false}}" title="用户状态">
+        <view slot="right-section" class="value">
             <l-tag plain="{{true}}" font-color="{{userStateColor}}" shape="circle">
                 {{userStateStr || '未设置'}}
             </l-tag>
@@ -113,19 +120,25 @@
         </view>
     </l-list>
     <view style="flex:1" />
-    <block wx:if="{{executable === true}}">
+    <!-- <block wx:if="{{executable === true}}">
         <l-button
             size="long"
             bind:lintap="onConfirm"
         >
             {{t('common::action.confirm')}}
         </l-button>
-    </block>
+    </block> -->
+    <oak-commit
+        oakPath="{{oakFullpath}}"
+        entity='user'
+        buttonProps="{{commitBtnProps}}"
+    />
 </view>
 <l-popup
     show="{{editAttr === 'gender' || editAttr === 'mobile'}}"
     content-align="bottom"
     bind:lintap="cancelEdit"
+    z-index="{{1000}}"
 >
     <view class='popup-content'>
         <view class='popup-form'>
@@ -145,7 +158,7 @@
                 </l-form-item>
             </block>
             <block wx:else>
-                 <l-input 
+                <l-input 
                     hide-label="{{true}}"
                     focus="{{true}}" 
                     value="{{mobileInput || mobile}}" 
diff --git a/src/components/user/info/locales/zh_CN.json b/src/components/user/info/locales/zh_CN.json
index 3786f9d02..719e1e78a 100644
--- a/src/components/user/info/locales/zh_CN.json
+++ b/src/components/user/info/locales/zh_CN.json
@@ -22,5 +22,6 @@
     "secuInfo": "安全信息",
     "wechatAccount": "微信帐号",
     "bindMobile": "绑定手机号",
-    "bindWechat": "绑定微信"
+    "bindWechat": "绑定微信",
+    "notAllowUpdate": "暂不支持更新"
 }
\ No newline at end of file
diff --git a/src/components/user/info/web.pc.tsx b/src/components/user/info/web.pc.tsx
index 8777c529f..f1569e563 100644
--- a/src/components/user/info/web.pc.tsx
+++ b/src/components/user/info/web.pc.tsx
@@ -49,6 +49,7 @@ export default function Render(
             idStateColor: string;
             isCreation: boolean;
             editable: boolean;
+            idState: EntityDict['user']['Schema']['idState'];
         },
         {
             editMobile: () => void;
@@ -88,6 +89,7 @@ export default function Render(
         idStateStr,
         isRoot,
         isCreation,
+        idState,
     } = data;
     const [open, setOpen] = useState(false);
     const [open2, setOpen2] = useState(false);
@@ -118,7 +120,7 @@ export default function Render(
                     >
                         <>
                             <Input
-                                disabled={!editable}
+                                disabled={!editable || idState === 'verified'}
                                 placeholder=""
                                 onChange={(e) =>
                                     methods.update({
@@ -156,7 +158,7 @@ export default function Render(
                     >
                         <Space direction="vertical">
                             <Radio.Group
-                                disabled={!editable}
+                                disabled={!editable || idState === 'verified'}
                                 value={gender}
                                 options={genderOptions}
                                 onChange={({ target: { value } }) => {
@@ -175,7 +177,7 @@ export default function Render(
                     >
                         <>
                             <DatePicker
-                                disabled={!editable}
+                                disabled={!editable || idState === 'verified'}
                                 format="YYYY-MM-DD"
                                 inputReadOnly={true}
                                 allowClear={false}
@@ -257,7 +259,7 @@ export default function Render(
                     <Form.Item label={t('user:attr.password')}>
                         <Space>
                             <Typography>{'********'}</Typography>
-                           {editable &&  <Button
+                            {editable && <Button
                                 disabled={!editable}
                                 size="small"
                                 onClick={() => {
diff --git a/src/components/user/info/web.tsx b/src/components/user/info/web.tsx
index e50f21234..6dd6c0b44 100644
--- a/src/components/user/info/web.tsx
+++ b/src/components/user/info/web.tsx
@@ -40,6 +40,7 @@ type DataProps = {
     userStateColor: string;
     idStateStr: string;
     idStateColor: string;
+    idState: EntityDict['user']['Schema']['idState'];
     isCreation: boolean;
 
     editable: boolean;
@@ -100,6 +101,7 @@ export default function render(
         userStateStr,
         idStateColor,
         idStateStr,
+        idState,
         editable,
     } = data;
 
@@ -158,6 +160,7 @@ export default function render(
                         />
                     )}
                     onClick={editAttr === 'name' ? undefined : () => editName()}
+                    clickable={editable && idState !== 'verified'}
                 >
                     {t('user:attr.name')}
                 </List.Item>
@@ -191,6 +194,7 @@ export default function render(
                         </Radio.Group>
                     )}
                     onClick={editAttr === 'gender' ? undefined : () => editGender()}
+                    clickable={editable && idState !== 'verified'}
                 >
                     {t('user:attr.gender')}
                 </List.Item>
@@ -201,6 +205,7 @@ export default function render(
                         </div>
                     }
                     onClick={editAttr === 'birth' ? undefined : () => editBirth()}
+                    clickable={editable && idState !== 'verified'}
                 >
                     {t('user:attr.birth')}
                 </List.Item>
diff --git a/src/data/i18n.ts b/src/data/i18n.ts
index ce40bd118..38d343fc6 100644
--- a/src/data/i18n.ts
+++ b/src/data/i18n.ts
@@ -304,7 +304,8 @@ const i18ns: I18n[] = [
             "secuInfo": "安全信息",
             "wechatAccount": "微信帐号",
             "bindMobile": "绑定手机号",
-            "bindWechat": "绑定微信"
+            "bindWechat": "绑定微信",
+            "notAllowUpdate": "暂不支持更新"
         }
     },
     {