提交 6b0503a5 编写于 作者: RedPig97's avatar RedPig97

update: 更新

上级 61eea350
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"> style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}">
{{#if item.psSysImage}} {{#if item.psSysImage}}
<template #icon> <template #icon>
<IbizIconText {{#if item.psSysImage.cssClass}}:iconClass="{{item.psSysImage.cssClass}}"{{/if}} {{#if item.psSysImage.imagePath}}:imgPath="{{item.psSysImage.imagePath}}"{{/if}}/> <AppIconText {{#if item.psSysImage.cssClass}}:iconClass="{{item.psSysImage.cssClass}}"{{/if}} {{#if item.psSysImage.imagePath}}:imgPath="{{item.psSysImage.imagePath}}"{{/if}}/>
</template> </template>
{{/if}} {{/if}}
{{#if item.showCaption}} {{#if item.showCaption}}
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"> style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}">
{{#if item.psSysImage}} {{#if item.psSysImage}}
<template #icon> <template #icon>
<IbizIconText {{#if item.psSysImage.cssClass}}:iconClass="{{item.psSysImage.cssClass}}"{{/if}} {{#if item.psSysImage.imagePath}}:imgPath="{{item.psSysImage.imagePath}}"{{/if}}/> <AppIconText {{#if item.psSysImage.cssClass}}:iconClass="{{item.psSysImage.cssClass}}"{{/if}} {{#if item.psSysImage.imagePath}}:imgPath="{{item.psSysImage.imagePath}}"{{/if}}/>
</template> </template>
{{/if}} {{/if}}
{{#if item.showCaption}} {{#if item.showCaption}}
......
{{#eq item.psLayoutPos 'FLEX'}} {{#eq item.psLayoutPos 'FLEX'}}
<div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};"> <div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};">
<IbizFormGroup <AppFormGroup
v-show="state.detailsModel.{{item.codeName}}.visible" v-show="state.detailsModel.{{item.codeName}}.visible"
name="{{item.codeName}}" name="{{item.codeName}}"
title="{{item.caption}}" title="{{item.caption}}"
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
{{else}} {{else}}
<a-col <a-col
{{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} > {{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} >
<IbizFormGroup <AppFormGroup
v-show="state.detailsModel.{{item.codeName}}.visible" v-show="state.detailsModel.{{item.codeName}}.visible"
name="{{item.codeName}}" name="{{item.codeName}}"
title="{{item.caption}}" title="{{item.caption}}"
......
{{#eq item.psLayoutPos 'FLEX'}} {{#eq item.psLayoutPos 'FLEX'}}
<div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};"> <div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};">
<IbizRaw <AppRaw
v-show="state.detailsModel.{{item.codeName}}.visible" v-show="state.detailsModel.{{item.codeName}}.visible"
{{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}} {{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}}
{{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{/if}}{{/if}} {{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{/if}}{{/if}}
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
{{else}} {{else}}
<a-col <a-col
{{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} > {{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} >
<IbizRaw <AppRaw
v-show="state.detailsModel.{{item.codeName}}.visible" v-show="state.detailsModel.{{item.codeName}}.visible"
{{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}} {{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}}
{{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{/if}}{{/if}} {{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{/if}}{{/if}}
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
{{/if}} {{/if}}
{{else if (eq item.columnType 'UAGRIDCOLUMN')}} {{else if (eq item.columnType 'UAGRIDCOLUMN')}}
<ibizToolbar <AppToolbar
mode="link" mode="link"
name="{{lowerCase item.codeName}}" name="{{lowerCase item.codeName}}"
:actionModel="record.{{lowerCase item.codeName}}" :actionModel="record.{{lowerCase item.codeName}}"
......
...@@ -51,7 +51,7 @@ const emit = defineEmits<EditorEmit>(); ...@@ -51,7 +51,7 @@ const emit = defineEmits<EditorEmit>();
</div> </div>
<div v-else-if="Object.is(contentType, 'HTML')" v-html="value" /> <div v-else-if="Object.is(contentType, 'HTML')" v-html="value" />
<div v-else-if="Object.is(contentType, 'IMAGE')"> <div v-else-if="Object.is(contentType, 'IMAGE')">
<IbizIconText :iconClass="iconClass" :imgPath="imgPath"/> <AppIconText :iconClass="iconClass" :imgPath="imgPath"/>
</div> </div>
</div> </div>
</template> </template>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
<slot name="caption" /> <slot name="caption" />
</template> </template>
<template v-slot:header-right> <template v-slot:header-right>
<slot name="quickSearch" />
<slot name="toolbar" /> <slot name="toolbar" />
</template> </template>
<template v-slot:header-bottom> <template v-slot:header-bottom>
......
...@@ -40,7 +40,7 @@ const handleMenuGroupAction = ($event: IParam) => { ...@@ -40,7 +40,7 @@ const handleMenuGroupAction = ($event: IParam) => {
:bordered="false"> :bordered="false">
<template v-if="showCaption" #title> <template v-if="showCaption" #title>
<p :class="['app-form-group-title', `${titleStyle}`]"> <p :class="['app-form-group-title', `${titleStyle}`]">
<IbizIconText :iconClass="iconClass" :imgPath="imgPath" :text="title"/> <AppIconText :iconClass="iconClass" :imgPath="imgPath" :text="title"/>
</p> </p>
</template> </template>
<template v-if="showCaption" #extra> <template v-if="showCaption" #extra>
...@@ -57,7 +57,7 @@ const handleMenuGroupAction = ($event: IParam) => { ...@@ -57,7 +57,7 @@ const handleMenuGroupAction = ($event: IParam) => {
v-if="item.visible" v-if="item.visible"
:key="item.uIActionTag" :key="item.uIActionTag"
:disabled="item.disabled"> :disabled="item.disabled">
<IbizIconText <AppIconText
:iconClass="item.showIcon && item.iconClass" :iconClass="item.showIcon && item.iconClass"
:imgPath="item.showIcon && item.imgPath" :imgPath="item.showIcon && item.imgPath"
:text="item.showCaption && item.caption"/> :text="item.showCaption && item.caption"/>
...@@ -75,7 +75,7 @@ const handleMenuGroupAction = ($event: IParam) => { ...@@ -75,7 +75,7 @@ const handleMenuGroupAction = ($event: IParam) => {
type="link" type="link"
:disabled="item.disabled" :disabled="item.disabled"
@click="handleGroupAction(item)"> @click="handleGroupAction(item)">
<IbizIconText <AppIconText
:iconClass="item.showIcon && item.iconClass" :iconClass="item.showIcon && item.iconClass"
:imgPath="item.showIcon && item.imgPath" :imgPath="item.showIcon && item.imgPath"
:text="item.showCaption && item.caption"/> :text="item.showCaption && item.caption"/>
......
...@@ -14,7 +14,7 @@ const props = withDefaults(defineProps<Props>(), { ...@@ -14,7 +14,7 @@ const props = withDefaults(defineProps<Props>(), {
<template v-if="!item.items"> <template v-if="!item.items">
<a-menu-item v-if="!item.hidden" :key="item.name" class="ibiz-menu-item"> <a-menu-item v-if="!item.hidden" :key="item.name" class="ibiz-menu-item">
<template #icon> <template #icon>
<IbizIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/> <AppIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/>
</template> </template>
\{{item.caption}} \{{item.caption}}
</a-menu-item> </a-menu-item>
...@@ -22,10 +22,10 @@ const props = withDefaults(defineProps<Props>(), { ...@@ -22,10 +22,10 @@ const props = withDefaults(defineProps<Props>(), {
<template v-else> <template v-else>
<a-sub-menu v-if="!item.hidden" :key="item.name" class="ibiz-menu-item"> <a-sub-menu v-if="!item.hidden" :key="item.name" class="ibiz-menu-item">
<template #icon> <template #icon>
<IbizIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/> <AppIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/>
</template> </template>
<template #title>\{{item.caption}}</template> <template #title>\{{item.caption}}</template>
<IbizMenuItem :items="item.items" /> <AppMenuItem :items="item.items" />
</a-sub-menu> </a-sub-menu>
</template> </template>
</template> </template>
......
...@@ -48,7 +48,7 @@ const itemClick = (item: IParam) => { ...@@ -48,7 +48,7 @@ const itemClick = (item: IParam) => {
:disabled="item.disabled" :disabled="item.disabled"
@click="itemClick(item)" @click="itemClick(item)"
> >
<IbizIconText <AppIconText
:text="item.showCaption && item.caption" :text="item.showCaption && item.caption"
:iconClass="item.showIcon && item.iconClass" :iconClass="item.showIcon && item.iconClass"
:imgPath="item.showIcon && item.imgPath"/> :imgPath="item.showIcon && item.imgPath"/>
...@@ -67,7 +67,7 @@ const itemClick = (item: IParam) => { ...@@ -67,7 +67,7 @@ const itemClick = (item: IParam) => {
:disabled="childItem.disabled" :disabled="childItem.disabled"
@click="itemClick(childItem)" @click="itemClick(childItem)"
> >
<IbizIconText <AppIconText
:text="item.showCaption && item.caption" :text="item.showCaption && item.caption"
:iconClass="item.showIcon && item.iconClass" :iconClass="item.showIcon && item.iconClass"
:imgPath="item.showIcon && item.imgPath"/> :imgPath="item.showIcon && item.imgPath"/>
...@@ -90,7 +90,7 @@ const itemClick = (item: IParam) => { ...@@ -90,7 +90,7 @@ const itemClick = (item: IParam) => {
type="link" type="link"
@click="itemClick(item)" @click="itemClick(item)"
> >
<IbizIconText <AppIconText
:text="item.showCaption && item.caption" :text="item.showCaption && item.caption"
:iconClass="item.showIcon && item.iconClass" :iconClass="item.showIcon && item.iconClass"
:imgPath="item.showIcon && item.imgPath"/> :imgPath="item.showIcon && item.imgPath"/>
......
...@@ -77,7 +77,7 @@ const dropdownList = [ ...@@ -77,7 +77,7 @@ const dropdownList = [
<span class="user-name">\{{ user.name }}</span> <span class="user-name">\{{ user.name }}</span>
<a-dropdown> <a-dropdown>
<a-avatar size="large" :src="user.avatar" @click.prevent> <a-avatar size="large" :src="user.avatar" @click.prevent>
<template #icon><IbizIconText iconClass="fa fa-user-o"></IbizIconText></template> <template #icon><AppIconText iconClass="fa fa-user-o"></AppIconText></template>
<DownOutlined /> <DownOutlined />
</a-avatar> </a-avatar>
<template #overlay> <template #overlay>
......
// 视图样式汇总 // 视图样式汇总
@use './view-base.scss';
\ No newline at end of file
.app-quick-search {
display: flex;
align-items: center;
}
\ No newline at end of file
...@@ -52,7 +52,7 @@ const collapsedChange = () => { ...@@ -52,7 +52,7 @@ const collapsedChange = () => {
</div> </div>
</template> </template>
<template #user> <template #user>
<IbizUser/> <AppUser/>
</template> </template>
<template #menu> <template #menu>
<{{#page.ctrls}}{{#eq controlType "APPMENU"}}{{codeName}}Menu{{/eq}}{{/page.ctrls}} <{{#page.ctrls}}{{#eq controlType "APPMENU"}}{{codeName}}Menu{{/eq}}{{/page.ctrls}}
......
<script setup lang="ts"> <script setup lang="ts">
import { Subject } from 'rxjs'; import { Subject } from 'rxjs';
import { FilterOutlined } from '@ant-design/icons-vue';
import { GridView, IActionParam, IParam, IContext } from '@core'; import { GridView, IActionParam, IParam, IContext } from '@core';
import { ViewConfig } from './{{spinalCase page.codeName}}-config'; import { ViewConfig } from './{{spinalCase page.codeName}}-config';
{{#page.ctrls}} {{#page.ctrls}}
...@@ -52,6 +53,25 @@ const { state, grid, handleCtrlEvent, handleToolbarEvent } = new GridView(ViewCo ...@@ -52,6 +53,25 @@ const { state, grid, handleCtrlEvent, handleToolbarEvent } = new GridView(ViewCo
</template> </template>
{{/eq}} {{/eq}}
{{#eq controlType "SEARCHFORM"}} {{#eq controlType "SEARCHFORM"}}
{{#if page.enableFilter}}
<template v-slot:quickSearch>
<div class='app-quick-search'>
<a-input />
<a-popover>
<template #content>
<{{codeName}}SearchForm
:context="state.context"
:viewParams="state.viewParams"
:controlAction="state.{{camelCase name}}.action"
:viewSubject="state.viewSubject"
@ctrlEvent="handleCtrlEvent"
></{{codeName}}SearchForm>
</template>
<a-button trigger="click"><filter-outlined /></a-button>
</a-popover>
</div>
</template>
{{else}}
<template v-slot:searchForm> <template v-slot:searchForm>
<{{codeName}}SearchForm <{{codeName}}SearchForm
:context="state.context" :context="state.context"
...@@ -61,6 +81,7 @@ const { state, grid, handleCtrlEvent, handleToolbarEvent } = new GridView(ViewCo ...@@ -61,6 +81,7 @@ const { state, grid, handleCtrlEvent, handleToolbarEvent } = new GridView(ViewCo
@ctrlEvent="handleCtrlEvent" @ctrlEvent="handleCtrlEvent"
></{{codeName}}SearchForm> ></{{codeName}}SearchForm>
</template> </template>
{{/if}}
{{/eq}} {{/eq}}
{{#eq controlType "GRID"}} {{#eq controlType "GRID"}}
<{{codeName}}Grid <{{codeName}}Grid
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册