Skip to content

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

new

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