sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: f834dedfbffb630f6562443809d488ebffcf8f43
Former-commit-id: 37e16ee9ed36382673e58ab6da8848426ab953e5
Former-commit-id: fd53d926e044117974afccab729f690d2409e1f2
This commit is contained in:
liyang
2018-06-11 19:13:11 +08:00
parent 5896607513
commit e475b7e1df
15 changed files with 36 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/menu/index.js
View File

@@ -10,8 +10,8 @@ const demoPlugins = {
title: '模拟数据',
children: [
{ path: `${pre}mock/ajax`, title: '拦截异步请求' },
{ path: `${pre}mock/dpd`, title: 'DPD规则' },
{ path: `${pre}mock/dtd`, title: 'DTD规则' }
{ path: `${pre}mock/dpd`, title: 'DPD 规则' },
{ path: `${pre}mock/dtd`, title: 'DTD 规则' }
]
},
{
@@ -40,8 +40,8 @@ const demoPlugins = {
},
{ path: `${pre}build`, title: '环境区分' },
{ path: `${pre}clipboard-polyfill`, title: '剪贴板访问' },
{ path: `${pre}js-cookie`, title: 'cookie读写' },
{ path: `${pre}timeago`, title: '计算已经过去的时间' }
{ path: `${pre}js-cookie`, title: 'Cookie 读写' },
{ path: `${pre}timeago`, title: '时间差计算' }
])('/demo/plugins/')
}

6
src/pages/demo/plugins/build/index.vue
View File

@@ -1,8 +1,6 @@
<template>
<d2-container type="full">
<template slot="header">
多环境发布
</template>
<d2-container>
<template slot="header">多环境发布</template>
<p>当前是{{$env ? '开发' : '生产'}}环境</p>
</d2-container>
</template>

4
src/pages/demo/plugins/clipboard-polyfill/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" title="基本示例"/>
<template slot="header">剪贴板访问</template>
<el-row :gutter="10">
<el-col :span="12">
<div class="d2-mb">
@@ -12,7 +12,7 @@
<el-col :span="12">
<el-alert
class="d2-mb"
title="只有在 IE 浏览器下你才可以通过下面这两个按钮获取剪贴板数据"
title="在 IE 浏览器或者高版本 Chrome 下你才可以通过下面这两个按钮获取剪贴板数据"
type="warning"
show-icon>
</el-alert>

5
src/pages/demo/plugins/export/table.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" title="导出表格"/>
<template slot="header">导出表格</template>
<div class="d2-mb">
<el-button type="primary" @click="exportCsv">
<d2-icon name="download"/>
@@ -11,7 +11,7 @@
导出 Excel
</el-button>
</div>
<el-table v-bind="table" style="width: 100%" class="d2-mb">
<el-table v-bind="table" style="width: 100%">
<el-table-column
v-for="(item, index) in table.columns"
:key="index"
@@ -19,7 +19,6 @@
:label="item.label">
</el-table-column>
</el-table>
<d2-markdown url="/static/md/插件 - 导出.md"/>
</d2-container>
</template>

5
src/pages/demo/plugins/export/txt.vue
View File

@@ -1,19 +1,18 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" title="导出文本"/>
<template slot="header">导出文本</template>
<el-input
type="textarea"
:autosize="{minRows: 2, maxRows: 4}"
placeholder="请输入内容 然后点击保存按钮导出文本文档"
v-model="text">
</el-input>
<div class="d2-mt d2-mb">
<div class="d2-mt">
<el-button type="primary" @click="exportTxt">
<d2-icon name="download"/>
保存为 txt
</el-button>
</div>
<d2-markdown url="/static/md/插件 - 导出.md"/>
</d2-container>
</template>

2
src/pages/demo/plugins/i18n/demo1.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 1`"/>
<template slot="header">{{`${$t('pub.pageHeader.demo')} 1`}}</template>
<DemoI18nControl></DemoI18nControl>
<DemoI18n></DemoI18n>
</d2-container>

2
src/pages/demo/plugins/i18n/demo2.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" :title="`${$t('pub.pageHeader.demo')} 2`"/>
<template slot="header">{{`${$t('pub.pageHeader.demo')} 2`}}</template>
<DemoI18nControl></DemoI18nControl>
<DemoI18n></DemoI18n>
</d2-container>

2
src/pages/demo/plugins/import/csv.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" title="导入 csv"/>
<template slot="header">导入 csv</template>
<div class="d2-mb">
<el-button @click="download">
<d2-icon name="download"/>

2
src/pages/demo/plugins/import/xlsx.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container>
<d2-demo-page-header slot="header" title="导入 xlsx"/>
<template slot="header">导入 xlsx</template>
<div class="d2-mb">
<el-button @click="download">
<d2-icon name="download"/>

4
src/pages/demo/plugins/js-cookie/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<d2-container type="card">
<d2-demo-page-header slot="header" title="基本示例"/>
<d2-container>
<template slot="header">Cookie 读写</template>
<p class="d2-mt-0">基本读写删</p>
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
<el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>

5
src/pages/demo/plugins/mock/ajax.vue
View File

@@ -1,9 +1,9 @@
<template>
<d2-container type="card">
<d2-container>
<div slot="header">
<el-button @click="ajax">发送请求</el-button>
</div>
<el-table v-bind="table" style="width: 100%" class="d2-mb">
<el-table v-bind="table" style="width: 100%">
<el-table-column
v-for="(item, index) in table.columns"
:key="index"
@@ -11,7 +11,6 @@
:label="item.label">
</el-table-column>
</el-table>
<d2-markdown url="/static/md/插件 - mock拦截ajax.md"/>
</d2-container>
</template>

3
src/pages/demo/plugins/mock/components/MockDemoCard.vue → src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue
View File

@@ -1,5 +1,5 @@
<template>
<el-card class="d2-mb">
<el-card shadow="never" class="d2-mb">
<div slot="header" class="d2-clearfix">
<el-button type="text" size="mini">{{title}}</el-button>
<el-tooltip content="重新 mock 数据" placement="top-end">
@@ -23,6 +23,7 @@
<script>
export default {
name: 'd2-demo-mock-card',
props: {
title: {
type: String,

8
src/pages/demo/plugins/mock/dpd.vue
View File

@@ -1,17 +1,17 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<el-card shadow="never" class="d2-mb">
<d2-demo-page-header slot="header" title="数据占位符"/>
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
</el-card>
<MockDemoCard
<d2-demo-mock-card
v-for="(item, index) in settingDPD"
:key="index"
:title="item.title"
:code="JSON.stringify(item.json, null, 2)"
:mock="mockResult[index]"
@reload="doMock(index)">
</MockDemoCard>
</d2-demo-mock-card>
</d2-container>
</template>
@@ -22,7 +22,7 @@ import Mock from 'mockjs'
import settingDPD from './data/settingDPD'
export default {
components: {
MockDemoCard: () => import('./components/MockDemoCard')
'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
},
data () {
return {

16
src/pages/demo/plugins/mock/dtd.vue
View File

@@ -1,29 +1,29 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<el-card shadow="never" class="d2-mb">
<d2-demo-page-header slot="header" title="数据模板"/>
<d2-markdown url="/static/md/插件 - mock演示页面介绍.md"/>
</el-card>
<MockDemoCard
<d2-demo-mock-card
v-for="(item, index) in settingDTD"
:key="index"
:title="item.title"
:code="JSON.stringify(item.json, null, 2)"
:mock="mockResult[index]"
@reload="doMock(index)">
</MockDemoCard>
<MockDemoCard
</d2-demo-mock-card>
<d2-demo-mock-card
:title="fn.title"
:code="fn.code"
:mock="fn.mocked"
@reload="fnMock()">
</MockDemoCard>
<MockDemoCard
</d2-demo-mock-card>
<d2-demo-mock-card
:title="regexp.title"
:code="regexp.code"
:mock="regexp.mocked"
@reload="regexpMock()">
</MockDemoCard>
</d2-demo-mock-card>
</d2-container>
</template>
@@ -40,7 +40,7 @@ export default {
fn
],
components: {
MockDemoCard: () => import('./components/MockDemoCard')
'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
},
data () {
return {

10
src/pages/demo/plugins/timeago/index.vue
View File

@@ -1,15 +1,12 @@
<template>
<d2-container type="ghost">
<el-card class="d2-mb">
<d2-demo-page-header title="基本示例"/>
</el-card>
<el-card class="d2-mb">
<el-card shadow="never" class="d2-mb">
<div class="d2-text-center">
<h1 style="font-size: 30px;">您在{{openPageDateAgo}}打开的此页面</h1>
<p style="font-size: 10px;">请稍等一下 10秒后会开始自动刷新</p>
</div>
</el-card>
<el-card class="d2-mb">
<el-card shadow="never">
<div class="d2-text-center">
<h1 style="font-size: 30px;">{{dateTimeRangeAgo}}</h1>
<el-date-picker
@@ -21,9 +18,6 @@
</el-date-picker>
</div>
</el-card>
<el-card>
<d2-markdown url="/static/md/插件 - timeago.md"/>
</el-card>
</d2-container>
</template>