同步现场代码 修改电网一张图页面

This commit is contained in:
GGJ
2024-05-29 13:39:46 +08:00
parent f6f015cf4b
commit 3d0bd8f644
11 changed files with 226 additions and 166 deletions

View File

@@ -1,101 +1,97 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-scrollbar>
<el-form :inline="true" :model="form" label-width="120px" :rules="rules">
<el-form-item label="用户名" prop="name">
<el-input v-model="form.name" placeholder="请输入昵称" />
</el-form-item>
<el-form-item label="登录名" prop="loginName">
<el-input v-model="form.loginName" placeholder="请输入登录名" />
</el-form-item>
<el-form-item label="默认密码" prop="password" v-if="title === '新增用户'">
<el-input v-model="form.password" placeholder="请输入密码" disabled />
</el-form-item>
<el-form-item label="权限类型" prop="type">
<el-select v-model="form.type" @change="changeValue" disabled placeholder="请选择权限类型">
<el-option
v-for="(item, index) in UserTypeOption"
:label="item.label"
:value="item.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="用户类型" prop="casualUser">
<el-select v-model="form.casualUser" placeholder="请选择用户类型类型">
<el-option
v-for="(item, index) in TypeOptions"
:label="item.label"
:value="item.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属部门" prop="deptId">
<Area style="width: 100%" v-model="form.deptId" />
</el-form-item>
<el-form-item label="角色" prop="role">
<el-select v-model="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-option
v-for="(item, index) in roleOptions"
:label="item.label"
:value="item.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form :model="form" class="form-two" label-width="auto" :rules="rules">
<el-form-item label="用户名" prop="name">
<el-input v-model="form.name" placeholder="请输入昵称" />
</el-form-item>
<el-form-item label="登录名" prop="loginName">
<el-input v-model="form.loginName" placeholder="请输入登录名" />
</el-form-item>
<el-form-item label="默认密码" prop="password" v-if="title === '新增用户'">
<el-input v-model="form.password" placeholder="请输入密码" disabled />
</el-form-item>
<el-form-item label="权限类型" prop="type">
<el-select v-model="form.type" @change="changeValue" disabled placeholder="请选择权限类型">
<el-option
v-for="(item, index) in UserTypeOption"
:label="item.label"
:value="item.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="用户类型" prop="casualUser">
<el-select v-model="form.casualUser" placeholder="请选择用户类型类型">
<el-option
v-for="(item, index) in TypeOptions"
:label="item.label"
:value="item.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属部门" prop="deptId">
<Area style="width: 100%" v-model="form.deptId" />
</el-form-item>
<el-form-item label="角色" prop="role">
<el-select v-model="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-option
v-for="(item, index) in roleOptions"
:label="item.label"
:value="item.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="起始IP" prop="limitIpStart">
<el-input v-model="form.limitIpStart" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="结束IP" prop="limitIpEnd">
<el-input v-model="form.limitIpEnd" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="时间段" prop="limitTime">
<el-slider v-model="form.limitTime" range show-stops :max="24" />
</el-form-item>
<el-form-item label="短信通知" prop="smsNotice">
<el-radio-group v-model="form.smsNotice">
<el-radio-button :label="0"></el-radio-button>
<el-radio-button :label="1"></el-radio-button>
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="起始IP" prop="limitIpStart">
<el-input v-model="form.limitIpStart" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="结束IP" prop="limitIpEnd">
<el-input v-model="form.limitIpEnd" placeholder="请输入描述" />
</el-form-item>
<el-form-item label="时间段" prop="limitTime" >
<el-slider v-model="form.limitTime" range style="width: 80%" show-stops :max="24" />
</el-form-item>
<el-form-item label="短信通知" prop="smsNotice">
<el-radio-group v-model="form.smsNotice">
<el-radio-button :label="0"></el-radio-button>
<el-radio-button :label="1"></el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="邮件通知" prop="emailNotice">
<el-radio-group v-model="form.emailNotice">
<el-radio-button :label="0"></el-radio-button>
<el-radio-button :label="1"></el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="用户ID">
<div style="display: flex; width: 100%">
<el-radio-group v-model="useId">
<el-radio-button :label="1"></el-radio-button>
<el-radio-button :label="0"></el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="邮件通知" prop="emailNotice">
<el-radio-group v-model="form.emailNotice">
<el-radio-button :label="0"></el-radio-button>
<el-radio-button :label="1"></el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="用户ID">
<div style="display: flex; width: 100%">
<el-radio-group v-model="useId">
<el-radio-button :label="1"></el-radio-button>
<el-radio-button :label="0"></el-radio-button>
</el-radio-group>
<el-input
:disabled="title !== '新增用户'"
v-model="form.id"
placeholder="请输入用户id"
v-if="useId"
style="flex: 1"
class="ml10"
></el-input>
</div>
</el-form-item>
</el-form>
</el-scrollbar>
<el-input
:disabled="title !== '新增用户'"
v-model="form.id"
placeholder="请输入用户id"
v-if="useId"
style="flex: 1"
class="ml10"
></el-input>
</div>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submit">确认</el-button>
</span>
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submit">确认</el-button>
</template>
</el-dialog>
</template>
@@ -229,7 +225,7 @@ const open = (text: string, data?: anyObj) => {
form[key] = ''
}
form.casualUser = 1
form.limitTime = [0, 23]
form.limitTime = [0, 24]
form.role = []
form.smsNotice = 0
form.emailNotice = 0