1

src/components/pages/data.vue

@@ -1,12 +1,15 @@
 <template>
-  <div class="pb_content" style="width: 100%; max-width: 745px; height: 100%;">
+  <div class="pb_content" style="width: 100%; max-width: 745px; height: 100%">
     <div class="pb_content_body" style="position: relative; width: 100%">
       <div style="width: 55%; margin: 0 auto">
         <div class="formTop">
           <div class="tx">
-            <img :src="ruleForm.headportrait ? ruleForm.headportrait : tx" alt />
+            <img
+              :src="ruleForm.headportrait ? ruleForm.headportrait : tx"
+              alt
+            />
           </div>
-          <div class="right">
+          <!-- <div class="right">
             <div class="name">{{ ruleForm.name }}</div>
             <div class="rightBottom">
               <div class="emailImg">
@@ -14,7 +17,7 @@
               </div>
               <div class="email">{{ ruleForm.mail }}</div>
             </div>
-          </div>
+          </div> -->
         </div>
         <el-form
           :model="ruleForm"
@@ -36,18 +39,59 @@
               <el-radio label="女"></el-radio>
             </el-radio-group>
           </el-form-item>
-          <!-- <el-form-item label="电子邮箱" prop="mail">
+          <el-form-item label="昵称" prop="name">
             <el-input
+              v-model="ruleForm.name"
+              style="width: 300px"
+              placeholder="请输入昵称"
+            ></el-input>
+          </el-form-item>
+          <!-- <el-form-item label="邮箱" prop="mail">
+            <el-input
+              v-if="ruleForm.mail == ''"
               v-model="ruleForm.mail"
               style="width: 300px"
-              placeholder="请输入电子邮箱"
+              placeholder="请输入邮箱"
             ></el-input>
-          </el-form-item>-->
+            <el-input
+              v-else
+              disabled
+              v-model="ruleForm.mail"
+              style="width: 300px"
+              placeholder="请输入邮箱"
+            ></el-input>
+          </el-form-item> -->
           <el-form-item label="手机号码" prop="phone">
-            <el-input disabled v-model="ruleForm.phone" style="width: 300px" placeholder="请输入手机号码"></el-input>
+            <el-input
+              v-model="ruleForm.phone"
+              style="width: 300px"
+              placeholder="请输入手机号码"
+            ></el-input>
           </el-form-item>
           <el-form-item label="学校" prop="sBySchool">
-            <el-input disabled v-model="ruleForm.sBySchool" style="width: 300px"></el-input>
+            <el-select
+              v-model="ruleForm.sBySchool"
+              clearable
+              placeholder="请选择学校"
+            >
+              <el-option
+                v-for="item in schoolJuri"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="身份" prop="type">
+            <el-select
+              v-model="ruleForm.type"
+              clearable
+              placeholder="请选择身份"
+            >
+              <el-option value="老师">老师 </el-option>
+              <el-option value="学生">学生 </el-option>
+            </el-select>
           </el-form-item>
           <el-form-item label="个人简介" prop="intro">
             <el-input
@@ -60,7 +104,9 @@
             ></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="submitForm('ruleForm')">修改</el-button>
+            <el-button type="primary" @click="submitForm('ruleForm')"
+              >修改</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
@@ -75,7 +121,8 @@ export default {
       if (value == "") {
         return;
       }
-      var reg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
+      var reg =
+        /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
       if (!reg.test(value)) {
         callback(new Error("请输入正确的邮箱"));
       } else {
@@ -96,7 +143,7 @@ export default {
         type: [],
         sex: "男",
         intro: "",
-        mail: "",
+        // mail: "",
         phone: "",
         sBySchool: "",
         headportrait: "",
@@ -110,7 +157,8 @@ export default {
         name: [{ required: true, message: "请输入你的名字", trigger: "blur" }],
         mail: [
           {
-            validator: validatePass,
+            required: true,
+            message: "请输入你的邮箱",
             trigger: "blur",
           },
         ],
@@ -142,20 +190,23 @@ export default {
           console.error(err);
         });
     },
+
     submitForm(formName) {
       this.$refs[formName];
       let params = [
         {
-          uid: this.userid,
-          sname: this.ruleForm.name,
-          ph: this.ruleForm.phone,
+          userid: this.userid,
+          username: this.ruleForm.name,
+          type:this.ruleForm.type == "老师" ? "1" : "2",
+          oid:this.ruleForm.sBySchool,
+          phone: this.ruleForm.phone,
+          intro: this.ruleForm.intro,
           sex: this.ruleForm.sex == "男" ? "0" : "1",
-          email: this.ruleForm.mail,
-          js: this.ruleForm.intro,
         },
       ];
       this.ajax
-        .post(this.$store.state.api + "updateUser", params)
+        // .post(this.$store.state.api + "updateUser", params)
+        .post(this.$store.state.api + "updateUserByEdu", params)
         .then((res) => {
           this.$message({
             message: "修改成功",
@@ -191,6 +242,7 @@ export default {
           if (res.data[0][0]) {
             res.data[0][0].sex = res.data[0][0].sex ? "女" : "男";
             this.ruleForm = res.data[0][0];
+            this.ruleForm.type = res.data[0][0].type == 1 ? "老师" : "学生"
             console.log(res.data[0][0]);
           }
         })
@@ -251,4 +303,10 @@ export default {
   display: flex;
   align-items: center;
 }
+
+.demo-ruleForm >>> .el-form-item__label:before {
+  content: "*";
+  color: #f56c6c;
+  margin-right: 4px;
+}
 </style>