|
|
@@ -17,6 +17,7 @@
|
|
|
<!-- {{ 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="edit" @click.stop="editGroupName(`${index1}`)" v-if="item1.ttype == 2 && etype == 'edit'"></div>
|
|
|
<div :class="{ deleteX: etype != 'edit', delete: etype == 'edit' }"
|
|
|
@click.stop="deleteCheck(`${index1}`)">
|
|
|
</div>
|
|
|
@@ -42,6 +43,7 @@
|
|
|
</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="edit" @click.stop="editGroupName(`${index1}-${index2}`)" v-if="item2.ttype == 2 && etype == 'edit'"></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 }"
|
|
|
@@ -132,6 +134,24 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog title="修改名称" :visible.sync="groupDaliog" :append-to-body="true" width="500px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div style="
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div style="min-width: fit-content;">分组名称：</div>
|
|
|
+ <el-input v-model="groupName" placeholder="请输入要修改的名称"></el-input>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="groupDaliog = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="updateGroupName">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -183,6 +203,9 @@ export default {
|
|
|
oldIndex3: "",
|
|
|
newIndex3: "",
|
|
|
oldData: "",
|
|
|
+ groupDaliog: false,
|
|
|
+ groupName: '',
|
|
|
+ groupIndex: ''
|
|
|
// cJson: {}
|
|
|
}
|
|
|
},
|
|
|
@@ -202,7 +225,7 @@ export default {
|
|
|
}
|
|
|
return index + 1 + "、" + (item.json && this.etype != 'edit' ? `<span class='${className}'></span>` : `<span class='${className}'></span>` + this.options2[item.type]) + (item.json && this.etype != 'edit' ? `${item.json.title}` : "");
|
|
|
} else if (item.ttype == 2) {
|
|
|
- return `第${index + 1}组 （共${item.array.length}题）`;
|
|
|
+ return `${item.name ? item.name : `第${index + 1}组`}（共${item.array.length}题）`;
|
|
|
} else if (item.ttype == 3) {
|
|
|
return `分页${index + 1}`;
|
|
|
}
|
|
|
@@ -213,7 +236,7 @@ export default {
|
|
|
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}题）`;
|
|
|
+ return `${item.name ? item.name : `第${index + 1}组`} （共${item.array.length}题）`;
|
|
|
} else if (item.ttype == 3) {
|
|
|
return `分页${index + 1}`;
|
|
|
}
|
|
|
@@ -229,6 +252,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleClose(done) {
|
|
|
+ done();
|
|
|
+ },
|
|
|
setDrag(index) {
|
|
|
console.log(index);
|
|
|
this.isdrag = index
|
|
|
@@ -319,6 +345,34 @@ export default {
|
|
|
})
|
|
|
.catch(() => { });
|
|
|
},
|
|
|
+ editGroupName(index){
|
|
|
+ let _check = index.split("-")
|
|
|
+ let name = ''
|
|
|
+ if (_check.length == 1) {
|
|
|
+ name = this.manualJson[_check[0]].name ? this.manualJson[_check[0]].name : ''
|
|
|
+ } else if (_check.length == 2) {
|
|
|
+ name = this.manualJson[_check[0]].array[_check[1]].name ? this.manualJson[_check[0]].array[_check[1]].name : ''
|
|
|
+ }
|
|
|
+ this.groupName = name
|
|
|
+ this.groupDaliog = true
|
|
|
+ this.groupIndex = index
|
|
|
+ },
|
|
|
+ updateGroupName(){
|
|
|
+ let _check = this.groupIndex.split("-")
|
|
|
+ let name = this.groupName
|
|
|
+ if(!name){
|
|
|
+ this.$message.error("请输入分组名称");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (_check.length == 1) {
|
|
|
+ this.manualJson[_check[0]].name = name
|
|
|
+ } else if (_check.length == 2) {
|
|
|
+ this.manualJson[_check[0]].array[_check[1]].name = name
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.$emit("changeJson", this.manualJson);
|
|
|
+ this.groupDaliog = false
|
|
|
+ },
|
|
|
editCheck(index, item) {
|
|
|
|
|
|
},
|
|
|
@@ -688,4 +742,26 @@ export default {
|
|
|
border-radius: 0 !important;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__header {
|
|
|
+ background: #3d67bc !important;
|
|
|
+ padding: 15px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__title {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn {
|
|
|
+ top: 19px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
</style>
|
