新生报到移动端V1.0
This commit is contained in:
356
pages/gather/gather.vue
Normal file
356
pages/gather/gather.vue
Normal file
@@ -0,0 +1,356 @@
|
||||
<template>
|
||||
<view class="gather">
|
||||
<!-- 滚动通知 -->
|
||||
<view class="notic">
|
||||
<u-notice-bar :text="text1"></u-notice-bar>
|
||||
</view>
|
||||
<!-- 内容 -->
|
||||
<u-form labelPosition="left" :model="model1" ref="uForm" :borderBottom="false" class="list">
|
||||
<!-- 基本信息展示 -->
|
||||
<u-form-item label="姓名" :labelWidth="120">
|
||||
<text>{{ info.stu_name }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="性别" :labelWidth="120">
|
||||
<text>{{ info.gender }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="民族" :labelWidth="120">
|
||||
<text>{{ info.mz }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="身份证号" :labelWidth="120">
|
||||
<text>{{ info.sfzh }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="院系" :labelWidth="120">
|
||||
<text>{{ info.xy }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="专业" :labelWidth="120">
|
||||
<text>{{ info.zy }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="班级" :labelWidth="120">
|
||||
<text>{{ info.bj }}</text>
|
||||
</u-form-item>
|
||||
<u-form-item label="联系方式" :labelWidth="120">
|
||||
<text>{{ info.phone }}</text>
|
||||
</u-form-item>
|
||||
<!-- 可编辑信息 -->
|
||||
<u-form-item label="家长姓名" prop="userInfo.famName" :labelWidth="200">
|
||||
<u--input v-model="model1.userInfo.famName" border="none" placeholder="请输入" input-align="right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="家长电话" prop="userInfo.famPhone" :labelWidth="200">
|
||||
<u--input v-model="model1.userInfo.famPhone" border="none" placeholder="请输入" input-align="right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="与本人关系" prop="userInfo.famRelation" :labelWidth="200">
|
||||
<u--input v-model="model1.userInfo.famRelation" border="none" placeholder="请输入" input-align="right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="家庭住址" prop="userInfo.address" :labelWidth="130">
|
||||
<u--textarea v-model="model1.userInfo.address" placeholder="请输入详细家庭住址" height="80" border="none"
|
||||
autoHeight />
|
||||
</u-form-item>
|
||||
<u-form-item label="是否退役复学" prop="userInfo.isRetired" :labelWidth="200" @click="showRetired = true;">
|
||||
<u--input v-model="model1.userInfo.isRetired" border="none" placeholder="请选择" input-align="right"
|
||||
readonly />
|
||||
<u-icon slot="right" name="arrow-right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="是否建档立卡户" prop="userInfo.isFiling" :labelWidth="200" @click="showFiling = true;">
|
||||
<u--input v-model="model1.userInfo.isFiling" border="none" placeholder="请选择" input-align="right"
|
||||
readonly />
|
||||
<u-icon slot="right" name="arrow-right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="本人是否残疾" prop="userInfo.isDisability" :labelWidth="200" @click="showDisability = true;">
|
||||
<u--input v-model="model1.userInfo.isDisability" border="none" placeholder="请选择" input-align="right"
|
||||
readonly />
|
||||
<u-icon slot="right" name="arrow-right" />
|
||||
</u-form-item>
|
||||
<u-form-item v-if="model1.userInfo.isDisability==='是'" label="残疾说明" prop="userInfo.disableDescript"
|
||||
:labelWidth="200">
|
||||
<u--input v-model="model1.userInfo.disableDescript" border="none" placeholder="请输入"
|
||||
input-align="right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="是否吸烟" prop="userInfo.isSmoke" :labelWidth="200" @click="showIsSmoke = true;">
|
||||
<u--input v-model="model1.userInfo.isSmoke" border="none" placeholder="请选择" input-align="right"
|
||||
readonly />
|
||||
<u-icon slot="right" name="arrow-right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="是否早睡" prop="userInfo.isEarly" :labelWidth="200" @click="showIsEarly = true;">
|
||||
<u--input v-model="model1.userInfo.isEarly" border="none" placeholder="请选择" input-align="right"
|
||||
readonly />
|
||||
<u-icon slot="right" name="arrow-right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="兴趣特长" prop="userInfo.hobby" :labelWidth="200">
|
||||
<u--input v-model="model1.userInfo.hobby" border="none" placeholder="请输入" input-align="right" />
|
||||
</u-form-item>
|
||||
<u-form-item label="修改密码" :labelWidth="200">
|
||||
<u--input value="********" @click.native="doResetPwd" border="none" input-align="right"
|
||||
placeholder="请输入" readonly />
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
<!-- 选择面板 -->
|
||||
<u-action-sheet :show="showRetired" :actions="actions" title="选择是否退役复学" @close="showRetired = false"
|
||||
@select="retiredSelect" />
|
||||
<u-action-sheet :show="showFiling" :actions="actions" title="选择是否建档立卡户" @close="showFiling = false"
|
||||
@select="filingSelect" />
|
||||
<u-action-sheet :show="showDisability" :actions="actions" title="选择是否残疾" @close="showDisability = false"
|
||||
@select="disabilitySelect" />
|
||||
<u-action-sheet :show="showIsSmoke" :actions="actions" title="选择是否吸烟" @close="showIsSmoke = false"
|
||||
@select="isSmokeSelect" />
|
||||
<u-action-sheet :show="showIsEarly" :actions="actions" title="选择是否早睡" @close="showIsEarly = false"
|
||||
@select="isEarlySelect" />
|
||||
<!-- 密码弹窗 -->
|
||||
<uni-popup ref="inputDialog" type="dialog">
|
||||
<uni-popup-dialog ref="inputClose" mode="input" title="重置密码" :value="reset_pwd" placeholder="请输入新密码"
|
||||
@confirm="dialogInputConfirm" />
|
||||
</uni-popup>
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
<zero-loading v-if="loading"></zero-loading>
|
||||
<button @click="doEdit" style="margin:20rpx 30rpx 0 30rpx;background-color: #38B865;color:white;">保存</button>
|
||||
<FloatBall />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getUserInfo,
|
||||
editInfo,
|
||||
changePwd
|
||||
} from "@/api/validApi.js";
|
||||
import FloatBall from "@/pages/compoents/FloatBall.vue";
|
||||
import {
|
||||
isEmpty
|
||||
} from "@/api/helpFunc.js";
|
||||
export default {
|
||||
components: {
|
||||
FloatBall
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
text1: '信息收集关系到报到情况,请如实填写',
|
||||
model1: {
|
||||
userInfo: {
|
||||
phone: '',
|
||||
address: '',
|
||||
isSmoke: "",
|
||||
isEarly: "",
|
||||
hobby: "",
|
||||
famName: "",
|
||||
famPhone: "",
|
||||
famRelation: "",
|
||||
isRetired: "",
|
||||
isFiling: "",
|
||||
isDisability: "",
|
||||
disableDescript: ""
|
||||
},
|
||||
},
|
||||
reset_pwd: "",
|
||||
info: {
|
||||
stu_name: "",
|
||||
gender: "",
|
||||
mz: "",
|
||||
sfzh: "",
|
||||
xy: "",
|
||||
zy: "",
|
||||
bj: "",
|
||||
phone: ""
|
||||
},
|
||||
actions: [{
|
||||
name: '否'
|
||||
},
|
||||
{
|
||||
name: '是'
|
||||
},
|
||||
],
|
||||
loading: false,
|
||||
showRetired: false,
|
||||
showDisability: false,
|
||||
showFiling: false,
|
||||
showIsSmoke: false,
|
||||
showIsEarly: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getOwnInfo();
|
||||
},
|
||||
methods: {
|
||||
async dialogInputConfirm(val) {
|
||||
if (val.length < 6) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "密码长度不能小于6位",
|
||||
duration: 1500,
|
||||
})
|
||||
} else {
|
||||
let sdata = {
|
||||
pwd: val
|
||||
}
|
||||
let res = await changePwd(sdata);
|
||||
if (res.code == 200) {
|
||||
this.$refs.uToast.show({
|
||||
type: "success",
|
||||
message: res.msg,
|
||||
duration: 1500
|
||||
})
|
||||
} else {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: res.msg,
|
||||
duration: 1500,
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
doResetPwd() {
|
||||
this.$refs.inputDialog.open()
|
||||
},
|
||||
async doEdit() {
|
||||
const sdata = {
|
||||
famNowAddr: this.model1.userInfo.address,
|
||||
famRelation: this.model1.userInfo.famRelation,
|
||||
famName: this.model1.userInfo.famName,
|
||||
famPhone: this.model1.userInfo.famPhone,
|
||||
isRetired: this.model1.userInfo.isRetired,
|
||||
isFiling: this.model1.userInfo.isFiling,
|
||||
isDisability: this.model1.userInfo.isDisability,
|
||||
disableDescript: this.model1.userInfo.disableDescript,
|
||||
isSmoke: this.model1.userInfo.isSmoke,
|
||||
isEarly: this.model1.userInfo.isEarly,
|
||||
hobby: this.model1.userInfo.hobby
|
||||
}
|
||||
if (!sdata.famRelation) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "与本人关系不能为空",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!sdata.famNowAddr) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "地址数据不能为空",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!sdata.famName) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "家长姓名不能为空",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!sdata.famPhone) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "家长电话不能为空",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (isEmpty(sdata.isSmoke)) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "请选择是否吸烟",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (isEmpty(sdata.isEarly)) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "请选择是否早睡",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (isEmpty(sdata.hobby)) {
|
||||
this.$refs.uToast.show({
|
||||
type: "error",
|
||||
message: "请输入兴趣特长",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
this.loading = true;
|
||||
let res = await editInfo(sdata);
|
||||
this.loading = false;
|
||||
if (res.code == 200) {
|
||||
this.$refs.uToast.show({
|
||||
type: "success",
|
||||
message: "修改成功",
|
||||
duration: 1500,
|
||||
});
|
||||
uni.redirectTo({
|
||||
url: "/pages/newindex/newindex"
|
||||
});
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
async getOwnInfo() {
|
||||
let res = await getUserInfo();
|
||||
if (res.code == 200) {
|
||||
let data = res.data;
|
||||
this.info.stu_name = data.xsxm;
|
||||
this.info.gender = data.xb;
|
||||
this.info.mz = data.mz;
|
||||
this.info.sfzh = data.sfzh;
|
||||
this.info.xy = data.xy;
|
||||
this.info.zy = data.zy;
|
||||
this.info.bj = data.bj;
|
||||
this.info.phone = data.sjh;
|
||||
this.model1.userInfo.address = data.famNowAddr;
|
||||
this.model1.userInfo.famRelation = data.famRelation;
|
||||
this.model1.userInfo.famName = data.famName;
|
||||
this.model1.userInfo.famPhone = data.famPhone;
|
||||
this.model1.userInfo.isRetired = data.isRetired;
|
||||
this.model1.userInfo.isFiling = data.isFiling;
|
||||
this.model1.userInfo.isDisability = data.isDisability;
|
||||
this.model1.userInfo.disableDescript = data.disableDescript;
|
||||
this.model1.userInfo.isSmoke = data.isSmoke;
|
||||
this.model1.userInfo.isEarly = data.isEarly;
|
||||
this.model1.userInfo.hobby = data.hobby;
|
||||
}
|
||||
},
|
||||
retiredSelect(e) {
|
||||
this.model1.userInfo.isRetired = e.name
|
||||
},
|
||||
filingSelect(e) {
|
||||
this.model1.userInfo.isFiling = e.name;
|
||||
},
|
||||
disabilitySelect(e) {
|
||||
this.model1.userInfo.isDisability = e.name;
|
||||
if (e.name == "否") {
|
||||
this.model1.userInfo.disableDescript = "";
|
||||
}
|
||||
},
|
||||
isSmokeSelect(e) {
|
||||
this.model1.userInfo.isSmoke = e.name;
|
||||
},
|
||||
isEarlySelect(e) {
|
||||
this.model1.userInfo.isEarly = e.name;
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.gather {
|
||||
.list {
|
||||
padding: 0 10rpx;
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.u-form-item {
|
||||
border-top: 1px solid #efefef;
|
||||
}
|
||||
|
||||
.u-form-item:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user