web/forks"> 0
Code Issues 0 Pull Requests 0 Commits 40 Releases 0 Wiki
Browse Source

个人信息编辑新增条目、头像修改等（我的报名考试时间字段待添加）

yy 3 years ago
parent
bc5c35bd9b
commit
8a4b49b16e
7 changed files with 47 additions and 11 deletions
Unified View Show Diff Stats
  1. 2 2
      public/config.js
  2. BIN
      src/assets/img/avatar.jpg
  3. BIN
      src/assets/img/dog.jpeg
  4. 6 0
      src/views/PersonalCenter/MyRegistration.vue
  5. 14 4
      src/views/PersonalCenter/PersonalData.vue
  6. 1 1
      src/views/PersonalCenter/PrintAdmissionCard.vue
  7. 24 4
      src/views/PersonalCenter/index.vue

+ 2 - 2
public/config.js
View File

1 
window.serverUrl = {
 1 
window.serverUrl = {
2 
    url: 'http://192.168.168.46:8081/zhbg',
3 
    routerPath: "http://10.1.76.181:8000/zhbg"
2 
    url: 'http://192.168.8.49:8081/zhbg',
3 
    routerPath: "http://192.168.8.49:8081/zhbg"
4 
}
 4 
}

BIN
src/assets/img/avatar.jpg
View File


BIN
src/assets/img/dog.jpeg
View File


+ 6 - 0
src/views/PersonalCenter/MyRegistration.vue
View File

36 
        </el-table-column>
 36 
        </el-table-column>
37 
        <el-table-column prop="subject_name" label="考试科目" width="150">
 37 
        <el-table-column prop="subject_name" label="考试科目" width="150">
38 
        </el-table-column>
 38 
        </el-table-column>
39 
        <el-table-column prop="time" label="考试日期" width="120">
40 
        </el-table-column>
41 
        <!-- TODO:修改字段名 -->
39 
        <el-table-column prop="time" label="考试时间" width="120">
 42 
        <el-table-column prop="time" label="考试时间" width="120">
40 
        </el-table-column>
 43 
        </el-table-column>
41 
        <el-table-column label="操作" show-overflow-tooltip>
 44 
        <el-table-column label="操作" show-overflow-tooltip>
66 
        </el-table-column>
 69 
        </el-table-column>
67 
        <el-table-column prop="subject_name" label="考试科目" width="120">
 70 
        <el-table-column prop="subject_name" label="考试科目" width="120">
68 
        </el-table-column>
 71 
        </el-table-column>
72 
        <el-table-column prop="time" label="考试日期" width="120">
73 
        </el-table-column>
74 
        <!-- TODO:修改字段名 -->
69 
        <el-table-column prop="time" label="考试时间" width="120">
 75 
        <el-table-column prop="time" label="考试时间" width="120">
70 
        </el-table-column>
 76 
        </el-table-column>
71 
        <el-table-column prop="exam_state" label="报考状态" width="100">
 77 
        <el-table-column prop="exam_state" label="报考状态" width="100">

+ 14 - 4
src/views/PersonalCenter/PersonalData.vue
View File

2 
  <div class="person_root">
 2 
  <div class="person_root">
3 
    <!--只显示，不能编辑-->
 3 
    <!--只显示，不能编辑-->
4 
    <div class="onlyShow" v-if="!edit">
 4 
    <div class="onlyShow" v-if="!edit">
5 
      <img src="../../assets/img/dog.jpeg" class="avarta" />
5 
      <img src="../../assets/img/avatar.jpg" class="avarta" />
6 
      <div class="item">
 6 
      <div class="item">
7 
        <h3 class="item-left">身份证号:</h3>
 7 
        <h3 class="item-left">身份证号:</h3>
8 
        <h3 class="item-right">{{ studentData.card_num }}</h3>
 8 
        <h3 class="item-right">{{ studentData.card_num }}</h3>
13 
      </div>
 13 
      </div>
14 
      <div class="item">
 14 
      <div class="item">
15 
        <h3 class="item-left">所属单位:</h3>
 15 
        <h3 class="item-left">所属单位:</h3>
16 
        <h3 class="item-right">{{ studentData.unit_name }}</h3>
16 
        <h3 class="item-right">{{ studentData.unit_tree }}</h3>
17 
      </div>
 17 
      </div>
18 
      <div class="item">
 18 
      <div class="item">
19 
        <h3 class="item-left">从事工作:</h3>
 19 
        <h3 class="item-left">从事工作:</h3>
63 
            <span>考生姓名：{{ studentData.name }}</span>
 63 
            <span>考生姓名：{{ studentData.name }}</span>
64 
          </div>
 64 
          </div>
65 
          <div class="avarta2">
 65 
          <div class="avarta2">
66 
            <img src="../../assets/img/dog.jpeg" />
66 
            <img src="../../assets/img/avatar.jpg" />
67 
            <a @click="updateImg">点击修改头像</a>
 67 
            <a @click="updateImg">点击修改头像</a>
68 
          </div>
 68 
          </div>
69 
        </div>
 69 
        </div>
99 
              </el-option>
 99 
              </el-option>
100 
            </el-select>
 100 
            </el-select>
101 
          </el-form-item>
 101 
          </el-form-item>
102 
          <el-form-item class="myinput" label="从事工作：" prop="job">
103 
            <el-input v-model="form.job"></el-input>
104 
          </el-form-item>
105 
          <el-form-item class="myinput" label="现职称：" prop="professional">
106 
            <el-input v-model="form.professional"></el-input>
107 
          </el-form-item>
108 
          <el-form-item class="myinput" label="手机：" prop="phone">
109 
            <el-input v-model="form.phone"></el-input>
110 
          </el-form-item>
102 
          <el-form-item class="myinput" label="电子信箱：" prop="email">
 111 
          <el-form-item class="myinput" label="电子信箱：" prop="email">
103 
            <el-input v-model="form.email"></el-input>
 112 
            <el-input v-model="form.email"></el-input>
104 
          </el-form-item>
 113 
          </el-form-item>
273 
.onlyShow {
 282 
.onlyShow {
274 
  padding-top: 30px;
 283 
  padding-top: 30px;
275 
  line-height: 40px;
 284 
  line-height: 40px;
285 
  margin-left: -80px;
276 
  //text-align: left;
 286 
  //text-align: left;
277 
  width: 100%;
 287 
  width: 100%;
278 
  display: flex;
 288 
  display: flex;
285 
    height: 100px;
 295 
    height: 100px;
286 
    position: absolute;
 296 
    position: absolute;
287 
    top: 10%;
 297 
    top: 10%;
288 
    left: 75%;
298 
    left: 83%;
289 
  }
 299 
  }
290 
  .item {
 300 
  .item {
291 
    display: flex;
 301 
    display: flex;

+ 1 - 1
src/views/PersonalCenter/PrintAdmissionCard.vue
View File

78 
              </span>
 78 
              </span>
79 
            </div>
 79 
            </div>
80 
            <div class="avatar">
 80 
            <div class="avatar">
81 
              <img src="../../assets/img/dog.jpeg" />
81 
              <img src="../../assets/img/avatar.jpg" />
82 
            </div>
 82 
            </div>
83 
          </div>
 83 
          </div>
84 
          <span class="left-top-left-span">
 84 
          <span class="left-top-left-span">

+ 24 - 4
src/views/PersonalCenter/index.vue
View File

5 
            <div class="center">
 5 
            <div class="center">
6 
                <div class="left">
 6 
                <div class="left">
7 
                    <div class="left-first">
 7 
                    <div class="left-first">
8 
                        <img src="../../assets/img/dog.jpeg">
9 
                        <h3>欢迎: 朱局长</h3>
8 
                        <img src="../../assets/img/avatar.jpg">
9 
                        <h3>欢迎: {{ studentData.name }}</h3>
10 
                    </div>
 10 
                    </div>
11 
                    <div class="left-mid">
 11 
                    <div class="left-mid">
12 
                        <el-button type="primary" class="left-mid-btn" @click="onChange(0)">个人资料</el-button>
 12 
                        <el-button type="primary" class="left-mid-btn" @click="onChange(0)">个人资料</el-button>
68 
import CertificateInquiry from "@/views/PersonalCenter/CertificateInquiry";
 68 
import CertificateInquiry from "@/views/PersonalCenter/CertificateInquiry";
69 
import ExamFlow from "@/views/PersonalCenter/ExamFlow";
 69 
import ExamFlow from "@/views/PersonalCenter/ExamFlow";
70 
import local from "@/utils/local";
 70 
import local from "@/utils/local";
71 
import {
72 
  getStudentInfo, //获取学生信息列表
73 
} from "@/api/home";
71 
export default {
 74 
export default {
72 
    components: {
 75 
    components: {
73 
        PersonalData,
 76 
        PersonalData,
85 
            form: {
 88 
            form: {
86 
                id: "",
 89 
                id: "",
87 
            },
 90 
            },
91 
            studentData: [],
88 
        }
 92 
        }
89 
    },
 93 
    },
90 
    created() {
 94 
    created() {
92 
        this.form.id = local.get("id");
 96 
        this.form.id = local.get("id");
93 
        if(this.$route.query.selected_index) {
 97 
        if(this.$route.query.selected_index) {
94 
            this.selected_index = this.$route.query.selected_index;
 98 
            this.selected_index = this.$route.query.selected_index;
95 
        }
99 
        };
100 
        this.fetchData();
96 
    },
 101 
    },
97 
    methods: {
 102 
    methods: {
103 
        // 获取考生个人资料
104 
        async fetchData() {
105 
            let set_id = local.get("id");
106 
            let res = await getStudentInfo({
107 
                student_id: set_id,
108 
            });
109
110 
            // 解构数据
111 
            let { code, data } = res;
112
113 
            // 赋值渲染
114 
            if (code === 200) {
115 
                this.studentData = data.res.student;
116 
            }
117 
        },
98 
        onChange(index) {
 118 
        onChange(index) {
99 
            this.selected_index = index;
 119 
            this.selected_index = index;
100 
        },
 120 
        },
191 
    display: flex;
 211 
    display: flex;
192 
    flex-grow: 1;
 212 
    flex-grow: 1;
193 
    height: 100%;
 213 
    height: 100%;
194 
    max-width: 980px;
214 
    // max-width: 980px;
195 
    //background-color: yellowgreen;
 215 
    //background-color: yellowgreen;
196 
}
 216 
}
197 
</style>
 217 
</style>

freeBuyWeb - Gogs: Go Git Service
Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
zhuhaiwen
/
freeBuyWeb
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 33 Laidieni 0 Vikivietne

0元购的下载页面、隐私条款

Atzars: master
Atzari Tagi
freeBuyWeb
/
dist
/
img
/
icon2.e7de188e.png

icon2.e7de188e.png 876KB
Patstāvīgā saite Vēsture Neapstrādāts