zydx-plus 1.31.176 → 1.31.177
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
CHANGED
|
@@ -101,7 +101,7 @@ export default {
|
|
|
101
101
|
return `transform: translate(${this.x}px, ${this.y}px);width:${this.footRightOffset}px;height:${this.footDownOffset}px;`;
|
|
102
102
|
},
|
|
103
103
|
},
|
|
104
|
-
emits: ['dragStatus','close'],
|
|
104
|
+
emits: ['dragStatus','close','enlarge'],
|
|
105
105
|
methods: {
|
|
106
106
|
disconnect() {
|
|
107
107
|
this.$emit('dragStatus')
|
|
@@ -149,6 +149,7 @@ export default {
|
|
|
149
149
|
this.isMove = false;
|
|
150
150
|
},
|
|
151
151
|
enlarge() {
|
|
152
|
+
let state = false
|
|
152
153
|
let clientWidth = document.documentElement.clientWidth;
|
|
153
154
|
let clientHeight = document.documentElement.clientHeight;
|
|
154
155
|
if(clientWidth === this.footRightOffset && clientHeight === this.footDownOffset) {
|
|
@@ -156,12 +157,15 @@ export default {
|
|
|
156
157
|
this.y = clientHeight / 2 - this.height / 2;
|
|
157
158
|
this.footDownOffset = this.height;
|
|
158
159
|
this.footRightOffset = this.width;
|
|
160
|
+
state = false
|
|
159
161
|
}else {
|
|
160
162
|
this.x = 0;
|
|
161
163
|
this.y = 0;
|
|
162
164
|
this.footDownOffset = clientHeight;
|
|
163
165
|
this.footRightOffset = clientWidth;
|
|
166
|
+
state = true
|
|
164
167
|
}
|
|
168
|
+
this.$emit('enlarge', state)
|
|
165
169
|
},
|
|
166
170
|
close() {
|
|
167
171
|
this.isMove = false
|
|
@@ -116,7 +116,7 @@ function numSort(editor) {
|
|
|
116
116
|
let num = 1
|
|
117
117
|
const data = editor.getJSON().content
|
|
118
118
|
data.forEach((item, index) => {
|
|
119
|
-
const id = item.attrs.signId
|
|
119
|
+
const id = item.attrs === undefined? null :item.attrs.signId
|
|
120
120
|
if(id) {
|
|
121
121
|
let arr = item.attrs.signId.split('-')[1]
|
|
122
122
|
num = Number(arr) + 1 > num ? Number(arr) + 1 : num
|
|
@@ -88,6 +88,8 @@
|
|
|
88
88
|
}
|
|
89
89
|
.subject-title{
|
|
90
90
|
flex: 1;
|
|
91
|
+
text-indent: 2em;
|
|
92
|
+
position: relative;
|
|
91
93
|
}
|
|
92
94
|
.subject-title label{
|
|
93
95
|
display: flex;
|
|
@@ -138,5 +140,13 @@
|
|
|
138
140
|
input[name='check'] {
|
|
139
141
|
width: 15px;
|
|
140
142
|
height: 15px;
|
|
141
|
-
|
|
143
|
+
position: absolute;
|
|
144
|
+
top: 5px;
|
|
145
|
+
left: 0;
|
|
146
|
+
}
|
|
147
|
+
.subject-but{
|
|
148
|
+
position: absolute;
|
|
149
|
+
bottom: 2px;
|
|
150
|
+
right: 0;
|
|
151
|
+
z-index: 1;
|
|
142
152
|
}
|
|
@@ -1,17 +1,24 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div :class="{paper: borderShow}">
|
|
3
3
|
<div class="parer-cont" ref="parer">
|
|
4
|
-
<div class="paper-choice" :class="{'array-ch': !styleText(item.testKey)}" v-for="(item,index) in
|
|
4
|
+
<div class="paper-choice" :class="{'array-ch': !styleText(item.testKey)}" v-for="(item,index) in value">
|
|
5
5
|
<div class="subject">
|
|
6
6
|
<div class="subject-title">
|
|
7
7
|
<label>
|
|
8
8
|
<input v-if="multipleShow" type="checkbox" :checked="item.checked" @change="checkboxChange($event,index)" name="check" />
|
|
9
9
|
<span>{{ item.order }}.<em v-html="item.title"></em></span>
|
|
10
10
|
</label>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
<div class="subject-but">
|
|
12
|
+
<button class="but" v-if="butShow" @click="modify(item)">修改</button>
|
|
13
|
+
<button class="but" v-if="butShow" @click="del(item)">删除</button>
|
|
14
|
+
<button class="but" v-if="replace" @click="replaceTap(item,index)">替换题目</button>
|
|
15
|
+
<button class="but" v-if="choice"
|
|
16
|
+
@click="choiceTap(item,index)"
|
|
17
|
+
:disabled="!item.choice"
|
|
18
|
+
:style="{border: !item.choice?'1px solid #ccc': '1px solid #000'}">
|
|
19
|
+
{{ choiceState? '选择题目' : item.choice?'撤销选择': '选择题目' }}
|
|
20
|
+
</button>
|
|
21
|
+
</div>
|
|
15
22
|
</div>
|
|
16
23
|
</div>
|
|
17
24
|
<div class="choice" v-if="item.testKey">
|
|
@@ -33,8 +40,9 @@ export default {
|
|
|
33
40
|
name: "zydx-seek",
|
|
34
41
|
data() {
|
|
35
42
|
return {
|
|
36
|
-
value:
|
|
37
|
-
multipleShow: this.multiple
|
|
43
|
+
value: [],
|
|
44
|
+
multipleShow: this.multiple,
|
|
45
|
+
choiceState: true
|
|
38
46
|
}
|
|
39
47
|
},
|
|
40
48
|
props: {
|
|
@@ -57,14 +65,26 @@ export default {
|
|
|
57
65
|
borderShow: {
|
|
58
66
|
type: Boolean,
|
|
59
67
|
default: true
|
|
68
|
+
},
|
|
69
|
+
replace: {
|
|
70
|
+
type: Boolean,
|
|
71
|
+
default: false
|
|
72
|
+
},
|
|
73
|
+
choice: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: false
|
|
60
76
|
}
|
|
61
77
|
},
|
|
62
78
|
watch: {
|
|
63
79
|
data: {
|
|
64
80
|
handler: function (val, oldVal) {
|
|
65
81
|
this.value = val
|
|
82
|
+
this.value.map((item,index) => {
|
|
83
|
+
item.choice = true
|
|
84
|
+
return item
|
|
85
|
+
})
|
|
66
86
|
},
|
|
67
|
-
|
|
87
|
+
immediate: true,
|
|
68
88
|
},
|
|
69
89
|
multiple: {
|
|
70
90
|
handler: function (val, oldVal) {
|
|
@@ -73,7 +93,7 @@ export default {
|
|
|
73
93
|
deep: true
|
|
74
94
|
}
|
|
75
95
|
},
|
|
76
|
-
emits: ['change','modify','del','changeAll'],
|
|
96
|
+
emits: ['change','modify','del','changeAll','replaceData','choiceData'],
|
|
77
97
|
methods: {
|
|
78
98
|
checkboxChange(e,index) {
|
|
79
99
|
this.value[index].checked = e.target.checked
|
|
@@ -102,6 +122,24 @@ export default {
|
|
|
102
122
|
}
|
|
103
123
|
return false
|
|
104
124
|
},
|
|
125
|
+
replaceTap(v,i) {
|
|
126
|
+
this.$emit('replaceData', {
|
|
127
|
+
data: v,
|
|
128
|
+
index: i
|
|
129
|
+
})
|
|
130
|
+
},
|
|
131
|
+
choiceTap(v,i) {
|
|
132
|
+
this.value.map((item,index) => {
|
|
133
|
+
item.choice = !this.choiceState;
|
|
134
|
+
return item
|
|
135
|
+
})
|
|
136
|
+
this.value[i].choice = true
|
|
137
|
+
this.choiceState = !this.choiceState
|
|
138
|
+
this.$emit('choiceData', {
|
|
139
|
+
data: v,
|
|
140
|
+
index: i
|
|
141
|
+
})
|
|
142
|
+
}
|
|
105
143
|
}
|
|
106
144
|
}
|
|
107
145
|
</script>
|