1a15d95042
Former-commit-id: 5805aadc93264b3c5aa87ffc955c4f1b48f00750 [formerly 8bdb753cb8703c07f8ae340770338d3d23130ba5] [formerly 5805aadc93264b3c5aa87ffc955c4f1b48f00750 [formerly 8bdb753cb8703c07f8ae340770338d3d23130ba5] [formerly 5805aadc93264b3c5aa87ffc955c4f1b48f00750 [formerly 8bdb753cb8703c07f8ae340770338d3d23130ba5] [formerly 8bdb753cb8703c07f8ae340770338d3d23130ba5 [formerly 5994250766d06d7484a8ffe85aea646c23d07382 [formerly 5a89ce685e2b2da74e75e22488b1bcd73d8a5e50]]]]] Former-commit-id: fa1baf35127d3e3110e92cc232f2fa99b045567b Former-commit-id: 8cc23e52208fc66befe21fb88e6e434f0c4dc79e Former-commit-id: 1389043b3fd6d688c817adc4f28e1fd72fb2d19f [formerly b2d8ee0ad34df4b52b252252c469bb3d95ab0d4c] Former-commit-id: 7366655675b3764970acc20465174dd2c31b8c43 Former-commit-id: 17430795e77b31c80dcf56b5e1f7397a393c6577 Former-commit-id: 7cfc33889dfe0aa966d09b4b8ef9208ea278b552 Former-commit-id: 25e7ed8ecb7a66480b5b4b598a897e0387f942d2 Former-commit-id: 390b817f127ee5b442f05977758aab8374b60d03
67 lines
1.5 KiB
Vue
67 lines
1.5 KiB
Vue
<template>
|
|
<d2-container>
|
|
<d2-demo-page-header slot="header" title="数据模板"/>
|
|
<d2-markdown :source="doc" class="d2-mb"/>
|
|
<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)">
|
|
</d2-demo-mock-card>
|
|
<d2-demo-mock-card
|
|
:title="fn.title"
|
|
:code="fn.code"
|
|
:mock="fn.mocked"
|
|
@reload="fnMock()">
|
|
</d2-demo-mock-card>
|
|
<d2-demo-mock-card
|
|
:title="regexp.title"
|
|
:code="regexp.code"
|
|
:mock="regexp.mocked"
|
|
style="margin-bottom: 0px !important;"
|
|
@reload="regexpMock()">
|
|
</d2-demo-mock-card>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
import Vue from 'vue'
|
|
import _clonedeep from 'lodash.clonedeep'
|
|
import Mock from 'mockjs'
|
|
import settingDTD from './data/settingDTD'
|
|
import regexp from './mixins/regexp'
|
|
import fn from './mixins/function'
|
|
import doc from './md/doc.md'
|
|
export default {
|
|
mixins: [
|
|
regexp,
|
|
fn
|
|
],
|
|
components: {
|
|
'd2-demo-mock-card': () => import('./components/d2-demo-mock-card')
|
|
},
|
|
data () {
|
|
return {
|
|
mockResult: [],
|
|
settingDTD,
|
|
settingDTDClone: _clonedeep(settingDTD),
|
|
doc
|
|
}
|
|
},
|
|
mounted () {
|
|
this.settingDTD.forEach((e, i) => {
|
|
this.doMock(i)
|
|
})
|
|
this.fnMock()
|
|
this.regexpMock()
|
|
},
|
|
methods: {
|
|
doMock (n = 0) {
|
|
Vue.set(this.mockResult, n, JSON.stringify(Mock.mock(this.settingDTDClone[n].json), null, 2))
|
|
}
|
|
}
|
|
}
|
|
</script>
|