summaryrefslogtreecommitdiff
path: root/src/views/menuSysManagement/module
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/menuSysManagement/module')
-rw-r--r--src/views/menuSysManagement/module/Header.vue54
-rw-r--r--src/views/menuSysManagement/module/UserForm.vue245
2 files changed, 299 insertions, 0 deletions
diff --git a/src/views/menuSysManagement/module/Header.vue b/src/views/menuSysManagement/module/Header.vue
new file mode 100644
index 0000000..186eabf
--- /dev/null
+++ b/src/views/menuSysManagement/module/Header.vue
@@ -0,0 +1,54 @@
+<template>
+<div class="head">
+ <div class="target-select">
+ <span style="font-size: 30px;float: left;padding-top: 1%">用户列表</span>
+ </div>
+<!-- <img class="add-btn" src="../../../img/btn/addRoleBtn.svg" @click="addRole">-->
+ <el-row>
+ <el-button type="primary" plain @click="addRole">新建用户</el-button>
+ </el-row>
+</div>
+</template>
+
+<script>
+export default {
+ name: 'Header',
+ props: [],
+ data() {
+ return {
+ role_name: ''
+ }
+ },
+ watch: {},
+ methods: {
+ // 新增
+ addRole() {
+ this.$emit('addRole')
+ }
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.head{
+ width: 95%;
+ height: 7%;
+ margin-top: 1%;
+ margin-left: 2.5%;
+ text-align: right;
+ .target-select{
+ font-size: 10px;
+ float: left;
+ margin-top: 0.5%;
+ display: inline-block;
+ height: 60%;
+ width: 10%;
+ margin-left: 0.5%;
+ }
+ .add-btn {
+ height: 70%;
+ width: 10%;
+ color: #ffffff;
+ }
+}
+</style> \ No newline at end of file
diff --git a/src/views/menuSysManagement/module/UserForm.vue b/src/views/menuSysManagement/module/UserForm.vue
new file mode 100644
index 0000000..7628749
--- /dev/null
+++ b/src/views/menuSysManagement/module/UserForm.vue
@@ -0,0 +1,245 @@
+<template>
+ <div
+ class="user-dialog"
+ v-if="visible"
+ >
+<!-- <span class="dialog-title">{{ title }}</span>-->
+ <span class="dialog-title">用户创建</span>
+ <!-- 在此处指定弹窗的样式和内容 -->
+ <i class="el-icon-close" style="float: right; padding-right: 8%;padding-top: 3%" @click="close"></i>
+ <el-form
+ ref="userForm"
+ :model="form"
+ :rules="rules"
+ label-width="180px"
+ class="user-form"
+ >
+ <el-row style="margin-left: 5%;margin-top: 8%">
+ <el-col :span="19">
+ <el-form-item label="姓名" prop="username">
+ <el-input v-model="form.username" placeholder="请输入姓名"></el-input>
+ </el-form-item>
+ <el-form-item label="账号" prop="domain">
+ <el-input v-model="form.account" placeholder="请输入账号"></el-input>
+ </el-form-item>
+ <el-form-item label="密码" prop="inject">
+ <el-input v-model="form.pwd" placeholder="请输入密码"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <div class="submit-footer" style="margin-top: 10%">
+ <div>
+ <el-button class="glBut" type="primary" @click="close">取消</el-button>
+ <el-button class="glBut but-color" type="primary" @click="submit" :loading="loading">确认创建</el-button>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'UserForm',
+ // props: ['isAdd', 'permissionDict'],
+ data() {
+ return {
+ agencyLabel:false,
+ visible: false,
+ loading: false,
+ title: '任务创建',
+ form: {
+ account:"", //代理名称
+ cur_user:"", //任务目标
+ pwd:"", //执行代理
+ username:"", //目标域名
+ },
+ role_id: '',
+ rules: {
+ account: [
+ // { required: true, message: '请输入任务名称', trigger: 'blur' },
+ { message: '请输入任务名称', trigger: 'blur' },
+ { max: 50, message: '任务名称长度不能超过50个字符', trigger: 'blur' }
+ ],
+ pwd: [
+ // { required: true, message: '请输入任务名称', trigger: 'blur' },
+ { message: '请输入任务名称', trigger: 'blur' },
+ { max: 50, message: '任务名称长度不能超过50个字符', trigger: 'blur' }
+ ],
+ username: [
+ // { required: true, message: '请输入任务名称', trigger: 'blur' },
+ { message: '请输入任务名称', trigger: 'blur' },
+ { max: 50, message: '任务名称长度不能超过50个字符', trigger: 'blur' }
+ ],
+ permissions: [
+ { required: true, message: '请选择权限', trigger: 'change' }
+ ],
+
+ },
+ roleDict:[],
+ strategy:[
+ { value: 'auto', label: '自动选择', type: 'success' },
+ { value: 'ddos', label: '拒绝服务', type: 'warning' },
+ { value: 'sjqp', label: '数据欺骗', type: 'warning' },
+ ],
+ agencyChange:[
+ { value: '中国北京', label: '中国北京', type: 'success' },
+ { value: '美国纽约', label: '美国纽约', type: 'warning' },
+ ],
+ stateAwareMode:[
+ { value: 'auto', label: '自动选择', type: 'success' },
+ { value: 'tcp', label: 'TCP时延', type: 'warning' },
+ { value: 'icmp', label: 'ICMP/v6', type: 'danger' },
+ { value: 'dns', label: 'DNS解析时延', type: 'danger' },
+ { value: 'record', label: '记录正确性验证', type: 'danger' },
+ ],
+ operationalConfiguration:[
+ { value: 'now', label: '立刻执行', type: 'success' },
+ { value: 'man', label: '手动执行', type: 'warning' },
+ ]
+
+
+ }
+ },
+ methods: {
+ getTagsByIP(val){
+ let data={
+ "ip":val?val:'1.1.1.1'
+ }
+ this.$axios.get(this.$http.api.targetQueryList,data).then(res=>{
+ if(res.code===200){
+ this.roleDict=res?.data[0]?.protect
+ }
+ }).catch(err=>{
+ console.log(err)
+ })
+
+
+ },
+ close() {
+ this.resetForm()
+ document.querySelector('.mask').style.display = 'none'
+ this.visible = false
+ },
+ submit() {
+ let data={
+ "account":this.form.account,
+ "cur_user":"获取当前用户",
+ "pwd":this.form.pwd,
+ "username":this.form.username,
+ }
+ this.$axios.post(this.$http.api.user,data).then(res=>{
+ if(res.code===200){
+ this.$message.success('创建成功!')
+ }else {
+ this.$message.error(res.msg)
+ }
+ }).catch(err=>{
+ console.log(err)
+ })
+
+ },
+ add () {
+ this.loading = true
+ const url = this.$http.api.addRole
+ this.$axios.post(url, this.form).then(res => {
+ if (res.code == 200 || res.code == "OK") {
+ this.resetForm()
+ this.close()
+ this.$emit('refresh')
+ this.$notify({
+ title: '创建角色成功',
+ type: 'success',
+ duration: 2500
+ })
+ }
+ }).catch(err => {
+ console.log(err)
+ }).finally(() => {
+ this.loading = false
+ })
+ },
+ edit() {
+ this.loading = true
+ const url = this.$http.api.editRole + `/${this.role_id}`
+ this.$axios.put(url, this.form.permissions).then(res => {
+ if (res.code == 200 || res.code == "OK") {
+ this.resetForm()
+ this.close()
+ this.$emit('refresh')
+ this.$notify({
+ title: '编辑角色成功',
+ type: 'success',
+ duration: 2500
+ })
+ }
+ }).catch(err => {
+ console.log(err)
+ }).finally(() => {
+ this.loading = false
+ })
+ },
+ resetForm() {
+ this.agencyLabel=false,
+ this.roleDict=[],
+ this.form = {
+ name:"", //代理名称
+ ip:"", //任务目标
+ agencyChange:"", //执行代理
+ domain:"", //目标域名
+ inject:"", //期望注入记录
+ strategy:"",//策略
+ stateAwareMode:"",//状态感知方式
+ switchoverTime:"", //策略切换时限
+ executeTime:"", //任务执行时限
+ operationalConfiguration:"",//运行配置
+ }
+ }
+ }
+}
+</script>
+
+<style lang="less" scoped>
+ .user-dialog{
+ width: 563px;
+ height: 463px;
+ position: absolute; /* 绝对定位 */
+ top: 50%; /* 向下偏移50% */
+ left: 50%; /* 向右偏移50% */
+ transform: translate(-50%, -50%); /* 回移50% */
+ /*background-image:url('../../../img/background/dialog520-363.svg');*/
+ background-image:url('../../../img/tjpz.svg');
+ background-repeat: no-repeat; /* 可选，防止图像重复 */
+ background-size: 100% 100%; /* 宽度为100%，高度自适应保持宽高比 */
+ .dialog-title {
+ font-size: 20px;
+ float: left;
+ margin: 11px 0 11px 35px;
+ }
+ .user-form {
+ margin-top: 70px;
+ text-align: left;
+ ::v-deep .el-form-item__content {
+ line-height: 15px;
+ }
+ }
+ .submit-footer{
+ width: 100%;
+ float: left;
+ margin-top: 50px;
+ text-align: center;
+ .glBut{
+ width: 90px;
+ height: 30px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: 2%;
+ background-color: rgba(24, 133, 234, 0.2);
+ color: #1b7cc4;
+ }
+ .but-color {
+ background-color: #02DDEA;
+ }
+ }
+ }
+</style> \ No newline at end of file
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-30 18:41:32 +0000