zydx-plus 1.32.307 → 1.32.309
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/biz_header/src/bizHeader.vue +5 -5
- package/src/components/biz_header/src/button_name.js +120 -6
- package/src/components/choice/src/choice.vue +1 -0
- package/src/components/editor/src/editor.vue +15 -5
- package/src/components/editor2/src/editor.vue +18 -3
- package/src/components/flip/src/flip.vue +22 -13
- package/src/components/seek/src/word.vue +2 -1
- package/src/components/tab/src/tab.vue +6 -3
- package/src/components/word/src/word.vue +2 -1
- package/src/index.js +1 -1
package/package.json
CHANGED
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
<template>
|
|
16
16
|
<div class="headLevel">
|
|
17
17
|
<div v-for="(item, index) in nodeList" :key="index" class="borderBottom1cccccc padding0_10 box_sizing_border_box" v-show="getShow(item)">
|
|
18
|
-
<zydx-topic-dry>
|
|
19
|
-
<template v-slot:title_slot><span class="fontSize16" :class="'level'+item.level">{{item.name}}</span></template>
|
|
18
|
+
<zydx-topic-dry :is_hide="true">
|
|
19
|
+
<template v-slot:title_slot><span class="fontSize16" :title="item.name" :class="'level'+item.level">{{item.name}}</span></template>
|
|
20
20
|
<template v-slot:button_slot v-if="isShowBtn">
|
|
21
21
|
<template v-for="(buttonInfo, buttonIndex) in initConfig(item).buttonList[tabType]">
|
|
22
22
|
<template v-if="buttonInfo instanceof Object" v-for="(childButtonInfo, childButtonIndex) in buttonInfo">
|
|
@@ -166,9 +166,9 @@ export default {
|
|
|
166
166
|
this.recursionNode(node.catalogId)
|
|
167
167
|
this.nodeList = this.nodeList.reverse()
|
|
168
168
|
// 资源去掉节级
|
|
169
|
-
if (this .headerType === 0) {
|
|
170
|
-
|
|
171
|
-
}
|
|
169
|
+
// if (this .headerType === 0) {
|
|
170
|
+
// this.nodeList = this.nodeList.filter(item => item.level !== 2)
|
|
171
|
+
// }
|
|
172
172
|
},
|
|
173
173
|
// 递归节点
|
|
174
174
|
recursionNode: function (catalogId) {
|
|
@@ -2500,12 +2500,31 @@ let buttonNames = {
|
|
|
2500
2500
|
btnIndex2: this.getPrefix(item) + '图谱'
|
|
2501
2501
|
},
|
|
2502
2502
|
lowLevel: {
|
|
2503
|
-
default: "
|
|
2503
|
+
default: "",
|
|
2504
2504
|
// btnIndex1: this.getCurrentPrefix(item) + '图谱',
|
|
2505
2505
|
createResource: '创建图谱',
|
|
2506
2506
|
viewResource: '图谱列表',
|
|
2507
2507
|
selectResource: '查找资源',
|
|
2508
2508
|
}
|
|
2509
|
+
},
|
|
2510
|
+
2: {
|
|
2511
|
+
headLevel: {
|
|
2512
|
+
default: "btnIndex1",
|
|
2513
|
+
btnIndex1: this.getCurrentPrefix(item) + '图谱',
|
|
2514
|
+
btnIndex2: this.getPrefix(item) + '图谱'
|
|
2515
|
+
},
|
|
2516
|
+
otherLevel: {
|
|
2517
|
+
default: "btnIndex1",
|
|
2518
|
+
btnIndex1: this.getCurrentPrefix(item) + '图谱',
|
|
2519
|
+
btnIndex2: this.getPrefix(item) + '图谱'
|
|
2520
|
+
},
|
|
2521
|
+
lowLevel: {
|
|
2522
|
+
default: "",
|
|
2523
|
+
// btnIndex1: this.getCurrentPrefix(item) + '图谱',
|
|
2524
|
+
// createResource: '创建图谱',
|
|
2525
|
+
viewResource: '图谱列表',
|
|
2526
|
+
selectResource: '查找资源',
|
|
2527
|
+
}
|
|
2509
2528
|
}
|
|
2510
2529
|
}
|
|
2511
2530
|
},
|
|
@@ -2524,12 +2543,31 @@ let buttonNames = {
|
|
|
2524
2543
|
btnIndex2: this.getPrefix(item) + '课件'
|
|
2525
2544
|
},
|
|
2526
2545
|
lowLevel: {
|
|
2527
|
-
default: "
|
|
2546
|
+
default: "",
|
|
2528
2547
|
// btnIndex1: this.getCurrentPrefix(item) + '课件',
|
|
2529
2548
|
importResource: '导入课件',
|
|
2530
2549
|
viewResource: '课件列表',
|
|
2531
2550
|
selectResource: '查找资源',
|
|
2532
2551
|
}
|
|
2552
|
+
},
|
|
2553
|
+
0: {
|
|
2554
|
+
headLevel: {
|
|
2555
|
+
default: "btnIndex1",
|
|
2556
|
+
btnIndex1: this.getCurrentPrefix(item) + '课件',
|
|
2557
|
+
btnIndex2: this.getPrefix(item) + '课件'
|
|
2558
|
+
},
|
|
2559
|
+
otherLevel: {
|
|
2560
|
+
default: "btnIndex1",
|
|
2561
|
+
btnIndex1: this.getCurrentPrefix(item) + '课件',
|
|
2562
|
+
btnIndex2: this.getPrefix(item) + '课件'
|
|
2563
|
+
},
|
|
2564
|
+
lowLevel: {
|
|
2565
|
+
default: "",
|
|
2566
|
+
// btnIndex1: this.getCurrentPrefix(item) + '课件',
|
|
2567
|
+
// importResource: '导入课件',
|
|
2568
|
+
viewResource: '课件列表',
|
|
2569
|
+
selectResource: '查找资源',
|
|
2570
|
+
}
|
|
2533
2571
|
}
|
|
2534
2572
|
}
|
|
2535
2573
|
},
|
|
@@ -2548,12 +2586,31 @@ let buttonNames = {
|
|
|
2548
2586
|
btnIndex2: this.getPrefix(item) + '视频'
|
|
2549
2587
|
},
|
|
2550
2588
|
lowLevel: {
|
|
2551
|
-
default: "
|
|
2589
|
+
default: "",
|
|
2552
2590
|
// btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2553
2591
|
importResource: '导入视频',
|
|
2554
2592
|
viewResource: '视频列表',
|
|
2555
2593
|
selectResource: '查找资源',
|
|
2556
2594
|
}
|
|
2595
|
+
},
|
|
2596
|
+
2: {
|
|
2597
|
+
headLevel: {
|
|
2598
|
+
default: "btnIndex1",
|
|
2599
|
+
btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2600
|
+
btnIndex2: this.getPrefix(item) + '视频'
|
|
2601
|
+
},
|
|
2602
|
+
otherLevel: {
|
|
2603
|
+
default: "btnIndex1",
|
|
2604
|
+
btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2605
|
+
btnIndex2: this.getPrefix(item) + '视频'
|
|
2606
|
+
},
|
|
2607
|
+
lowLevel: {
|
|
2608
|
+
default: "",
|
|
2609
|
+
// btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2610
|
+
// importResource: '导入视频',
|
|
2611
|
+
viewResource: '视频列表',
|
|
2612
|
+
selectResource: '查找资源',
|
|
2613
|
+
}
|
|
2557
2614
|
}
|
|
2558
2615
|
}
|
|
2559
2616
|
},
|
|
@@ -2572,12 +2629,31 @@ let buttonNames = {
|
|
|
2572
2629
|
btnIndex2: this.getPrefix(item) + '视频'
|
|
2573
2630
|
},
|
|
2574
2631
|
lowLevel: {
|
|
2575
|
-
default: "
|
|
2632
|
+
default: "",
|
|
2576
2633
|
// btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2577
2634
|
importResource: '导入视频',
|
|
2578
2635
|
viewResource: '视频列表',
|
|
2579
2636
|
selectResource: '查找资源',
|
|
2580
2637
|
}
|
|
2638
|
+
},
|
|
2639
|
+
2: {
|
|
2640
|
+
headLevel: {
|
|
2641
|
+
default: "btnIndex1",
|
|
2642
|
+
btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2643
|
+
btnIndex2: this.getPrefix(item) + '视频'
|
|
2644
|
+
},
|
|
2645
|
+
otherLevel: {
|
|
2646
|
+
default: "btnIndex1",
|
|
2647
|
+
btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2648
|
+
btnIndex2: this.getPrefix(item) + '视频'
|
|
2649
|
+
},
|
|
2650
|
+
lowLevel: {
|
|
2651
|
+
default: "",
|
|
2652
|
+
// btnIndex1: this.getCurrentPrefix(item) + '视频',
|
|
2653
|
+
// importResource: '导入视频',
|
|
2654
|
+
viewResource: '视频列表',
|
|
2655
|
+
selectResource: '查找资源',
|
|
2656
|
+
}
|
|
2581
2657
|
}
|
|
2582
2658
|
}
|
|
2583
2659
|
},
|
|
@@ -2596,12 +2672,31 @@ let buttonNames = {
|
|
|
2596
2672
|
btnIndex2: this.getPrefix(item) + '数据'
|
|
2597
2673
|
},
|
|
2598
2674
|
lowLevel: {
|
|
2599
|
-
default: "
|
|
2675
|
+
default: "",
|
|
2600
2676
|
// btnIndex1: this.getCurrentPrefix(item) + '数据',
|
|
2601
2677
|
importResource: '导入数据',
|
|
2602
2678
|
viewResource: '数据列表',
|
|
2603
2679
|
selectResource: '查找资源',
|
|
2604
2680
|
}
|
|
2681
|
+
},
|
|
2682
|
+
2: {
|
|
2683
|
+
headLevel: {
|
|
2684
|
+
default: "btnIndex1",
|
|
2685
|
+
btnIndex1: this.getCurrentPrefix(item) + '数据',
|
|
2686
|
+
btnIndex2: this.getPrefix(item) + '数据'
|
|
2687
|
+
},
|
|
2688
|
+
otherLevel: {
|
|
2689
|
+
default: "btnIndex1",
|
|
2690
|
+
btnIndex1: this.getCurrentPrefix(item) + '数据',
|
|
2691
|
+
btnIndex2: this.getPrefix(item) + '数据'
|
|
2692
|
+
},
|
|
2693
|
+
lowLevel: {
|
|
2694
|
+
default: "",
|
|
2695
|
+
// btnIndex1: this.getCurrentPrefix(item) + '数据',
|
|
2696
|
+
// importResource: '导入数据',
|
|
2697
|
+
viewResource: '数据列表',
|
|
2698
|
+
selectResource: '查找资源',
|
|
2699
|
+
}
|
|
2605
2700
|
}
|
|
2606
2701
|
}
|
|
2607
2702
|
},
|
|
@@ -2620,12 +2715,31 @@ let buttonNames = {
|
|
|
2620
2715
|
btnIndex2: this.getPrefix(item) + '歌诀'
|
|
2621
2716
|
},
|
|
2622
2717
|
lowLevel: {
|
|
2623
|
-
default: "
|
|
2718
|
+
default: "",
|
|
2624
2719
|
// btnIndex1: this.getCurrentPrefix(item) + '歌诀',
|
|
2625
2720
|
createResource: '创建歌诀',
|
|
2626
2721
|
viewResource: '歌诀列表',
|
|
2627
2722
|
selectResource: '查找资源',
|
|
2628
2723
|
}
|
|
2724
|
+
},
|
|
2725
|
+
2: {
|
|
2726
|
+
headLevel: {
|
|
2727
|
+
default: "btnIndex1",
|
|
2728
|
+
btnIndex1: this.getCurrentPrefix(item) + '歌诀',
|
|
2729
|
+
btnIndex2: this.getPrefix(item) + '歌诀'
|
|
2730
|
+
},
|
|
2731
|
+
otherLevel: {
|
|
2732
|
+
default: "btnIndex1",
|
|
2733
|
+
btnIndex1: this.getCurrentPrefix(item) + '歌诀',
|
|
2734
|
+
btnIndex2: this.getPrefix(item) + '歌诀'
|
|
2735
|
+
},
|
|
2736
|
+
lowLevel: {
|
|
2737
|
+
default: "",
|
|
2738
|
+
// btnIndex1: this.getCurrentPrefix(item) + '歌诀',
|
|
2739
|
+
// createResource: '创建歌诀',
|
|
2740
|
+
viewResource: '歌诀列表',
|
|
2741
|
+
selectResource: '查找资源',
|
|
2742
|
+
}
|
|
2629
2743
|
}
|
|
2630
2744
|
}
|
|
2631
2745
|
},
|
|
@@ -104,6 +104,7 @@ import {signId} from "./extend/sign-id";
|
|
|
104
104
|
import {Contenteditable} from "./extend/contenteditable";
|
|
105
105
|
import {titleId} from "./extend/title-id";
|
|
106
106
|
import {dataUrl} from "./extend/data-url";
|
|
107
|
+
import Mess from "@/components/tipBox";
|
|
107
108
|
|
|
108
109
|
export default {
|
|
109
110
|
name: 'zydx-editor',
|
|
@@ -749,7 +750,16 @@ export default {
|
|
|
749
750
|
xhr.onreadystatechange = () => {
|
|
750
751
|
if (xhr.readyState === 4) {
|
|
751
752
|
if (xhr.status === 200) {
|
|
752
|
-
|
|
753
|
+
const text = JSON.parse(xhr.responseText)
|
|
754
|
+
if(text.code === '200') {
|
|
755
|
+
rl(text)
|
|
756
|
+
}else {
|
|
757
|
+
Mess({
|
|
758
|
+
type: 'text',
|
|
759
|
+
cancelShow: false,
|
|
760
|
+
promptContent: text.msg
|
|
761
|
+
})
|
|
762
|
+
}
|
|
753
763
|
}
|
|
754
764
|
}
|
|
755
765
|
}
|
|
@@ -845,25 +855,25 @@ export default {
|
|
|
845
855
|
}else {
|
|
846
856
|
this.butDataName('titleMenu',`字体 ${key.name}`)
|
|
847
857
|
}
|
|
848
|
-
this.editor.commands.setFontFamily(key.key)
|
|
858
|
+
this.editor.commands.setFontFamily(key.key).run()
|
|
849
859
|
}
|
|
850
860
|
// 正文
|
|
851
861
|
if (data.key === 'textMenu') {
|
|
852
862
|
this.menuStast = 'textMenu'
|
|
853
863
|
this.butDataName('textMenu',`字号 ${key.name}`)
|
|
854
|
-
this.editor.commands.setFontSize(key.key)
|
|
864
|
+
this.editor.commands.setFontSize(key.key).run()
|
|
855
865
|
}
|
|
856
866
|
// 大纲级别
|
|
857
867
|
if (data.key === 'outlineMenu') {
|
|
858
868
|
if (key.key === 'text') {
|
|
859
869
|
this.editor.commands.setTitleId(key.key)
|
|
860
870
|
this.editor.commands.unsetSignId()
|
|
861
|
-
this.editor.chain().focus().unsetBold().run()
|
|
871
|
+
this.editor.chain().focus().unsetBold().setTextAlign('left').run()
|
|
862
872
|
}else {
|
|
863
873
|
const t = key.key.split('-')[0]
|
|
864
874
|
this.editor.commands.setSignId(key.key)
|
|
865
875
|
this.editor.commands.setTitleId(`${t} ${this.randomId()}`)
|
|
866
|
-
this.editor.chain().focus().setBold().run()
|
|
876
|
+
this.editor.chain().focus().setBold().setTextAlign('left').run()
|
|
867
877
|
}
|
|
868
878
|
}
|
|
869
879
|
// 作者
|
|
@@ -41,7 +41,12 @@
|
|
|
41
41
|
<div class="enclosure" v-if="uploadAttData.length > 0 && enclosureShow">
|
|
42
42
|
<p :style="enclosureStyle">{{ enclosureText }}</p>
|
|
43
43
|
<div class="enclosure-list" v-for="(item,index) in uploadAttData">
|
|
44
|
-
<div class="enclosure-item">
|
|
44
|
+
<div class="enclosure-item" v-if="uploadAttData.length <= 1">
|
|
45
|
+
<span v-if="item.name">{{ item.name }}</span>
|
|
46
|
+
<span v-if="item.annexName">{{ item.annexName }}</span>
|
|
47
|
+
<span v-if="item.fileName">{{ item.fileName }}</span>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="enclosure-item" v-else>
|
|
45
50
|
<span v-if="item.name">{{ numberStyle? `【${index + 1}】`: `${index + 1}.` }} {{ item.name }}</span>
|
|
46
51
|
<span v-if="item.annexName">{{ numberStyle? `【${index + 1}】`: `${index + 1}.` }} {{ item.annexName }}</span>
|
|
47
52
|
<span v-if="item.fileName">{{ numberStyle? `【${index + 1}】`: `${index + 1}.` }} {{ item.fileName }}</span>
|
|
@@ -107,6 +112,7 @@ import {FontSize} from "./font-size";
|
|
|
107
112
|
import {titleId} from "./title-id";
|
|
108
113
|
import {Contenteditable} from "./contenteditable";
|
|
109
114
|
import svgs from "./level";
|
|
115
|
+
import Mess from '../../tipBox/index'
|
|
110
116
|
|
|
111
117
|
export default {
|
|
112
118
|
name: 'zydx-xiao-editor',
|
|
@@ -429,7 +435,7 @@ export default {
|
|
|
429
435
|
this.voiceShows = this.voiceStatus
|
|
430
436
|
this.appID()
|
|
431
437
|
}, () => {
|
|
432
|
-
|
|
438
|
+
Mess({
|
|
433
439
|
type: 'text',
|
|
434
440
|
cancelShow: false,
|
|
435
441
|
promptContent: '录音失败,请检查麦克风是否可用'
|
|
@@ -571,7 +577,16 @@ export default {
|
|
|
571
577
|
xhr.onreadystatechange = () => {
|
|
572
578
|
if (xhr.readyState === 4) {
|
|
573
579
|
if (xhr.status === 200) {
|
|
574
|
-
|
|
580
|
+
const text = JSON.parse(xhr.responseText)
|
|
581
|
+
if(text.code === '200') {
|
|
582
|
+
rl(text)
|
|
583
|
+
}else {
|
|
584
|
+
Mess({
|
|
585
|
+
type: 'text',
|
|
586
|
+
cancelShow: false,
|
|
587
|
+
promptContent: text.msg
|
|
588
|
+
})
|
|
589
|
+
}
|
|
575
590
|
}
|
|
576
591
|
}
|
|
577
592
|
}
|
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
<div>
|
|
4
4
|
<div class="book">
|
|
5
5
|
<div class="pages">
|
|
6
|
-
<div class="wrap">
|
|
7
|
-
<div class="wrap-one" :class="{'flip-animation-start': flipRights, 'flip-animation-end': flipLefts}"
|
|
8
|
-
v-if="oneShow" :style="canvasStyle"
|
|
9
|
-
<img :src="imgArr[(oneIndex === 'right')? pageIndex-1: pageIndex]" alt=""
|
|
10
|
-
</div
|
|
6
|
+
<div class="wrap" ref="wrap">
|
|
7
|
+
<!-- <div class="wrap-one" :class="{'flip-animation-start': flipRights, 'flip-animation-end': flipLefts}"-->
|
|
8
|
+
<!-- v-if="oneShow" :style="canvasStyle">-->
|
|
9
|
+
<!-- <img :src="imgArr[(oneIndex === 'right')? pageIndex-1: pageIndex]" alt=""/>-->
|
|
10
|
+
<!-- </div>-->
|
|
11
11
|
<div class="wrap-can" ref="wrapCan">
|
|
12
12
|
<canvas @click.stop="turnText" class="wrap-can-one" @mousedown.stop="mouseDown" @mousemove.stop="mouseMove" :id="id"></canvas>
|
|
13
|
+
<!-- <img v-if="imgArr !== ''" :src="imgArr" alt="" />-->
|
|
13
14
|
<canvas :id="`${id}2`"></canvas>
|
|
14
15
|
<div
|
|
15
16
|
v-show="state === 'text'&&textY2>0&&textX2>0"
|
|
@@ -138,7 +139,7 @@ export default {
|
|
|
138
139
|
data() {
|
|
139
140
|
return {
|
|
140
141
|
pdfPages: 0,
|
|
141
|
-
imgArr:
|
|
142
|
+
imgArr: '',
|
|
142
143
|
hei: 0,
|
|
143
144
|
pageIndex: this.page,
|
|
144
145
|
show: false,
|
|
@@ -1001,14 +1002,17 @@ export default {
|
|
|
1001
1002
|
that.ctx = canvas.getContext('2d');
|
|
1002
1003
|
let ctx2 = canvas2.getContext('2d');
|
|
1003
1004
|
let viewport = page.getViewport({scale: that.scales})
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
canvas.
|
|
1005
|
+
const sc = viewport.width / viewport.height
|
|
1006
|
+
const wid = that.$refs.wrap.offsetWidth
|
|
1007
|
+
const hei = wid / sc
|
|
1008
|
+
canvas.width = wid * that.sratio
|
|
1009
|
+
canvas.height = hei * that.sratio
|
|
1010
|
+
canvas.style.width = wid + 'px'
|
|
1011
|
+
canvas.style.height = hei + 'px'
|
|
1008
1012
|
canvas2.width = viewport.width * that.sratio
|
|
1009
1013
|
canvas2.height = viewport.height * that.sratio
|
|
1010
|
-
canvas2.style.width =
|
|
1011
|
-
canvas2.style.height =
|
|
1014
|
+
canvas2.style.width = wid + 'px'
|
|
1015
|
+
canvas2.style.height = hei + 'px'
|
|
1012
1016
|
that.canvasStyle = {
|
|
1013
1017
|
width: viewport.width + 'px',
|
|
1014
1018
|
height: viewport.height + 'px',
|
|
@@ -1035,7 +1039,7 @@ export default {
|
|
|
1035
1039
|
that.flipRights = false
|
|
1036
1040
|
that.flipLefts = false
|
|
1037
1041
|
that.oneShow = false
|
|
1038
|
-
that.imgArr
|
|
1042
|
+
that.imgArr = canvas2.toDataURL('image/jpeg', 1)
|
|
1039
1043
|
that.processing()
|
|
1040
1044
|
}, 1000)
|
|
1041
1045
|
})
|
|
@@ -1266,6 +1270,11 @@ export default {
|
|
|
1266
1270
|
//cursor: none;
|
|
1267
1271
|
}
|
|
1268
1272
|
|
|
1273
|
+
.wrap-can img{
|
|
1274
|
+
width: 100%;
|
|
1275
|
+
height: 100%;
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1269
1278
|
.but-wrap {
|
|
1270
1279
|
text-align: center;
|
|
1271
1280
|
}
|
|
@@ -30,7 +30,8 @@
|
|
|
30
30
|
<input class="choice-input" style="display: none;" :disabled="disabled" :checked="ts.checked"
|
|
31
31
|
@change="answerChange($event,item,`${id}${index}`,ts)" :type="ques(item.quesType)? 'radio': 'checkbox'"
|
|
32
32
|
:name="`${id}${index}`"/>
|
|
33
|
-
<svgs v-if="chooseAnswer" :radio="ques(item.quesType)" :select="ts.checked" :disabled="disabled" :state="stateFun(ts,item)"></svgs
|
|
33
|
+
<!-- <svgs v-if="chooseAnswer" :radio="ques(item.quesType)" :select="ts.checked" :disabled="disabled" :state="stateFun(ts,item)"></svgs>-->
|
|
34
|
+
<svgs v-if="chooseAnswer" :radio="false" :select="ts.checked" :disabled="disabled" :state="stateFun(ts,item)"></svgs>
|
|
34
35
|
<span :class="{'choice-span': chooseAnswer}">{{
|
|
35
36
|
ts.index
|
|
36
37
|
}}. {{ ts.content[0] }}</span>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="tabs cl">
|
|
2
|
+
<div class="tabs cl" ref="tabs" :style="{'text-align': heiStart? 'left': 'center'}">
|
|
3
3
|
<div class="tabs-li" :class="{'tab-active': actives === index}" @click="listTap(index)"
|
|
4
4
|
v-for="(item,index) in list" :key="index">{{ item[column[0]] }}
|
|
5
5
|
</div>
|
|
@@ -13,7 +13,8 @@ export default {
|
|
|
13
13
|
name: "zydx-tab",
|
|
14
14
|
data() {
|
|
15
15
|
return {
|
|
16
|
-
actives: 0
|
|
16
|
+
actives: 0,
|
|
17
|
+
heiStart: false
|
|
17
18
|
}
|
|
18
19
|
},
|
|
19
20
|
props: {
|
|
@@ -67,6 +68,8 @@ export default {
|
|
|
67
68
|
this.actives = index
|
|
68
69
|
}
|
|
69
70
|
})
|
|
71
|
+
this.heiStart = this.$refs.tabs.offsetHeight > 60
|
|
72
|
+
|
|
70
73
|
},
|
|
71
74
|
listTap(index) {
|
|
72
75
|
this.actives = index
|
|
@@ -109,12 +112,12 @@ export default {
|
|
|
109
112
|
background-size: 100%;
|
|
110
113
|
cursor: pointer;
|
|
111
114
|
margin: 3px 6px;
|
|
112
|
-
float: left;
|
|
113
115
|
text-align: center;
|
|
114
116
|
line-height: 26px;
|
|
115
117
|
color: #333;
|
|
116
118
|
font-size: 14px;
|
|
117
119
|
user-select: none;
|
|
120
|
+
display: inline-block;
|
|
118
121
|
}
|
|
119
122
|
|
|
120
123
|
.tabs-li:hover {
|
|
@@ -75,7 +75,8 @@
|
|
|
75
75
|
<input class="choice-input" style="display: none;" :disabled="disabled" :checked="ts.checked"
|
|
76
76
|
@change="answerChange($event,item,`${id}${index}`,ts)" :type="ques(item.quesType)? 'radio': 'checkbox'"
|
|
77
77
|
:name="`${id}${index}`"/>
|
|
78
|
-
<svgs v-if="chooseAnswer" :radio="ques(item.quesType)" :select="ts.checked" :disabled="disabled" :state="stateFun(ts,item)"></svgs
|
|
78
|
+
<!-- <svgs v-if="chooseAnswer" :radio="ques(item.quesType)" :select="ts.checked" :disabled="disabled" :state="stateFun(ts,item)"></svgs>-->
|
|
79
|
+
<svgs v-if="chooseAnswer" :radio="false" :select="ts.checked" :disabled="disabled" :state="stateFun(ts,item)"></svgs>
|
|
79
80
|
<span :class="{'choice-span': chooseAnswer}">{{
|
|
80
81
|
ts.index
|
|
81
82
|
}}. {{ ts.content[0] }}</span>
|