Skip to content

9
912project
提交 0645bca4 authored 作者: CRS's avatar CRS
浏览文件
操作

new

上级 4c1d22a7
显示空白字符变更
内嵌 并排
正在显示 包含 126 行增加 和 21 行删除
src/components/basicInformation/person/personPage.vue
浏览文件 @ 0645bca4
......@@ -11,39 +11,42 @@
<p class="search">
<span class="value">
<span>姓名：</span>
<el-input v-model="allVal.name" size="medium" :disabled="true"></el-input>
<el-input v-model="allVal.name" size="medium" ></el-input>
</span>
</p>
<p class="search">
<span class="value">
<span>角色：</span>
<el-input v-model="allVal.role" size="medium" :disabled="true"></el-input>
<el-select v-model="allVal.role" placeholder="请选择角色">
<el-option v-for="item of roleList" :label="item.name" :value="item.id" :key="item.name"></el-option>
</el-select>
</span>
</p>
<p class="search">
<span class="value">
<span>联系电话：</span>
<el-input v-model="allVal.phone" size="medium" :disabled="true"></el-input>
<el-input v-model="allVal.phone" size="medium" ></el-input>
</span>
</p>
<p class="search">
<span class="value">
<span>性别：</span>
<el-input v-model="allVal.sex" size="medium" :disabled="true"></el-input>
<el-input v-model="allVal.sex" size="medium" ></el-input>
</span>
</p>
<p class="search">
<span class="value">
<span>单位：</span>
<el-input v-model="allVal.unit" size="medium" :disabled="true"></el-input>
<el-select v-model="allVal.unit" placeholder="请选择单位">
<el-option v-for="item of unitList" :label="item.name" :value="item.id" :key="item.name"></el-option>
</el-select>
</span>
</p>
</el-col>
<el-col :span="5">
<p class="status">
<span>状态：</span>
<img src="./img/click.png" style="width: 21px;height: 21px;" v-if="allVal.status === 1">
<img src="./img/clickN.png" style="width: 21px;height: 21px;" v-if="allVal.status === 0">
<span class="img" @click="changeStatus"></span>
<span class="Sfont" v-if="allVal.status === 0">未删除</span>
<span class="Sfont" v-if="allVal.status === 1">已删除</span>
</p>
......@@ -60,6 +63,11 @@
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<p class="changeInformation"><span class="button" @click="changeInformation">修改</span></p>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
......@@ -67,6 +75,7 @@
</template>
<script>
import $ from 'jquery';
export default {
data () {
return {
......@@ -76,23 +85,51 @@ export default {
sex: '',
role: '',
unit: '',
status: 0
status: 0,
id: ''
},
fileList: [],
imageUrl: require('./img/upload.png')
imageUrl: require('./img/upload.png'),
unitList: [],
roleList: [],
uploadForm: new FormData() // formDate
}
},
created() {
},
mounted(){
this.$server.getUnitFindAll().then((res) => { // 数据请求
if (res.data.code === 200) {
this.unitList = res.data.data;
this.$server.getRolefindAll().then((res) => { // 数据请求
if (res.data.code === 200) {
this.roleList = res.data.data;
let value = this.$route.params.value;
console.log(value)
if (value !== '' || value !== undefined) {
this.allVal.id = value.id;
this.allVal.name = value.name;
this.allVal.phone = value.number;
this.allVal.sex = value.sex;
this.allVal.role = value.roleName;
this.allVal.unit = value.unitName;
this.allVal.sex = value.sex === 0 ? '男' : value.sex === 1 ? '女' : '男';
this.allVal.role = value.roleId;
this.allVal.unit = value.unitId;
this.allVal.status = value.deleted === 0 ? 0 : value.deleted === 1 ? 1 : 0;
if (this.allVal.status === 1) {
$('.status .img').addClass('dele')
}
if (value.path !== null) {
this.imageUrl = value.path
}
}
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
methods: {
// 打开上传功能
......@@ -108,11 +145,53 @@ export default {
let res = data.target || data.srcElement
this.imageUrl = res.result
}
reader.readAsDataURL(file)
reader.readAsDataURL(file);
this.uploadForm.append('file', file);
this.$server.postUserUpdateId(this.uploadForm,this.allVal.id).then((res) => { // 数据请求
if (res.data.code === 200) {
this.$message.success('上传头像成功！')
} else {
this.$message.error('上传头像失败！')
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 返回
back() {
this.$router.push({name: 'person'});
},
changeInformation() {
let sex = this.allVal.sex === '男' ? 0 : 1;
let val = {
'id': this.allVal.id,
'name': this.allVal.name,
'number': this.allVal.phone,
'roleId': this.allVal.role,
'sex': sex,
'unitId': this.allVal.unit,
'deleted': this.allVal.status,
};
this.$server.postUserUpdate(val).then((res) => { // 数据请求
if (res.data.code === 200) {
this.$message.success('修改信息成功！')
} else {
this.$message.error('修改信息失败！')
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
changeStatus() {
if (this.allVal.status === 0) {
this.allVal.status = 1;
$('.status .img').addClass('dele')
} else {
this.allVal.status = 0;
$('.status .img').removeClass('dele')
}
}
},
components: {
......@@ -189,12 +268,22 @@ export default {
.personPage .content .status>span{
vertical-align: bottom;
}
.personPage .content .status .img{
display: inline-block;
width: 21px;
height: 21px;
background: url("./img/clickN.png");
cursor: pointer;
}
.personPage .content .status .dele{
background: url("./img/click.png");
}
.personPage .content .Sfont{
display: inline-block;
margin-left: 5px;
}
.personPage .content .value>span{
width: 150px;
width: 100px;
display: inline-block;
line-height: 34px;
text-align: right;
......@@ -215,9 +304,16 @@ export default {
.personPage .content .button:hover{
background: rgba(72,119,230,.6);
}
.personPage .content>>>.el-input{
width: 300px;
}
.personPage>>>.el-input--medium .el-input__inner{
font-size: 18px;
color: #333;
font-family: 'Regular';
}
.personPage .changeInformation {
margin-top: 300px;
text-align: center;
}
</style>
src/components/home/home.vue
浏览文件 @ 0645bca4
......@@ -116,16 +116,13 @@ export default {
},
// 跳转到其他页面
goOther(path) {
if (path === 'http://120.55.57.35:8080/assessment/#/Assessment' && this.$store.getters.getUserData.type !== 1) {
let val = 'http://120.55.57.35:8080/assessment/#/Assessment' + '?username=' + this.$store.getters.getUserData.userName + '&authority=0';
if (this.$store.getters.getUserData.type !== 1) {
let val = path + '?username=' + this.$store.getters.getUserData.userName + '&authority=0';
window.open(val);
} else if (path === 'http://120.55.57.35:8080/assessment/#/Assessment' && this.$store.getters.getUserData.type === 1) {
let val = 'http://120.55.57.35:8080/assessment/#/Assessment' + '?username=' + this.$store.getters.getUserData.userName + '&authority=1';
} else if (this.$store.getters.getUserData.type === 1) {
let val = path + '?username=' + this.$store.getters.getUserData.userName + '&authority=1';
window.open(val);
}
else {
window.open(path);
}
}
},
components: {
......
src/services/server.js
浏览文件 @ 0645bca4
......@@ -259,5 +259,17 @@ const server = {
data: data
})
},
postUserUpdate(data) { // 用户信息修改
return axios('/user/update', {
method: 'post',
data: data
})
},
postUserUpdateId(data,id) { // 上传用户照片
return axios('/user/upload/' + id, {
method: 'post',
data: data
})
}
}
export default server;
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论