Browse Source

修改各页面初始化数据、ref绑定

clientSet-zq-1128
zq 12 hours ago
parent
commit
68aca23558
  1. 13
      src/components/clientSet/clientForm.vue
  2. 26
      src/views/super/clientSet/catalogPage.vue
  3. 4
      src/views/super/clientSet/headerPage.vue
  4. 41
      src/views/super/clientSet/mainTextPage.vue
  5. 27
      src/views/super/clientSet/referencePage.vue
  6. 85
      src/views/super/clientSet/summaryPage.vue
  7. 19
      src/views/super/clientSet/thanksPage.vue

13
src/components/clientSet/clientForm.vue

@ -12,9 +12,9 @@
<span class="desc" v-if="eng_keywords">key word单词</span> <span class="desc" v-if="eng_keywords">key word单词</span>
</div> </div>
<GuipRadio :options="titlePosList" v-if="titlePosFlag" v-model="coverInfo.titlePos" :client-form-flex="true" <GuipRadio :options="titlePosList" v-if="titlePosFlag" v-model="coverInfo.title_pos" :client-form-flex="true"
label="标题位置" /> label="标题位置" />
<GuipRadio :options="imgPosList" v-if="imgPosFlag" v-model="coverInfo.imgPos" :client-form-flex="true" <GuipRadio :options="imgPosList" v-if="imgPosFlag" v-model="coverInfo.img_pos" :client-form-flex="true"
label="图片位置" /> label="图片位置" />
<div class="fontWrap" v-if="fontDetailflag"> <div class="fontWrap" v-if="fontDetailflag">
@ -222,6 +222,9 @@ export default {
bold: '',// bold: '',//
title_pos: '',// title_pos: '',//
img_pos: '',// img_pos: '',//
eng_keywords: '',//
ch_keywords: '',//
}, },
delimiter: '',// delimiter: '',//
grammarCheck: '',// grammarCheck: '',//
@ -256,8 +259,8 @@ export default {
{ label: 'Courier New', value: 3 } { label: 'Courier New', value: 3 }
], ],
speFormatList: [ speFormatList: [
{ label: '常规', value: 1 }, { label: '首行缩进', value: 1 },
{ label: '加粗', value: 2 } { label: '段落缩进', value: 2 }
], ],
engFontWeightList: [ engFontWeightList: [
{ label: '常规', value: 1 }, { label: '常规', value: 1 },
@ -277,7 +280,7 @@ export default {
], ],
boldList: [ boldList: [
{ label: '加粗', value: 1 }, { label: '加粗', value: 1 },
{ label: '不加粗', value: 2 } { label: '不加粗', value: 0 }
] ]
}; };
}, },

26
src/views/super/clientSet/catalogPage.vue

@ -2,16 +2,16 @@
<div class="mainTextPage main-content12"> <div class="mainTextPage main-content12">
<h3 class="pageTitle">目录</h3> <h3 class="pageTitle">目录</h3>
<div class="flex-between flex-common" id="mainTextTitle"> <div class="flex-between flex-common" id="mainTextTitle">
<ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false" <ClientForm ref="oneLevelRef" title="一级标题" :init-data="oneFormData" :titlePosFlag="false"
:fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" :fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
<ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true" <ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" :init-data="twoFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
</div> </div>
<div class="flex-between flex-common mt12" id=""> <div class="flex-between flex-common mt12" id="">
<ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true" <ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" :init-data="threeFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
</div> </div>
</div> </div>
@ -24,11 +24,29 @@ export default {
}, },
data() { data() {
return { return {
initFormData: { oneFormData: {
fontSize: '12',
align: 1,
indentation: '0',
ch_font:1,
ch_f_weight: 1,
eng_font:1,
eng_f_weight: 1,
paragraph_before: '1',
paragraph_after: '2',
lineSpace: '1.5',
lineSpaceUnit:'2'
},
twoFormData: {
fontSize: '12', fontSize: '12',
align: 1, align: 1,
indentation: '1' indentation: '1'
}, },
threeFormData: {
fontSize: '12',
align: 1,
indentation: '0'
},
}; };
}, },
methods: { methods: {

4
src/views/super/clientSet/headerPage.vue

@ -22,7 +22,6 @@ export default {
initFormData: { initFormData: {
fontSize: '12', fontSize: '12',
align: 1, align: 1,
indentation: '1'
}, },
}; };
}, },
@ -40,9 +39,6 @@ export default {
case 'twoLevel': case 'twoLevel':
console.log('执行二级标题重置逻辑'); console.log('执行二级标题重置逻辑');
break; break;
case 'threeLevel':
console.log('执行三级标题重置逻辑');
break;
default: default:
console.log('默认重置逻辑'); console.log('默认重置逻辑');
} }

41
src/views/super/clientSet/mainTextPage.vue

@ -2,16 +2,16 @@
<div class="mainTextPage main-content12"> <div class="mainTextPage main-content12">
<h3 class="pageTitle">正文</h3> <h3 class="pageTitle">正文</h3>
<div class="flex-between flex-common" id="mainTextTitle"> <div class="flex-between flex-common" id="mainTextTitle">
<ClientForm ref="oneLevelRef" title="一级标题" :init-data="initFormData" :titlePosFlag="false" <ClientForm ref="oneLevelRef" title="一级标题" :init-data="oneFormData" :titlePosFlag="false"
:fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" :fontDetailflag="true" @cancel="(data) => handleCancelEvent(data, 'oneLevel')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> @submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
<ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true" <ClientForm ref="twoLevelRef" title="二级标题" :titlePosFlag="false" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" :init-data="twoFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')"
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> @submit="(data) => handleSubmitEvent(data, 'twoLevel')" />
</div> </div>
<div class="flex-between flex-common mt12" id=""> <div class="flex-between flex-common mt12" id="">
<ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true" <ClientForm ref="threeLevelRef" title="三级标题" :titlePosFlag="false" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" :init-data="threeFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')"
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> @submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" />
</div> </div>
<div class="flex-between flex-common mt12" id="mainTextContent"> <div class="flex-between flex-common mt12" id="mainTextContent">
@ -21,9 +21,9 @@
</div> </div>
<div class="flex-between flex-common mt12" id="mainTextTableImage"> <div class="flex-between flex-common mt12" id="mainTextTableImage">
<ClientForm ref="tableRef" title="表格标题" :titlePosFlag="true" :fontDetailflag="true" <ClientForm ref="tableRef" title="表格标题" :titlePosFlag="true" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'tableRef')" :init-data="tableFormData" @cancel="(data) => handleCancelEvent(data, 'tableRef')"
@submit="(data) => handleSubmitEvent(data, 'tableRef')" /> @submit="(data) => handleSubmitEvent(data, 'tableRef')" />
<ClientForm ref="imagesRef" title="图片标题" :imgPosFlag="true" :fontDetailflag="true" :init-data="initFormData" <ClientForm ref="imagesRef" title="图片标题" :imgPosFlag="true" :fontDetailflag="true" :init-data="imgFormData"
@cancel="(data) => handleCancelEvent(data, 'imagesRef')" @cancel="(data) => handleCancelEvent(data, 'imagesRef')"
@submit="(data) => handleSubmitEvent(data, 'imagesRef')" /> @submit="(data) => handleSubmitEvent(data, 'imagesRef')" />
</div> </div>
@ -42,6 +42,37 @@ export default {
align: 1, align: 1,
indentation: '1' indentation: '1'
}, },
tableFormData: {
fontSize: '12',
align: 1,
title_pos:1,
indentation: '0'
},
imgFormData: {
fontSize: '12',
ch_font:1,
align: 1,
img_pos:2,
indentation: '0'
},
threeFormData: {
fontSize: '12',
ch_font:1,
align: 1,
indentation: '0'
},
twoFormData: {
fontSize: '12',
ch_font:1,
align: 1,
indentation: '0'
},
oneFormData: {
fontSize: '12',
ch_font:1,
align: 1,
indentation: '1'
},
}; };
}, },
methods: { methods: {

27
src/views/super/clientSet/referencePage.vue

@ -2,12 +2,12 @@
<div class="mainTextPage main-content12"> <div class="mainTextPage main-content12">
<h3 class="pageTitle">参考文献</h3> <h3 class="pageTitle">参考文献</h3>
<div class="flex-between flex-common" id="mainTextTitle"> <div class="flex-between flex-common" id="mainTextTitle">
<ClientForm ref="oneLevelRef" title="参考文献标题" :init-data="initFormData" :titlePosFlag="false" <ClientForm ref="referenceTitleRef" title="参考文献标题" :init-data="referenceTitleData"
:fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'referenceTitleRef')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> @submit="(data) => handleSubmitEvent(data, 'referenceTitleRef')" />
<ClientForm ref="twoLevelRef" title="参考文献正文" :titlePosFlag="false" :fontDetailflag="true" <ClientForm ref="referenceTextRef" title="参考文献正文" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" :init-data="referenceTextData" @cancel="(data) => handleCancelEvent(data, 'referenceTextRef')"
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> @submit="(data) => handleSubmitEvent(data, 'referenceTextRef')" />
</div> </div>
</div> </div>
</template> </template>
@ -19,7 +19,12 @@ export default {
}, },
data() { data() {
return { return {
initFormData: { referenceTitleData: {
fontSize: '12',
align: 1,
indentation: '1'
},
referenceTextData: {
fontSize: '12', fontSize: '12',
align: 1, align: 1,
indentation: '1' indentation: '1'
@ -32,12 +37,12 @@ export default {
console.log('外部重置方法:', formData); console.log('外部重置方法:', formData);
// refName // refName
switch (refName) { switch (refName) {
case 'oneLevel': case 'referenceTitleRef':
console.log('执行一级标题重置逻辑'); console.log('执行一级标题重置逻辑');
// ref // ref
this.$refs[refName + 'Ref']?.someMethod(); this.$refs[refName + 'Ref']?.someMethod();
break; break;
case 'twoLevel': case 'referenceTextRef':
console.log('执行二级标题重置逻辑'); console.log('执行二级标题重置逻辑');
break; break;
default: default:
@ -50,10 +55,10 @@ export default {
console.log('外部提交方法:', formData); console.log('外部提交方法:', formData);
// refName API // refName API
switch (refName) { switch (refName) {
case 'oneLevel': case 'referenceTitleRef':
this.submitOneLevel(formData); this.submitOneLevel(formData);
break; break;
case 'twoLevel': case 'referenceTextRef':
this.submitTwoLevel(formData); this.submitTwoLevel(formData);
break; break;
} }

85
src/views/super/clientSet/summaryPage.vue

@ -2,28 +2,30 @@
<div class="mainTextPage main-content12"> <div class="mainTextPage main-content12">
<h3 class="pageTitle">摘要</h3> <h3 class="pageTitle">摘要</h3>
<div class="flex-between flex-common" id="summaryTitle"> <div class="flex-between flex-common" id="summaryTitle">
<ClientForm ref="oneLevelRef" title="中文摘要标题" :init-data="initFormData" :titlePosFlag="false" <ClientForm ref="chTitleRef" title="中文摘要标题" :init-data="chTitleData" :titlePosFlag="false"
:fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'chTitleRef')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> @submit="(data) => handleSubmitEvent(data, 'chTitleRef')" />
<ClientForm ref="twoLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false" <ClientForm ref="engTitleRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" :init-data="engTitleData" @cancel="(data) => handleCancelEvent(data, 'engTitleRef')"
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> @submit="(data) => handleSubmitEvent(data, 'engTitleRef')" />
</div> </div>
<div class="flex-between flex-common mt12" id="summaryContent"> <div class="flex-between flex-common mt12" id="summaryContent">
<ClientForm ref="threeLevelRef" title="中文摘要标题" :titlePosFlag="false" :fontDetailflag="false" <ClientForm ref="chTextRef" title="中文摘要正文" :titlePosFlag="false" :fontDetailflag="false"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" :init-data="chTextData" @cancel="(data) => handleCancelEvent(data, 'chTextRef')"
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> @submit="(data) => handleSubmitEvent(data, 'chTextRef')" />
<ClientForm ref="threeLevelRef" title="英文摘要标题" :titlePosFlag="false" :fontDetailflag="false" <ClientForm ref="engTextRef" title="英文摘要正文" :titlePosFlag="false" :fontDetailflag="false"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'threeLevelRef')" :init-data="engTextData" @cancel="(data) => handleCancelEvent(data, 'engTextRef')"
@submit="(data) => handleSubmitEvent(data, 'threeLevelRef')" /> @submit="(data) => handleSubmitEvent(data, 'engTextRef')" />
</div> </div>
<div class="flex-between flex-common mt12" id="summaryKeyWords"> <div class="flex-between flex-common mt12" id="summaryKeyWords">
<ClientForm ref="mainRef" title="中文关键词" :titlePosFlag="false" :fontDetailflag="false" :ch_keywords="true" :showIndentation="false" <ClientForm ref="chKeyRef" title="中文关键词" :titlePosFlag="false" :fontDetailflag="false"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')" :ch_keywords="true" :showIndentation="false"
@submit="(data) => handleSubmitEvent(data, 'mainRef')" /> :init-data="chKeyData" @cancel="(data) => handleCancelEvent(data, 'chKeyRef')"
<ClientForm ref="mainRef" title="英文关键词" :titlePosFlag="false" :fontDetailflag="false" :eng_keywords="true" :showIndentation="false" @submit="(data) => handleSubmitEvent(data, 'chKeyRef')" />
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'mainRef')" <ClientForm ref="engKeyRef" title="英文关键词" :titlePosFlag="false" :fontDetailflag="false"
@submit="(data) => handleSubmitEvent(data, 'mainRef')" /> :eng_keywords="true" :showIndentation="false"
:init-data="engKeyData" @cancel="(data) => handleCancelEvent(data, 'engKeyRef')"
@submit="(data) => handleSubmitEvent(data, 'engKeyRef')" />
</div> </div>
</div> </div>
</template> </template>
@ -35,11 +37,42 @@ export default {
}, },
data() { data() {
return { return {
initFormData: { chTitleData: {
fontSize: '12', fontSize: '12',
align: 1, align: 1,
indentation: '0' indentation: '0'
}, },
engTitleData: {
fontSize: '12',
ch_font:1,
align: 1,
indentation: '0'
},
chTextData: {
fontSize: '12',
ch_font:1,
align: 1,
indentation: '1'
},
engTextData: {
fontSize: '12',
ch_font:1,
align: 1,
indentation: '1'
},
chKeyData: {
fontSize: '12',
ch_font:1,
align: 1,
bold:0
},
engKeyData: {
fontSize: '12',
ch_font:1,
align: 1,
bold:0
},
}; };
}, },
methods: { methods: {
@ -48,24 +81,24 @@ export default {
console.log('外部重置方法:', formData); console.log('外部重置方法:', formData);
// refName // refName
switch (refName) { switch (refName) {
case 'oneLevel': case 'chTitleRef':
console.log('执行一级标题重置逻辑'); console.log('执行一级标题重置逻辑');
// ref // ref
this.$refs[refName + 'Ref']?.someMethod(); this.$refs[refName]?.someMethod();
break; break;
case 'twoLevel': case 'engTitleRef':
console.log('执行二级标题重置逻辑'); console.log('执行二级标题重置逻辑');
break; break;
case 'threeLevel': case 'chTextRef':
console.log('执行三级标题重置逻辑'); console.log('执行三级标题重置逻辑');
break; break;
case 'main': case 'engTextRef':
console.log('执行正文内容重置逻辑'); console.log('执行正文内容重置逻辑');
break; break;
case 'table': case 'chKeyRef':
console.log('执行表格标题重置逻辑'); console.log('执行表格标题重置逻辑');
break; break;
case 'images': case 'engKeyRef':
console.log('执行图片标题重置逻辑'); console.log('执行图片标题重置逻辑');
break; break;
default: default:

19
src/views/super/clientSet/thanksPage.vue

@ -3,12 +3,12 @@
<div class="mainTextPage main-content12"> <div class="mainTextPage main-content12">
<h3 class="pageTitle">致谢</h3> <h3 class="pageTitle">致谢</h3>
<div class="flex-between flex-common" id="mainTextTitle"> <div class="flex-between flex-common" id="mainTextTitle">
<ClientForm ref="oneLevelRef" title="致谢标题" :init-data="initFormData" :titlePosFlag="false" <ClientForm ref="thanksTitleRef" title="致谢标题" :init-data="thanksTitleFormData" :titlePosFlag="false"
:fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'oneLevel')" :fontDetailflag="false" @cancel="(data) => handleCancelEvent(data, 'thanksTitle')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" /> @submit="(data) => handleSubmitEvent(data, 'thanksTitle')" />
<ClientForm ref="twoLevelRef" title="致谢正文" desc="自动继承正文数据,可修改" :titlePosFlag="false" :fontDetailflag="true" <ClientForm ref="thanksTextRef" title="致谢正文" desc="自动继承正文数据,可修改" :titlePosFlag="false" :fontDetailflag="true"
:init-data="initFormData" @cancel="(data) => handleCancelEvent(data, 'twoLevel')" :init-data="thanksTextFormData" @cancel="(data) => handleCancelEvent(data, 'thanksText')"
@submit="(data) => handleSubmitEvent(data, 'twoLevel')" /> @submit="(data) => handleSubmitEvent(data, 'thanksText')" />
</div> </div>
</div> </div>
</template> </template>
@ -20,7 +20,12 @@ export default {
}, },
data() { data() {
return { return {
initFormData: { thanksTitleFormData: {
fontSize: '12',
align: 1,
indentation: '0'
},
thanksTextFormData: {
fontSize: '12', fontSize: '12',
align: 1, align: 1,
indentation: '0' indentation: '0'

Loading…
Cancel
Save