7x31
/
cmdb
mirror of https://github.com/veops/cmdb.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

format

This commit is contained in:
wang-liang0615 2023-07-19 15:36:46 +08:00
parent 23ae320223
commit 4eff09900d
1 changed files with 55 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
cmdb-ui/src/modules/cmdb/views/ci_types/attributeEditForm.vue
View File

@ -11,7 +11,7 @@
wrapClassName="attribute-edit-form" wrapClassName="attribute-edit-form"
> >
<a-form :form="form" :layout="formLayout" @submit="handleSubmit"> <a-form :form="form" :layout="formLayout" @submit="handleSubmit">
<a-divider style="font-size: 14px; margin-top: 6px">基础设置</a-divider> <a-divider style="font-size:14px;margin-top:6px;">基础设置</a-divider>
<a-col :span="12"> <a-col :span="12">
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="属性名(英文)"> <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="属性名(英文)">
<a-input <a-input
@ -33,22 +33,24 @@
/> />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12" <a-col
><a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="别名"> :span="12"
<a-input name="alias" v-decorator="['alias', { rules: [] }]" /> </a-form-item ><a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="别名">
<a-input name="alias" v-decorator="['alias', { rules: [] }]" /> </a-form-item
></a-col> ></a-col>
<a-col :span="12" <a-col
><a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="数据类型"> :span="12"
<a-select ><a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="数据类型">
:disabled="true" <a-select
name="value_type" :disabled="true"
style="width: 100%" name="value_type"
v-decorator="['value_type', { rules: [{ required: true }] }]" style="width: 100%"
@change="handleChangeValueType" v-decorator="['value_type', { rules: [{ required: true }] }]"
> @change="handleChangeValueType"
<a-select-option :value="key" :key="key" v-for="(value, key) in valueTypeMap">{{ value }}</a-select-option> >
</a-select> <a-select-option :value="key" :key="key" v-for="(value, key) in valueTypeMap">{{ value }}</a-select-option>
</a-form-item></a-col </a-select>
</a-form-item></a-col
> >
<a-col :span="currentValueType === '6' ? 24 : 12"> <a-col :span="currentValueType === '6' ? 24 : 12">
<a-form-item <a-form-item
@ -70,7 +72,9 @@
v-else-if="currentValueType === '0'" v-else-if="currentValueType === '0'"
@select="selectIntDefaultValue" @select="selectIntDefaultValue"
> >
<a-select-option key="$auto_inc_id"> 自增ID </a-select-option> <a-select-option key="$auto_inc_id">
自增ID
</a-select-option>
</a-select> </a-select>
<a-input-number <a-input-number
style="width: 100%" style="width: 100%"
@ -90,9 +94,15 @@
v-else-if="currentValueType === '3' && defaultForDatetime !== '$custom_time'" v-else-if="currentValueType === '3' && defaultForDatetime !== '$custom_time'"
@select="changeDefaultForDatetime" @select="changeDefaultForDatetime"
> >
<a-select-option key="$created_at"> 创建时间 </a-select-option> <a-select-option key="$created_at">
<a-select-option key="$updated_at"> 更新时间 </a-select-option> 创建时间
<a-select-option key="$custom_time"> 自定义时间 </a-select-option> </a-select-option>
<a-select-option key="$updated_at">
更新时间
</a-select-option>
<a-select-option key="$custom_time">
自定义时间
</a-select-option>
</a-select> </a-select>
<template v-else-if="currentValueType === '4' || currentValueType === '3'"> <template v-else-if="currentValueType === '4' || currentValueType === '3'">
<a-date-picker <a-date-picker
@ -161,11 +171,12 @@
:wrapper-col="horizontalFormItemLayout.wrapperCol" :wrapper-col="horizontalFormItemLayout.wrapperCol"
> >
<template slot="label"> <template slot="label">
<span style="position: relative; white-space: pre" <span
>{{ `索引` }} style="position:relative;white-space:pre;"
>{{ `索引` }}
<a-tooltip title="字段可被用于检索，加速查询"> <a-tooltip title="字段可被用于检索，加速查询">
<a-icon <a-icon
style="position: absolute; top: 3px; left: -17px; color: #2f54eb" style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
type="question-circle" type="question-circle"
theme="filled" theme="filled"
@click=" @click="
@ -192,11 +203,12 @@
:wrapper-col="horizontalFormItemLayout.wrapperCol" :wrapper-col="horizontalFormItemLayout.wrapperCol"
> >
<template slot="label"> <template slot="label">
<span style="position: relative; white-space: pre" <span
>{{ `显示` }} style="position:relative;white-space:pre;"
>{{ `显示` }}
<a-tooltip title="CI实例表格默认展示该字段"> <a-tooltip title="CI实例表格默认展示该字段">
<a-icon <a-icon
style="position: absolute; top: 3px; left: -17px; color: #2f54eb" style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
type="question-circle" type="question-circle"
theme="filled" theme="filled"
@click=" @click="
@ -237,11 +249,12 @@
:wrapper-col="horizontalFormItemLayout.wrapperCol" :wrapper-col="horizontalFormItemLayout.wrapperCol"
> >
<template slot="label"> <template slot="label">
<span style="position: relative; white-space: pre" <span
>{{ `多值` }} style="position:relative;white-space:pre;"
>{{ `多值` }}
<a-tooltip title="字段的值是1个或者多个，接口返回的值的类型是list"> <a-tooltip title="字段的值是1个或者多个，接口返回的值的类型是list">
<a-icon <a-icon
style="position: absolute; top: 3px; left: -17px; color: #2f54eb" style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
type="question-circle" type="question-circle"
theme="filled" theme="filled"
@click=" @click="
@ -287,7 +300,7 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider style="font-size: 14px; margin-top: 6px">高级设置</a-divider> <a-divider style="font-size:14px;margin-top:6px;">高级设置</a-divider>
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-form-item :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }" label="字体"> <a-form-item :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }" label="字体">
@ -302,13 +315,16 @@
<a-col :span="24" v-if="currentValueType !== '6'"> <a-col :span="24" v-if="currentValueType !== '6'">
<a-form-item :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }"> <a-form-item :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
<template slot="label"> <template slot="label">
<span style="position: relative; white-space: pre" <span
>{{ `计算属性` }} style="position:relative;white-space:pre;"
>{{ `计算属性` }}
<a-tooltip <a-tooltip
:title="`该属性的值是通过模型的其它属性构建的表达式或者执行一段代码的方式计算而来，属性的引用方法为: {{ 属性名 }}`" :title="
`该属性的值是通过模型的其它属性构建的表达式或者执行一段代码的方式计算而来，属性的引用方法为: {{ 属性名 }}`
"
> >
<a-icon <a-icon
style="position: absolute; top: 3px; left: -17px; color: #2f54eb" style="position:absolute;top:3px;left:-17px;color:#2f54eb;"
type="question-circle" type="question-circle"
theme="filled" theme="filled"
@click=" @click="
@ -346,7 +362,11 @@
<script> <script>
import moment from 'moment' import moment from 'moment'
import vueJsonEditor from 'vue-json-editor' import vueJsonEditor from 'vue-json-editor'
import { updateAttributeById, updateCITypeAttributesById, canDefineComputed } from '@/modules/cmdb/api/CITypeAttr' import {
updateAttributeById,
updateCITypeAttributesById,
canDefineComputed,
} from '@/modules/cmdb/api/CITypeAttr'
import { valueTypeMap } from '../../utils/const' import { valueTypeMap } from '../../utils/const'
import ComputedArea from './computedArea.vue' import ComputedArea from './computedArea.vue'
import PreValueArea from './preValueArea.vue' import PreValueArea from './preValueArea.vue'