提交 eb16e437 编写于 作者: ibizdev's avatar ibizdev

ShineKOT 发布系统代码 [后台服务,演示应用]

上级 61fa6e2e
.ibizappeditorlist-view{
position: relative;
}
.toolbar-container {
button {
margin: 6px 0px 4px 4px;
.caption {
margin-left: 4px;
}
}
.seperator {
color: #dcdee2;
margin: 0 0px 0 4px;
}
}
// this is less
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import IBIZAPPEDITORListViewBase from './ibizappeditorlist-view-base.vue';
import view_list from '@widgets/ibizappeditor/editor-list-list/editor-list-list.vue';
import view_searchform from '@widgets/ibizappeditor/default-searchform/default-searchform.vue';
@Component({
components: {
view_list,
view_searchform,
},
beforeRouteEnter: (to: any, from: any, next: any) => {
next((vm: any) => {
if(!Object.is(vm.navModel,"route")){
vm.initNavDataWithTab(vm.viewCacheData);
}
vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
});
},
})
export default class IBIZAPPEDITORListView extends IBIZAPPEDITORListViewBase {
}
</script>
\ No newline at end of file
......@@ -168,6 +168,7 @@ export const PageComponents = {
Vue.component('ibizsample0002-mpickup-view', () => import('@pages/sample/ibizsample0002-mpickup-view/ibizsample0002-mpickup-view.vue'));
Vue.component('ibizorder-sf7-edit-view', () => import('@pages/sample/ibizorder-sf7-edit-view/ibizorder-sf7-edit-view.vue'));
Vue.component('ibizbookedit-view', () => import('@pages/sample/ibizbookedit-view/ibizbookedit-view.vue'));
Vue.component('ibizappeditorlist-view', () => import('@pages/sample/ibizappeditorlist-view/ibizappeditorlist-view.vue'));
Vue.component('ibizappctrllist-view', () => import('@pages/sample/ibizappctrllist-view/ibizappctrllist-view.vue'));
Vue.component('ibizorder-detail-list-view', () => import('@pages/sample/ibizorder-detail-list-view/ibizorder-detail-list-view.vue'));
Vue.component('ibizsample0001-sf5-edit-view', () => import('@pages/sample/ibizsample0001-sf5-edit-view/ibizsample0001-sf5-edit-view.vue'));
......
......@@ -2641,6 +2641,20 @@ const router = new Router({
},
component: () => import('@pages/sample/ibizbookedit-view/ibizbookedit-view.vue'),
},
{
path: 'ibizappeditors/:ibizappeditor?/listview/:listview?',
meta: {
caption: 'entities.ibizappeditor.views.listview.caption',
info:'',
parameters: [
{ pathName: 'index', parameterName: 'index' },
{ pathName: 'ibizappeditors', parameterName: 'ibizappeditor' },
{ pathName: 'listview', parameterName: 'listview' },
],
requireAuth: true,
},
component: () => import('@pages/sample/ibizappeditorlist-view/ibizappeditorlist-view.vue'),
},
{
path: 'ibizappctrls/:ibizappctrl?/listview/:listview?',
meta: {
......@@ -4394,6 +4408,19 @@ const router = new Router({
},
component: () => import('@pages/sample/ibizcustomer-usr2-mpickup-view/ibizcustomer-usr2-mpickup-view.vue'),
},
{
path: '/ibizappeditors/:ibizappeditor?/listview/:listview?',
meta: {
caption: 'entities.ibizappeditor.views.listview.caption',
info:'',
parameters: [
{ pathName: 'ibizappeditors', parameterName: 'ibizappeditor' },
{ pathName: 'listview', parameterName: 'listview' },
],
requireAuth: true,
},
component: () => import('@pages/sample/ibizappeditorlist-view/ibizappeditorlist-view.vue'),
},
{
path: '/ibizorders/:ibizorder?/usr2calendarexpview/:usr2calendarexpview?',
meta: {
......
......@@ -1128,6 +1128,16 @@ export const viewstate: any = {
'2a63c4595d7b116f63e0960a2365bbfa',
],
},
{
viewtag: '92ba569083866d7476dbada9f26b0371',
viewmodule: 'Sample',
viewname: 'IBIZAPPEDITORListView',
viewaction: '',
viewdatachange: false,
refviews: [
'9b24ceb5c508921a22b320af81f4afe9',
],
},
{
viewtag: '92cca69539c77ba96bfc384fc570bfa7',
viewmodule: 'Sample',
......@@ -2018,6 +2028,7 @@ export const viewstate: any = {
viewaction: '',
viewdatachange: false,
refviews: [
'92ba569083866d7476dbada9f26b0371',
'2b2bef1d622cb082cc17c12afe3ed894',
'fb7a06e43dfa51aaa792146e7df29357',
],
......
......@@ -68,22 +68,6 @@
</span>
</card>
</i-col>
<i-col :md="{ span: 24, offset: 0 }">
<card class="portlet-card custom-card" :bordered="false" dis-hover :padding="10">
<span>
<view_db_sysportlet4
:viewState="viewState"
:viewparams="viewparams"
:context="context"
:height="400"
:width="0"
name="db_sysportlet4"
ref='db_sysportlet4'
@closeview="closeView($event)">
</view_db_sysportlet4>
</span>
</card>
</i-col>
<i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 12, offset: 0 }">
<card class="portlet-card custom-card" :bordered="false" dis-hover :padding="10">
<span>
......@@ -148,6 +132,38 @@
</span>
</card>
</i-col>
<i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 12, offset: 0 }">
<card class="portlet-card custom-card" :bordered="false" dis-hover :padding="10">
<span>
<view_db_sysportlet4
:viewState="viewState"
:viewparams="viewparams"
:context="context"
:height="400"
:width="0"
name="db_sysportlet4"
ref='db_sysportlet4'
@closeview="closeView($event)">
</view_db_sysportlet4>
</span>
</card>
</i-col>
<i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 12, offset: 0 }">
<card class="portlet-card custom-card" :bordered="false" dis-hover :padding="10">
<span>
<view_db_sysportlet9
:viewState="viewState"
:viewparams="viewparams"
:context="context"
:height="400"
:width="0"
name="db_sysportlet9"
ref='db_sysportlet9'
@closeview="closeView($event)">
</view_db_sysportlet9>
</span>
</card>
</i-col>
</row>
<row v-if="isHasCustomized" style="width: 100%;min-height: calc(100% - 40px);">
<div class="portlet-container" style="position: relative;width:100%;">
......
......@@ -7,6 +7,7 @@ import view_db_rawitem1 from '@widgets/app/db-rawitem1-portlet/db-rawitem1-portl
import view_db_sysportlet3 from '@widgets/ibizappctrl/ctrl-chart-portlet/ctrl-chart-portlet.vue';
import view_db_sysportlet2 from '@widgets/ibizappview/view-chart-portlet/view-chart-portlet.vue';
import view_db_sysportlet1 from '@widgets/ibizappview/app-view-list-portlet/app-view-list-portlet.vue';
import view_db_sysportlet9 from '@widgets/ibizappeditor/app-editor-list-view-portlet/app-editor-list-view-portlet.vue';
import view_db_sysportlet8 from '@widgets/ibizappctrl/app-ctrl-list-view-portlet/app-ctrl-list-view-portlet.vue';
import view_db_sysportlet7 from '@widgets/ibizappeditor/app-editor-amount-portlet/app-editor-amount-portlet.vue';
import view_db_sysportlet6 from '@widgets/ibizappctrl/app-ctrl-amount-portlet/app-ctrl-amount-portlet.vue';
......@@ -20,6 +21,7 @@ import view_db_sysportlet6 from '@widgets/ibizappctrl/app-ctrl-amount-portlet/ap
view_db_sysportlet3,
view_db_sysportlet2,
view_db_sysportlet1,
view_db_sysportlet9,
view_db_sysportlet8,
view_db_sysportlet7,
view_db_sysportlet6,
......
<template>
<div class='portlet app-editor-list-view ' :style="{'height': isAdaptiveSize ? 'calc(100% - 16px)' : getHeight,}">
<p class='portlet-title'>
<span>
编辑器列表
</span>
</p>
<el-divider class="divider"></el-divider>
<div class="portlet-with-title">
<ibizappeditorlist-view :portletState="viewState" :viewdata="JSON.stringify(context)" :viewDefaultUsage="false" ></ibizappeditorlist-view>
</div>
</div>
</template>
<script lang='tsx'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { Subject, Subscription } from 'rxjs';
import { ControlInterface } from '@/interface/control';
import { UIActionTool,Util, ViewTool } from '@/utils';
import NavDataService from '@/service/app/navdata-service';
import IBIZAPPEDITORService from '@/service/ibizappeditor/ibizappeditor-service';
import AppEditorListViewService from './app-editor-list-view-portlet-service';
import IBIZAPPEDITORUIService from '@/uiservice/ibizappeditor/ibizappeditor-ui-service';
import UIService from '@/uiservice/ui-service';
import { Environment } from '@/environments/environment';
@Component({
components: {
}
})
export default class IBIZAPPEDITORAppEditorListViewBase extends Vue implements ControlInterface {
/**
* 名称
*
* @type {string}
* @memberof AppEditorListViewBase
*/
@Prop() public name?: string;
/**
* 视图通讯对象
*
* @type {Subject<ViewState>}
* @memberof AppEditorListViewBase
*/
@Prop() public viewState!: Subject<ViewState>;
/**
* 应用上下文
*
* @type {*}
* @memberof AppEditorListViewBase
*/
@Prop() public context!: any;
/**
* 视图参数
*
* @type {*}
* @memberof AppEditorListViewBase
*/
@Prop() public viewparams!: any;
/**
* 视图状态事件
*
* @public
* @type {(Subscription | undefined)}
* @memberof AppEditorListViewBase
*/
public viewStateEvent: Subscription | undefined;
/**
* 获取部件类型
*
* @returns {string}
* @memberof AppEditorListViewBase
*/
public getControlType(): string {
return 'PORTLET'
}
/**
* 计数器服务对象集合
*
* @type {Array<*>}
* @memberof AppEditorListViewBase
*/
public counterServiceArray:Array<any> = [];
/**
* 建构部件服务对象
*
* @type {AppEditorListViewService}
* @memberof AppEditorListViewBase
*/
public service: AppEditorListViewService = new AppEditorListViewService({ $store: this.$store });
/**
* 实体服务对象
*
* @type {IBIZAPPEDITORService}
* @memberof AppEditorListViewBase
*/
public appEntityService: IBIZAPPEDITORService = new IBIZAPPEDITORService({ $store: this.$store });
/**
* 界面UI服务对象
*
* @type {IBIZAPPEDITORUIService}
* @memberof AppEditorListViewBase
*/
public appUIService:IBIZAPPEDITORUIService = new IBIZAPPEDITORUIService(this.$store);
/**
* 关闭视图
*
* @param {any} args
* @memberof AppEditorListViewBase
*/
public closeView(args: any): void {
let _this: any = this;
_this.$emit('closeview', [args]);
}
/**
* 计数器刷新
*
* @memberof AppEditorListViewBase
*/
public counterRefresh(){
const _this:any =this;
if(_this.counterServiceArray && _this.counterServiceArray.length >0){
_this.counterServiceArray.forEach((item:any) =>{
if(item.refreshData && item.refreshData instanceof Function){
item.refreshData();
}
})
}
}
/**
* 长度
*
* @type {number}
* @memberof AppEditorListViewBase
*/
@Prop() public height?: number;
/**
* 宽度
*
* @type {number}
* @memberof AppEditorListViewBase
*/
@Prop() public width?: number;
/**
* 门户部件类型
*
* @type {number}
* @memberof AppEditorListViewBase
*/
public portletType: string = 'view';
/**
* 视图默认使用
*
* @type {string}
* @memberof AppEditorListViewBase
*/
@Inject({from:'navModel',default: 'tab'})
public navModel!:string;
/**
* 界面行为模型数据
*
* @memberof AppEditorListViewBase
*/
public uiactionModel: any = {
}
/**
* 是否自适应大小
*
* @returns {boolean}
* @memberof AppEditorListViewBase
*/
@Prop({default: false})public isAdaptiveSize!: boolean;
/**
* 获取多项数据
*
* @returns {any[]}
* @memberof AppEditorListViewBase
*/
public getDatas(): any[] {
return [];
}
/**
* 获取单项树
*
* @returns {*}
* @memberof AppEditorListViewBase
*/
public getData(): any {
return {};
}
/**
* 获取高度
*
* @returns {any[]}
* @memberof AppEditorListViewBase
*/
get getHeight(){
if(!this.$util.isEmpty(this.height) && !this.$util.isNumberNaN(this.height)){
if(this.height == 0){
return 'auto';
}else{
return this.height+'px';
}
}else{
return '400px';
}
}
/**
* 刷新
*
* @memberof AppEditorListViewBase
*/
public refresh(args?: any) {
this.viewState.next({ tag: 'IBIZAPPEDITORListView', action: 'refresh', data: args });
}
/**
* vue 生命周期
*
* @memberof AppEditorListViewBase
*/
public created() {
this.afterCreated();
}
/**
* 执行created后的逻辑
*
* @memberof AppEditorListViewBase
*/
public afterCreated(){
if (this.viewState) {
this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
if(Object.is(tag, "all-portlet") && Object.is(action,'loadmodel')){
this.calcUIActionAuthState(data);
}
if (!Object.is(tag, this.name)) {
return;
}
const refs: any = this.$refs;
Object.keys(refs).forEach((_name: string) => {
this.viewState.next({ tag: _name, action: action, data: data });
});
});
}
}
/**
* vue 生命周期
*
* @memberof AppEditorListViewBase
*/
public destroyed() {
this.afterDestroy();
}
/**
* 执行destroyed后的逻辑
*
* @memberof AppEditorListViewBase
*/
public afterDestroy() {
if (this.viewStateEvent) {
this.viewStateEvent.unsubscribe();
}
}
/**
* 计算界面行为权限
*
* @memberof AppEditorListViewBase
*/
public calcUIActionAuthState(data:any = {}) {
// 如果是操作栏,不计算权限
if(this.portletType && Object.is('actionbar', this.portletType)) {
return;
}
let _this: any = this;
let uiservice: any = _this.appUIService ? _this.appUIService : new UIService(_this.$store);
if(_this.uiactionModel){
ViewTool.calcActionItemAuthState(data,_this.uiactionModel,uiservice);
}
}
}
</script>
<style lang='less'>
@import './app-editor-list-view-portlet.less';
</style>
/**
* AppEditorListView 部件模型
*
* @export
* @class AppEditorListViewModel
*/
export default class AppEditorListViewModel {
/**
* 获取数据项集合
*
* @returns {any[]}
* @memberof AppEditorListViewModel
*/
public getDataItems(): any[] {
return [
{
name: 'createman',
},
{
name: 'updatedate',
},
{
name: 'createdate',
},
{
name: 'ibizappeditorname',
},
{
name: 'updateman',
},
{
name: 'ibizappeditor',
prop: 'ibizappeditorid',
},
{
name: 'ibizappeditortype',
},
{
name: 'rditordescription',
},
{
name: 'documentaddress',
},
{
name: 'amount',
},
]
}
}
import { Http } from '@/utils';
import ControlService from '@/widgets/control-service';
/**
* AppEditorListView 部件服务对象
*
* @export
* @class AppEditorListViewService
*/
export default class AppEditorListViewService extends ControlService {
}
// this is less
.portlet{
height: 100%;
width: 100%;
> .portlet-title{
padding: 14px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 52px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
width:100%;
line-height: 22px;
font-size: 16px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #304265;
font-weight: 600;
i{
margin-right: 5px;
}
>.portlet-action{
margin-left: 12px;
font-size: 14px;
>a{
padding: 6px;
}
}
}
> .divider {
margin: 0px 0px 11px 0px;
}
> .portlet-with-title{
width:100%;
height:calc(100% - 58px);
overflow:auto;
padding:0px 12px;
}
> .portlet-without-title{
width:100%;
height:100%;
overflow:auto;
padding:0px 12px;
}
.app-charts{
height: 100%!important;
}
.toolbar-container {
button{
margin: 6px 0px 4px 16px;
}
.ivu-badge{
.ivu-badge-count{
top: 0;
}
}
}
}
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import IBIZAPPEDITORAppEditorListViewBase from './app-editor-list-view-portlet-base.vue';
@Component({
components: {
}
})
export default class IBIZAPPEDITORAppEditorListView extends IBIZAPPEDITORAppEditorListViewBase {
}
</script>
......@@ -590,7 +590,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
*/
public load(opt: any = {}): void {
if(!this.loadAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZAPPEDITORGridView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZAPPEDITORListView' + (this.$t('app.searchForm.notConfig.loadAction') as string) });
return;
}
const arg: any = { ...opt };
......@@ -626,7 +626,7 @@ export default class DefaultBase extends Vue implements ControlInterface {
*/
public loadDraft(opt: any = {},mode?:string): void {
if(!this.loaddraftAction){
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZAPPEDITORGridView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZAPPEDITORListView' + (this.$t('app.searchForm.notConfig.loaddraftAction') as string) });
return;
}
const arg: any = { ...opt } ;
......
/**
* EditorList 部件模型
*
* @export
* @class EditorListModel
*/
export default class EditorListModel {
/**
* 获取数据项集合
*
* @returns {any[]}
* @memberof EditorListListMode
*/
public getDataItems(): any[] {
return [
{
name: 'srfmajortext',
prop: 'ibizappeditorname',
dataType: 'TEXT',
},
{
name: 'srfdescription',
prop: 'rditordescription',
dataType: 'TEXT',
},
{
name: 'srfkey',
prop: 'ibizappeditorid',
dataType: 'GUID',
},
{
name: 'ibizappeditor',
prop: 'ibizappeditorid',
dataType: 'FONTKEY',
},
{
name:'size',
prop:'size'
},
{
name:'query',
prop:'query'
},
{
name:'sort',
prop:'sort'
},
{
name:'page',
prop:'page'
},
// 前端新增修改标识,新增为"0",修改为"1"或未设值
{
name: 'srffrontuf',
prop: 'srffrontuf',
dataType: 'TEXT',
},
]
}
}
\ No newline at end of file
import { Http,Util,Errorlog } from '@/utils';
import ControlService from '@/widgets/control-service';
import IBIZAPPEDITORService from '@/service/ibizappeditor/ibizappeditor-service';
import EditorListModel from './editor-list-list-model';
/**
* EditorList 部件服务对象
*
* @export
* @class EditorListService
*/
export default class EditorListService extends ControlService {
/**
* 编辑器服务对象
*
* @type {IBIZAPPEDITORService}
* @memberof EditorListService
*/
public appEntityService: IBIZAPPEDITORService = new IBIZAPPEDITORService({ $store: this.getStore() });
/**
* 设置从数据模式
*
* @type {boolean}
* @memberof EditorListService
*/
public setTempMode(){
this.isTempMode = false;
}
/**
* Creates an instance of EditorListService.
*
* @param {*} [opts={}]
* @memberof EditorListService
*/
constructor(opts: any = {}) {
super(opts);
this.model = new EditorListModel();
}
/**
* 查询数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof EditorListService
*/
@Errorlog
public search(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data, isloading);
}else{
result =_appEntityService.FetchDefault(Context,Data, isloading);
}
result.then(async (response) => {
await this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 删除数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof EditorListService
*/
@Errorlog
public delete(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data, isloading);
}else{
result =_appEntityService.remove(Context,Data , isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 添加数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof EditorListService
*/
@Errorlog
public add(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data, isloading);
}else{
result =_appEntityService.Create(Context,Data, isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
/**
* 修改数据
*
* @param {string} action
* @param {*} [context={}]
* @param {*} [data={}]
* @param {boolean} [isloading]
* @returns {Promise<any>}
* @memberof EditorListService
*/
@Errorlog
public update(action: string, context: any = {},data: any = {}, isloading?: boolean): Promise<any> {
const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
return new Promise((resolve: any, reject: any) => {
const _appEntityService: any = this.appEntityService;
let result: Promise<any>;
if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
result = _appEntityService[action](Context,Data,isloading);
}else{
result =_appEntityService.Update(Context,Data,isloading);
}
result.then((response) => {
this.handleResponse(action, response);
resolve(response);
}).catch(response => {
reject(response);
});
});
}
}
\ No newline at end of file
// this is less
.app-list {
height:100%;
flex-grow: 1;
overflow-y: auto;
.el-collapse-item__header.is-active{
color: #409eff;
background-color: #ecf5ff;
}
.el-collapse{
.el-collapse-item{
.el-collapse-item__wrap{
.el-collapse-item__content{
padding: 10px 0 10px 0;
}
}
}
}
.app-list-item {
line-height: 34px;
padding: 12px 6px;
min-height: 24px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #f0f0f0;
.app-list-item-content {
width: 70%;
display: flex;
align-items: center;
.item-icon {
width: 40px;
height: 40px;
margin-right: 14px;
img {
width: 40px;
height: 40px;
border-radius: 50%;
}
}
.item-content-text {
display: flex;
flex-direction: column;
.item-text {
font-size: 18px;
font-weight: bold;
}
.item-subtext {
color: #8c8c8c;
}
}
}
.app-list-item-date {
position: relative;
color: #8c8c8c;
}
}
.app-list-item.isSelect {
background: #ecf5ff;
border-radius: 2px;
border-color: rgb(197, 197, 197);
}
.app-list-item:hover {
background: #ecf5ff;
}
.loadmore {
text-align: center;
padding: 10px;
text-decoration: underline;
color: #82bff7;
cursor: default;
}
}
.app-list-empty {
height:100%;
color: #909399;
display: flex;
justify-content: center;
align-items: center;
}
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import EditorListBase from './editor-list-list-base.vue';
@Component({
components: {
}
})
export default class EditorList extends EditorListBase {
}
</script>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册