| | |
| | | <!-- 左侧栏 --> |
| | | <div class="sidecolumn"> |
| | | <div class="sidecolumn-top"> |
| | | <div class="top-wj">指标类型</div> |
| | | <div class="top-wj">指标分类</div> |
| | | <div class="top-tj" @click="dialogFormVisible = true">+添加</div> |
| | | </div> |
| | | <div class="center-ss"> |
| | |
| | | > |
| | | <el-form-item label="指标名称" prop="userName"> |
| | | <el-input |
| | | v-model="queryParams.userName" |
| | | v-model="queryParams.targetname" |
| | | placeholder="请输入" |
| | | clearable |
| | | style="width: 200px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="标签" prop="sickness"> |
| | | <el-select v-model="queryParams.tag" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in dynamicTags" |
| | | :key="item.tagid" |
| | | :label="item.tagname" |
| | | :value="item.tagid" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-form-item label="标签名称" prop="userName"> |
| | | <el-input |
| | | v-model="queryParams.tagName" |
| | | placeholder="请输入" |
| | | clearable |
| | | style="width: 200px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="适用方式" prop="shape"> |
| | | <el-select v-model="queryParams.value" placeholder="请选择"> |
| | | <el-form-item label="适用场景" prop="shape"> |
| | | <el-select v-model="queryParams.suitWay" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in mode" |
| | | :key="item.value" |
| | |
| | | </el-form-item> |
| | | <el-form-item label="指标类型" prop="classify"> |
| | | <el-select |
| | | v-model="queryParams.classifyvalue" |
| | | v-model="queryParams.scriptType" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="(item, index) in qyoptions" |
| | | v-for="(item, index) in askvaluetype" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="可用状态" prop="classify"> |
| | | <el-form-item label="是否可用" prop="classify"> |
| | | <el-select |
| | | v-model="queryParams.classifyvalue" |
| | | v-model="queryParams.isAvailable" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="(item, index) in qyoptions" |
| | | v-for="(item, index) in usable" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | |
| | | icon="el-icon-plus" |
| | | size="medium" |
| | | @click="handleAdd" |
| | | v-hasPermi="['system:user:add']" |
| | | |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | |
| | | >删除</el-button |
| | | > |
| | | </el-col> |
| | |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column |
| | | <!-- <el-table-column |
| | | label="序号" |
| | | fixed |
| | | align="center" |
| | | key="id" |
| | | prop="id" |
| | | /> --> |
| | | <el-table-column |
| | | label="指标名称" |
| | | fixed |
| | | align="center" |
| | | key="targetname" |
| | | prop="targetname" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="指标描述" |
| | | align="center" |
| | | key="targetdesc" |
| | | prop="targetdesc" |
| | | :show-overflow-tooltip="true" |
| | | width="200" |
| | | /> |
| | | <el-table-column |
| | | label="结果类型" |
| | | fixed |
| | | label="指标类型" |
| | | align="center" |
| | | key="valueType" |
| | | prop="valueType" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="指标名称" |
| | | align="center" |
| | | key="targetname" |
| | | prop="targetname" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | </el-table-column> |
| | | |
| | | |
| | | <!-- <el-table-column |
| | | label="正常值范围" |
| | |
| | | <span>{{ scope.row.warnup }}~{{ scope.row.warndown }}</span> |
| | | </template> |
| | | </el-table-column> --> |
| | | <el-table-column |
| | | label="指标描述" |
| | | align="center" |
| | | key="targetdesc" |
| | | prop="targetdesc" |
| | | width="200" |
| | | /><el-table-column |
| | | label="适用方式" |
| | | <el-table-column |
| | | label="适用场景" |
| | | align="center" |
| | | key="suitWayList" |
| | | prop="suitWayList" |
| | |
| | | size="medium" |
| | | type="text" |
| | | @click="illnessUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-date"></i>详情</span |
| | | ></el-button |
| | |
| | | prop="isAvailable" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="qyoptions" |
| | | :value="scope.row.isAvailable" |
| | | /> |
| | | <dict-tag :options="usable" :value="scope.row.isAvailable" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit"></i>修改</span |
| | | ></el-button |
| | |
| | | size="medium" |
| | | type="text" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:user:remove']" |
| | | |
| | | ><span class="button-textsc" |
| | | ><i class="el-icon-delete"></i>删除</span |
| | | ></el-button |
| | |
| | | :rules="rules" |
| | | label-width="100px" |
| | | > |
| | | <div class="headline"> |
| | | <div class="basics">基础信息</div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="指标名称" prop="targetname"> |
| | | <el-input |
| | | v-model="indexform.targetname" |
| | | placeholder="请输入指标种类" |
| | | placeholder="请输入指标名称" |
| | | maxlength="40" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="版本号" prop="deptId"> |
| | | <el-input |
| | | v-model="indexform.version" |
| | | placeholder="默认1.0" |
| | | maxlength="40" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- deptOptions --> |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="指标分类" prop="assortid"> |
| | | <el-select |
| | | style="width: 300px;" |
| | | v-model="indexform.assortid" |
| | | size="medium" |
| | | filterable |
| | |
| | | </el-option-group> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="指标描述" prop="targetdesc"> |
| | | <el-input |
| | | v-model="indexform.targetdesc" |
| | | placeholder="请输入指标描述" |
| | | id="targetdesc" |
| | | @focus="currentInputId = 'targetdesc'" |
| | | maxlength="40" |
| | | /> |
| | | </el-form-item> </el-col |
| | | ></el-row> |
| | | <!-- deptOptions --> |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="8"> |
| | | <el-form-item label="版本号" prop="deptId"> |
| | | <el-input |
| | | v-model="indexform.version" |
| | | placeholder="默认1.0" |
| | | maxlength="40" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="语言" prop="language"> |
| | |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="是否可用" prop="isAvailable"> |
| | | <el-select |
| | | v-model="indexform.isAvailable" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="index in qyoptions" |
| | | :key="index.value" |
| | | :label="index.label" |
| | | :value="index.value" |
| | | ></el-option> |
| | | </el-select> |
| | | <el-radio-group v-model="indexform.isAvailable"> |
| | | <el-radio |
| | | v-for="(item, index) in usable" |
| | | :label="item.value" |
| | | >{{ item.label }}</el-radio |
| | | > |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="指标描述" prop="targetdesc"> |
| | | <el-input |
| | | v-model="indexform.targetdesc" |
| | | placeholder="请输入指标描述" |
| | | maxlength="40" |
| | | /> |
| | | </el-form-item> </el-col |
| | | ></el-row> |
| | | <el-form-item label="标签" prop="desc" v-if="!measurement"> |
| | | |
| | | <!-- <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="dynamicTags" v-if="!measurement"> |
| | | <div class="xinz-inf"> |
| | | <el-tag |
| | | :key="tag.tagname" |
| | |
| | | </el-form-item> |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="值类型"> |
| | | <el-form-item prop="valueType"> |
| | | <template #label> |
| | | 结果类型 |
| | | <el-tooltip |
| | | class="item" |
| | | effect="light" |
| | | content="本类型为结果收集类型;选项用于指向性题目如是否等;文本适用复杂情况;数值用于收集数值型数据" |
| | | placement="top-start" |
| | | > |
| | | <i class="el-icon-warning-outline"></i> |
| | | </el-tooltip> |
| | | <!-- 在标签后插入红色星号 --> |
| | | </template> |
| | | <el-radio-group v-model="indexform.valueType"> |
| | | <el-radio :label="1">选项</el-radio> |
| | | <el-radio :label="2">文本</el-radio> |
| | |
| | | > |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="题目类型"> |
| | | <el-radio-group v-model="indexform.scriptType"> |
| | | <el-form-item label="适用题型" prop="scriptType"> |
| | | <el-radio-group |
| | | @input="Changtype" |
| | | v-model="indexform.scriptType" |
| | | > |
| | | <el-radio :label="1">单选</el-radio> |
| | | <el-radio :label="2">多选</el-radio> |
| | | <el-radio :label="3">填空</el-radio> |
| | | <!-- <el-radio :label="3">填空</el-radio> --> |
| | | <el-radio :label="4">问答</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | |
| | | <el-row v-if="!measurement"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="适用场景" prop="suitWayList"> |
| | | <el-select |
| | | class="el-select1" |
| | | v-model="indexform.suitWayList" |
| | | multiple |
| | | @change="changeselect" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="index in mode" |
| | | :key="index.value" |
| | | :label="index.label" |
| | | :value="index.value" |
| | | ></el-option> |
| | | </el-select> |
| | | <el-checkbox-group v-model="indexform.suitWayList"> |
| | | <el-checkbox v-for="item in mode" :label="item.value">{{ |
| | | item.label |
| | | }}</el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <div v-if="indexform.scriptType == 1 || indexform.scriptType == 2"> |
| | | <div class="headline"> |
| | | <div class="basics">选项设置</div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | </div> |
| | | <el-card |
| | | class="box-card" |
| | | style="margin-bottom: 20px" |
| | |
| | | @xiayioption="xiayioption" |
| | | /> |
| | | </el-card> |
| | | <div v-if="indexform.scriptType == 3"> |
| | | <!-- <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 testuserList" style="margin-bottom: 10px"> |
| | | <el-input |
| | | type="text" |
| | | placeholder="填入收集信息" |
| | | v-model="indexform.optiondesc" |
| | | > |
| | | <el-button |
| | | slot="append" |
| | | @click="deloption(item)" |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | circle |
| | | ></el-button> |
| | | <span slot="prepend">{{ "(" + item.orderno + ")" }}</span> |
| | | </el-input> |
| | | </div> |
| | | </el-card> |
| | | </el-form-item> |
| | | </div> --> |
| | | <div class="headline"> |
| | | <div class="basics">指标测试</div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="测试输入" prop="nickName"> |
| | |
| | | </span> |
| | | </el-dialog> |
| | | <!-- 添加类别弹框 --> |
| | | <el-dialog title="新增类别" width="30%" :visible.sync="dialogFormVisible"> |
| | | <el-dialog title="类别编辑" width="30%" :visible.sync="dialogFormVisible"> |
| | | <div style="text-align: center; margin-bottom: 20px"> |
| | | <el-radio-group v-model="radio"> |
| | | <el-radio-button label="主分类"></el-radio-button> |
| | |
| | | showSearch: true, |
| | | measurement: false, |
| | | languagelist: [], |
| | | usable: [], |
| | | indexid: null, |
| | | // 总条数 |
| | | total: 0, |
| | |
| | | radio: "主分类", |
| | | testvalue: "", |
| | | testgovalue: "", |
| | | creatype: "", //指标临时类型 |
| | | hasValue: true, |
| | | classifyform: { |
| | | categoryname: "", |
| | |
| | | illnesslist: [], |
| | | illnesslistapi: [], |
| | | optionsillness: [], |
| | | qyoptions: [], |
| | | mode: [], |
| | | optionstag: [], |
| | | targetoptionList: [], |
| | | Temporarytype: "", |
| | | |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | valuetypelb: [], |
| | | askvaluetype: [], |
| | | |
| | | // 表单校验 |
| | | rules: { |
| | |
| | | { required: true, message: "指标分类不能为空", trigger: "blur" }, |
| | | ], |
| | | language: [ |
| | | { required: true, message: "指标语言不能为空", trigger: "blur" }, |
| | | { required: true, message: "语言不能为空", trigger: "blur" }, |
| | | ], |
| | | isAvailable: [ |
| | | { required: true, message: "指标语言不能为空", trigger: "blur" }, |
| | | { required: true, message: "可用状态不能为空", trigger: "blur" }, |
| | | ], |
| | | targetdesc: [ |
| | | { required: true, message: "指标描述不能为空", trigger: "blur" }, |
| | | ], |
| | | valueType: [ |
| | | { required: true, message: "结果类型不能为空", trigger: "blur" }, |
| | | ], |
| | | scriptType: [ |
| | | { required: true, message: "适用题型不能为空", trigger: "blur" }, |
| | | ], |
| | | suitWayList: [ |
| | | { required: true, message: "适用场景不能为空", trigger: "blur" }, |
| | | ], |
| | | }, |
| | | }; |
| | |
| | | this.gettabList(); |
| | | this.getDeptTree(); |
| | | this.mode = store.getters.mode; |
| | | this.askvaluetype = store.getters.askvaluetype; |
| | | this.valuetypelb = store.getters.valuetypelb; |
| | | this.languagelist = store.getters.languagelist; |
| | | this.qyoptions = store.getters.usable; |
| | | this.usable = store.getters.usable; |
| | | }, |
| | | methods: { |
| | | /** 查询指标列表 */ |
| | |
| | | this.deletefenl = row.title; |
| | | } |
| | | }, |
| | | // 便捷标签插入填空 |
| | | tsgnameto(row) { |
| | | let inputValueArr = ""; |
| | | let value = this.testuserList.length + 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 + "__" |
| | | ); |
| | | this.testuserList.push({ |
| | | orderno: value, |
| | | optiondesc: "", |
| | | isoperation: 1, |
| | | }); |
| | | // 把数组重新转换为字符串并赋值 |
| | | inputValueArr = inputValueArr.join(""); |
| | | |
| | | console.log(inputValueArr); |
| | | if (this.currentInputId == "targetdesc") { |
| | | this.indexform.targetdesc = inputValueArr; |
| | | } else { |
| | | return; |
| | | } |
| | | }, |
| | | Changtype(item) { |
| | | console.log(this.testuserList); |
| | | console.log(item, "选项变更的处理"); |
| | | |
| | | if (item == 3 && this.testuserList[0].targetvalue) { |
| | | this.$modal |
| | | .confirm("更改类型为填空后选项将清空是否继续?") |
| | | .then(() => { |
| | | this.testuserList = []; |
| | | this.Temporarytype = this.indexform.scriptType; |
| | | }) |
| | | .catch(() => { |
| | | this.indexform.scriptType = this.Temporarytype; |
| | | }); |
| | | } else if (item == 3) { |
| | | this.testuserList = []; |
| | | this.Temporarytype = this.indexform.scriptType; |
| | | } |
| | | { |
| | | this.Temporarytype = this.indexform.scriptType; |
| | | } |
| | | }, |
| | | // 疾病----------------------- |
| | | illnessUpdate(row) { |
| | | this.illnessVisible = true; |
| | |
| | | targetvalue: "", |
| | | targetregex: "", |
| | | targetregex2: "", |
| | | picturePath: "", |
| | | dynamiccruxs: [], |
| | | nodynamiccruxs: [], |
| | | dynamiccruxsJson: "", |
| | |
| | | console.log(this.targetoptionList, "aaaa.targetoptionList"); |
| | | this.testuserList.splice(index, 1); // 从索引位置删除一个元素 |
| | | this.sortFn(); |
| | | |
| | | if (this.indexform.scriptType == 3) { |
| | | this.$modal.msgWarning( |
| | | "填空项已删除请手动删除题目内容中对应的填空项" |
| | | ); |
| | | } |
| | | } else { |
| | | console.log("未找到该对象"); |
| | | } |
| | | }, |
| | | |
| | | syioption(row) { |
| | | const index = this.getIndexInArray(this.testuserList, row); |
| | | const item = this.testuserList.splice(index, 1)[0]; // 移除指定索引处的元素,并保存到item变量中 |
| | |
| | | nodynamiccruxsJson: item.nodynamiccruxsJson, |
| | | targetoptionid: item.targetoptionid, |
| | | isabnormal: item.isabnormal, |
| | | picturePath: item.picturePath, |
| | | optiondesc: item.optiondesc, |
| | | }; |
| | | }); |
| | | console.log(this.testuserList); |
| | |
| | | this.indexform = { |
| | | ivrLibaTargetTagList: [], |
| | | targetoptionList: [], |
| | | suitWayList: [], |
| | | }; |
| | | this.dynamicTags = []; |
| | | this.testuserList = [ |
| | |
| | | targetregex: "", |
| | | targetregex2: "", |
| | | isoperation: 1, |
| | | isabnormal:0, |
| | | picturePath: "", |
| | | dynamiccruxs: [], |
| | | nodynamiccruxs: [], |
| | | dynamiccruxsJson: "", |
| | |
| | | this.indexform = {}; |
| | | this.indexform = row; |
| | | this.indexform.scriptType = Number(row.scriptType); |
| | | this.Temporarytype = this.indexform.scriptType; |
| | | if (!row.targetoptionList[0]) { |
| | | row.targetoptionList = [ |
| | | { |
| | |
| | | targetregex: "", |
| | | targetregex2: "", |
| | | isoperation: 1, |
| | | orderno: 1, |
| | | dynamiccruxs: [], |
| | | nodynamiccruxs: [], |
| | | dynamiccruxsJson: "", |
| | |
| | | } |
| | | }); |
| | | if (valid) { |
| | | this.indexform.optionDesc = this.testuserList |
| | | .filter((item) => item.isoperation != 3) |
| | | .map((item) => item.targetvalue) |
| | | .join(", "); |
| | | if (!this.indexform.version) this.indexform.version = "1.0"; |
| | | if (this.indexform.id != undefined) { |
| | | this.indexform.isoperation = 2; |
| | |
| | | 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; |
| | | } |
| | | .headline { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | font-size: 20px; |
| | | border-left: 4px solid #41a1be; |
| | | padding-left: 5px; |
| | | margin: 15px 0; |
| | | } |
| | | .qrcode-dialo { |
| | | text-align: center; |
| | | // display: flex; |
| | |
| | | width: 300px; |
| | | height: 400px; |
| | | } |
| | | } |
| | | .el-select { |
| | | width: 40%; |
| | | } |
| | | ::v-deep.el-tabs--left, |
| | | .el-tabs--right { |