|
|
@@ -8,11 +8,13 @@
|
|
|
<div class="pwd" @click="modifyPwd">修改密码</div>
|
|
|
</div>
|
|
|
<div class="formContent" v-loading="loading">
|
|
|
- <el-form :model="formline" ref="formline" :rules="rules" size="large" label-position="top" class="demo-ruleForm">
|
|
|
+ <el-form :model="formline" ref="formline" :rules="rules" size="large" label-position="top"
|
|
|
+ class="demo-ruleForm">
|
|
|
<div class="must">
|
|
|
<div class="label">头像</div>
|
|
|
<div class="uploadDiv">
|
|
|
- <el-upload class="mainUpload" action="" accept=".png, .jpg, .jpeg" :auto-upload="false" list-type="picture-card" :on-change="handleMainChange" :file-list="fileList">
|
|
|
+ <el-upload class="mainUpload" action="" accept=".png, .jpg, .jpeg" :auto-upload="false"
|
|
|
+ list-type="picture-card" :on-change="handleMainChange" :file-list="fileList">
|
|
|
<el-icon size="38" color="#9d9ab9" v-if="fileList.length==0">
|
|
|
<Picture />
|
|
|
</el-icon>
|
|
|
@@ -27,8 +29,10 @@
|
|
|
<el-input v-model="formline.user_phone" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="任教学科" prop="subject_id">
|
|
|
- <el-select v-model="activeSubject" placeholder=" " size="large" @change="initSubject" value-key="subject_id">
|
|
|
- <el-option v-for="item in subjectData" :key="item.subject_id" :label="item.subject_name" :value="item" />
|
|
|
+ <el-select v-model="activeSubject" placeholder=" " size="large" @change="initSubject"
|
|
|
+ value-key="subject_id">
|
|
|
+ <el-option v-for="item in subjectData" :key="item.subject_id" :label="item.subject_name"
|
|
|
+ :value="item" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item label="学校" prop="sm_id">
|
|
|
@@ -59,6 +63,37 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- -->
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <div class="header">
|
|
|
+ <div class="title">账号绑定</div>
|
|
|
+ </div>
|
|
|
+ <div class="formContent" v-loading="loading">
|
|
|
+ <el-form label-position="top" size="large">
|
|
|
+ <el-form-item label="绑定浙里办账号">
|
|
|
+ <div class="w-full flex justify-between">
|
|
|
+ <el-input disabled class="flex-auto" v-model="zhbdform.ue_jlb_account"></el-input>
|
|
|
+ <el-button @click="handleBindingClick('zlb','bind')" type="primary" class="ml-2 flex-none">绑定
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="handleBindingClick('zlb','unbind')" type="primary" class="ml-2 flex-none">解绑
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="绑定教育E家账号">
|
|
|
+ <div class="w-full flex justify-between">
|
|
|
+ <el-input disabled class="flex-auto" v-model="zhbdform.ue_jyej_account"></el-input>
|
|
|
+ <el-button @click="handleBindingClick('jyej','bind')" type="primary" class="ml-2 flex-none">绑定
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="handleBindingClick('jyej','unbind')" type="primary" class="ml-2 flex-none">解绑
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -118,9 +153,25 @@ export default {
|
|
|
mainFileData: ["png", "jpg", "jpeg"],
|
|
|
isRead: true,
|
|
|
commitLoading: false,
|
|
|
+ zhbdform: {
|
|
|
+ ue_jlb_account: undefined,
|
|
|
+ ue_jyej_account: undefined
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleBindingClick(from, type) {
|
|
|
+ switch (type) {
|
|
|
+ case 'bind':
|
|
|
+ location.replace(`https://jyyj.zjjxedu.gov.cn:86/edu-manager/login?redirectTo=${window.GLOBAL_CONFIG.web_pc}/pending.html?from=${from}&type=${type}`)
|
|
|
+ break;
|
|
|
+ case 'unbind':
|
|
|
+ location.replace(`${window.GLOBAL_CONFIG.web_pc}/pending.html?from=${from}&type=${type}`)
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
goBack() {
|
|
|
this.$router.go(-1);
|
|
|
},
|
|
|
@@ -170,6 +221,10 @@ export default {
|
|
|
ue_zyzsjs: this.userInfo.ext.ue_zyzsjs,
|
|
|
ue_zym: this.userInfo.ext.ue_zym,
|
|
|
}
|
|
|
+ this.zhbdform = {
|
|
|
+ ue_jlb_account: this.userInfo?.ext?.ue_jlb_account,
|
|
|
+ ue_jyej_account: this.userInfo?.ext?.ue_jyej_account,
|
|
|
+ }
|
|
|
this.subjectData.map((item) => {
|
|
|
if (item.subject_id == this.formline.subject_id) {
|
|
|
this.activeSubject = item;
|
|
|
@@ -260,6 +315,7 @@ export default {
|
|
|
background-image: url("@/assets/img/zhjy/xq_bg.png");
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
+
|
|
|
.main {
|
|
|
width: 1400px;
|
|
|
margin: 0 auto;
|
|
|
@@ -270,9 +326,11 @@ export default {
|
|
|
border-radius: 10px;
|
|
|
box-shadow: 0px 10px 24px 0px rgba(161, 153, 168, 0.18);
|
|
|
}
|
|
|
+
|
|
|
.header {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
.title {
|
|
|
font-size: 18px;
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
@@ -280,6 +338,7 @@ export default {
|
|
|
text-align: center;
|
|
|
color: #050026;
|
|
|
}
|
|
|
+
|
|
|
.pwd {
|
|
|
font-size: 16px;
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
@@ -290,15 +349,18 @@ export default {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.formContent {
|
|
|
width: 575px;
|
|
|
margin: auto;
|
|
|
+
|
|
|
.el-form-item::v-deep {
|
|
|
&.is-required {
|
|
|
.el-form-item__label {
|
|
|
&::before {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
&::after {
|
|
|
content: "*";
|
|
|
color: #f35421;
|
|
|
@@ -306,17 +368,21 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.el-form-item__label {
|
|
|
color: #949494;
|
|
|
font-size: 14px;
|
|
|
position: relative;
|
|
|
}
|
|
|
+
|
|
|
.el-form-item__content {
|
|
|
.el-select {
|
|
|
width: 100%;
|
|
|
}
|
|
|
+
|
|
|
.el-input {
|
|
|
width: 100%;
|
|
|
+
|
|
|
.el-input__wrapper {
|
|
|
width: 100%;
|
|
|
box-shadow: none;
|
|
|
@@ -324,6 +390,7 @@ export default {
|
|
|
border-radius: 6px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.el-textarea {
|
|
|
.el-textarea__inner {
|
|
|
box-shadow: none;
|
|
|
@@ -332,6 +399,7 @@ export default {
|
|
|
// color: #d0d0d0;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
// .el-checkbox.read {
|
|
|
// .el-checkbox__inner {
|
|
|
// border-radius: 50%;
|
|
|
@@ -342,40 +410,49 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.must {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-bottom: 22px;
|
|
|
+
|
|
|
.label {
|
|
|
color: #949494;
|
|
|
font-size: 14px;
|
|
|
margin-right: 15px;
|
|
|
+
|
|
|
&::after {
|
|
|
content: "*";
|
|
|
color: #f35421;
|
|
|
margin-left: 4px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.uploadDiv::v-deep {
|
|
|
flex: 1;
|
|
|
+
|
|
|
.el-upload--picture-card {
|
|
|
width: 96px;
|
|
|
height: 96px;
|
|
|
border-radius: 50%;
|
|
|
+
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.el-upload-list--picture-card .el-upload-list__item {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.btnDiv {
|
|
|
text-align: center;
|
|
|
width: 100%;
|
|
|
+
|
|
|
.el-button {
|
|
|
background: #f4f4f4;
|
|
|
border: none;
|
|
|
@@ -384,6 +461,7 @@ export default {
|
|
|
color: #41387f;
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
}
|
|
|
+
|
|
|
.el-button--primary {
|
|
|
background: #00a3ff;
|
|
|
margin-right: 80px;
|
|
|
@@ -391,4 +469,4 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
