修复编辑打印模板时绑定设计方案

This commit is contained in:
轻风2016 2024-10-10 09:58:22 +08:00
parent 5d139c097d
commit b48ebc4cc8
2 changed files with 9 additions and 6 deletions

View File

@ -147,7 +147,9 @@ const templateCancel = () => {
//
const templateSubmit = async () => {
state.ruleForm.template = JSON.stringify(hiprintDesignRef.value?.hiprintTemplate.getJson());
let templateJson=hiprintDesignRef.value?.hiprintTemplate.getJson();
templateJson.panels[0].index=hiprintDesignRef.value?.mode;
state.ruleForm.template = JSON.stringify(templateJson);
if (state.ruleForm.id != undefined && state.ruleForm.id > 0) {
await getAPI(SysPrintApi).apiSysPrintUpdatePost(state.ruleForm);
} else {

View File

@ -2,7 +2,7 @@
<el-row :gutter="8" style="margin-bottom: 5px">
<el-col :span="4">
<!-- 流程下拉 模板选择 -->
<el-select v-model="state.mode" showSearch @change="changeMode" :defaultValue="0" option-label-prop="label" class="w100">
<el-select v-model="mode" showSearch @change="changeMode" :defaultValue="0" option-label-prop="label" class="w100">
<el-option v-for="(opt, idx) in state.modeList" :key="idx" :label="opt.name" :value="idx">
{{ opt.name }}
</el-option>
@ -110,11 +110,11 @@ import PrintPreview from './preview.vue';
import printData from './print-data';
let hiprintTemplate = ref();
//
let mode = ref(0);
const preViewRef = ref();
const state = reactive({
//
mode: 0,
modeList: [] as any,
//
curPaper: {
@ -178,7 +178,7 @@ const curPaperType = computed(() => {
//
const changeMode = () => {
let provider = providers[state.mode];
let provider = providers[mode.value];
hiprint.init({
providers: [provider.f],
});
@ -325,6 +325,7 @@ onMounted(() => {
//
const initPaper = () => {
var template = hiprintTemplate.value.getJson();
mode.value = template.panels[0].index;
var width = template.panels[0].width;
var height = template.panels[0].height;
@ -333,7 +334,7 @@ const initPaper = () => {
};
//
defineExpose({ hiprintTemplate, initPaper });
defineExpose({ hiprintTemplate, initPaper, mode });
</script>
<style lang="scss" scoped>