Skip to content

N
national_museum_vod
Commit 6904ac15 authored by Your Name's avatar Your Name
Browse files
Options

平台账户管理修改

parent fb96c0c4
Hide whitespace changes
Inline Side-by-side
Showing with 245 additions and 243 deletions
src/page/accounts/userDialog/edit.vue
View file @ 6904ac15
<template> <template>
<el-dialog <el-dialog
custom-class="party-dialog" custom-class="party-dialog"
title="编辑账号" title="编辑账号"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="720px" width="720px"
:before-close="handleClose" :before-close="handleClose"
> >
<div class="dialog-content"> <div class="dialog-content">
<el-form <el-form
ref="form" ref="form"
:model="form" :model="form"
:rules="rules" :rules="rules"
label-width="80px" label-width="80px"
label-position="top" label-position="top"
class="party-form" class="party-form"
> >
<div class="form-row"> <div class="form-row">
<el-form-item label="系统用户名" prop="userName"> <el-form-item label="系统用户名" prop="userName">
<el-input <el-input
v-model="form.userName" v-model="form.userName"
placeholder="请填写" placeholder="请填写"
oninput="value = value.trim()" oninput="value = value.trim()"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="所在机构" prop="orgId"> <el-form-item label="所在机构" prop="orgId">
<el-select v-model="form.orgId" filterable placeholder="请选择"> <el-select v-model="form.orgId" filterable placeholder="请选择">
<el-option <el-option
v-for="item in organList" v-for="item in organList"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
> >
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
<el-form-item label="账号有效期" prop="permanent"> <el-form-item label="账号有效期" prop="permanent">
<el-radio-group v-model="form.permanent"> <el-radio-group v-model="form.permanent">
<el-radio :label="true">永久有效</el-radio> <el-radio :label="true">永久有效</el-radio>
<el-radio :label="false">设置有效期</el-radio> <el-radio :label="false">设置有效期</el-radio>
</el-radio-group> </el-radio-group>
<div v-if="!form.permanent"> <div v-if="!form.permanent">
<el-date-picker <el-date-picker
class="mt16" class="mt16"
v-model="form.date" v-model="form.date"
type="daterange" type="daterange"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
> >
</el-date-picker> </el-date-picker>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="账号类型" prop="roleList"> <el-form-item label="账号类型" prop="roleList">
<el-checkbox-group v-model="form.roleList" :min="1"> <el-checkbox-group v-model="form.roleList" :min="1">
<el-checkbox <span v-for="(item, index) in rolesList">
v-for="(item, index) in rolesList" <el-checkbox
:key="index" v-if="item.name !== '单位管理员' && item.name !== '统计管理员' && item.name !== '互动审核员'"
:label="item.id" :key="index"
> :label="item.id"
{{ item.name }} >
</el-checkbox> {{ item.name }}
</el-checkbox-group> </el-checkbox>
</el-form-item> </span>
</el-form> </el-checkbox-group>
</div> </el-form-item>
<div slot="footer" class="dialog-footer btn-group"> </el-form>
<el-button @click="handleClose()">取 消</el-button> </div>
<el-button type="primary" @click="handleSubmit()">确 定</el-button> <div slot="footer" class="dialog-footer btn-group">
</div> <el-button @click="handleClose()">取 消</el-button>
</el-dialog> <el-button type="primary" @click="handleSubmit()">确 定</el-button>
</template> </div>
<script> </el-dialog>
export default { </template>
data() { <script>
return { export default {
dialogVisible: false, data() {
id: "", return {
form: { dialogVisible: false,
id: "", id: "",
userName: "", form: {
orgId: "", id: "",
permanent: true, userName: "",
date: "", orgId: "",
roleList: [], permanent: true,
type: 1, //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号 date: "",
}, roleList: [],
rules: { type: 1, //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
userName: [ },
{ required: true, message: "请选择系统用户名", trigger: "change" }, rules: {
{ min: 1, max: 20, message: "请输入1到20个字符" }, userName: [
], { required: true, message: "请选择系统用户名", trigger: "change" },
orgId: [ { min: 1, max: 20, message: "请输入1到20个字符" },
{ required: true, message: "请输入所在机构", trigger: "change" }, ],
], orgId: [
permanent: [ { required: true, message: "请输入所在机构", trigger: "change" },
{ required: true, message: "请选择账号有效期", trigger: "change" }, ],
], permanent: [
roleList: [ { required: true, message: "请选择账号有效期", trigger: "change" },
{ ],
type: "array", roleList: [
required: true, {
message: "请选择账号类型", type: "array",
trigger: "change", required: true,
}, message: "请选择账号类型",
], trigger: "change",
}, },
}; ],
}, },
props: { };
organList: { },
type: Array, props: {
default: () => { organList: {
return []; type: Array,
}, default: () => {
}, return [];
rolesList: { },
type: Array, },
default: () => { rolesList: {
return []; type: Array,
}, default: () => {
}, return [];
}, },
mounted() {}, },
methods: { },
// 根据id获取获取详情内容 mounted() {},
getDetailById() { methods: {
let _this = this; // 根据id获取获取详情内容
this.$https( getDetailById() {
{ let _this = this;
method: "get", this.$https(
url: "tUser/getById", {
authType: this.backToken, method: "get",
}, url: "tUser/getById",
{ id: _this.id } authType: this.backToken,
) },
.then((res) => { { id: _this.id }
if (res.status == 200) { )
if (res.data.resultCode == 200) { .then((res) => {
let resData = res.data.data; if (res.status == 200) {
for (let key in _this.form) { if (res.data.resultCode == 200) {
this.form[key] = resData[key]; let resData = res.data.data;
} for (let key in _this.form) {
if (!this.form.permanent) { this.form[key] = resData[key];
this.form.date = [resData.effectiveDate, resData.exiredDate]; }
} if (!this.form.permanent) {
} else { this.form.date = [resData.effectiveDate, resData.exiredDate];
_this.$message.error(res.data.message); }
} } else {
} else { _this.$message.error(res.data.message);
_this.$message.error(res.data); }
} } else {
}) _this.$message.error(res.data);
.catch((err) => { }
console.log(err); })
}); .catch((err) => {
}, console.log(err);
// 弹窗关闭 });
handleClose() { },
this.$confirm("确认关闭？") // 弹窗关闭
.then((_) => { handleClose() {
this.handleReset(); this.$confirm("确认关闭？")
}) .then((_) => {
.catch((_) => {}); this.handleReset();
}, })
handleReset() { .catch((_) => {});
this.dialogVisible = false; },
this.$refs.form.resetFields(); handleReset() {
this.form = { this.dialogVisible = false;
userName: "", this.$refs.form.resetFields();
orgId: "", this.form = {
permanent: true, userName: "",
date: "", orgId: "",
roleList: [], permanent: true,
type: 1, date: "",
}; roleList: [],
}, type: 1,
// 提交 };
handleSubmit() { },
// 校验用户输入值 // 提交
let _this = this; handleSubmit() {
_this.$refs.form.validate((valid) => { // 校验用户输入值
if (valid) { let _this = this;
let user = {}; _this.$refs.form.validate((valid) => {
if (!_this.form.permanent && !_this.form.date) { if (valid) {
_this.$message.error("请选择有效期"); let user = {};
return false; if (!_this.form.permanent && !_this.form.date) {
} _this.$message.error("请选择有效期");
if (!_this.form.permanent) { return false;
user.effectiveDate = _this.form.date[0]; }
user.exiredDate = _this.form.date[1]; if (!_this.form.permanent) {
} user.effectiveDate = _this.form.date[0];
user.userName = _this.form.userName; user.exiredDate = _this.form.date[1];
user.orgId = _this.form.orgId; }
user.roleList = _this.form.roleList; user.userName = _this.form.userName;
user.permanent = _this.form.permanent; user.orgId = _this.form.orgId;
user.id = _this.id; user.roleList = _this.form.roleList;
user.type = this.form.type; user.permanent = _this.form.permanent;
this.$https( user.id = _this.id;
{ user.type = this.form.type;
method: "put", this.$https(
url: "tUser/update", {
authType: _this.backToken, method: "put",
}, url: "tUser/update",
user authType: _this.backToken,
) },
.then((res) => { user
if (res.status == 200) { )
if (res.data.resultCode == 200) { .then((res) => {
this.$message({ if (res.status == 200) {
type: "success", if (res.data.resultCode == 200) {
message: res.data.message, this.$message({
}); type: "success",
_this.dialogVisible = false; message: res.data.message,
this.$emit("success", true); });
} else { _this.dialogVisible = false;
this.$message.error(res.data.message); this.$emit("success", true);
this.$emit("success", false); } else {
} this.$message.error(res.data.message);
} else { this.$emit("success", false);
this.$message.error(res.data); }
this.$emit("success", false); } else {
} this.$message.error(res.data);
}) this.$emit("success", false);
.catch((err) => { }
console.log(res); })
}); .catch((err) => {
} else { console.log(res);
console.log("error submit!!"); });
return false; } else {
} console.log("error submit!!");
}); return false;
}, }
}, });
}; },
</script> },
<style lang="less" scoped> };
.form-row { </script>
display: flex; <style lang="less" scoped>
justify-content: space-between; .form-row {
} display: flex;
justify-content: space-between;
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment