瀏覽代碼

upload

master
HolyKnightIX 6 月之前
父節點
當前提交
a518fca031
共有 4 個檔案被更改,包括 43 行新增15 行删除
  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 查看文件

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


+ 1
- 0
example/main.js 查看文件

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


+ 18
- 0
public/web.config 查看文件

@@ -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 查看文件

@@ -7,19 +7,21 @@
</el-scrollbar>
<div class="kr-designer-tool_bar">
<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>
</template>

<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 {
name: 'kr-print-designer',
name: "kr-print-designer",
components: { Viewport, Panel },
props: {
widgetOptions: {
@@ -28,33 +30,40 @@ export default {
},
tempValue: {
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() {
this.initTemp(this.tempValue, this.widgetOptions)
this.initTemp(this.tempValue, this.widgetOptions);
},
methods: {
// 保存模板
saveTemp() {
let page = this.$vptd.state.page
this.$emit('save', cloneDeep(page))
let page = this.$vptd.state.page;
this.$emit("save", cloneDeep(page));
},
// 预览模板
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) {
this.$vptd.dispatch('designerInit', {
this.$vptd.dispatch("designerInit", {
tempValue: cloneDeep(tempValue),
options: cloneDeep(widgetOptions),
})
});
},
},
}
};
</script>

<style lang="scss">


Loading…
取消
儲存