| | |
| | | placeholder="请输入题目内容" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="" |
| | | prop="scriptContent" |
| | | v-if="topicobj.scriptType == 3" |
| | | > |
| | | <div style="display: flex; margin-bottom: 10px"> |
| | | <div class="tsgnames" @click="tsgnametos">插入填空</div> |
| | | </div> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col :span="20"> |
| | | <el-form-item label="收集信息" v-if="topicobj.scriptType == 3"> |
| | | <el-card class="box-card" style="width: 200%"> |
| | | <div |
| | | v-for="item in topicobj.svyLibScriptOptions" |
| | | style="margin-bottom: 10px" |
| | | > |
| | | <el-input |
| | | type="text" |
| | | placeholder="填入内容信息" |
| | | v-model="item.aaa" |
| | | > |
| | | <el-button |
| | | slot="append" |
| | | @click="deletexuanx(item)" |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | circle |
| | | ></el-button> |
| | | <span slot="prepend">{{ |
| | | "(" + item.orderno + ")" |
| | | }}</span> |
| | | </el-input> |
| | | </div> |
| | | </el-card> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="题目说明"> |
| | | <el-input |
| | | style="width: 40vw" |
| | |
| | | this.dynamicTags = this.topicobj.svyLibScriptTagList.map( |
| | | this.processElement |
| | | ); |
| | | this.scriptTypels = this.topicobj.scriptType; |
| | | this.variablelist = JSON.parse(this.topicobj.otherdata) |
| | | ? JSON.parse(this.topicobj.otherdata) |
| | | : this.variablelist; |
| | |
| | | }, |
| | | // 判断指标 |
| | | changefn(item) { |
| | | if (this.topicobj.targetname) { |
| | | console.log(item); |
| | | |
| | | if ( |
| | | this.topicobj.targetname || |
| | | this.topicobj.svyLibScriptOptions[0].optioncontent |
| | | ) { |
| | | this.$modal |
| | | .confirm("更改类型后选项将清空是否继续?") |
| | | .then(() => { |
| | |
| | | }; |
| | | this.gettargetInfo(); |
| | | }, |
| | | // 便捷标签 |
| | | tsgnameto(row) { |
| | | |
| | | // 便捷标签插入填空 |
| | | tsgnametos(row) { |
| | | let inputValueArr = ""; |
| | | let value = this.testuserList.length + 1; |
| | | |
| | | let el = document.querySelector("#" + this.currentInputId); |
| | | //el.selectionStart; 这就是当前光标所在的位置(字符串中字符的index) |
| | | if (this.currentInputId == "scriptContent") { |
| | | inputValueArr = this.topicobj.scriptContent.split(""); |
| | | } else if (this.currentInputId == "nomatchtext") { |
| | | inputValueArr = this.topicobj.nomatchtext.split(""); |
| | | } else if (this.currentInputId == "sliencetext") { |
| | | inputValueArr = this.topicobj.sliencetext.split(""); |
| | | } else if (this.currentInputId == "noclearlytext") { |
| | | inputValueArr = this.topicobj.noclearlytext.split(""); |
| | | } else if (this.currentInputId == "submoduletext") { |
| | | inputValueArr = this.topicobj.submoduletext.split(""); |
| | | if (this.currentInputId == "targetdesc") { |
| | | inputValueArr = this.indexform.targetdesc.split(""); |
| | | } else { |
| | | return; |
| | | } |
| | |
| | | // 拿到选中文字的长度(后续可以用来替换选中的文字) |
| | | let selectLength = el.selectionEnd - el.selectionStart; |
| | | // 将要插入/替换的文字插入/替换(value.name是要插入/替换的字符串) |
| | | inputValueArr.splice(el.selectionStart, selectLength, `${row.variate}`); |
| | | inputValueArr.splice( |
| | | el.selectionStart, |
| | | selectLength, |
| | | "__" + value + "__" |
| | | ); |
| | | this.testuserList.push({ |
| | | orderno: value, |
| | | optiondesc: "", |
| | | isoperation: 1, |
| | | }); |
| | | // 把数组重新转换为字符串并赋值 |
| | | inputValueArr = inputValueArr.join(""); |
| | | |
| | | console.log(inputValueArr); |
| | | if (this.currentInputId == "scriptContent") { |
| | | this.topicobj.scriptContent = inputValueArr; |
| | | } else if (this.currentInputId == "nomatchtext") { |
| | | this.topicobj.nomatchtext = inputValueArr; |
| | | } else if (this.currentInputId == "sliencetext") { |
| | | this.topicobj.sliencetext = inputValueArr; |
| | | } else if (this.currentInputId == "noclearlytext") { |
| | | this.topicobj.noclearlytext = inputValueArr; |
| | | } else if (this.currentInputId == "submoduletext") { |
| | | this.topicobj.submoduletext = inputValueArr; |
| | | if (this.currentInputId == "targetdesc") { |
| | | this.indexform.targetdesc = inputValueArr; |
| | | } else { |
| | | return; |
| | | } |
| | |
| | | .tsgname:hover { |
| | | background: #3366f5; |
| | | } |
| | | .tsgnames { |
| | | width: 90px; |
| | | margin-right: 10px; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | background: #66c18c; |
| | | color: #ffff; |
| | | font-size: 18px; |
| | | border-radius: 5px; |
| | | } |
| | | .tsgnames:hover { |
| | | background: #20894d; |
| | | } |
| | | .preview-left { |
| | | margin: 20px; |
| | | // margin: 20px; |