p35z7urxv
/
pqa2fspn3
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

合并修改

Browse Source
master
aiyadc 5 years ago
parent 338cd8b6e2 e51d44ad12
commit 58d1c9723c
2 changed files with 58 additions and 37 deletions
Show Stats Download Patch File Download Diff File

80
element-vue/src/components/personalMessage.vue
Unescape View File

@ -5,41 +5,39 @@
</h1> </h1>
<div class="personal-message"> <div class="personal-message">
<!-- 未编辑状态--> <!-- 未编辑状态-->
<el-table v-if="!edit" :data="tableData" stripe> <el-form :model="data" label-width="100px" class="demo-ruleForm">
<el-table-column prop="name" width="200"></el-table-column> <el-form-item label="工号" prop="name">
<el-table-column prop="data"></el-table-column> <el-input v-model="data.username" disabled></el-input>
</el-table> </el-form-item>
<!-- 编辑状态--> <el-form-item label="姓名" prop="name">
<div v-if="edit"> <el-input v-model="data.nickname" :disabled="!edit"></el-input>
<el-form :model="data" label-width="100px" class="demo-ruleForm"> </el-form-item>
<el-form-item label="工号" prop="name"> <el-form-item label="联系电话" prop="name">
<el-input v-model="data.id" disabled></el-input> <el-input v-model="data.tel" :disabled="!edit"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="name"> <el-form-item label="办公室" prop="name">
<el-input v-model="data.name"></el-input> <el-input v-model="data.office" :disabled="!edit"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="name"> <el-form-item label="邮箱" prop="name">
<el-input v-model="data.tel"></el-input> <el-input v-model="data.email" :disabled="!edit"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="办公室" prop="name"> <el-form-item v-if="edit">
<el-input v-model="data.office"></el-input> <el-button type="primary" @click="submit">修改</el-button>
</el-form-item> <el-button @click="editClick">取消</el-button>
<el-form-item label="邮箱" prop="name"> </el-form-item>
<el-input v-model="data.email"></el-input> </el-form>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">修改</el-button>
<el-button @click="editClick">取消</el-button>
</el-form-item>
</el-form>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {get, post} from "~/utils"; import {get, post} from "~/utils";
<<<<<<< HEAD
import {showDialog, showSuccess} from "~/utils/dialog"; import {showDialog, showSuccess} from "~/utils/dialog";
=======
import axios from "axios"
import {closeLoading, showDialog, showLoading, showSuccess} from "~/utils/dialog";
>>>>>>> e51d44ad1213257fbd60443a010ff4ba74fd6927
export default { export default {
data() { data() {
@ -62,8 +60,8 @@
data: '123456789@hzu.com', data: '123456789@hzu.com',
}], }],
data: { data: {
id: '12345', username: '12345',
name: '王小虎', nickname: '王小虎',
tel: '13123456789', tel: '13123456789',
office: '5#101', office: '5#101',
email: '123456789@hzu.com' email: '123456789@hzu.com'
@ -80,16 +78,24 @@
this.data = await get('lb/user/getUserInfo') this.data = await get('lb/user/getUserInfo')
}, },
async submit() { async submit() {
await showDialog('确定要修改吗？',this) await showDialog('确定要修改吗？', this)
console.log(this.data) const loading = showLoading("正在修改...",this)
// 提交表单，修改用户信息 // 提交表单，修改用户信息
await post('lb/user/updateInfo', { await post('lb/user/updateBySelf', {
data: this.data username: this.data.username,
nickname: this.data.nickname,
tel: this.data.tel,
office: this.data.office,
email: this.data.email
}) })
// 修改后重载用户数据 // 修改后重载用户数据
this.load() setTimeout(()=>{
this.edit = false closeLoading(loading)
showSuccess('修改成功') this.load()
this.edit = false
showSuccess('修改成功',this)
},1000)
} }
}, },
async mounted() { async mounted() {

15
element-vue/src/utils/dialog.js
Unescape View File

@ -24,3 +24,18 @@ export function showFail(content,that) {
message: content message: content
}); });
} }
// 加载
export function showLoading(content,that) {
return that.$loading({
lock: true,
text: content,
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
}
// 关闭加载
export function closeLoading(loading) {
loading.close()
}

Write Preview
Loading…
Cancel
Save