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

remove filters

Browse Source 
Former-commit-id: 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 26298ed935e1cc1aae9f32c9804f96891580ef2f [formerly e08f36b9a1962a87627f2724461daee3de0328d2]]]]]
Former-commit-id: 80510c9b7017652ed708f70250029b75eddadb7e
Former-commit-id: 79a6a2fd8888c3405676ce27f885cf412ded620c
Former-commit-id: 4b36db262aded966d5057abbf131b78cead537e8 [formerly e8feec2bca77df8842569f27df41948a27d4e02f]
Former-commit-id: ae8bd6b3b7ed83fdcfea77cb1327e9168fddb1c0
Former-commit-id: 9f1fac3bef99b0d85f52f2460b2af7680e80adb6
Former-commit-id: 9a706d4aab904611166baaed08e4f652ed1df4d5
Former-commit-id: f9e14db9d3d4af13b7690ebebba21147abeb5281
Former-commit-id: c8df3e28690ffb971c58c5924f5fdc9350fc5c24
This commit is contained in:
FairyEver
2019-08-19 23:25:25 +08:00
parent f1be5fbbc4
commit 61b9ad2288
23 changed files with 1 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/views/demo/filters/day/components/code-and-result.vue
View File

@@ -1,69 +0,0 @@
<template>
<div class="d2-mb-10">
<el-button-group>
<el-button
class="code-and-result--button"
size="mini">
原值
</el-button>
</el-button-group>
<d2-icon name="plus" class="code-and-result--icon"/>
<el-button-group>
<el-button
v-for="(label, index) in labelList"
:key="index"
class="code-and-result--button"
size="mini"
type="primary"
@click="handleClip(label)">
{{label}}
</el-button>
</el-button-group>
<d2-icon name="arrow-right" class="code-and-result--icon"/>
<span class="code-and-result--value">{{value}}</span>
</div>
</template>
<script>
import * as clipboard from 'clipboard-polyfill'
export default {
props: {
label: {
default: ''
},
value: {
default: ''
}
},
computed: {
labelList () {
return this.label.split('|')
}
},
methods: {
handleClip (value) {
clipboard.writeText(value)
this.$notify({
title: '成功',
message: `${value} 已经复制到剪贴板`,
type: 'success'
})
}
}
}
</script>
<style lang="scss" scoped>
.code-and-result--button {
padding-left: 10px;
padding-right: 10px;
}
.code-and-result--icon {
color: $color-info;
margin: 0px 20px;
}
.code-and-result--value {
font-size: 14px;
color: $color-text-main;
}
</style>

41
src/views/demo/filters/day/components/code-title.vue
View File

@@ -1,41 +0,0 @@
<template>
<div>
<h1 class="code-title">{{title}}</h1>
<h2 class="code-title--sub">{{subTitle}}</h2>
</div>
</template>
<script>
export default {
props: {
title: {
type: String,
default: ''
},
subTitle: {
type: String,
default: ''
}
}
}
</script>
<style lang="scss" scoped>
.code-title {
margin: 0px;
font-size: 24px;
font-weight: bold;
color: $color-text-main;
margin: 10px 0;
&:first-child {
margin-top: 0px;
}
}
.code-title--sub {
margin: 0px;
font-size: 12px;
font-weight: normal;
color: $color-text-sub;
margin: 10px 0;
}
</style>

97
src/views/demo/filters/day/index.vue
View File

@@ -1,97 +0,0 @@
<template>
<d2-container>
<div slot="header" flex="main:justify">
<el-date-picker size="mini" type="datetime" v-model="value" placeholder="选择一个日期"/>
<el-button size="mini" type="primary">原值 value : {{value}}</el-button>
</div>
<code-title title="获取" sub-title="获取日期的指定部分"/>
<code-and-result label="date_year" :value="value|date_year"/>
<code-and-result label="date_month" :value="value|date_month"/>
<code-and-result label="date_date" :value="value|date_date"/>
<code-and-result label="date_day" :value="value|date_day"/>
<code-and-result label="date_hour" :value="value|date_hour"/>
<code-and-result label="date_minute" :value="value|date_minute"/>
<code-and-result label="date_second" :value="value|date_second"/>
<code-and-result label="date_millisecond" :value="value|date_millisecond"/>
<code-title title="设置" sub-title="设置日期指定部分的值"/>
<code-and-result label="date_set('year', 2020)|date_format('< YYYY > - MM - DD')" :value="value|date_set('year', 2020)|date_format('< YYYY > - MM - DD')"/>
<code-and-result label="date_set('month', 0)|date_format('YYYY - < MM > - DD')" :value="value|date_set('month', 0)|date_format('YYYY - < MM > - DD')"/>
<code-and-result label="date_set('date', 1)|date_format('YYYY - MM - < DD >')" :value="value|date_set('date', 1)|date_format('YYYY - MM - < DD >')"/>
<code-and-result label="date_set('hour', 0)|date_format('< HH > : mm : ss')" :value="value|date_set('hour', 0)|date_format('< HH > : mm : ss')"/>
<code-and-result label="date_set('minute', 0)|date_format('HH : < mm > : ss')" :value="value|date_set('minute', 0)|date_format('HH : < mm > : ss')"/>
<code-and-result label="date_set('second', 0)|date_format('HH : mm : < ss >')" :value="value|date_set('second', 0)|date_format('HH : mm : < ss >')"/>
<code-title title="增加" sub-title="增加时间并返回一个新的 Dayjs 对象"/>
<code-and-result label="date_add(1, 'year')|date_format('< YYYY > - MM - DD')" :value="value|date_add(1, 'year')|date_format('< YYYY > - MM - DD')"/>
<code-and-result label="date_add(1, 'month')|date_format('YYYY - < MM > - DD')" :value="value|date_add(1, 'month')|date_format('YYYY - < MM > - DD')"/>
<code-and-result label="date_add(1, 'day')|date_format('YYYY - MM - < DD >')" :value="value|date_add(1, 'day')|date_format('YYYY - MM - < DD >')"/>
<code-and-result label="date_add(1, 'hour')|date_format('< HH > : mm : ss')" :value="value|date_add(1, 'hour')|date_format('< HH > : mm : ss')"/>
<code-and-result label="date_add(1, 'minute')|date_format('HH : < mm > : ss')" :value="value|date_add(1, 'minute')|date_format('HH : < mm > : ss')"/>
<code-and-result label="date_add(1, 'second')|date_format('HH : mm : < ss >')" :value="value|date_add(1, 'second')|date_format('HH : mm : < ss >')"/>
<code-title title="减少" sub-title="减少时间并返回一个新的 Dayjs 对象"/>
<code-and-result label="date_subtract(1, 'year')|date_format('< YYYY > - MM - DD')" :value="value|date_subtract(1, 'year')|date_format('< YYYY > - MM - DD')"/>
<code-and-result label="date_subtract(1, 'month')|date_format('YYYY - < MM > - DD')" :value="value|date_subtract(1, 'month')|date_format('YYYY - < MM > - DD')"/>
<code-and-result label="date_subtract(1, 'day')|date_format('YYYY - MM - < DD >')" :value="value|date_subtract(1, 'day')|date_format('YYYY - MM - < DD >')"/>
<code-and-result label="date_subtract(1, 'hour')|date_format('< HH > : mm : ss')" :value="value|date_subtract(1, 'hour')|date_format('< HH > : mm : ss')"/>
<code-and-result label="date_subtract(1, 'minute')|date_format('HH : < mm > : ss')" :value="value|date_subtract(1, 'minute')|date_format('HH : < mm > : ss')"/>
<code-and-result label="date_subtract(1, 'second')|date_format('HH : mm : < ss >')" :value="value|date_subtract(1, 'second')|date_format('HH : mm : < ss >')"/>
<code-title title="开头时间" sub-title="返回当前时间的开头时间的 Dayjs 对象，如月份的第一天"/>
<code-and-result label="date_startof('year')|date_format" :value="value|date_startof('year')|date_format"/>
<code-and-result label="date_startof('month')|date_format" :value="value|date_startof('month')|date_format"/>
<code-and-result label="date_startof('date')|date_format" :value="value|date_startof('date')|date_format"/>
<code-and-result label="date_startof('hour')|date_format" :value="value|date_startof('hour')|date_format"/>
<code-and-result label="date_startof('minute')|date_format" :value="value|date_startof('minute')|date_format"/>
<code-title title="末尾时间" sub-title="返回当前时间的末尾时间的 Dayjs 对象，如月份的最后一天"/>
<code-and-result label="date_endof('year')|date_format" :value="value|date_endof('year')|date_format"/>
<code-and-result label="date_endof('month')|date_format" :value="value|date_endof('month')|date_format"/>
<code-and-result label="date_endof('date')|date_format" :value="value|date_endof('date')|date_format"/>
<code-and-result label="date_endof('hour')|date_format" :value="value|date_endof('hour')|date_format"/>
<code-and-result label="date_endof('minute')|date_format" :value="value|date_endof('minute')|date_format"/>
<code-title title="显示" sub-title="格式化 Dayjs 对象并展示"/>
<code-and-result label="date_format" :value="value|date_format"/>
<code-and-result label="date_format('YY-MM-DD')" :value="value|date_format('YY-MM-DD')"/>
<code-and-result label="date_format('YYYY-M-D')" :value="value|date_format('YYYY-M-D')"/>
<code-and-result label="date_format('YYYY-M-D H:m:s')" :value="value|date_format('YYYY-M-D H:m:s')"/>
<code-title title="时间差" sub-title="获取两个 Dayjs 对象的时间差，默认毫秒"/>
<code-and-result label="date_diff('2012-10-31', 'year')" :value="value|date_diff('2012-10-31', 'year')"/>
<code-and-result label="date_diff('2012-10-31', 'month')" :value="value|date_diff('2012-10-31', 'month')"/>
<code-and-result label="date_diff('2012-10-31', 'day')" :value="value|date_diff('2012-10-31', 'day')"/>
<code-and-result label="date_diff('2012-10-31', 'hour')" :value="value|date_diff('2012-10-31', 'hour')"/>
<code-and-result label="date_diff('2012-10-31', 'minute')" :value="value|date_diff('2012-10-31', 'minute')"/>
<code-and-result label="date_diff('2012-10-31', 'second')" :value="value|date_diff('2012-10-31', 'second')"/>
<code-title title="Unix 时间戳" sub-title="返回毫秒和秒"/>
<code-and-result label="date_value_millisecond" :value="value|date_value_millisecond"/>
<code-and-result label="date_value_second" :value="value|date_value_second"/>
<code-title title="月份天数" sub-title="返回传入日期月份的天数"/>
<code-and-result label="date_days_in_month" :value="value|date_days_in_month"/>
<code-title title="处理为其它格式" sub-title="原生的 Date 对象，数组，json，ios 标准，对象，字符串"/>
<code-and-result label="date_to_date" :value="value|date_to_date"/>
<code-and-result label="date_to_json" :value="value|date_to_json"/>
<code-and-result label="date_to_iso" :value="value|date_to_iso"/>
<code-and-result label="date_to_string" :value="value|date_to_string"/>
<code-title title="查询" sub-title="是否之前，之后，或者相同"/>
<code-and-result label="date_is_before('2020-1-1')" :value="value|date_is_before('2020-1-1')"/>
<code-and-result label="date_is_after('2012-1-1')" :value="value|date_is_after('2012-1-1')"/>
<code-and-result label="date_is_same(new Date())" :value="value|date_is_same(new Date())"/>
<code-and-result label="date_is_same(new Date(), 'date')" :value="value|date_is_same(new Date(), 'date')"/>
<template slot="footer">
<d2-link-btn title="文档" link="https://doc.d2admin.fairyever.com/zh/sys-plugins/vue-filters-date.html"/>
</template>
</d2-container>
</template>
<script>
import codeTitle from './components/code-title'
import codeAndResult from './components/code-and-result'
export default {
components: {
codeTitle,
codeAndResult
},
data () {
return {
value: new Date(),
filename: __filename
}
}
}
</script>

21
src/views/demo/filters/index/index.vue
View File

@@ -1,21 +0,0 @@
<template>
<d2-container type="ghost">
<d2-module-index-banner slot="header" v-bind="banner"/>
<d2-module-index-menu :menu="menu"/>
</d2-container>
</template>
<script>
import menu from '@/menu/modules/demo-filters'
export default {
data () {
return {
menu,
banner: {
title: 'FILTERS',
subTitle: '内置过滤器'
}
}
}
}
</script>