zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

clientSet-zq-1128
zq 10 hours ago
parent
130cbfe546
commit
68aca23558
7 changed files with 153 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -12,9 +12,9 @@
<span class="desc" v-if="eng_keywords">指“key word”单词</span>
</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="标题位置" />
<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="图片位置" />
<div class="fontWrap" v-if="fontDetailflag">
@ -222,6 +222,9 @@ export default {
bold: '',// 字重
title_pos: '',// 标题位置
img_pos: '',// 图片位置
eng_keywords: '',// 英文关键词
ch_keywords: '',// 中文关键词
},
delimiter: '',// 分隔符
grammarCheck: '',// 分隔符校验结果
@ -256,8 +259,8 @@ export default {
{ label: 'Courier New', value: 3 }
],
speFormatList: [
{ label: '常规', value: 1 },
{ label: '加粗', value: 2 }
{ label: '首行缩进', value: 1 },
{ label: '段落缩进', value: 2 }
],
engFontWeightList: [
{ label: '常规', value: 1 },
@ -277,7 +280,7 @@ export default {
],
boldList: [
{ label: '加粗', value: 1 },
{ label: '不加粗', value: 2 }
{ label: '不加粗', value: 0 }
]
};
},

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

@ -2,16 +2,16 @@
<div class="mainTextPage main-content12">
<h3 class="pageTitle">目录</h3>
<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')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
<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')" />
</div>
<div class="flex-between flex-common mt12" id="">
<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')" />
</div>
</div>
@ -24,11 +24,29 @@ export default {
},
data() {
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',
align: 1,
indentation: '1'
},
threeFormData: {
fontSize: '12',
align: 1,
indentation: '0'
},
};
},
methods: {

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

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

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

@ -2,16 +2,16 @@
<div class="mainTextPage main-content12">
<h3 class="pageTitle">正文</h3>
<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')"
@submit="(data) => handleSubmitEvent(data, 'oneLevel')" />
<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')" />
</div>
<div class="flex-between flex-common mt12" id="">
<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')" />
</div>
<div class="flex-between flex-common mt12" id="mainTextContent">
@ -21,9 +21,9 @@
</div>
<div class="flex-between flex-common mt12" id="mainTextTableImage">
<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')" />
<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')"
@submit="(data) => handleSubmitEvent(data, 'imagesRef')" />
</div>
@ -42,6 +42,37 @@ export default {
align: 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: {

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save