|
@@ -4,11 +4,15 @@
|
|
|
:class="{ active: checkC === `x${index1}` }" @click.stop="checkTitle(`${index1}`, 1, item1)">
|
|
|
<div class="title" :style="{ fontSize: etype == 'order' && '16px' }">
|
|
|
<div class="drag" @mousedown="setDrag(`${index1}`)" @mouseup="isdrag = ''"></div>
|
|
|
- <span class="content" v-html="selectType(item1, index1)"></span>
|
|
|
+ <span class="content" v-html="selectType(item1, index1)" v-if="etype == 'edit' || item1.ttype != 1"></span>
|
|
|
+ <el-tooltip :content="selectType2(item1, index1)" placement="top" effect="dark" v-else>
|
|
|
+ <span class="content" v-html="selectType(item1, index1)" ></span>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
<!-- {{ selectType(item1, index1) }} -->
|
|
|
<div class="btnBox">
|
|
|
<!-- <div class="edit" @click.stop="editCheck(`${index1}`,item1)" v-if="item1.ttype == 1 && canEdit.indexOf(item1.type) !== -1 && etype == 'edit'"></div> -->
|
|
|
- <div class="delete" @click.stop="deleteCheck(`${index1}`)"></div>
|
|
|
+ <div :class="{deleteX:etype != 'edit',delete: etype == 'edit'}" @click.stop="deleteCheck(`${index1}`)"></div>
|
|
|
<div class="open" v-if="item1.array && item1.array.length" :class="{ isopen: item1.isopen }"
|
|
|
@click.stop="openPan(index1)"></div>
|
|
|
</div>
|
|
@@ -19,10 +23,13 @@
|
|
|
@click.stop="checkTitle(`${index1}-${index2}`, 2, item2)">
|
|
|
<div class="title" :style="{ fontSize: etype == 'order' && '16px' }">
|
|
|
<div class="drag" @mousedown="setDrag(`${index1}-${index2}`)" @mouseup="isdrag = ''"></div>
|
|
|
- <span class="content" v-html="selectType(item2, index2)"></span>
|
|
|
+ <span class="content" v-html="selectType(item2, index2)" v-if="etype == 'edit' || item2.ttype != 1"></span>
|
|
|
+ <el-tooltip :content="selectType2(item2, index2)" placement="top" effect="dark" v-else>
|
|
|
+ <span class="content" v-html="selectType(item2, index2)" ></span>
|
|
|
+ </el-tooltip>
|
|
|
<div class="btnBox">
|
|
|
<!-- <div class="edit" @click.stop="editCheck(`${index1}-${index2}`,item2)" v-if="item2.ttype == 1 && canEdit.indexOf(item2.type) !== -1 && etype == 'edit'"></div> -->
|
|
|
- <div class="delete" @click.stop="deleteCheck(`${index1}-${index2}`)"></div>
|
|
|
+ <div :class="{deleteX:etype != 'edit',delete: etype == 'edit'}" @click.stop="deleteCheck(`${index1}-${index2}`)"></div>
|
|
|
<div class="open" v-if="item2.array && item2.array.length" :class="{ isopen: item2.isopen }"
|
|
|
@click.stop="openPan(index1, index2)"></div>
|
|
|
</div>
|
|
@@ -35,10 +42,13 @@
|
|
|
<div class="title" :style="{ fontSize: etype == 'order' && '16px' }">
|
|
|
<div class="drag" @mousedown="setDrag(`${index1}-${index2}-${index3}`)"
|
|
|
@mouseup="isdrag = ''"></div>
|
|
|
- <span class="content" v-html="selectType(item3, index3)"></span>
|
|
|
+ <span class="content" v-html="selectType(item3, index3)" v-if="etype == 'edit' || item3.ttype != 1"></span>
|
|
|
+ <el-tooltip :content="selectType2(item3, index3)" placement="top" effect="dark" v-else>
|
|
|
+ <span class="content" v-html="selectType(item3, index3)" ></span>
|
|
|
+ </el-tooltip>
|
|
|
<div class="btnBox">
|
|
|
<!-- <div class="edit" @click.stop="editCheck(`${index1}-${index2}-${index3}`,item3)" v-if="item3.ttype == 1 && canEdit.indexOf(item3.type) !== -1 && etype == 'edit'"></div> -->
|
|
|
- <div class="delete" @click.stop="deleteCheck(`${index1}-${index2}-${index3}`)"></div>
|
|
|
+ <div :class="{deleteX:etype != 'edit',delete: etype == 'edit'}" @click.stop="deleteCheck(`${index1}-${index2}-${index3}`)"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="item3.ttype == 1 && canEdit.indexOf(item3.type) !== -1 && etype == 'edit'"
|
|
@@ -167,6 +177,17 @@ export default {
|
|
|
return `分页${index + 1}`;
|
|
|
}
|
|
|
};
|
|
|
+ },
|
|
|
+ selectType2() {
|
|
|
+ return function (item, index) {
|
|
|
+ if (item.ttype == 1) {
|
|
|
+ return (item.json && this.etype != 'edit' ? '' : this.options2[item.type]) + (item.json && this.etype != 'edit' ? `${item.json.title}` : "");
|
|
|
+ } else if (item.ttype == 2) {
|
|
|
+ return `第${index + 1}组 (共${item.array.length}题)`;
|
|
|
+ } else if (item.ttype == 3) {
|
|
|
+ return `分页${index + 1}`;
|
|
|
+ }
|
|
|
+ };
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
@@ -374,6 +395,7 @@ export default {
|
|
|
.mc_ti_3>.title>.btnBox {
|
|
|
margin-left: auto;
|
|
|
display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.mc_ti_1>.title>.btnBox .open,
|
|
@@ -393,6 +415,7 @@ export default {
|
|
|
.mc_ti_3>.title>.btnBox .delete {
|
|
|
display: block;
|
|
|
background-image: url('../../../../../assets/icon/new/delete_u.png');
|
|
|
+ /* background-image: url('../../../../../assets/icon/test/delete_test_icon2.png'); */
|
|
|
background-size: 100% 100%;
|
|
|
width: 18px;
|
|
|
height: 18px;
|
|
@@ -400,6 +423,20 @@ export default {
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
|
|
|
+.mc_ti_1>.title>.btnBox .deleteX,
|
|
|
+.mc_ti_2>.title>.btnBox .deleteX,
|
|
|
+.mc_ti_3>.title>.btnBox .deleteX {
|
|
|
+ display: block;
|
|
|
+ /* background-image: url('../../../../../assets/icon/new/delete_u.png'); */
|
|
|
+ background-image: url('../../../../../assets/icon/test/delete_test_icon2.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
.mc_ti_1>.title>.btnBox .edit,
|
|
|
.mc_ti_2>.title>.btnBox .edit,
|
|
|
.mc_ti_3>.title>.btnBox .edit {
|
|
@@ -434,6 +471,9 @@ export default {
|
|
|
.mc_ti_2>.title>.content,
|
|
|
.mc_ti_3>.title>.content {
|
|
|
word-break: break-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
.edit_box {
|