73 lines
2.3 KiB
Vue
73 lines
2.3 KiB
Vue
<template>
|
|
<div>
|
|
<el-form ref="form" :model="form" label-width="120px" label-position="left">
|
|
<el-form-item label="操作密码">
|
|
<el-input v-model="form.password" :disabled="disabled" placeholder="请输入操作密码"
|
|
style="width: 200px;"></el-input>
|
|
<el-button type="primary" @click="resetting">重置</el-button>
|
|
</el-form-item>
|
|
<el-form-item label="安全手机号">
|
|
{{ form.phone | phoneFilter }}
|
|
</el-form-item>
|
|
<el-form-item label="验证码">
|
|
<el-input v-model="form.prepareAmount" placeholder="点击发送" style="width: 200px;"></el-input>
|
|
<el-button type="primary" @click="onSubmit">发送</el-button>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="submitHandle">保存 </el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { tbShopInfo } from "@/api/user";
|
|
import { sendMsg, modfiyUserInfo } from "@/api/securitySetting"
|
|
export default {
|
|
data() {
|
|
return {
|
|
disabled: true,
|
|
form: {}
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getinfo()
|
|
},
|
|
methods: {
|
|
// 获取用户信息
|
|
async getinfo() {
|
|
const shopId = localStorage.getItem("shopId");
|
|
const res = await tbShopInfo(shopId);
|
|
this.form = res
|
|
this.form.password = '******'
|
|
},
|
|
async submitHandle() {
|
|
let data = {
|
|
code: this.form.prepareAmount,
|
|
pwd: this.form.password,
|
|
}
|
|
const res = await modfiyUserInfo(data);
|
|
this.$message({
|
|
message: '修改成功',
|
|
type: 'success'
|
|
})
|
|
},
|
|
resetting() {
|
|
this.form.password = ''
|
|
this.disabled = false
|
|
},
|
|
async onSubmit() {
|
|
const res = await sendMsg();
|
|
this.$message({
|
|
message: '发送成功',
|
|
type: 'success'
|
|
})
|
|
},
|
|
},
|
|
filters: {
|
|
phoneFilter(d) {
|
|
let str = d + ''
|
|
return str.substr(0, 3) + '***' + str.substr(-4)
|
|
}
|
|
}
|
|
}
|
|
</script> |