gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CN-1594 feat: right-box调整

Browse Source
This commit is contained in:
chenjinsong
2024-04-10 16:50:39 +08:00
parent 70edbb95fc
commit 5f1efe4466
19 changed files with 117 additions and 419 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/rightBox/report/ReportBox.vue
View File

@@ -11,7 +11,7 @@
<el-form ref="reportForm" :model="editObject" :rules="rules" label-position="top" label-width="120px">
<!--name-->
<el-form-item :label="$t('report.name')" prop="name">
<el-input id="account-input-name" v-model="editObject.name" maxlength="64" placeholder=" " show-word-limit size="small" type="text"></el-input>
<el-input id="account-input-name" v-model="editObject.name" maxlength="64" placeholder=" " show-word-limit type="text"></el-input>
</el-form-item>
<!--time limit-->
<el-form-item :label="$t('report.timeLimit')" prop="timeLimit">
@@ -20,8 +20,6 @@
class="right-box__select"
collapse-tags
placeholder=" "
popper-class="right-box-select-dropdown right-box-select-report "
size="small"
@change="timeConfigTypeChange"
>
<template v-for="time in timeRuleList" :key="time.value">
@@ -34,8 +32,7 @@
class="right-box__select"
collapse-tags
placeholder=" "
popper-class="right-box-select-dropdown right-box-select-report "
size="small"
style="margin-top: 10px;"
@change="()=>{ this.$forceUpdate() }">
<template v-for="time in timeUnitList" :key="time.value">
<el-option :label="$t(time.name)" :value="time.value"></el-option>
@@ -43,7 +40,7 @@
</el-select>
</template>
<div v-else-if="editObject.config.timeConfig.type === 'last' || editObject.config.timeConfig.type === 'previous'" class="report__display">
<el-input v-model.number="editObject.config.timeConfig.offset" size="small" class="el-input-single" placeholder=" ">
<el-input v-model.number="editObject.config.timeConfig.offset" class="el-input-single" placeholder=" ">
<template #prepend><i @click="timeOffsetHandle('m')" class="cn-icon cn-icon-a-"></i></template>
<template #append><i @click="timeOffsetHandle('p')" class="cn-icon cn-icon-a-1"></i></template>
</el-input>
@@ -53,7 +50,6 @@
collapse-tags
placeholder=" "
popper-class="right-box-select-dropdown el-select-last"
size="small"
@change="()=>{ this.$forceUpdate() }">
<template v-for="time in timeUnitList" :key="time.value">
<el-option :label="$t(time.name)" :value="time.value"></el-option>
@@ -67,7 +63,6 @@
<div class="block">
<el-date-picker
v-model="editObject.config.startTime"
size="small"
:format="dateFormat"
:disabled-date="startDisabledDate"
@change="startTimeChang"
@@ -84,7 +79,6 @@
<div class="block">
<el-date-picker
v-model="editObject.config.endTime"
size="small"
:format="dateFormat"
:disabled-date="endDisabledDate"
@change="endTimeChange"
@@ -105,17 +99,17 @@
</div>
<div class="enable-tabs-daily" v-if="scheduleType === scheduleTypeList[0].value">
<div class="enable-tabs-custom">{{$t('report.customEvery')}}</div>
<el-input v-model.number="editObject.config.schedulerConfig.interval" size="small" placeholder=" " class="report__margin-t">
<el-input v-model.number="editObject.config.schedulerConfig.interval" placeholder=" ">
<template #append>{{$t('report.day')}}</template>
</el-input>
</div>
<div class="enable-tabs-weekly" v-else-if="scheduleType === scheduleTypeList[1].value">
<!-- 每隔几周暂时隐藏 -->
<!-- <div class="enable-tabs-custom">{{$t('report.customEvery')}}</div>
<el-input v-model="editObject.config.schedulerConfig.interval" size="small" placeholder="Please input">
<el-input v-model="editObject.config.schedulerConfig.interval" placeholder="Please input">
<template #append>{{$t('report.week')}}</template>
</el-input>-->
<el-checkbox-group v-model="editObject.config.schedulerConfig.weekDates" class="report__margin-t">
<el-checkbox-group v-model="editObject.config.schedulerConfig.weekDates">
<el-checkbox v-for="(item, index) in weekdayList" :key="index" :label="item.value">{{$t(item.name)}}</el-checkbox>
</el-checkbox-group>
</div>
@@ -130,7 +124,7 @@
<!-- 自定义月，循环 -->
<template v-if="monthIsCycle">
<div class="enable-tabs-custom">{{$t('report.customEvery')}}</div>
<el-input v-model="editObject.config.schedulerConfig.interval" size="small" placeholder=" " class="report__margin-t">
<el-input v-model="editObject.config.schedulerConfig.interval" placeholder=" ">
<template #append>{{$t('report.month')}}</template>
</el-input>
</template>
@@ -158,10 +152,9 @@
<el-select id="account-input-roleIds"
v-model="editObject.config.schedulerConfig.monthWeekDates"
class="right-box__select"
style="margin-top: 10px;"
multiple
placeholder=" "
popper-class="right-box-select-dropdown right-box-select-report"
size="small"
@change="()=>{ this.$forceUpdate() }">
<template v-for="time in weekOptions" :key="time.value">
<el-option :label="$t(time.name)" :value="time.value"></el-option>
@@ -183,7 +176,6 @@
<div class="block">
<el-date-picker
v-model="editObject.schedulerStart"
size="small"
:format="dateFormat"
prefix-icon=""
type="datetime"
@@ -198,7 +190,6 @@
<div class="block">
<el-date-picker
v-model="editObject.schedulerEnd"
size="small"
:format="dateFormat"
prefix-icon=""
type="datetime"
@@ -215,8 +206,6 @@
collapse-tags
placeholder=" "
:disabled="!!editObject.id"
popper-class="right-box-select-dropdown right-box-select-report"
size="small"
>
<template v-for="category in categoryList" :key="category.id">
<el-option :label="category.name" :value="category.id"></el-option>
@@ -225,11 +214,11 @@
</el-form-item>
<!-- 参数 -->
<el-form-item :label="$t('config.operationlog.params')" prop="categoryParams" v-if="editObject.categoryParams && editObject.categoryParams.length > 0">
<!-- <el-input v-model="param.value" placeholder=" " v-for="(param, index) in editObject.categoryParams" :key="index" size="small" style="vertical-align: unset;" :disabled="!!editObject.id">
<!-- <el-input v-model="param.value" placeholder=" " v-for="(param, index) in editObject.categoryParams" :key="index" style="vertical-align: unset;" :disabled="!!editObject.id">
<template #prepend>{{param.key}}</template>
</el-input>-->
<template v-for="(param, index) in editObject.categoryParams" :key="index">
<el-input v-if="param.labelType === 'input'" v-model="param.value" placeholder=" " size="small" class="report__params-vertical" :disabled="!!editObject.id">
<el-input v-if="param.labelType === 'input'" v-model="param.value" placeholder=" " class="report__params-vertical" :disabled="!!editObject.id">
<template #prepend>{{param.key}}</template>
</el-input>
<el-select v-model="param.value"
@@ -238,8 +227,6 @@
placeholder=" "
filterable
:disabled="!!editObject.id"
popper-class="right-box-select-dropdown right-box-select-report "
size="small"
>
<template #prefix>
{{$t(param.i18n)}}

8
src/components/rightBox/settings/I18nBox.vue
View File

@@ -12,12 +12,12 @@
<!--name-->
<el-form-item :label="$t('overall.name')" prop="name">
<el-input id="account-input-name" v-model="editObject.name" :disabled="editObject.name==='admin' && editObject.id === 1"
maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
maxlength="64" placeholder="" show-word-limit type="text"></el-input>
</el-form-item>
<!--code-->
<el-form-item :label="$t('config.i18n.code')" prop="code">
<el-input id="account-input-code" v-model="editObject.code" :disabled="editObject.code==='admin' && editObject.id === 1"
maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
maxlength="64" placeholder="" show-word-limit type="text"></el-input>
</el-form-item>
<!--lang-->
<el-form-item :label="$t('config.i18n.lang')" prop="lang">
@@ -28,7 +28,7 @@
collapse-tags
placeholder=" "
popper-class="right-box-select-dropdown prevent-clickoutside"
size="small"
@change="()=>{ this.$forceUpdate() }">
<template v-for="role in langData" :key="role.value">
<el-option :label="role.value" :value="role.value"></el-option>
@@ -38,7 +38,7 @@
<!--value-->
<el-form-item :label="$t('config.i18n.value')" label-width="200px" prop="value">
<el-input id="account-input-value" v-model="editObject.value" maxlength="256" placeholder=""
show-word-limit size="small"></el-input>
show-word-limit></el-input>
</el-form-item>
</el-form>
</div>

2
src/components/rightBox/settings/RoleBox.vue
View File

@@ -12,7 +12,7 @@
<!--name-->
<el-form-item :label="$t('config.roles.name')" prop="name">
<el-input maxlength="64" placeholder="" id="role-box-input-name"
show-word-limit size="small" type="text" v-model="editRole.name"></el-input>
show-word-limit type="text" v-model="editRole.name"></el-input>
</el-form-item>
<el-form-item :label="$t('overall.remark')">
<el-input maxlength="255" show-word-limit :rows="2" size='mini' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>

16
src/components/rightBox/settings/UserBox.vue
View File

@@ -13,31 +13,31 @@
<el-form-item :label="$t('config.user.name')" prop="name">
<el-input id="account-input-name" v-model="editObject.name"
:disabled="editObject.username==='admin' && editObject.id === 1"
minlength="2" maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
minlength="2" maxlength="64" placeholder="" show-word-limit type="text"></el-input>
</el-form-item>
<!--username-->
<el-form-item :label="$t('config.user.username')" prop="username">
<el-input id="account-input-username" v-model="editObject.username"
:disabled="editObject.username==='admin' && editObject.id === 1"
minlength="2" maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
minlength="2" maxlength="64" placeholder="" show-word-limit type="text"></el-input>
</el-form-item>
<!--password-->
<el-form-item :label="$t('config.user.pin')" prop="pin">
<el-input id="account-input-password" v-model="editObject.pin" minlength="5" maxlength="64" placeholder=""
show-word-limit size="small" type="password" @blur="pinBlur" autocomplete="new-password"></el-input>
show-word-limit type="password" @blur="pinBlur" autocomplete="new-password"></el-input>
</el-form-item>
<!--pinChange-->
<el-form-item :label="$t('config.user.confirmPin')" label-width="200px" prop="pinChange">
<el-input id="account-input-pinChange" v-model="editObject.pinChange" minlength="5" maxlength="64" placeholder=""
show-word-limit size="small" type="password"></el-input>
show-word-limit type="password"></el-input>
</el-form-item>
<!--email-->
<el-form-item label="E-mail" prop="email">
<el-input id="account-input-email" v-model="editObject.email" maxlength="35" show-word-limit placeholder="" size="small" type="text"></el-input>
<el-input id="account-input-email" v-model="editObject.email" maxlength="35" show-word-limit placeholder="" type="text"></el-input>
</el-form-item>
<!--mobile-->
<el-form-item :label="$t('config.user.mobile')" prop="mobile">
<el-input id="account-input-mobile" v-model.number="editObject.mobile" maxlength="11" show-word-limit placeholder="" size="small" type="text"></el-input>
<el-input id="account-input-mobile" v-model.number="editObject.mobile" maxlength="11" show-word-limit placeholder="" type="text"></el-input>
</el-form-item>
<!--roles-->
<el-form-item :label="$t('config.user.roles')" prop="roleIds">
@@ -49,7 +49,7 @@
collapse-tags
placeholder=" "
popper-class="right-box-select-dropdown prevent-clickoutside"
size="small"
@change="()=>{ this.$forceUpdate() }">
<template v-for="role in roleData" :key="role.id">
<el-option :label="role.name" :value="role.id"></el-option>
@@ -65,7 +65,7 @@
collapse-tags
placeholder=" "
popper-class="right-box-select-dropdown prevent-clickoutside"
size="small">
>
<template v-for="lang in langData" :key="lang.value">
<el-option :label="lang.label" :value="lang.value"></el-option>
</template>

4
src/components/table/detection/GeneralSettings.vue
View File

@@ -43,7 +43,7 @@
<!--category-->
<el-form ref="form" :model="settingObj" label-position="top" :rules="rules">
<el-form-item :label="$t('overall.category')" prop="category" class="form-setting__block margin-b-20">
<el-select :disabled="settingObj.ruleId" v-model="settingObj.category" class="form-setting__select" placeholder=" " size="small" @change="changeEditFlag">
<el-select :disabled="settingObj.ruleId" v-model="settingObj.category" class="form-setting__select" placeholder=" " @change="changeEditFlag">
<el-option
v-for="item in categoryList"
:key="item.value"
@@ -55,7 +55,7 @@
<!--type-->
<el-form-item :label="$t('overall.type')" prop="eventType" class="form-setting__block margin-b-20">
<el-select v-model="settingObj.eventType" placeholder=" " size="small" class="form-setting__select" @change="changeEditFlag">
<el-select v-model="settingObj.eventType" placeholder=" " class="form-setting__select" @change="changeEditFlag">
<el-option
v-for="item in eventTypeList"
:key="item.value"

22
src/components/table/detection/RuleDefinition.vue
View File

@@ -5,7 +5,7 @@
<el-form ref="form" :model="thresholdRuleObj" label-position="top" :rules="rules">
<!--source-->
<el-form-item :label="$t('config.user.source')" prop="dataSource" class="form-setting__block margin-b-20">
<el-select v-model="thresholdRuleObj.dataSource" placeholder=" " size="small" class="form-setting__select">
<el-select v-model="thresholdRuleObj.dataSource" placeholder=" " class="form-setting__select">
<el-option
v-for="item in sourceList"
:key="item.value"
@@ -38,7 +38,7 @@
<div class="block-title1">{{ $t('detections.filters') }}</div>
<div class="definition-filter-block" v-if="showFilter">
<div class="definition-filter-item" v-for="(item, index) in thresholdRuleObj.filterList" :key="index">
<el-select class="filter-item__select margin-r-8" v-model="item.filter" placeholder=" " size="small">
<el-select class="filter-item__select margin-r-8" v-model="item.filter" placeholder=" ">
<el-option
v-for="item in selectList"
:key="item.value"
@@ -46,10 +46,10 @@
:value="item.value"
/>
</el-select>
<el-input class="filter-item__input margin-r-8" size="small" disabled placeholder="equal"></el-input>
<el-input class="filter-item__input margin-r-8" disabled placeholder="equal"></el-input>
<el-input
class="filter-item__input margin-r-8"
size="small"
oninput="value=value.replace(/[^\d]/g,'')"
v-model="item.value"></el-input>
<i class="cn-icon cn-icon-close" @click="delFilterItem(index, item)"></i>
@@ -70,7 +70,7 @@
<el-form ref="form2" :model="thresholdRuleObj" label-position="top">
<div class="definition-condition-block" v-for="(item, index) in thresholdRuleObj.conditionData" :key="index">
<el-form-item :label="$t('detection.level')" :prop="`conditionData.${index}.level`" :rules="rules.level">
<el-select class="condition__select margin-b-20" v-model="item.level" placeholder=" " size="small">
<el-select class="condition__select margin-b-20" v-model="item.level" placeholder=" ">
<template #prefix>
<div
class="condition__select__icon"
@@ -92,7 +92,7 @@
<div class="metric-item1__text">
<span style="margin-right: 9px;">If</span>
<el-form-item :prop="`conditionData.${index}.list.${i}.metric`" :rules="rules.metric">
<el-select v-model="data.metric" placeholder=" " size="small">
<el-select v-model="data.metric" placeholder=" ">
<el-option
v-for="item in metricList"
:key="item.label"
@@ -116,7 +116,7 @@
<div class="condition-metric-item2">
<div style="height: 24px;line-height: 24px;display: flex;">
<el-form-item :prop="`conditionData.${index}.list.${i}.condition`" :rules="rules.condition">
<el-select class="metric-item2__select" v-model="data.condition" placeholder=" " size="small">
<el-select class="metric-item2__select" v-model="data.condition" placeholder=" ">
<el-option
v-for="item in conditionList"
:key="item.label"
@@ -132,7 +132,7 @@
class="metric-item2__input"
v-model.number="data.value"
oninput="value=value.replace(/[^\d]/g,'')"
size="small"></el-input>
></el-input>
</el-form-item>
</div>
@@ -165,7 +165,7 @@
<el-form ref="form" :model="indicatorRuleObj" label-position="top" :rules="rules">
<!--Source-->
<el-form-item :label="$t('config.user.source')" prop="dataSource" class="form-setting__block margin-b-20">
<el-select v-model="indicatorRuleObj.dataSource" class="form-setting__select" placeholder=" " size="small" @change="handleParamsComplete">
<el-select v-model="indicatorRuleObj.dataSource" class="form-setting__select" placeholder=" " @change="handleParamsComplete">
<el-option
v-for="item in sourceList"
:key="item.value"
@@ -177,7 +177,7 @@
<!--Library-->
<el-form-item :label="$t('detection.library')" prop="knowledgeId" class="form-setting__block margin-b-20">
<el-select v-model="indicatorRuleObj.knowledgeId" class="form-setting__select" filterable placeholder=" " size="small" @change="handleParamsComplete">
<el-select v-model="indicatorRuleObj.knowledgeId" class="form-setting__select" filterable placeholder=" " @change="handleParamsComplete">
<el-option
v-for="item in libraryList"
:key="item.knowledgeId"
@@ -189,7 +189,7 @@
<!--Level-->
<el-form-item :label="$t('detection.level')" prop="level" class="form-setting__block">
<el-select v-model="indicatorRuleObj.level" class="condition__select form-setting__select" placeholder=" " size="small" @change="handleParamsComplete">
<el-select v-model="indicatorRuleObj.level" class="condition__select form-setting__select" placeholder=" " @change="handleParamsComplete">
<template #prefix>
<div
class="condition__select__icon"