Bladeren bron

upload

master
HolyKnightIX 10 maanden geleden
bovenliggende
commit
a518fca031
4 gewijzigde bestanden met toevoegingen van 43 en 15 verwijderingen
  1. +1
    -1
      .vscode/settings.json
  2. +1
    -0
      example/main.js
  3. +18
    -0
      public/web.config
  4. +23
    -14
      src/App.vue

+ 1
- 1
.vscode/settings.json Bestand weergeven

@@ -5,7 +5,7 @@
"editor.tabSize": 2, "editor.tabSize": 2,
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"source.fixAll.eslint": true
"source.fixAll.eslint": "explicit"
}, },
"eslint.format.enable": false, "eslint.format.enable": false,
"eslint.options": { "eslint.options": {


+ 1
- 0
example/main.js Bestand weergeven

@@ -27,6 +27,7 @@ const routes = [
{ path: '/designer', component: Designer } { path: '/designer', component: Designer }
] ]
const router = new VueRouter({ const router = new VueRouter({
mode: 'history',
routes routes
}) })
new Vue({ new Vue({


+ 18
- 0
public/web.config Bestand weergeven

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>

<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="Vue History Rule" stopProcessing="true">
<match url="(.*)" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>

+ 23
- 14
src/App.vue Bestand weergeven

@@ -7,19 +7,21 @@
</el-scrollbar> </el-scrollbar>
<div class="kr-designer-tool_bar"> <div class="kr-designer-tool_bar">
<el-button size="mini" type="success" @click="saveTemp">保存</el-button> <el-button size="mini" type="success" @click="saveTemp">保存</el-button>
<el-button size="mini" type="primary" @click="previewTemp">预览</el-button>
<el-button size="mini" type="primary" @click="previewTemp"
>预览</el-button
>
</div> </div>
</div> </div>
</div> </div>
</template> </template>


<script> <script>
import Viewport from './components/viewport/index.vue'
import Panel from './components/panel/index.vue'
import cloneDeep from 'lodash/cloneDeep'
import Viewport from "./components/viewport/index.vue";
import Panel from "./components/panel/index.vue";
import cloneDeep from "lodash/cloneDeep";


export default { export default {
name: 'kr-print-designer',
name: "kr-print-designer",
components: { Viewport, Panel }, components: { Viewport, Panel },
props: { props: {
widgetOptions: { widgetOptions: {
@@ -28,33 +30,40 @@ export default {
}, },
tempValue: { tempValue: {
type: Object, type: Object,
default: () => ({ title: 'demo', width: 750, height: 550, pageWidth: 750, pageHeight: 550, tempItems: [] }),
default: () => ({
title: "demo",
width: 750,
height: 550,
pageWidth: 750,
pageHeight: 550,
tempItems: [],
}),
}, },
}, },
created() { created() {
this.initTemp(this.tempValue, this.widgetOptions)
this.initTemp(this.tempValue, this.widgetOptions);
}, },
methods: { methods: {
// 保存模板 // 保存模板
saveTemp() { saveTemp() {
let page = this.$vptd.state.page
this.$emit('save', cloneDeep(page))
let page = this.$vptd.state.page;
this.$emit("save", cloneDeep(page));
}, },
// 预览模板 // 预览模板
previewTemp() { previewTemp() {
let page = { ...this.$vptd.state.page }
this.$lodop.previewTemp(cloneDeep(page))
let page = { ...this.$vptd.state.page };
this.$lodop.previewTemp(cloneDeep(page));
}, },


// 初始化设计器 // 初始化设计器
initTemp(tempValue, widgetOptions) { initTemp(tempValue, widgetOptions) {
this.$vptd.dispatch('designerInit', {
this.$vptd.dispatch("designerInit", {
tempValue: cloneDeep(tempValue), tempValue: cloneDeep(tempValue),
options: cloneDeep(widgetOptions), options: cloneDeep(widgetOptions),
})
});
}, },
}, },
}
};
</script> </script>


<style lang="scss"> <style lang="scss">


Laden…
Annuleren
Opslaan