|
|
|
@ -22,6 +22,12 @@
|
|
|
|
|
<a-button type="primary" style="margin-left: 16px" @click="handlerPwd">
|
|
|
|
|
修改密码
|
|
|
|
|
</a-button>
|
|
|
|
|
<a-button type="primary" style="margin-left: 16px" @click="infoChange">
|
|
|
|
|
信息修改
|
|
|
|
|
</a-button>
|
|
|
|
|
<a-button type="primary" style="margin-left: 16px" @click="pushSetting">
|
|
|
|
|
推送设置
|
|
|
|
|
</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="ss2">账户名</span>
|
|
|
|
|
</div>
|
|
|
|
@ -78,13 +84,68 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</v-modal>
|
|
|
|
|
<v-modal :eleStyle="{ width: '700px', height: '560px' }" :visible.sync="icVisible" title="个人信息修改">
|
|
|
|
|
<div slot="body">
|
|
|
|
|
<a-form-model :label-col="{ span: 7 }" :wrapper-col="{ span: 11 }" :model="infoForm" :rules="rules" ref="registerForm">
|
|
|
|
|
<a-form-model-item label="用户名">
|
|
|
|
|
<a-input v-model="infoForm.UserName" placeholder="请输入用户名"></a-input>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="手机号" prop="Phone">
|
|
|
|
|
<a-input v-model="infoForm.Phone" placeholder="请输入手机号"></a-input>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="邮箱">
|
|
|
|
|
<a-input v-model="infoForm.Email" placeholder="请输入邮箱"></a-input>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="公司名称">
|
|
|
|
|
<a-input v-model="infoForm.UnitName" placeholder="请输入公司名称"></a-input>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="公司品牌">
|
|
|
|
|
<span style="color: #FAFAFA">{{MainBrand}}</span>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="到期时间">
|
|
|
|
|
<span style="color: #FAFAFA">{{ValidTime}}</span>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="验证码">
|
|
|
|
|
<a-input v-model="infoForm.Code" placeholder="请输入验证码" autocomplete="off">
|
|
|
|
|
<span class="fp-s1" slot="suffix" v-if="showCode" @click="getCode">发送验证码</span>
|
|
|
|
|
<span class="fp-s1" slot="suffix" v-else>{{ count }}</span>
|
|
|
|
|
</a-input>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
<div class="ms-footer" align="center" style="margin-top: 16px">
|
|
|
|
|
<div class="f-btn" @click="infoComfirm">确定</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</v-modal>
|
|
|
|
|
<a-modal :visible="pushVisible" :width="750" title="推送设置" :footer="null" @cancel="pushVisible = false">
|
|
|
|
|
<a-form-model :label-col="{ span: 5 }" :wrapper-col="{ span: 17 }">
|
|
|
|
|
<a-form-model-item label="公众号接收日期">
|
|
|
|
|
<a-checkbox-group v-model="wxDateArr" :options="pushGroup" @change="wxDateChange"></a-checkbox-group>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="公众号接收时间">
|
|
|
|
|
<a-time-picker format="HH:mm" valueFormat="HH:mm" v-model="pushForm.WxStart"></a-time-picker><span style="color: #fff"> — </span>
|
|
|
|
|
<a-time-picker format="HH:mm" valueFormat="HH:mm" v-model="pushForm.WxEnd"></a-time-picker>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="邮箱接收日期">
|
|
|
|
|
<a-checkbox-group v-model="emDateArr" :options="pushGroup" @change="emDateChange"></a-checkbox-group>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="邮箱接收时间">
|
|
|
|
|
<a-time-picker format="HH:mm" valueFormat="HH:mm" v-model="pushForm.EmailStart"></a-time-picker><span style="color: #fff"> — </span>
|
|
|
|
|
<a-time-picker format="HH:mm" valueFormat="HH:mm" v-model="pushForm.EmailEnd"></a-time-picker>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
<div class="ms-footer" align="center">
|
|
|
|
|
<div class="f-btn" @click="pushConfirm">确定</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import phoneForm from "./phoneForm";
|
|
|
|
|
import modifyForm from "./modifyForm";
|
|
|
|
|
import { getMyFileInfoExcel } from "@/api/mySelf";
|
|
|
|
|
import { getMyFileInfoExcel, getUserData, getUserDataVERCode, updUserData,
|
|
|
|
|
saveSwsQyWarningConf, getSwsQyWarningConf} from "@/api/mySelf";
|
|
|
|
|
export default {
|
|
|
|
|
name: "Myself",
|
|
|
|
|
components: {
|
|
|
|
@ -92,12 +153,34 @@ export default {
|
|
|
|
|
modifyForm,
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
const validatePhone = (rule, value, callback) => {
|
|
|
|
|
if (value === "") {
|
|
|
|
|
callback(new Error("请输入手机号"));
|
|
|
|
|
} else {
|
|
|
|
|
let reg = /^1\d{10}$/;
|
|
|
|
|
if (!reg.test(value)) {
|
|
|
|
|
callback(new Error("请输入正确的手机号"));
|
|
|
|
|
} else {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
const validateInput = (rule, value, callback, msg) => {
|
|
|
|
|
if (value === "") {
|
|
|
|
|
callback(new Error(msg));
|
|
|
|
|
} else {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
modalObj: {
|
|
|
|
|
visible: false,
|
|
|
|
|
current: 0,
|
|
|
|
|
title: "修改密码",
|
|
|
|
|
},
|
|
|
|
|
showCode: true,
|
|
|
|
|
count: 0,
|
|
|
|
|
icVisible: false,
|
|
|
|
|
accout: {
|
|
|
|
|
sPhone: "",
|
|
|
|
|
iCode: "",
|
|
|
|
@ -139,6 +222,40 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
tbData: [],
|
|
|
|
|
infoForm: {
|
|
|
|
|
UserName: '',
|
|
|
|
|
Phone: '',
|
|
|
|
|
Email: '',
|
|
|
|
|
UnitName: '',
|
|
|
|
|
Code: '',
|
|
|
|
|
},
|
|
|
|
|
MainBrand: '',
|
|
|
|
|
ValidTime: '',
|
|
|
|
|
rules: {
|
|
|
|
|
UserName: [{ validator: (rule, value, callback) => validateInput(rule, value, callback, '请输入用户名!') }],
|
|
|
|
|
Phone: [{ validator: validatePhone }],
|
|
|
|
|
Email: [{ validator: (rule, value, callback) => validateInput(rule, value, callback, '请输入邮箱!') }],
|
|
|
|
|
},
|
|
|
|
|
pushVisible: false,
|
|
|
|
|
pushForm: {
|
|
|
|
|
WxWeek: '',
|
|
|
|
|
WxStart: '',
|
|
|
|
|
WxEnd: '',
|
|
|
|
|
EmailWeek: '',
|
|
|
|
|
EmailStart: '',
|
|
|
|
|
EmailEnd: '',
|
|
|
|
|
},
|
|
|
|
|
pushGroup: [
|
|
|
|
|
{label: '周一',value: '1'},
|
|
|
|
|
{label: '周二',value: '2'},
|
|
|
|
|
{label: '周三',value: '3'},
|
|
|
|
|
{label: '周四',value: '4'},
|
|
|
|
|
{label: '周五',value: '5'},
|
|
|
|
|
{label: '周六',value: '6'},
|
|
|
|
|
{label: '周日',value: '7'},
|
|
|
|
|
],
|
|
|
|
|
wxDateArr: [],
|
|
|
|
|
emDateArr: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
@ -200,6 +317,100 @@ export default {
|
|
|
|
|
this.pagination.current = iPageIndex;
|
|
|
|
|
this.getTable();
|
|
|
|
|
},
|
|
|
|
|
infoChange() {
|
|
|
|
|
this.icVisible = true;
|
|
|
|
|
getUserData({token: this.getToken}).then(res => {
|
|
|
|
|
let data = res.data;
|
|
|
|
|
this.infoForm.UserName = data.UserName;
|
|
|
|
|
this.infoForm.Phone = data.Phone;
|
|
|
|
|
this.infoForm.Email = data.Email;
|
|
|
|
|
this.infoForm.UnitName = data.UnitName;
|
|
|
|
|
this.MainBrand = data.MainBrand;
|
|
|
|
|
this.ValidTime = data.ValidTime;
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
pushSetting() {
|
|
|
|
|
this.pushVisible = true;
|
|
|
|
|
getSwsQyWarningConf({token: this.getToken}).then(res => {
|
|
|
|
|
let data = res.data[0];
|
|
|
|
|
this.pushForm = {
|
|
|
|
|
WxWeek: data.WxWeek,
|
|
|
|
|
WxStart: data.WxStart,
|
|
|
|
|
WxEnd: data.WxEnd,
|
|
|
|
|
EmailWeek: data.EmailWeek,
|
|
|
|
|
EmailStart: data.EmailStart,
|
|
|
|
|
EmailEnd: data.EmailEnd,
|
|
|
|
|
};
|
|
|
|
|
this.wxDateArr = data.WxWeek.split(',');
|
|
|
|
|
this.emDateArr = data.EmailWeek.split(',');
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 获取手机的验证码
|
|
|
|
|
getCode() {
|
|
|
|
|
this.$refs.registerForm.validateField('Phone', errMsg => {
|
|
|
|
|
if (!errMsg) {
|
|
|
|
|
let obj = {
|
|
|
|
|
UserName: this.infoForm.UserName,
|
|
|
|
|
Phone: this.infoForm.Phone,
|
|
|
|
|
Email: this.infoForm.Email,
|
|
|
|
|
token: this.getToken,
|
|
|
|
|
}
|
|
|
|
|
getUserDataVERCode(obj).then(res => {
|
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
|
this.countdown()
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error('验证失败')
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 倒计时
|
|
|
|
|
countdown() {
|
|
|
|
|
const TIME_COUNT = 60;
|
|
|
|
|
if (!this.timer) {
|
|
|
|
|
this.count = TIME_COUNT;
|
|
|
|
|
this.showCode = false;
|
|
|
|
|
this.timer = setInterval(() => {
|
|
|
|
|
if (this.count > 0 && this.count <= TIME_COUNT) {
|
|
|
|
|
this.count--;
|
|
|
|
|
} else {
|
|
|
|
|
this.showCode = true;
|
|
|
|
|
clearInterval(this.timer);
|
|
|
|
|
this.timer = null;
|
|
|
|
|
}
|
|
|
|
|
}, 1000);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
infoComfirm() {
|
|
|
|
|
let obj = Object.assign({token: this.getToken}, this.infoForm)
|
|
|
|
|
updUserData(obj).then(res => {
|
|
|
|
|
this.$message.success(res.msg);
|
|
|
|
|
this.timer = null;
|
|
|
|
|
this.icVisible = false;
|
|
|
|
|
this.infoForm.Code = '';
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
pushConfirm() {
|
|
|
|
|
let jsonData = JSON.stringify(this.pushForm)
|
|
|
|
|
let obj = {
|
|
|
|
|
token: this.getToken,
|
|
|
|
|
data: jsonData
|
|
|
|
|
}
|
|
|
|
|
saveSwsQyWarningConf(obj).then(res => {
|
|
|
|
|
if(res.msg == '成功') {
|
|
|
|
|
this.$message.success('修改成功');
|
|
|
|
|
this.pushVisible = false;
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(res.msg);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
wxDateChange(value) {
|
|
|
|
|
this.pushForm.WxWeek = value.join(',')
|
|
|
|
|
},
|
|
|
|
|
emDateChange(value) {
|
|
|
|
|
this.pushForm.EmailWeek = value.join(',')
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
@ -288,4 +499,8 @@ export default {
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.fp-s1 {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: #698198;
|
|
|
|
|
}
|
|
|
|
|
</style>
|