|
@@ -18,41 +18,41 @@
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>姓名</ion-label>
|
|
|
- <ion-input readonly v-model:value="curLoginUserInfo.siteUserName"></ion-input>
|
|
|
+ <ion-input readonly v-model="dataModel.siteUserName"></ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>性别</ion-label>
|
|
|
- <ion-input readonly v-model:value="curLoginUserInfo.genderName"></ion-input>
|
|
|
+ <ion-input readonly v-model="dataModel.genderName"></ion-input>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-input">
|
|
|
<ion-label>联系电话</ion-label>
|
|
|
- <ion-input name="mobile" v-model:value="curLoginUserInfo.mobile"></ion-input>
|
|
|
+ <ion-input name="mobile" v-model="dataModel.mobile"></ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>工号</ion-label>
|
|
|
- <ion-input readonly v-model:value="curLoginUserInfo.userNo"></ion-input>
|
|
|
+ <ion-input readonly v-model="dataModel.userNo"></ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>身份证号</ion-label>
|
|
|
- <ion-input readonly v-model:value="curLoginUserInfo.idCardShow"></ion-input>
|
|
|
+ <ion-input readonly v-model="dataModel.idCard"></ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>用户类型</ion-label>
|
|
|
- <ion-input readonly v-model:value="curLoginUserInfo.roleName"> </ion-input>
|
|
|
+ <ion-input readonly v-model="dataModel.roleName"> </ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>所属驿站</ion-label>
|
|
|
- <ion-input readonly v-model:value="curLoginUserInfo.siteName" > </ion-input>
|
|
|
+ <ion-input readonly v-model="dataModel.siteName" > </ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>社保卡号</ion-label>
|
|
|
- <ion-input v-model:value="curLoginUserInfo.socialSecurityCard" placeholder="请输入社保卡号" :clear-input="true"> </ion-input>
|
|
|
+ <ion-input name="socialSecurityCard" v-model="dataModel.socialSecurityCard" placeholder="请输入社保卡号" :clear-input="true"> </ion-input>
|
|
|
</div>
|
|
|
<div class="form-select">
|
|
|
<ion-label>民族</ion-label>
|
|
|
<ion-select name="nationID" id="nationID" okText="确定" cancelText="取消"
|
|
|
- v-model="curLoginUserInfo.nation"
|
|
|
+ v-model="dataModel.nation"
|
|
|
interface="action-sheet" placeholder="请选择民族" style="width:100%;text-align:left;" >
|
|
|
<ion-select-option v-for=" (it,key) in nationTypeList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
@@ -62,7 +62,7 @@
|
|
|
<div class="form-select">
|
|
|
<ion-label>政治面貌</ion-label>
|
|
|
<ion-select name="politicsStatusID" id="politicsStatusID" okText="确定" cancelText="取消"
|
|
|
- v-model="curLoginUserInfo.politicsStatusID"
|
|
|
+ v-model="dataModel.politicsStatusID"
|
|
|
interface="action-sheet" placeholder="请选择政治面貌" style="width:100%;text-align:left;" >
|
|
|
<ion-select-option v-for=" (it,key) in politicsStatusList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
@@ -71,9 +71,8 @@
|
|
|
</div>
|
|
|
<div class="form-select">
|
|
|
<ion-label>最高学历</ion-label>
|
|
|
-<!-- <ion-input v-model:value="curLoginUserInfo.cultureRankName"> </ion-input>-->
|
|
|
<ion-select name="cultureRank" id="cultureRank" okText="确定" cancelText="取消"
|
|
|
- v-model="curLoginUserInfo.cultureRank"
|
|
|
+ v-model="dataModel.cultureRank"
|
|
|
interface="action-sheet" placeholder="请选择最高学历" style="width:100%;text-align:left;">
|
|
|
<ion-select-option v-for=" (it,key) in cultureRankList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
@@ -82,15 +81,15 @@
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>毕业院校</ion-label>
|
|
|
- <ion-input v-model:value="curLoginUserInfo.finishSchool" placeholder="请输入毕业院校" :clear-input="true"> </ion-input>
|
|
|
+ <ion-input v-model="dataModel.finishSchool" placeholder="请输入毕业院校" :clear-input="true"> </ion-input>
|
|
|
</div>
|
|
|
<div class="form-input">
|
|
|
<ion-label>专业</ion-label>
|
|
|
- <ion-input v-model:value="curLoginUserInfo.profession" placeholder="请输入专业" :clear-input="true"> </ion-input>
|
|
|
+ <ion-input v-model="dataModel.profession" placeholder="请输入专业" :clear-input="true"> </ion-input>
|
|
|
</div>
|
|
|
<div class="form-select">
|
|
|
<ion-label>是否全日制</ion-label>
|
|
|
- <ion-select name="isFullTime" id="isFullTime" okText="确定" cancelText="取消" v-model="curLoginUserInfo.isFullTime"
|
|
|
+ <ion-select name="isFullTime" id="isFullTime" okText="确定" cancelText="取消" v-model="dataModel.isFullTime"
|
|
|
interface="action-sheet" placeholder="请选择是否非全日制" style="width:100%;text-align:left;" >
|
|
|
<ion-select-option v-for=" (it,key) in isFullTimeList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
@@ -101,16 +100,16 @@
|
|
|
<ion-label>职业资格类别</ion-label>
|
|
|
<div>
|
|
|
<ion-input placeholder="请选择职业资格类别" label-placement="stacked" style="float: left;width:78%;"
|
|
|
- v-model="curLoginUserInfo.occupationalCategoryName" readonly >
|
|
|
+ v-model="dataModel.occupationalCategoryName" readonly >
|
|
|
</ion-input>
|
|
|
<ion-item style="width:22%;float: right;padding:0px;margin: 0px;">
|
|
|
- <category-selection :OccupationalID="curLoginUserInfo.occupationalCategory" @SetOccupationalID="onSetOccupationalID"></category-selection>
|
|
|
+ <category-selection :OccupationalID="dataModel.occupationalCategory" @SetOccupationalID="onSetOccupationalID"></category-selection>
|
|
|
</ion-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form-select">
|
|
|
<ion-label>职业资格等级</ion-label>
|
|
|
- <ion-select name="occupationalLevel" id="occupationalLevel" okText="确定" cancelText="取消" v-model="curLoginUserInfo.occupationalLevel"
|
|
|
+ <ion-select name="occupationalLevel" id="occupationalLevel" okText="确定" cancelText="取消" v-model="dataModel.occupationalLevel"
|
|
|
interface="action-sheet" placeholder="请选择职业资格类别" style="width:100%;text-align:left;" >
|
|
|
<ion-select-option v-for=" (it,key) in occupationalLevelList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
@@ -120,17 +119,17 @@
|
|
|
|
|
|
<div class="form-input">
|
|
|
<ion-label>籍贯</ion-label>
|
|
|
- <ion-input v-model:value="curLoginUserInfo.nativePlace" placeholder="请输入籍贯" :clear-input="true"> </ion-input>
|
|
|
+ <ion-input v-model="dataModel.nativePlace" placeholder="请输入籍贯" :clear-input="true"> </ion-input>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-input">
|
|
|
<ion-label>邮箱</ion-label>
|
|
|
- <ion-input v-model:value="curLoginUserInfo.email" placeholder="请输入邮箱" :clear-input="true"> </ion-input>
|
|
|
+ <ion-input v-model="dataModel.email" placeholder="请输入邮箱" :clear-input="true"> </ion-input>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-input">
|
|
|
<ion-label>住址</ion-label>
|
|
|
- <ion-input v-model:value="curLoginUserInfo.address" placeholder="请输入住址" :clear-input="true"> </ion-input>
|
|
|
+ <ion-input v-model="dataModel.address" placeholder="请输入住址" :clear-input="true"> </ion-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
@@ -144,7 +143,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import {defineComponent, ref, toRefs} from 'vue';
|
|
|
+import {defineComponent, reactive, ref, toRefs} from 'vue';
|
|
|
import router from '@/router';
|
|
|
import {useUserStore} from '@/store/modules/user';
|
|
|
import {addCircleOutline, arrowBackOutline, trashOutline} from 'ionicons/icons';
|
|
@@ -158,6 +157,9 @@ interface SelectProps {
|
|
|
name: string,
|
|
|
value: string
|
|
|
}
|
|
|
+interface userModel {
|
|
|
+ dataModel: any;
|
|
|
+}
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'myInfo',
|
|
@@ -165,58 +167,59 @@ export default defineComponent({
|
|
|
setup() {
|
|
|
const userStore = useUserStore();
|
|
|
const userInfo = ref(userStore.getUserInfo);
|
|
|
- const curLoginUserInfo = ref({
|
|
|
- address: null,
|
|
|
- age:null,
|
|
|
- createBy:null,
|
|
|
- createTime: "2024-01-12",
|
|
|
- cultureRank: 14,
|
|
|
- cultureRankName:"",
|
|
|
- email: null,
|
|
|
- errorMessage: null,
|
|
|
- finishSchool: null,
|
|
|
- gender:1,
|
|
|
- genderName :"",
|
|
|
- idCard: "",
|
|
|
- idCardShow:"",
|
|
|
- institutionID: "",
|
|
|
- isFullTime:null,
|
|
|
- isFullTimeName: null,
|
|
|
- mobile: "",
|
|
|
- nation: null,
|
|
|
- nationName: null,
|
|
|
- nativePlace: null,
|
|
|
- occupationalCategory: null,
|
|
|
- occupationalCategoryName: null,
|
|
|
- occupationalLevel: null,
|
|
|
- occupationalLevelName: null,
|
|
|
- politicsStatusID: null,
|
|
|
- politicsStatusName: null,
|
|
|
- profession:null,
|
|
|
- regionCode: "",
|
|
|
- roleID: 0,
|
|
|
- roleName: "",
|
|
|
- siteID: "",
|
|
|
- siteName:"",
|
|
|
- siteUserID: "",
|
|
|
- siteUserName: "",
|
|
|
- socialSecurityCard: null,
|
|
|
- updateBy: "",
|
|
|
- updateTime: "",
|
|
|
- userID: "",
|
|
|
- userNo: "",
|
|
|
- });
|
|
|
+ const curLoginUserInfo = reactive<userModel>({
|
|
|
+ dataModel:{
|
|
|
+ address: null,
|
|
|
+ age:null,
|
|
|
+ createBy:null,
|
|
|
+ createTime: null,
|
|
|
+ cultureRank: null,
|
|
|
+ cultureRankName:"",
|
|
|
+ email: null,
|
|
|
+ errorMessage: null,
|
|
|
+ finishSchool: null,
|
|
|
+ gender:null,
|
|
|
+ genderName:"",
|
|
|
+ idCard: "",
|
|
|
+ institutionID:"",
|
|
|
+ isFullTime:null,
|
|
|
+ isFullTimeName: null,
|
|
|
+ mobile:"",
|
|
|
+ nation:null,
|
|
|
+ nationName: null,
|
|
|
+ nativePlace: null,
|
|
|
+ occupationalCategory: null,
|
|
|
+ occupationalCategoryName: null,
|
|
|
+ occupationalLevel: null,
|
|
|
+ occupationalLevelName: null,
|
|
|
+ politicsStatusID: null,
|
|
|
+ politicsStatusName: null,
|
|
|
+ profession:null,
|
|
|
+ regionCode: "",
|
|
|
+ roleID: 0,
|
|
|
+ roleName: "",
|
|
|
+ siteID: "",
|
|
|
+ siteName:"",
|
|
|
+ siteUserID: "",
|
|
|
+ siteUserName: "",
|
|
|
+ socialSecurityCard: "",
|
|
|
+ updateBy: "",
|
|
|
+ updateTime: "",
|
|
|
+ userID: "",
|
|
|
+ userNo: "",
|
|
|
+ }
|
|
|
+ }
|
|
|
+ );
|
|
|
|
|
|
const onSetOccupationalID = (data: any)=>{
|
|
|
- curLoginUserInfo.value.occupationalCategory = data.value;
|
|
|
- curLoginUserInfo.value.occupationalCategoryName = data.text;
|
|
|
+ curLoginUserInfo.dataModel.occupationalCategory = data.value;
|
|
|
+ curLoginUserInfo.dataModel.occupationalCategoryName = data.text;
|
|
|
}
|
|
|
|
|
|
getSiteUserByUserID(userInfo.value.userID==undefined?"":userInfo.value.userID).then(data=> {
|
|
|
- curLoginUserInfo.value = data.list[0];
|
|
|
- const replaceStr = curLoginUserInfo.value.idCard.substring(3,15);
|
|
|
- curLoginUserInfo.value.idCardShow = String(curLoginUserInfo.value.idCard).replace(replaceStr,'************');
|
|
|
- console.log("curLoginUserInfo", curLoginUserInfo.value);
|
|
|
+ curLoginUserInfo.dataModel = data;
|
|
|
+ // const replaceStr = curLoginUserInfo.value.idCard.substring(3,15);
|
|
|
+ // curLoginUserInfo.value.idCardShow = String(curLoginUserInfo.value.idCard).replace(replaceStr,'************');
|
|
|
});
|
|
|
|
|
|
const nationTypeList = ref<SelectProps[]>([]);
|
|
@@ -236,18 +239,13 @@ export default defineComponent({
|
|
|
cultureRankList.value = cultureRankResult;
|
|
|
const occupationalLevelListResult: any = await getSysDictionaryList("OccupationalLevel");
|
|
|
occupationalLevelList.value = occupationalLevelListResult;
|
|
|
- console.log("民族", nationTypeList.value);
|
|
|
- console.log("面貌", politicsStatusList.value);
|
|
|
- console.log("全日制", isFullTimeList.value);
|
|
|
- console.log("学历", cultureRankList.value);
|
|
|
- console.log("等级", occupationalLevelList.value);
|
|
|
}
|
|
|
|
|
|
getDataList();
|
|
|
|
|
|
|
|
|
const onSave = () => {
|
|
|
- saveSiteUser(curLoginUserInfo.value).then(result => {
|
|
|
+ saveSiteUser(curLoginUserInfo.dataModel).then(result => {
|
|
|
if (result) {
|
|
|
router.push({path: '/tabs/tabUser'});
|
|
|
}
|
|
@@ -255,11 +253,11 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
+ ...toRefs(curLoginUserInfo),
|
|
|
router,
|
|
|
arrowBackOutline,
|
|
|
addCircleOutline,
|
|
|
trashOutline,
|
|
|
- curLoginUserInfo,
|
|
|
userInfo,
|
|
|
nationTypeList,
|
|
|
politicsStatusList,
|