update moment全局化

This commit is contained in:
2021-04-28 09:32:40 +08:00
parent bfb61e728c
commit a52dd1bdb2
7 changed files with 22 additions and 33 deletions

View File

@@ -9,10 +9,6 @@
<script> <script>
import zh_CN from 'ant-design-vue/es/locale/zh_CN'; import zh_CN from 'ant-design-vue/es/locale/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
export default { export default {
name: 'App', name: 'App',
data() { data() {

View File

@@ -40,7 +40,16 @@ Vue.prototype.$api = api
*/ */
import _ from 'lodash' import _ from 'lodash'
Vue.prototype.$_ = _ Vue.prototype.$_ = _
/**
* moment全局化
*/
import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')
Vue.prototype.$moment = moment
/**
* 权限验证全局化
*/
import { auth } from './components/authorized' import { auth } from './components/authorized'
Vue.prototype.$auth = auth Vue.prototype.$auth = auth

View File

@@ -3,7 +3,10 @@
<a href="#" slot="extra">更多</a> <a href="#" slot="extra">更多</a>
<a-list :data-source="data" item-layout="horizontal"> <a-list :data-source="data" item-layout="horizontal">
<a-list-item slot="renderItem" slot-scope="item"> <a-list-item slot="renderItem" slot-scope="item">
<a-list-item-meta :description="moment().format('YYYY-MM-DD HH:mm:ss')" :title="item.title"> <a-list-item-meta
:description="$moment().format('YYYY-MM-DD HH:mm:ss')"
:title="item.title"
>
<a-icon :style="{ fontSize: '18px' }" slot="avatar" theme="twoTone" type="message" /> <a-icon :style="{ fontSize: '18px' }" slot="avatar" theme="twoTone" type="message" />
</a-list-item-meta> </a-list-item-meta>
</a-list-item> </a-list-item>
@@ -11,8 +14,6 @@
</a-card> </a-card>
</template> </template>
<script> <script>
import moment from 'moment';
export default { export default {
data() { data() {
return { return {
@@ -23,8 +24,5 @@ export default {
], ],
}; };
}, },
methods: {
moment,
},
}; };
</script> </script>

View File

@@ -37,7 +37,6 @@
</a-form-model> </a-form-model>
</template> </template>
<script> <script>
import moment from 'moment';
export default { export default {
data() { data() {
return { return {
@@ -56,7 +55,6 @@ export default {
}; };
}, },
methods: { methods: {
moment,
/** /**
* 必要的方法 * 必要的方法
* 在打开编辑页时允许填充数据 * 在打开编辑页时允许填充数据

View File

@@ -44,7 +44,7 @@
<a-range-picker <a-range-picker
:show-time="{ :show-time="{
hideDisabledOptions: true, hideDisabledOptions: true,
defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')], defaultValue: [$moment('00:00:00', 'HH:mm:ss'), $moment('23:59:59', 'HH:mm:ss')],
}" }"
format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss"
v-model="query.dates" v-model="query.dates"
@@ -84,8 +84,6 @@
</container> </container>
</template> </template>
<script> <script>
import moment from 'moment';
export default { export default {
data() { data() {
return { return {
@@ -133,8 +131,6 @@ export default {
this.onLoadCodes(); this.onLoadCodes();
}, },
methods: { methods: {
moment,
/** /**
* 必要的方法 * 必要的方法
* 传给yo-table以示意数据接口及其参数和返回的数据结构 * 传给yo-table以示意数据接口及其参数和返回的数据结构
@@ -142,8 +138,8 @@ export default {
loadData(params) { loadData(params) {
const query = this.$_.cloneDeep(this.query); const query = this.$_.cloneDeep(this.query);
if (query.dates && query.dates.length) { if (query.dates && query.dates.length) {
query.searchBeginTime = moment(query.dates[0]).format('YYYY-MM-DD HH:mm:ss'); query.searchBeginTime = this.$moment(query.dates[0]).format('YYYY-MM-DD HH:mm:ss');
query.searchEndTime = moment(query.dates[1]).format('YYYY-MM-DD HH:mm:ss'); query.searchEndTime = this.$moment(query.dates[1]).format('YYYY-MM-DD HH:mm:ss');
delete query.dates; delete query.dates;
} }

View File

@@ -41,7 +41,7 @@
<a-range-picker <a-range-picker
:show-time="{ :show-time="{
hideDisabledOptions: true, hideDisabledOptions: true,
defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')], defaultValue: [$moment('00:00:00', 'HH:mm:ss'), $moment('23:59:59', 'HH:mm:ss')],
}" }"
format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss"
v-model="query.dates" v-model="query.dates"
@@ -76,8 +76,6 @@
</container> </container>
</template> </template>
<script> <script>
import moment from 'moment';
export default { export default {
data() { data() {
return { return {
@@ -125,8 +123,6 @@ export default {
this.onLoadCodes(); this.onLoadCodes();
}, },
methods: { methods: {
moment,
/** /**
* 必要的方法 * 必要的方法
* 传给yo-table以示意数据接口及其参数和返回的数据结构 * 传给yo-table以示意数据接口及其参数和返回的数据结构
@@ -134,8 +130,8 @@ export default {
loadData(params) { loadData(params) {
const query = this.$_.cloneDeep(this.query); const query = this.$_.cloneDeep(this.query);
if (query.dates && query.dates.length) { if (query.dates && query.dates.length) {
query.searchBeginTime = moment(query.dates[0]).format('YYYY-MM-DD HH:mm:ss'); query.searchBeginTime = this.$moment(query.dates[0]).format('YYYY-MM-DD HH:mm:ss');
query.searchEndTime = moment(query.dates[1]).format('YYYY-MM-DD HH:mm:ss'); query.searchEndTime = this.$moment(query.dates[1]).format('YYYY-MM-DD HH:mm:ss');
delete query.dates; delete query.dates;
} }

View File

@@ -25,7 +25,7 @@
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="生日"> <a-form-model-item label="生日">
<a-date-picker <a-date-picker
@change="(date) => form.birthday = date ? moment(date).format('YYYY-MM-DD') : undefined" @change="(date) => form.birthday = date ? $moment(date).format('YYYY-MM-DD') : undefined"
class="w-100-p" class="w-100-p"
placeholder="请选择生日" placeholder="请选择生日"
v-model="form.birthday" v-model="form.birthday"
@@ -120,8 +120,6 @@
</a-form-model> </a-form-model>
</template> </template>
<script> <script>
import moment from 'moment';
const validateToNextPassword = (rule, value, callback) => { const validateToNextPassword = (rule, value, callback) => {
callback(); callback();
}; };
@@ -179,8 +177,6 @@ export default {
}; };
}, },
methods: { methods: {
moment,
/** /**
* 必要的方法 * 必要的方法
* 在打开编辑页时允许填充数据 * 在打开编辑页时允许填充数据
@@ -189,7 +185,7 @@ export default {
const form = this.$_.cloneDeep(record || {}); const form = this.$_.cloneDeep(record || {});
// 日期特殊处理 // 日期特殊处理
if (form.birthday) { if (form.birthday) {
form.birthday = moment(form.birthday).format('YYYY-MM-DD'); form.birthday = this.$moment(form.birthday).format('YYYY-MM-DD');
} }
// 提交的时候是"param",而获取下来却是"info",在这里转换一下 // 提交的时候是"param",而获取下来却是"info",在这里转换一下
if (form.sysEmpInfo) { if (form.sysEmpInfo) {