| | |
| | | <el-input |
| | | v-model="indexform.targetdesc" |
| | | placeholder="请输入指标描述" |
| | | id="targetdesc" |
| | | @focus="currentInputId = 'targetdesc'" |
| | | maxlength="40" |
| | | /> |
| | | </el-form-item> </el-col |
| | | ></el-row> |
| | | <el-form-item label="插入填空" prop="scriptContent"> |
| | | <div style="display: flex; margin-bottom: 10px"> |
| | | <div class="tsgname" @click="tsgnameto">插入填空</div> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="标签" prop="desc" v-if="!measurement"> |
| | | <div class="xinz-inf"> |
| | | <el-tag |
| | |
| | | </el-card> |
| | | <div v-if="indexform.scriptType == 3"> |
| | | <el-form-item label="收集信息"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="填入收集信息" |
| | | v-model="indexform.reply" |
| | | > |
| | | </el-input |
| | | ></el-form-item> |
| | | <el-card class="box-card"> |
| | | <div v-for="item in indexform.targetoptionList"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="填入收集信息" |
| | | v-model="indexform.optiondesc" |
| | | > |
| | | </el-input> |
| | | </div> |
| | | </el-card> |
| | | </el-form-item> |
| | | </div> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | |
| | | this.deletefenl = row.title; |
| | | } |
| | | }, |
| | | // 便捷标签 |
| | | tsgnameto(row) { |
| | | let inputValueArr = ""; |
| | | let value = 1; |
| | | |
| | | let el = document.querySelector("#" + this.currentInputId); |
| | | //el.selectionStart; 这就是当前光标所在的位置(字符串中字符的index) |
| | | if (this.currentInputId == "targetdesc") { |
| | | inputValueArr = this.indexform.targetdesc.split(""); |
| | | } else { |
| | | return; |
| | | } |
| | | //将输入框内容切成数组,方便后续操作 |
| | | // inputValueArr = this.inputValue.split(""); |
| | | // 拿到选中文字的长度(后续可以用来替换选中的文字) |
| | | let selectLength = el.selectionEnd - el.selectionStart; |
| | | // 将要插入/替换的文字插入/替换(value.name是要插入/替换的字符串) |
| | | inputValueArr.splice( |
| | | el.selectionStart, |
| | | selectLength, |
| | | "__" + value + "__" |
| | | ); |
| | | // 把数组重新转换为字符串并赋值 |
| | | inputValueArr = inputValueArr.join(""); |
| | | console.log(inputValueArr); |
| | | if (this.currentInputId == "targetdesc") { |
| | | this.indexform.targetdesc = inputValueArr; |
| | | } else { |
| | | return; |
| | | } |
| | | }, |
| | | // 疾病----------------------- |
| | | illnessUpdate(row) { |
| | | this.illnessVisible = true; |
| | |
| | | display: center !important; |
| | | } |
| | | } |
| | | .tsgname { |
| | | 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; |
| | | } |
| | | .tsgname:hover { |
| | | background: #20894d; |
| | | } |
| | | .qrcode-dialo { |
| | | text-align: center; |
| | | // display: flex; |