fix: 调整config.json 以及添加部分表格相关文档
This commit is contained in:
@@ -45,7 +45,17 @@ export const sidebar = {
|
|||||||
link: '/table',
|
link: '/table',
|
||||||
items: [
|
items: [
|
||||||
{ text: 'deleteButton', link: '/deleteButton',},
|
{ text: 'deleteButton', link: '/deleteButton',},
|
||||||
{ text: 'nzDataList', link: '/nzDataList',},
|
{
|
||||||
|
text: 'nzDataList',
|
||||||
|
link: '/nzDataList',
|
||||||
|
items:[
|
||||||
|
{text:'searchBox', link: '/searchBox'},
|
||||||
|
{text:'searchInput', link: '/searchInput'},
|
||||||
|
{text:'bottomBox', link: '/bottomBox'},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{ text: 'rightBox', link: '/rightBox',},
|
||||||
|
{ text: 'nzDetailView', link: '/nzDetailView',},
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,14 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /bottomBox
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
底弹窗公共组件
|
||||||
|
|
||||||
|
# 关联组件
|
||||||
|
1. 对应的Tab组件 如 assetTab
|
||||||
|
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="en"></API>
|
||||||
|
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
const props = withDefaults(defineProps<{
|
||||||
|
/**
|
||||||
|
* 是否全屏
|
||||||
|
*/
|
||||||
|
isFullScreen: boolean,
|
||||||
|
/**
|
||||||
|
* resize时,用v-show="subResizeShow"控制页面内容是否显示
|
||||||
|
*/
|
||||||
|
subResizeShow: boolean,
|
||||||
|
/**
|
||||||
|
* 关联的实体对象
|
||||||
|
*/
|
||||||
|
obj: Object,
|
||||||
|
/**
|
||||||
|
* 来自哪个页面
|
||||||
|
*/
|
||||||
|
from: String,
|
||||||
|
/**
|
||||||
|
* 动态页签列表
|
||||||
|
*/
|
||||||
|
tabList: Array<any>,
|
||||||
|
/**
|
||||||
|
* 展示哪个页签
|
||||||
|
*/
|
||||||
|
targetTab: String,
|
||||||
|
/**
|
||||||
|
* pickTime历史记录的唯一标识
|
||||||
|
*/
|
||||||
|
sign: [Number, String]
|
||||||
|
}>(), {
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /bottomBox
|
||||||
|
---
|
||||||
|
|
||||||
|
底弹窗公共组件
|
||||||
|
|
||||||
|
# 关联组件
|
||||||
|
1. 对应的Tab组件 如 assetTab
|
||||||
|
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="zh"></API>
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /searchBox
|
||||||
|
---
|
||||||
|
|
||||||
|
公共搜索组件
|
||||||
|
|
||||||
|
部分写死的搜索条件可以去下方文件查看
|
||||||
|
|
||||||
|
nezha-fronted/src/components/common/searchBox/searchBoxInfo.js
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="en"></API>
|
||||||
|
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
const props = withDefaults(defineProps<{
|
||||||
|
/**
|
||||||
|
* 默认搜索条件
|
||||||
|
*/
|
||||||
|
searchMsg?: {},
|
||||||
|
/**
|
||||||
|
* 来自那个页面
|
||||||
|
*/
|
||||||
|
from: string,
|
||||||
|
/**
|
||||||
|
* 当前搜索框位置 如表格 底弹窗 弹窗等
|
||||||
|
*/
|
||||||
|
position: {},
|
||||||
|
/**
|
||||||
|
* 当前所选择的查询条件
|
||||||
|
*/
|
||||||
|
targetTab: {}
|
||||||
|
}>(), {
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /searchBox
|
||||||
|
---
|
||||||
|
|
||||||
|
公共搜索组件
|
||||||
|
|
||||||
|
部分写死的搜索条件可以去下方文件查看
|
||||||
|
|
||||||
|
nezha-fronted/src/components/common/searchBox/searchBoxInfo.js
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="zh"></API>
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /searchInput
|
||||||
|
---
|
||||||
|
|
||||||
|
公共搜索组件(新 目前只用于alertMessage)
|
||||||
|
|
||||||
|
部分写死的搜索条件可以去下方文件查看
|
||||||
|
|
||||||
|
nezha-fronted/src/components/common/searchBox/searchBoxInfo.js
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="en"></API>
|
||||||
|
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
const props = withDefaults(defineProps<{
|
||||||
|
/**
|
||||||
|
* 默认搜索条件
|
||||||
|
*/
|
||||||
|
searchMsg?: {},
|
||||||
|
/**
|
||||||
|
* 当前所选择的查询条件
|
||||||
|
*/
|
||||||
|
targetTab: {}
|
||||||
|
}>(), {
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /searchInput
|
||||||
|
---
|
||||||
|
|
||||||
|
公共搜索组件(新 目前只用于alertMessage)
|
||||||
|
|
||||||
|
部分写死的搜索条件可以去下方文件查看
|
||||||
|
|
||||||
|
nezha-fronted/src/components/common/searchBox/searchBoxInfo.js
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="zh"></API>
|
||||||
@@ -2,6 +2,81 @@
|
|||||||
map:
|
map:
|
||||||
path: /nzDataList
|
path: /nzDataList
|
||||||
---
|
---
|
||||||
|
# 关联组件
|
||||||
|
1. SearchBox
|
||||||
|
2. bottomBox
|
||||||
|
3. panelChart
|
||||||
|
4. deleteButton
|
||||||
|
5. diagnosisTab
|
||||||
|
6. configSync
|
||||||
|
|
||||||
<API src="./index.vue" lang="en"></API>
|
|
||||||
|
|
||||||
|
|
||||||
|
# 示例代码
|
||||||
|
```vue
|
||||||
|
<div :class="from" class="list-page">
|
||||||
|
<!-- 主页面 -->
|
||||||
|
<div class="main-list">
|
||||||
|
<!-- 顶部工具栏 -->
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="top-tools">
|
||||||
|
<div class="top-tool-left" >
|
||||||
|
<search-box></search-box>
|
||||||
|
<slot name="top-tool-left"></slot>
|
||||||
|
</div>
|
||||||
|
<div class="top-tool-right">
|
||||||
|
<div>
|
||||||
|
<search-input ></search-input>
|
||||||
|
</div>
|
||||||
|
<template>
|
||||||
|
<slot name="top-tool-right"></slot>
|
||||||
|
</template>
|
||||||
|
<button v-if="showLayout.indexOf('elementSet') > -1" class="top-tool-btn table-column-setting"
|
||||||
|
type="button" @click="tools.showCustomTableTitle = true" :title="$t('overall.selectColumns')">
|
||||||
|
<i class="nz-icon-gear nz-icon"></i>
|
||||||
|
</button>
|
||||||
|
<el-dropdown>
|
||||||
|
<button class="top-tool-btn table-column-setting"
|
||||||
|
type="button" :title="$t('overall.switchView')">
|
||||||
|
<i class="nz-icon nz-icon-list-view" />
|
||||||
|
</button>
|
||||||
|
<el-dropdown-menu slot="dropdown" class="right-public-box-dropdown-top right-box-select-top">
|
||||||
|
<el-dropdown-item :command="'list'" :class="detailType === 'list' ? 'active' : ''">{{$t('asset.detail.list')}}</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="'view'" :class="detailType === 'view' ? 'active' : ''">{{$t('asset.detail.detail')}}</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
<!-- 顶部分页组件,当打开底部上滑框时出现 -->
|
||||||
|
<!-- <div v-if="showLayout.indexOf('pagination') > -1" class="pagination-top pagination-top-hide display-none"></div>-->
|
||||||
|
</div>
|
||||||
|
<div >
|
||||||
|
<slot name="search"></slot>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<slot v-bind:mainResizeShow="bottomBox.mainResizeShow"></slot>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<slot name="pagination"></slot>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 自定义table列 -->
|
||||||
|
<transition name="el-zoom-in-top">
|
||||||
|
<element-set></element-set>
|
||||||
|
</transition>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<transition name="el-zoom-in-bottom">
|
||||||
|
<bottom-box ></bottom-box>
|
||||||
|
</transition>
|
||||||
|
|
||||||
|
<delete-button></delete-button>
|
||||||
|
<diagnosis-tab></diagnosis-tab>
|
||||||
|
|
||||||
|
<config-sync></config-sync>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="en"></API>
|
||||||
@@ -1,33 +1,38 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
const props = withDefaults(defineProps<{
|
const props = withDefaults(defineProps<{
|
||||||
/**
|
/**
|
||||||
* 是否显示强制删除
|
* 当前展示类型
|
||||||
*/
|
*/
|
||||||
forceDeleteShow?: boolean,
|
detailType?: string,
|
||||||
/**
|
/**
|
||||||
* 需要删除的数组
|
* 表格标题
|
||||||
*/
|
*/
|
||||||
deleteObjs?: Array,
|
tableTitle?: Array<any>,
|
||||||
/**
|
/**
|
||||||
* 删除接口
|
* 编辑后的表格标题
|
||||||
*/
|
*/
|
||||||
api?: string,
|
customTableTitle?: Array<any>,
|
||||||
/**
|
/**
|
||||||
* 唯一id
|
* 当前使用的插槽
|
||||||
*/
|
*/
|
||||||
id?: string,
|
layout?: Array<any>,
|
||||||
/**
|
/**
|
||||||
* 删除按钮的样式 是按钮 还是文字
|
* 搜索框使用的相关参数
|
||||||
*/
|
*/
|
||||||
type?: string,
|
searchMsg?: Array<any>,
|
||||||
/**
|
/**
|
||||||
* 删除的标题
|
* 当前底弹窗加header的高度
|
||||||
*/
|
*/
|
||||||
deleteTitle?: string,
|
nzTableHeightOffset?: number,
|
||||||
/**
|
/**
|
||||||
* 是否需要强制删除
|
* 是否隐藏删除
|
||||||
*/
|
*/
|
||||||
single?: boolean,
|
hideDelete?: boolean,
|
||||||
|
/**
|
||||||
|
* 搜索框位置
|
||||||
|
*/
|
||||||
|
searchRight?: boolean
|
||||||
|
|
||||||
}>(), {
|
}>(), {
|
||||||
|
|
||||||
})
|
})
|
||||||
@@ -36,6 +41,10 @@ const props = withDefaults(defineProps<{
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- 这里是默认插槽,可以插入自定义内容 -->
|
<!-- 这里是默认插槽,可以插入自定义内容 -->
|
||||||
<slot name="top-tool-left">{{ 213123 }}</slot>
|
<slot name="top-tool-left">{ 213123 }</slot>
|
||||||
|
<slot name="top-tool-right">{{ 213123 }}</slot>
|
||||||
|
<slot name="search">{{ 213123 }}</slot>
|
||||||
|
<slot name="pagination">{{ 213123 }}</slot>
|
||||||
|
<slot name="default">{{ 213123 }}</slot>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -79,6 +79,4 @@ map:
|
|||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<API src="./index.vue" lang="zh"></API>
|
<API src="./index.vue" lang="zh"></API>
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /nzDetailView
|
||||||
|
---
|
||||||
|
|
||||||
|
基本类似 nzDataList
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="en"></API>
|
||||||
13
nezha-docs/src/table/tableChild/nzDetailView/index.vue
Normal file
13
nezha-docs/src/table/tableChild/nzDetailView/index.vue
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
const props = withDefaults(defineProps<{
|
||||||
|
|
||||||
|
|
||||||
|
}>(), {
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /nzDetailView
|
||||||
|
---
|
||||||
|
|
||||||
|
基本类似 nzDataList
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="zh"></API>
|
||||||
12
nezha-docs/src/table/tableChild/rightBox/index.en-US.md
Normal file
12
nezha-docs/src/table/tableChild/rightBox/index.en-US.md
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /rightBox
|
||||||
|
---
|
||||||
|
|
||||||
|
新增编辑 批量新增编辑的公共组件
|
||||||
|
|
||||||
|
使用时 找到对应的 [name]Box 如 assetBox
|
||||||
|
|
||||||
|
父页面的blankObject 最好包含全部属性 否则可能会导致 element 部分组件不支持编辑
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="en"></API>
|
||||||
16
nezha-docs/src/table/tableChild/rightBox/index.vue
Normal file
16
nezha-docs/src/table/tableChild/rightBox/index.vue
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
const props = withDefaults(defineProps<{
|
||||||
|
/**
|
||||||
|
* 相应对象的实例
|
||||||
|
*/
|
||||||
|
obj?: object,
|
||||||
|
|
||||||
|
}>(), {
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
12
nezha-docs/src/table/tableChild/rightBox/index.zh-CN.md
Normal file
12
nezha-docs/src/table/tableChild/rightBox/index.zh-CN.md
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
map:
|
||||||
|
path: /rightBox
|
||||||
|
---
|
||||||
|
|
||||||
|
新增编辑 批量新增编辑的公共组件
|
||||||
|
|
||||||
|
使用时 找到对应的 [name]Box 如 assetBox
|
||||||
|
|
||||||
|
父页面的blankObject 最好包含全部属性 否则可能会导致 element 部分组件不支持编辑
|
||||||
|
|
||||||
|
<API src="./index.vue" lang="zh"></API>
|
||||||
@@ -1 +1 @@
|
|||||||
{"baseUrl":"http://192.168.44.22/", "version": "23.06" , "showVideo": 1}
|
{"baseUrl":"http://192.168.44.22/", "version": "23.06" }
|
||||||
|
|||||||
Reference in New Issue
Block a user