From 9bc27231d681cbc1bae6d8f199521d332c9c23f7 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期一, 19 八月 2024 11:14:23 +0800 Subject: [PATCH] 测试完成 --- src/views/repositoryai/templateku/configurat/index.vue | 2180 +++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 1,889 insertions(+), 291 deletions(-) diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue index 25c8ed9..1d68f79 100644 --- a/src/views/repositoryai/templateku/configurat/index.vue +++ b/src/views/repositoryai/templateku/configurat/index.vue @@ -1,350 +1,1948 @@ <template> - <div class="stencils"> - <!-- 涓婇儴 --> - <div class="stencils-top"> - <div class="basic">寰呴�夐棶棰�</div> - <div class="top-menu"> - <div class="search-box"> - <el-form :inline="true" :model="formInline" class="demo-form-inline"> - <el-form-item label="璇█" prop="status"> - <el-select v-model="formInline.status" placeholder="璇烽�夋嫨"> + <div class="Questionnairemanagement"> + <!-- 宸︿晶鏍� --> + <div class="sidecolumn"> + <div> + <el-steps finish-status="success" :active="Editprogress" simple> + <el-step> + <template slot="title"> + <span style="cursor: pointer" @click="Editprogress = 1" + >鍩虹淇℃伅</span + > + </template> + </el-step> + <el-step> + <template slot="title"> + <span style="cursor: pointer" @click="Editprogress = 2" + >闅忚妯$増棰樼洰</span + > + </template> + </el-step> + <el-step description="鏌ョ湅闅忚妯$増棰勮锛屽彲瀵煎嚭PDF"> + <template slot="title"> + <span style="cursor: pointer" @click="preview">闅忚妯$増棰勮</span> + </template> + </el-step> + </el-steps> + </div> + </div> + <!-- 鍙充晶鏁版嵁 --> + <div class="leftvlue"> + <!-- 鍩烘湰淇℃伅 --> + <div v-if="Editprogress == 1"> + <div class="leftvlue-jbxx">鍩烘湰淇℃伅</div> + <el-divider></el-divider> + <el-form + :model="ruleForm" + :rules="rules" + ref="ruleForm" + label-width="120px" + class="demo-ruleForm" + > + <el-row> + <el-col :span="12"> + <el-form-item label="妯$増鍚嶇О" prop="region"> + <div> + <el-input + v-model="ruleForm.templateName" + placeholder="璇疯緭鍏ュ悕绉�" + ></el-input> + </div> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="闅忚妯$増鍒嗙被" prop="region"> + <el-select + v-model="ruleForm.assortid" + size="medium" + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option-group + v-for="group in indexAssortlist" + :key="group.id" + :label="group.indexAssortName" + > + <el-option + v-for="item in group.ivrLibaTemplateAssortList" + :key="item.id" + :label="item.indexAssortName" + :value="item.id" + > + </el-option> + </el-option-group> + </el-select> + </el-form-item> + </el-col> + </el-row> + + <el-form-item label="妯$増绠�浠�" prop="note"> + <div style="width: 50%"> + <el-input + type="textarea" + placeholder="璇疯緭鍏ョ畝浠�" + v-model="ruleForm.note" + ></el-input> + </div> + </el-form-item> + <el-row :gutter="20"> + <el-col :span="12"> + <el-form-item label="鐗堟湰鍙�" prop="version"> + <el-input + style="width: 220px" + v-model="ruleForm.version" + placeholder="榛樿1.0.1" + ></el-input> </el-form-item + ></el-col> + <el-col :span="12"> + <el-form-item label="鍙敤鐘舵��" prop="region"> + <el-select + v-model="ruleForm.usestate" + size="medium" + placeholder="璇烽�夋嫨" + > + <el-option + class="ruleFormaa" + v-for="item in usable" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + </el-row> + + <el-row :gutter="20"> + <el-col :span="12"> + <el-form-item label="璇█" prop="name"> + <el-select + v-model="ruleForm.language" + size="medium" + filterable + placeholder="璇烽�夋嫨璇█" + > + <el-option + class="ruleFormaa" + v-for="item in languagelist" + :key="item.label" + :label="item.label" + :value="item.label" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="12"> + <el-form-item label="鎾姤浼樺厛" prop="playType"> + <el-select + v-model="ruleForm.playType" + size="medium" + filterable + placeholder="璇烽�夋嫨璇█" + > + <el-option + class="ruleFormaa" + v-for="item in precedencetype" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + </el-row> + <el-form-item label="闅忚鏂瑰紡" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.suitway" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級" + > + <el-option + class="ruleFormaa" + v-for="item in mode" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鏍囩" prop="desc"> + <div class="xinz-inf"> + <el-tag + :key="tag.tagname" + type="success" + v-for="tag in dynamicTags" + closable + :disable-transitions="false" + @close="handleClosetag(tag)" + > + {{ tag.tagname }} + </el-tag> + <el-select + v-model="inputValue" + v-if="inputVisible" + @change="handleInputConfirm" + filterable + remote + allow-create + reserve-keyword + default-first-option + :remote-method="remoteMethodtag" + :loading="loading" + placeholder="璇烽�夋嫨" + > <el-option - v-for="item in languagelist" - :key="item.value" - :label="item.label" - :value="item.value" + v-for="item in optionstag" + :key="item.tagid" + :label="item.tagname" + :value="item.tagname" > </el-option> </el-select> - </el-form-item> - <el-form-item label="闂涓绘棬"> - <el-input - v-model="formInline.user" - placeholder="闂涓绘棬" - ></el-input> - </el-form-item> - <el-form-item label="鍏宠仈鎸囨爣"> - <el-input - v-model="formInline.user" - placeholder="鍏宠仈鎸囨爣" - ></el-input> - </el-form-item> - <el-form-item> - <el-button type="primary" icon="el-icon-search" @click="onSubmit" - >鎼滅储</el-button + <el-button + v-else + class="button-new-tag" + size="small" + @click="showInput" + >+ 鏂板鏍囩</el-button > + </div> + </el-form-item> + <div class="xinz-infs"> + <el-form-item label="閫傜敤鐤剧梾" prop="region"> + <el-tag + v-for="tag in displayedTags" + :key="tag.icdid" + type="warning" + :disable-transitions="false" + > + {{ tag.icdname }} + </el-tag> + <el-tag v-if="hasMore" type="info">+{{ remaining }} more</el-tag> </el-form-item> - </el-form> - </div> - <div - style=" - height: 300px; - border: 0.5px solid #aeafb1; - overflow-x: hidden; - overflow-y: scroll; - " - > - <div class="menu-list" v-for="item in 13"> - <div>鐢ㄨ嵂鏄惁瑙勮寖</div> - <div class="menu-icon" @click="menudeletei(index)"> - <i class="el-icon-plus" /> - </div> </div> - </div> - </div> - </div> - <!-- 涓嬮儴 --> - <div class="stencils-bottom"> - <div class="issue"> - <div class="basics">宸查�夋嫨闂</div> - <div style="margin: 10px; font-size: 20px">浣撴閫氱煡</div> - <div - style=" - height: 350px; - margin: 10px; - border: 0.5px solid #aeafb1; - overflow-x: hidden; - overflow-y: scroll; - " - > - <div class="menu-list" v-for="item in 13"> - <div>鐢ㄨ嵂鏄惁瑙勮寖</div> - <div class="menu-icons" @click="menudeletei(index)"> - <i class="el-icon-delete" /> - </div> - </div> - </div> - <div class="issue-button"> - <el-button type="primary" icon="el-icon-circle-plus-outline" - >鍏崇郴鍥�</el-button - > - <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button> - </div> - </div> - <div class="particulars"> - <div class="headline"> - <div class="basics">闂閰嶇疆</div> - <div class="headbottom"> - <el-button - type="primary" - icon="el-icon-circle-plus-outline" - @click="addzbiao" - >娣诲姞鎸囨爣</el-button + <div style="margin-left: 120px; margin-bottom: 10px"> + <el-button type="warning" @click="$refs.child.handleAddpatient()" + >鐤剧梾璇︽儏</el-button > - <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button> </div> - </div> - <div - class="valuetop" - v-for="(item, index) in deployList" - :key="item.id" - > - <div class="val-text"> - <div> - 鏈夋棤澶嶆煡 <span>{{ item.name }}</span> - </div> - <div class="text-icon" @click="deletei(index)"> - <i class="el-icon-delete" /> - </div> - </div> - <div class="val-bon"> - <el-form ref="form" :model="item" label-width="90px"> - <el-form-item label="鑺傜偣ID"> - <el-input v-model="item.id"></el-input> - </el-form-item> - <el-form-item label="鑺傜偣鎻忚堪"> - <el-input v-model="item.name"></el-input> - </el-form-item> - <el-form-item label="鏂囨湰鎻愮ず"> - <el-input type="textarea" v-model="item.valuetop"></el-input> - </el-form-item> - <el-form-item label="璇煶鍦板潃"> - <el-input v-model="item.name"></el-input> - </el-form-item> - <el-form-item label="璺宠浆闂鍙�"> - <el-input v-model="item.name"></el-input> - </el-form-item> - <el-form-item label="鎾姤绫诲瀷"> - <el-radio-group v-model="item.resource"> - <el-radio label="娣峰悎浼樺厛"></el-radio> - <el-radio label="鏂囧瓧浼樺厛"></el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="鎸囨爣绫诲瀷"> - <el-radio-group v-model="item.resource"> - <el-radio label="閫夐」"></el-radio> - <el-radio label="鏂囨湰"></el-radio> - <el-radio label="鏁扮粍"></el-radio> - </el-radio-group> - </el-form-item> - <el-form-item label="鎸囨爣鍚嶇О"> - <el-input v-model="item.name"></el-input> - </el-form-item> - <el-form-item label="鎸囨爣鍊�"> - <el-input v-model="item.name"></el-input> - </el-form-item> - <el-form-item label="閫傜敤瑙勫垯"> - <el-radio-group v-model="item.resources"> - <el-radio label="鍩虹"></el-radio> - <el-radio label="鑷畾涔�"></el-radio> - </el-radio-group> - </el-form-item> - <el-form-item - label="鑷畾涔夎鍒�" - v-if="item.resources == '鑷畾涔�'" + <el-form-item label="閫傜敤闄㈠尯" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.campus" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨鍒嗙被" + > + <el-option + class="ruleFormaa" + v-for="item in courtyardlist" + :key="item.label" + :label="item.label" + :value="item.label" > - <el-input type="textarea" v-model="item.valuetop"></el-input> - </el-form-item> - </el-form> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="閫傜敤绉戝" prop="region"> + <el-cascader + style="width: 500px" + v-model="tempDetpRelevanceslist" + :options="deptList" + :props="props" + :show-all-levels="false" + clearable + > + <template slot-scope="{ node, data }"> + <span>{{ data.deptName }}</span> + <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span> + </template> + </el-cascader> + </el-form-item> + <el-form-item label="閫氱敤搴�" prop="region"> + <el-select + style="width: 500px" + v-model="ruleForm.submoduleID" + size="medium" + multiple + filterable + placeholder="璇烽�夋嫨搴擄紙澶氶�夛級" + > + <el-option + class="ruleFormaa" + v-for="item in generallist" + :key="item.id" + :label="item.extName" + :value="item.id" + > + </el-option> + </el-select> + </el-form-item> + <el-row :gutter="20"> + <el-col :span="12"> + <el-form-item label="闅忚鍓嶅鐞�" prop="name"> + <el-input + type="textarea" + show-word-limit + v-model="ruleForm.revisitBefore" + ></el-input></el-form-item + ></el-col> + <el-col :span="12"> + <el-form-item label="闅忚鍚庡鐞�" prop="region"> + <el-input + type="textarea" + show-word-limit + v-model="ruleForm.revisitAfter" + ></el-input> </el-form-item + ></el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="8"> + <el-form-item label="闈欓粯鏃堕棿(绉�)" prop="name"> + <div style="width: 40%"> + <el-input + v-model="ruleForm.silencetime" + ></el-input></div></el-form-item + ></el-col> + <el-col :span="8"> + <el-form-item label="闈欓粯娆℃暟" prop="name"> + <div style="width: 40%"> + <el-input + v-model="ruleForm.noVoiceNum" + ></el-input></div></el-form-item + ></el-col> + <el-col :span="8"> + <el-form-item label="鏃犲尮閰嶉噸澶�(娆�)" prop="region"> + <div style="width: 40%"> + <el-input v-model="ruleForm.mateNum"></el-input> + </div> </el-form-item + ></el-col> + </el-row> + <el-form-item> + <el-button type="success" plain @click="nextstep('ruleForm')" + >涓嬩竴姝�</el-button + > + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> + <el-button + type="success" + @click="Departmenttreatment('ruleForm')" + >{{ task ? "淇濆瓨鍒颁换鍔℃ā鐗�" : "淇濆瓨闅忚妯$増鍩虹淇℃伅" }}</el-button + > + </el-form-item> + </el-form> + </div> + <!-- 闅忚妯$増璁剧疆 --> + <div v-if="Editprogress == 2"> + <div class="leftvlue-jbxx">闅忚妯$増棰樼洰璁剧疆</div> + <el-divider></el-divider> + <div class="addtopic"> + <el-button + type="primary" + icon="el-icon-plus" + round + @click="getaddtopiclist" + >娣诲姞棰樼洰</el-button + > + </div> + <div class="presentation"> + <div class="presentation-left"> + <el-card class="box-card" style="min-height: 688px"> + <el-table + v-loading="loading" + :data="ruleForm.ivrLibaTemplateScriptVOList" + > + <el-table-column + label="缂栧彿" + align="center" + key="targetid" + prop="targetid" + /> + <el-table-column + label="鏍囬" + align="center" + key="scriptTopic" + prop="scriptTopic" + :show-overflow-tooltip="true" + /> + <el-table-column + label="闂璇濇湳" + align="center" + key="scriptContent" + prop="scriptContent" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + width="250" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + icon="el-icon-edit" + type="primary" + circle + @click="handleUpdate(scope.row)" + ></el-button> + <el-button + type="danger" + icon="el-icon-delete" + circle + @click="handleDelete(scope.row)" + ></el-button> + <el-button + @click="syioption(scope.row)" + type="success" + icon="el-icon-top" + circle + ></el-button> + <el-button + @click="xiayioption(scope.row)" + type="success" + icon="el-icon-bottom" + circle + ></el-button> + </template> + </el-table-column> + </el-table> + </el-card> + </div> + <div class="presentation-right"> + <el-card class="box-card"> + <el-form + :inline="true" + :model="topicobj" + class="demo-form-inline" + > + <div class="headline"> + 棰樼洰璁剧疆璇︽儏 + <!-- <span style="margin-left: 30px" + ><el-button type="primary" @click="Submittopicobj" + >淇濆瓨</el-button + ></span + > --> + </div> + <el-form-item label="棰樼洰鏍囬"> + <el-input + v-model="topicobj.scriptTopic" + placeholder="璇蜂粠宸︿晶鍒楄〃閫夋嫨" + ></el-input> + </el-form-item> + <el-form-item label="闂鑺傜偣"> + <el-input + v-model="topicobj.targetid" + placeholder="璇蜂粠宸︿晶鍒楄〃閫夋嫨" + :disabled="true" + ></el-input> + </el-form-item> + <el-row :gutter="10"> + <el-col :span="12" + ><el-form-item label="鏄惁蹇呭~"> + <el-select + v-model="topicobj.isMust" + placeholder="榛樿蹇呭~" + > + <el-option + v-for="item in required" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <el-col :span="12" + ><el-form-item label="鍙栧�肩被鍨�"> + <el-select + v-model="topicobj.valueType" + placeholder="璇烽�夋嫨" + :disabled="true" + > + <el-option + v-for="item in valuetype" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + </el-row> + <el-form-item label="闂璇煶" v-if="topicobj.scriptVoice"> + <mini-audio :audio-source="topicobj.scriptVoice"></mini-audio> + </el-form-item> + + <div + class="topicxq" + v-if="topicobj.valueType == 2 || topicobj.valueType == 3" + > + <el-row> + <el-col :span="20"> + <el-form-item label="鏀堕泦鍐呭"> + <el-input + style="width: 400px" + type="textarea" + v-model="topicobj.value" + placeholder="闂鏀堕泦鍐呭" + ></el-input> + </el-form-item> + </el-col> + </el-row> + </div> + <div v-else> + <div class="headline"> + <div class="basics">閫夐」璁剧疆</div> + <!-- <div class="headbottom"> + <el-button + type="primary" + icon="el-icon-circle-plus-outline" + @click="addzbiao" + >娣诲姞鎸囨爣</el-button + > + </div> --> + </div> + + <Regular + :TargetoptionList="topicobj.ivrLibaScriptTargetoptionList" + @deloption="deloption" + :controlsc="false" + /> + <!-- 鏃犲尮閰嶇被鍨� --> + <div class="topicxq"> + <el-row :gutter="10"> + <el-col :span="20" + ><el-form-item label="鏃犲尮閰嶈瘽鏈�"> + <el-input + type="textarea" + style="width: 400px" + placeholder="璇疯緭鍏�" + v-model="topicobj.noMatchText" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + <el-row :gutter="10"> + <el-col :span="16"> + <el-form-item + label="鏃犲尮閰嶈闊�" + v-if="topicobj.nomatchvoice" + > + <mini-audio + :audio-source="topicobj.nomatchvoice" + ></mini-audio> </el-form-item + ></el-col> + </el-row> + </div> + <div class="topicxq"> + <el-row :gutter="10"> + <el-col :span="20" + ><el-form-item label="鍚笉娓呰瘽鏈�"> + <el-input + style="width: 400px" + type="textarea" + placeholder="璇疯緭鍏�" + v-model="topicobj.noClearlyText" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + + <el-row :gutter="10"> + <el-col :span="16"> + <el-form-item + label="璇煶鏂囦欢" + v-if="topicobj.noclearlyvoice" + > + <mini-audio + :audio-source=" + topicobj.noclearlyvoice + ? topicobj.noclearlyvoice + : 'https://example.com/example.mp3' + " + ></mini-audio> </el-form-item + ></el-col> + </el-row> + </div> + <div class="topicxq"> + <el-row :gutter="10"> + <el-col :span="20" + ><el-form-item label="闈欓粯璇濇湳"> + <el-input + type="textarea" + style="width: 400px" + placeholder="璇疯緭鍏�" + v-model="topicobj.slienceText" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + + <el-row :gutter="10"> + <el-col :span="16"> + <el-form-item + label="璇煶鏂囦欢" + v-if="topicobj.sliencevoice" + > + <mini-audio + :audio-source=" + topicobj.sliencevoice + ? topicobj.sliencevoice + : 'https://example.com/example.mp3' + " + ></mini-audio> </el-form-item + ></el-col> + </el-row> + </div> + </div> + </el-form> + </el-card> </div> </div> + + <el-button type="success" @click="Departmenttreatment('ruleForm')">{{ + task ? "淇濆瓨鍒颁换鍔℃ā鐗�" : "淇濆瓨棰樼洰鏁版嵁" + }}</el-button> + <el-button type="primary" plain @click="laststep()">涓婁竴姝�</el-button> + <el-button type="success" plain @click="preview('ruleForm')" + >鏌ョ湅棰勮</el-button + > + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> + </div> + <!-- 闅忚妯$増棰勮 --> + <div v-if="Editprogress == 3"> + <div class="leftvlue-jbxx">闅忚妯$増闂棰勮</div> + <el-divider></el-divider> + + <div class="preview-left"> + <!-- 鍗曢�� --> + <div + class="scriptTopic-dev" + v-for="item in valssu" + :key="item.targetid" + v-if="item.valueType == 1" + > + <div class="dev-text"> + {{ item.targetid }}銆乕鍗曢�塢<span>{{ item.scriptContent }}</span> + </div> + <div class="dev-xx"> + <el-radio-group v-model="item.remark"> + <el-radio + v-for="(items, index) in item.ivrLibaScriptTargetoptionList" + :key="index" + :label="index" + >{{ items.targetvalue }}</el-radio + > + </el-radio-group> + </div> + </div> + <!-- 澶氶�� --> + <div + class="scriptTopic-dev" + v-for="item in valssu" + :key="item.targetid" + v-if="item.valueType == 2" + > + <div class="dev-text"> + {{ item.targetid }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span> + </div> + <div class="dev-xx"> + <el-checkbox-group v-model="item.remark"> + <el-checkbox + v-for="(items, index) in item.ivrLibaScriptTargetoptionList" + :key="index" + :label="index" + > + {{ items.targetvalue }} + </el-checkbox> + </el-checkbox-group> + </div> + </div> + <!-- 濉┖ --> + <div + class="scriptTopic-dev" + v-for="item in valssu" + :key="item.targetid" + v-if="item.valueType == 3" + > + <div class="dev-text"> + {{ item.targetid }}銆乕濉┖]<span>{{ item.scriptContent }}</span> + </div> + <div class="dev-xx"> + <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable> + </el-input> + </div> + </div> + </div> + <el-button type="primary" plain @click="laststep()">涓婁竴姝�</el-button> + <el-button type="warning" @click="measurement()">鍓嶅線娴嬭瘯</el-button> + <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button> </div> </div> + <!-- 娣诲姞棰樼洰寮圭獥 --> + <el-drawer + title="娣诲姞棰樼洰" + :visible.sync="drawer" + custom-class="demo-drawer" + size="50%" + > + <div style="margin: 0 25px"> + <el-tabs v-model="activeName"> + <el-tab-pane label="棰樺簱閫夊彇" name="first"> + <div class="preview-left"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + label-width="98px" + > + <el-form-item label="鏍囬" prop="userName"> + <el-input + v-model="queryParams.scriptTopic" + placeholder="璇疯緭鍏�" + clearable + style="width: 200px" + @keyup.enter.native="getaddtopiclist" + /> + </el-form-item> + + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="medium" + @click="getaddtopiclist" + >鎼滅储</el-button + > + <el-button + icon="el-icon-refresh" + size="medium" + @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-form> + <el-table v-loading="loading" :data="userList"> + <el-table-column + label="鏍囬" + align="center" + key="scriptTopic" + prop="scriptTopic" + width="100" + /> + <el-table-column + label="闂璇濇湳" + align="center" + key="scriptContent" + prop="scriptContent" + width="200" + :show-overflow-tooltip="true" + /> + <el-table-column + label="閫夐」鍐呭" + align="center" + key="targetoptions" + prop="targetoptions" + width="200" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="addtopic(scope.row)" + ><span class="button-textxg" + ><i class="el-icon-circle-plus-outline"></i>娣诲姞</span + ></el-button + > + </template> + </el-table-column> + </el-table> + <pagination + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getaddtopiclist" + /> + </div> + </el-tab-pane> + <el-tab-pane label="鎵嬪姩閰嶇疆" name="second"> + <div class="preview-left"> + <el-form + :inline="true" + :model="indexform" + class="demo-form-inline" + > + <div class="headline"> + 棰樼洰璁剧疆璇︽儏 + <span style="margin-left: 30px" + ><el-button type="primary" @click="Submittopicobj" + >淇濆瓨鏂板</el-button + ></span + > + </div> + <el-divider></el-divider> + <el-form-item label="棰樼洰鏍囬"> + <el-input + v-model="indexform.scriptTopic" + placeholder="璇疯緭鍏ラ鐩爣棰�" + ></el-input> + </el-form-item> + <el-form-item label="闂鑺傜偣"> + <el-input + v-model="indexform.targetid" + placeholder="璇疯緭鍏ラ棶棰樿妭鐐�" + ></el-input> + </el-form-item> + <el-row :gutter="10"> + <el-col :span="12" + ><el-form-item label="鏄惁蹇呭~"> + <el-select + v-model="indexform.isMust" + placeholder="榛樿蹇呭~" + > + <el-option + v-for="item in required" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> + <!-- <el-col :span="12" + ><el-form-item label="鍙栧�肩被鍨�"> + <el-select + v-model="indexform.valueType" + placeholder="璇烽�夋嫨" + :disabled="true" + > + <el-option + v-for="item in valuetype" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> </el-form-item + ></el-col> --> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="闂璇煶" prop="verbaltrickyy"> + <el-upload + class="upload-demo" + :action="uploadImgUrl" + :headers="headers" + :show-file-list="false" + :on-success=" + (response, file) => handleChange(response, file, 1) + " + accept=".wav,.mp3" + :limit="1" + > + <el-button size="small" type="primary" + >鐐瑰嚮涓婁紶</el-button + > + </el-upload> + </el-form-item> + </el-col> + <el-col :span="6"> + <span + style="font-size: 18px; margin-top: 10px" + v-if="indexform.scriptVoice" + >{{ + indexform.scriptVoice.substring( + indexform.scriptVoice.lastIndexOf("/") + 1 + ) + }}</span + > + </el-col> + <el-col :span="6"> + <mini-audio + :audio-source=" + indexform.scriptVoice + ? indexform.scriptVoice + : 'https://example.com/example.mp3' + " + ></mini-audio> + </el-col> + </el-row> + <div> + <el-form-item label="鎸囨爣鍚嶇О" prop="deptId"> + <el-input + v-model="indexform.targetname" + placeholder="璇疯緭鍏ユ寚鏍囧悕绉�" + maxlength="20" + /> + </el-form-item> + <el-form-item label="鎸囨爣鎻忚堪" prop="deptId"> + <el-input + v-model="indexform.targetdesc" + placeholder="璇疯緭鍏ユ寚鏍囨弿杩�" + maxlength="60" + /> + </el-form-item> + + <el-row> + <el-col :span="20"> + <el-form-item label="鍊肩被鍨�"> + <el-radio-group v-model="indexform.valueType"> + <el-radio :label="1">閫夐」</el-radio> + <el-radio :label="2">鏂囨湰</el-radio> + <el-radio :label="3">鏁板��</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="20"> + <el-form-item label="棰樼洰绫诲瀷"> + <el-radio-group + @input="typeselection" + v-model="indexform.scriptType" + > + <el-radio :label="1">鍗曢��</el-radio> + <!-- <el-radio :label="2">澶氶��</el-radio> --> + <el-radio :label="4">闂瓟</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + </div> + <div class="topicxq" v-if="indexform.scriptType == 2"> + <el-row> + <el-col :span="20"> + <el-form-item label="鏀堕泦鍐呭"> + <el-input + style="width: 400px" + type="textarea" + v-model="indexform.value" + placeholder="闂鏀堕泦鍐呭" + ></el-input> + </el-form-item> + </el-col> + </el-row> + </div> + + <div v-else> + <div class="headline"> + <div class="basics">閫夐」璁剧疆</div> + </div> + <el-divider></el-divider> + <Regular + :TargetoptionList="indexform.ivrLibaScriptTargetoptionList" + @deloption="deloption" + :controlsc="false" + /> + <!-- 鏃犲尮閰嶇被鍨� --> + <div class="topicxq"> + <el-row :gutter="10"> + <el-col :span="20" + ><el-form-item label="鏃犲尮閰嶈瘽鏈�"> + <el-input + type="textarea" + style="width: 400px" + placeholder="璇疯緭鍏�" + v-model="indexform.noMatchText" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="鏃犲尮閰嶈闊�" prop="verbaltrickyy"> + <el-upload + class="upload-demo" + :action="uploadImgUrl" + :show-file-list="false" + :headers="headers" + :on-success=" + (response, file) => + handleChange(response, file, 2) + " + accept=".wav,.mp3" + :limit="1" + > + <el-button size="small" type="primary" + >鐐瑰嚮涓婁紶</el-button + > + </el-upload> + </el-form-item> + </el-col> + <el-col :span="6"> + <span + style="font-size: 12px" + v-if="indexform.nomatchvoice" + >{{ + indexform.nomatchvoice.substring( + indexform.nomatchvoice.lastIndexOf("/") + 1 + ) + }}</span + > + </el-col> + <el-col :span="6"> + <mini-audio + :audio-source=" + indexform.nomatchvoice + ? indexform.nomatchvoice + : 'https://example.com/example.mp3' + " + ></mini-audio> + </el-col> + </el-row> + </div> + <div class="topicxq"> + <el-row :gutter="10"> + <el-col :span="20" + ><el-form-item label="鍚笉娓呰瘽鏈�"> + <el-input + style="width: 400px" + type="textarea" + placeholder="璇疯緭鍏�" + v-model="indexform.noClearlyText" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + + <el-row> + <el-col :span="6"> + <el-form-item label="鍚笉娓呰闊�" prop="verbaltrickyy"> + <el-upload + class="upload-demo" + :action="uploadImgUrl" + :show-file-list="false" + :headers="headers" + :on-success=" + (response, file) => + handleChange(response, file, 4) + " + accept=".wav,.mp3" + :limit="1" + > + <el-button size="small" type="primary" + >鐐瑰嚮涓婁紶</el-button + > + </el-upload> + </el-form-item> + </el-col> + <el-col :span="6"> + <span + style="font-size: 12px" + v-if="indexform.noclearlyvoice" + >{{ + indexform.noclearlyvoice.substring( + indexform.noclearlyvoice.lastIndexOf("/") + 1 + ) + }}</span + > + </el-col> + <el-col :span="6"> + <mini-audio + :audio-source=" + indexform.noclearlyvoice + ? indexform.noclearlyvoice + : 'https://example.com/example.mp3' + " + ></mini-audio> + </el-col> + </el-row> + </div> + <div class="topicxq"> + <el-row :gutter="10"> + <el-col :span="20" + ><el-form-item label="闈欓粯璇濇湳"> + <el-input + type="textarea" + style="width: 400px" + placeholder="璇疯緭鍏�" + v-model="indexform.slienceText" + show-word-limit + > + </el-input> </el-form-item + ></el-col> + </el-row> + + <el-row> + <el-col :span="6"> + <el-form-item label="闈欓粯璇煶" prop="verbaltrickyy"> + <el-upload + class="upload-demo" + :action="uploadImgUrl" + :show-file-list="false" + :headers="headers" + :on-success=" + (response, file) => + handleChange(response, file, 3) + " + accept=".wav,.mp3" + :limit="1" + > + <el-button size="small" type="primary" + >鐐瑰嚮涓婁紶</el-button + > + </el-upload> + </el-form-item> + </el-col> + <el-col :span="6"> + <span + style="font-size: 12px" + v-if="indexform.sliencevoice" + >{{ + indexform.sliencevoice.substring( + indexform.sliencevoice.lastIndexOf("/") + 1 + ) + }}</span + > + </el-col> + <el-col :span="6"> + <mini-audio + :audio-source=" + indexform.sliencevoice + ? indexform.sliencevoice + : 'https://example.com/example.mp3' + " + ></mini-audio> + </el-col> + </el-row> + </div> + </div> + </el-form> + </div> + </el-tab-pane> + </el-tabs> + </div> + </el-drawer> + <!-- 娣诲姞閫傜敤鐤剧梾绐楀彛 --> + <Optional-Form + ref="child" + :dialogVisiblepatient="dialogVisiblepatient" + :overallCase="illnesslist" + @addoption="dialogVisiblepatient = false" + @kkoption="dialogVisiblepatient = true" + /> </div> </template> <script> +import { listtag } from "@/api/system/label"; +import store from "@/store"; +import { listDept } from "@/api/system/dept"; +import Regular from "@/components/Regular"; //姝e垯缁勪欢 +import { + getFollowupclassify, + delFollowupclassify, + addFollowupclassify, + addtargetillness, + getvFollowup, + compileFollowup, + getverbaltricklist, + getverbaltrick, + delFollowupinfo, + Followupinfo, + getFollowuplist, + deltargetillness, + getillnesslist, + illnesslistget, + getillness, + getgenerallist, +} from "@/api/AiCentre/index"; +import OptionalForm from "@/components/OptionalForm"; //姝e垯缁勪欢 +import { getToken } from "@/utils/auth"; + export default { + name: "Tpuconfigurat", + components: { Regular, OptionalForm }, data() { return { - deployList: [ + headers: { + Authorization: "Bearer " + getToken(), + }, + uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort", + Editprogress: 1, //缂栬緫杩涘害 + loading: false, // 閬僵灞� + drawer: false, //鎺у埗灞曞紑 + radios: [], //澶氶�夐閫変腑 + radioas: "", //濉┖棰樼瓟妗� + task: null, //鏄惁鏉ヨ嚜浠诲姟 + taskform: null, //浠诲姟淇℃伅 + indexform: { + ivrLibaScriptTargetoptionList: [], + }, + labelInfovalue: [], //鏍囩涓存椂瀛樺偍 + deptNamesvalue: [], //绉戝涓存椂瀛樺偍 + dialogVisiblepatient: false, //閫傜敤鐤剧梾绐楀彛 + dynamicTags: [], + indexAssortlist: [], + inputValue: "", + inputValueillness: "", + topicobj: { + noMatchText: "", + noClearlyText: "", + slienceText: "", + }, + total: 1, + id: "", + ruleForm: { + templateName: "", + ivrLibaTemplateTagList: [], + ivrLibaTemplateScriptVOList: [], + tempDetpRelevances: [], + }, + rules: {}, + optionstag: [], + prefollowuplist: [], + postfollowuplist: [], + generallist: [ + { value: "1", label: "闅忚閫氱敤搴撲竴" }, + { value: "2", label: "闅忚浜屽簱" }, + ], + + fileList: [ { - id: 1, - name: "鏈�", - valuetop: - "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌¢敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5", - }, - { - id: 2, - name: "涓嶇煡閬�", - valuetop: - "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)", + name: "food.jpeg", + url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100", }, ], - languagelist: [ + administrativelist: [ + { value: "1", label: "蹇冨绉�" }, + { value: "2", label: "蹇冨唴绉�" }, + ], + standbylist: [], + themelist: [], + languagelist: [], + courtyardlist: [], + precedencetype: [], + usable: [], + required: [], + valuetype: [], + mode: [], + inputVisible: false, + inputVisibleillness: false, + illnessVisible: false, //鎸囨爣鐤剧梾寮规 + deptOptions: [], + optionsillness: [], + illnesslistapi: [], + illnesslist: [], + defaultProps: { + children: "ivrLibaTemplateAssortList", + label: "indexAssortName", + }, + tempDetpRelevanceslist: [], + delScriptVOList: [], + optionIndex: "", + activeName: "first", + variablelist: [ + { variatename: "濮撳悕", variate: "${name}", default: 1 }, + { variatename: "鐢佃瘽", variate: "${phone}", default: 1 }, + { variatename: "鐥呮儏", variate: "${illness}", default: 1 }, + ], + deptList: [], + props: { multiple: true, value: "deptId", label: "deptName" }, + + variablelist: [ { - value: 1, - label: "鏅�氳瘽", + variable: "paitent", + value: "琛ㄧず鎮h�呯殑鏍囪瘑", }, - { - value: 2, - label: "绮よ", - }, - { - value: 3, - label: "鑻辫", - }, - ], //璇█鍒楄〃 - formInline: { - user: "", - region: "", + ], + + valssu: [], + radio: "", + addvalue: "娣诲姞棰樼洰", + // 棰樼洰琛ㄦ牸鏁版嵁 + userList: [], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + userName: undefined, + phonenumber: undefined, + status: undefined, + deptId: undefined, + IDnumber: undefined, }, }; }, - created() {}, + created() { + this.RoutingDataProcessing(); + this.gettabList(); + this.getvFollowup(); + this.auxiliary(); + this.mode = store.getters.mode; + this.usable = store.getters.usable; + this.required = store.getters.required; + this.valuetype = store.getters.valuetype; + this.languagelist = store.getters.languagelist; + this.courtyardlist = store.getters.courtyardlist; + this.precedencetype = store.getters.precedencetype; + }, + mounted() {}, + computed: { + displayedTags() { + // 杩斿洖鍓�10涓猼ag + return this.illnesslist.slice(0, 10); + }, + hasMore() { + // 鍒ゆ柇鏄惁鏈夋洿澶氱殑tag + return this.illnesslist.length > 10; + }, + remaining() { + // 璁$畻鍓╀綑鐨則ag鏁伴噺 + return this.illnesslist.length - 10; + }, + }, methods: { - deletei(index) { - console.log(index); - this.deployList.splice(index, 1); + //鍏叡鏂规硶-------------------- + getIndexInArray(arr, obj) { + return arr.indexOf(obj); }, - addzbiao() { - const ids = this.deployList.length + 1; - console.log(ids); - this.deployList.push({ - id: ids, - name: "", - valuetop: "", + processElement(element) { + return { ...element, isoperation: 0 }; + }, + // 璺敱鏁版嵁澶勭悊 + RoutingDataProcessing() { + this.id = this.$route.query.id; + this.task = this.$route.query.task; + + // console.log(this.task, "task"); + // if (this.task) { + // this.id = this.$route.query.id; + // } + }, + // 鑾峰彇琛ㄥ崟鏁版嵁 + getvFollowup() { + if (this.id) { + getvFollowup({ id: this.id }).then((res) => { + if (res.code == 200) { + console.log(2211); + this.ruleForm = res.data; + this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames); + this.ruleForm.suitway = this.ruleForm.suitway.split(","); + this.ruleForm.campus = this.ruleForm.campus.split(","); + this.ruleForm.submoduleID = this.ruleForm.submoduleID.split(","); + this.ruleForm.submoduleID = this.ruleForm.submoduleID.map((res) => { + return Number(res); + }); + console.log( + this.ruleForm.submoduleID, + "this.ruleForm.submoduleID鍙�" + ); + this.dynamicTags = this.ruleForm.ivrLibaTemplateTagList; + + this.dynamicTags = this.ruleForm.ivrLibaTemplateTagList.map( + this.processElement + ); + console.log(this.ruleForm.suitway); + } + }); + getillness({ outid: this.id, type: 3 }).then((res) => { + this.illnesslist = res.rows; + this.illnesslist.forEach((item) => { + item.icdname = item.icd10name; + }); + }); + } + + listDept(this.queryParams).then((response) => { + this.deptList = this.handleTree(response.data, "deptId"); }); }, - onSubmit() { - console.log("submit!"); + // 闄勫睘鏁版嵁琛� + auxiliary() { + // 鍒嗙被 + getFollowupclassify({}).then((res) => { + this.indexAssortlist = res.rows; + if (this.$route.query.assortid) { + this.ruleForm.assortid = Number(this.$route.query.assortid); + } + }); + // 绉戝 + listDept(this.queryParams).then((response) => { + this.deptList = this.handleTree(response.data, "deptId"); + }); + // 鐤剧梾 + getillnesslist({ + pageNum: 1, + pageSize: 100, + }).then((response) => { + this.optionsillness = response.rows; + }); + getgenerallist({ + pageNum: 1, + pageSize: 100, + }).then((res) => { + this.generallist = res.rows; + }); + // 鐤剧梾鍒� + }, + // + submitForm(formName) { + if (this.ruleForm.id) { + this.ruleForm.isoperation = 2; + } else { + this.ruleForm.isoperation = 1; + } + this.ruleForm.labelInfo = JSON.stringify(this.dynamicTags); + this.ruleForm.suitway = this.ruleForm.suitway.join(","); + this.ruleForm.campus = this.ruleForm.campus.join(","); + this.ruleForm.submoduleID = this.ruleForm.submoduleID.join(","); + + // 鎻愪氦 + this.ruleForm.ivrLibaTemplateScriptVOList.forEach((res) => { + if (!res.isoperation) { + res.isoperation = 2; + } + res.ivrLibaScriptTargetoptionList = + res.ivrLibaScriptTargetoptionList.map((item) => { + if (!item.isoperation) { + item.isoperation = 2; + item.templateID = this.ruleForm.id; + } + return item; + }); + }); + compileFollowup(this.ruleForm).then((res) => { + this.$modal.msgSuccess("缂栬緫鎴愬姛"); + this.confirmillness(res.data); + this.$router.go(-1); + }); + }, + confirmillness(guid) { + this.illnesslist.forEach((item, index) => { + if (guid) { + item.outid = guid; + } else { + console.log(this.ruleForm); + item.outid = this.ruleForm.id; + } + item.icd10name = item.icdname; + item.icd10code = item.icdcode; + item.type = 3; + if (!item.id) { + addtargetillness(item).then((res) => {}); + } + }); + this.illnessVisible = false; + this.$modal.msgSuccess("缂栬緫鎴愬姛"); + }, + // 绉戝澶勭悊 + Departmenttreatment() { + this.ruleForm.deptNames = JSON.stringify(this.tempDetpRelevanceslist); + this.ruleForm.ivrLibaTemplateScriptVOList = + this.ruleForm.ivrLibaTemplateScriptVOList.concat(this.delScriptVOList); + const result = this.tempDetpRelevanceslist.map( + (subArr) => subArr[subArr.length - 1] + ); + // id鏁扮粍鏌ユ暟缁勫璞� + result.forEach((item) => { + const condition = this.ruleForm.tempDetpRelevances.some( + (obj) => obj.deptId === item + ); + if (!condition) { + listDept({ deptId: item }).then((res) => { + res.data[0].type = 2; + this.ruleForm.tempDetpRelevances.push(res.data[0]); + }); + } + }); + console.log(this.ruleForm.tempDetpRelevances); + // 鏁扮粍瀵硅薄鏌d鏁扮粍 + this.ruleForm.tempDetpRelevances.forEach((item) => { + const condition = result.some((obj) => obj === item.deptId); + if (!condition) { + const index = this.ruleForm.tempDetpRelevances.indexOf(item); + this.ruleForm.tempDetpRelevances[index].delFlag = 1; + } + }); + console.log(this.ruleForm.tempDetpRelevances); + setTimeout(() => { + this.submitForm(); + }, 1000); + // this.submitForm(); + }, + // 涓嬩竴姝� + nextstep() { + if (this.Editprogress <= 2) { + return this.Editprogress++; + } + }, + // 涓婁竴姝� + laststep() { + this.Editprogress = this.Editprogress - 1; + }, + // 鍏抽棴 + closeFm() { + this.$confirm("閫�鍑轰笉浼氫繚鐣欓〉闈㈠唴瀹规洿鏀�, 鏄惁缁х画?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + this.$router.go(-1); + }) + .catch(() => { + this.$message({ + type: "info", + message: "宸插彇娑�", + }); + }); + }, + //鎺у埗璇煶鏂囦欢 + handleChange(response, file, additionalParam) { + console.log(response); + console.log(additionalParam); + if (additionalParam == 1) { + this.indexform.scriptVoice = response.url; + console.log(this.indexform.scriptVoice); + } else if (additionalParam == 2) { + this.indexform.nomatchvoice = response.url; + console.log(this.indexform.nomatchvoice); + } else if (additionalParam == 3) { + this.indexform.sliencevoice = response.url; + } else if (additionalParam == 4) { + this.indexform.noclearlyvoice = response.url; + } + this.$forceUpdate(); + }, + // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙 + handleExceed(files, fileList) { + this.$message.warning( + `褰撳墠闄愬埗閫夋嫨 1 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${ + files.length + fileList.length + } 涓枃浠禶 + ); + }, + // 鏍囩----------------- + gettabList() { + const tagqueryParams = { + pageNum: 1, + pageSize: 1000, + tagcategoryid: "0", + }; + listtag(tagqueryParams).then((response) => { + console.log(response); + this.optionstag = response.rows; + }); + }, + handleClosetag(tag) { + console.log(tag); + console.log(this.dynamicTags.indexOf(tag)); + const lindex = this.dynamicTags.indexOf(tag); + this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1); + this.ruleForm.ivrLibaTemplateTagList[lindex].isoperation = 3; + }, + handleInputConfirm() { + let tagvalue = {}; + let tagname = this.inputValue; + if (tagname) { + listtag({ + pageNum: 1, + pageSize: 1000, + tagcategoryid: "0", + tagname: tagname, + }).then((res) => { + if (res.rows[0]) { + tagvalue = res.rows[0]; + tagvalue.isoperation = 1; + } else { + tagvalue = { + tagname: tagname, + isoperation: 1, + }; + } + this.ruleForm.ivrLibaTemplateTagList.push(tagvalue); + this.dynamicTags.push(tagvalue); + }); + } + this.inputVisible = false; + this.inputValue = ""; + }, + remoteMethodtag(query) { + if (query !== "") { + this.loading = true; + setTimeout(() => { + this.loading = false; + listtag({ tagname: query, tagcategoryid: "0" }).then((res) => { + this.optionstag = res.rows; + }); + }, 200); + } else { + this.optionstag = []; + } + }, + showInput() { + this.inputVisible = true; + }, + //璇濇湳棰樼洰---------------- + addzbiao() {}, + resetQuery() { + this.queryParams = { pageNum: 1, pageSize: 10 }; + this.getaddtopiclist(); + }, + getaddtopiclist() { + this.drawer = true; + getverbaltricklist(this.queryParams).then((res) => { + this.loading = false; + this.userList = res.rows; + this.total = res.total; + console.log(this.userList); + }); + }, + addtopic(row) { + console.log(row); + if ( + this.ruleForm.ivrLibaTemplateScriptVOList.some( + (obj) => obj.scriptTopic == row.scriptTopic + ) + ) { + this.$modal.msgError("璇ラ鐩凡瀛樺湪"); + return; + } + getverbaltrick({ id: row.id }).then((res) => { + console.log(res, "璇︽儏"); + res.data.isoperation = 1; + res.data.pid = this.ruleForm.id; + res.data.ivrLibaScriptTargetoptionList.forEach((item) => { + item.isoperation = 1; + }); + this.ruleForm.ivrLibaTemplateScriptVOList.push(res.data); + this.sortFn(); + this.$modal.msgSuccess("娣诲姞鎴愬姛"); + }); + }, + handleDelete(row) { + this.$modal + .confirm('鏄惁纭鍒犻櫎闂锛�"' + row.scriptTopic + '"锛�') + .then(() => { + this.ruleForm.ivrLibaTemplateScriptVOList.splice( + this.ruleForm.ivrLibaTemplateScriptVOList.indexOf(row), + 1 + ); + row.isoperation = 3; + this.delScriptVOList.push(row); + this.$modal.msgSuccess("宸插垹闄わ紝淇濆瓨妯$増鐢熸晥"); + }) + .catch(() => {}); + }, + handleUpdate(row) { + console.log(row); + this.optionIndex = this.ruleForm.ivrLibaTemplateScriptVOList.indexOf(row); + if (row.ivrLibaScriptTargetoptionList.length) { + console.log(11); + this.topicobj = row; + this.topicobj.valueType = row.valueType; + } else { + getverbaltrick({ id: row.id }).then((res) => { + if (res.data) { + this.topicobj = res.data; + console.log(res.data, "topicobj"); + } else { + this.topicobj = row; + console.log("娌℃壘鍒伴�夐」锛岃鏌ョ湅闂搴撴槸鍚︽纭厤缃�"); + } + }); + } + }, + syioption(row) { + const index = this.getIndexInArray( + this.ruleForm.ivrLibaTemplateScriptVOList, + row + ); + const item = this.ruleForm.ivrLibaTemplateScriptVOList.splice( + index, + 1 + )[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓� + this.ruleForm.ivrLibaTemplateScriptVOList.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣� + this.sortFn(); + }, + xiayioption(row) { + const index = this.getIndexInArray( + this.ruleForm.ivrLibaTemplateScriptVOList, + row + ); + const item = this.ruleForm.ivrLibaTemplateScriptVOList.splice( + index, + 1 + )[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓� + this.ruleForm.ivrLibaTemplateScriptVOList.splice(index + 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣� + this.sortFn(); + }, + // 闂鎺掑簭 + sortFn() { + this.ruleForm.ivrLibaTemplateScriptVOList = + this.ruleForm.ivrLibaTemplateScriptVOList.map((item, index) => { + return Object.assign({}, item, { targetid: (index + 1).toString() }); + }); + this.ruleForm.ivrLibaTemplateScriptVOList.forEach((question, index) => { + question.ivrLibaScriptTargetoptionList = + question.ivrLibaScriptTargetoptionList.map((option) => { + option.nextQuestion = Number(question.targetid) + 1; + return option; + }); + }); + console.log(this.ruleForm.ivrLibaTemplateScriptVOList); + }, + // -----------------------璇濇湳閫夐」 + deloption() {}, + // 淇敼棰樼洰淇℃伅 + Submittopicobj() { + this.ruleForm.ivrLibaTemplateScriptVOList[this.optionIndex] = + this.topicobj; + this.$modal.msgSuccess("鏆傚瓨閫夐」鎴愬姛"); + }, + + // --------------------- + resetForm(formName) { + this.$refs[formName].resetFields(); + }, + + // 棰勮--------------- + preview() { + console.log(this.ruleForm); + this.valssu = this.ruleForm.ivrLibaTemplateScriptVOList; + this.Editprogress = 3; + }, + // 鍓嶅線娴嬭瘯 + measurement() { + this.$modal + .confirm("鍗冲皢鍓嶅線妯$増娴嬭瘯椤甸潰锛岃纭妯$増鏁版嵁宸蹭繚瀛樸��") + .then((res) => { + this.$router.push({ + path: "/knowledge/tpuconfigurat/measurement", + query: { id: this.id, name: this.ruleForm.templateName }, + }); + }) + .catch(() => {}); + }, + // 鏂板缓妯$増涓复鏃堕鐩� + // 棰樼洰绫诲瀷鏇存崲 + typeselection(row) { + if (row == 1 && !this.indexform.ivrLibaScriptTargetoptionList.length) { + this.indexform.ivrLibaScriptTargetoptionList.push({ + guid: 1, + isoperation: 1, + targetvalue: "", + targetregex: "", + targetregex2: "", + dynamiccruxs: [], + nodynamiccruxs: [], + dynamiccruxsJson: "", + nodynamiccruxsJson: "", + }); + } }, }, }; </script> <style lang="scss" scoped> -.stencils-top { - .basic { - height: 50px; - margin: 15px; - margin-bottom: 0; - padding: 0 20px 20px 20px; - line-height: 50px; - background: #92c5f0; - justify-content: space-between; +.Questionnairemanagement { + // display: flex; +} +.sidecolumn { + margin: 20px; + margin-bottom: 0; + padding: 30px; + background: #edf1f7; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); +} +.leftvlue { + // display: flex; + // flex: 1; + // width: 80%; + margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .mulsz { + font-size: 20px; } - .top-menu { - margin: 15px; - margin-top: 0; - height: 400px; - padding: 10px 30px 10px 30px; - background: #f2f5fc; - border: 1px solid #dcdfe6; - -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), - 0 0 6px 0 rgba(0, 0, 0, 0.04); - .menu-list { - display: flex; - justify-content: space-between; - padding: 5px; - border-bottom: 0.5px solid #bfc0c2; - } + .leftvlue-jbxx { + font-size: 24px; + border-left: 5px solid #41a1be; + padding-left: 5px; + margin: 15px 0; + } + .demo-cascader { + margin-right: 20px; + } + .PreviewTemplate { + color: #02a7f0; + cursor: pointer; + font-size: 20px; + margin: 0 20px; } } -.stencils-bottom { - display: flex; - justify-content: space-between; - .issue { - width: 37%; - margin-left: 15px; - height: 500px; - background: #f2f5fc; - .menu-list { - display: flex; - justify-content: space-between; - padding: 5px; - border-bottom: 0.5px solid #bfc0c2; - } - .basics { - height: 50px; - padding-left: 20px; - line-height: 50px; - background: #92c5f0; - justify-content: space-between; +.preview-left { + margin: 20px; + // margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .scriptTopic-dev { + margin-bottom: 25px; + font-size: 20px !important; + .dev-text { + margin-bottom: 10px; } } - .issue-button { - margin: 10px; - text-align: right; + .headline { + display: flex; + justify-content: space-between; + font-size: 20px; + border-left: 3px solid #41a1be; + padding-left: 5px; + margin: 15px 0; } - .particulars { - width: 59%; - margin-right: 15px; - background: #f2f5fc; + .topicxq { + background-color: #e2f5fc; + border-radius: 4px; + margin-top: 10px; + padding-left: 10px; + padding-top: 15px; + } +} +.xinz-inf { + font-size: 18px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 48px; + + .el-tag + .el-tag { + margin-left: 10px; + } + .button-new-tag { + margin-left: 10px; + height: 32px; + line-height: 30px; + padding-top: 0; + padding-bottom: 0; + } + .input-new-tag { + width: 90px; + margin-left: 10px; + vertical-align: bottom; + } +} +.xinz-infs { + font-size: 18px; + line-height: 48px; + + .el-tag + .el-tag { + margin-left: 10px; + } +} +.addtopic { + margin-top: 30px; +} +.presentation { + margin: 20px 0; + display: flex; + .presentation-left { + width: 45%; + // height: 500px; + .button-textxg { + color: #024df0; + } + .button-textsc { + color: #f52727; + } + } + .presentation-right { + width: 55%; + max-height: 688px; + margin: 0 20px; + font-size: 18px; + -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.12), + 0 0 6px 0 rgba(58, 57, 57, 0.04); + overflow: auto; .headline { display: flex; - height: 50px; - padding: 0 20px 20px 20px; - line-height: 50px; - background: #92c5f0; justify-content: space-between; + font-size: 20px; + border-left: 3px solid #41a1be; + padding-left: 5px; + margin: 15px 0; } - .valuetop { - .val-text { - display: flex; - height: 50px; - margin: 15px; - margin-bottom: 0; - // padding: 0 20px 20px 20px; - padding: 0 20px; - align-items: center; - background: #92c5f0; - justify-content: space-between; - .text-icon { - width: 35px; - height: 35px; - line-height: 35px; - text-align: center; - background: #fafafa; - cursor: pointer; - border-radius: 5px; - } - } - .val-bon { - margin: 15px; - margin-top: 0; - padding: 30px; - background: #f2f5fc; - border: 1px solid #dcdfe6; - -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), - 0 0 6px 0 rgba(0, 0, 0, 0.04); - } + .topicxq { + background-color: #e2f5fc; + border-radius: 4px; + margin-top: 10px; + padding-left: 10px; + padding-top: 15px; } } } -.menu-icon { - cursor: pointer; - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - margin-right: 10px; - background: #78baf0; - color: #fff; - border-radius: 2px; +::v-deep .addtopic-input { + input { + background: #02a7f0; + color: #edf1f7; + width: 150px; + } } -.menu-icons { - cursor: pointer; - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - margin-right: 10px; - background: #f7603a; - color: #fff; - border-radius: 2px; +::v-deep.el-step.is-vertical .el-step__title { + font-size: 20px; } +::v-deep.el-input--medium { + font-size: 18px !important; +} +::v-deep.ruleFormaa.el-select { + display: inline-block; + position: relative; + width: 700px; +} +.el-select__tags { + font-size: 20px; + max-width: 888px !important; +} +::v-deep.el-radio__inner { + width: 22px; + height: 22px; +} +// ::v-deep.topic-dev.el-radio__label { +// font-size: 24px; +// } +::v-deep.el-radio-group { + span { + font-size: 20px; + } +} +::v-deep.el-checkbox-group { + span { + font-size: 20px; + } +} +// ::v-deep.el-form-item--medium .el-form-item__content { +// line-height: 36px; +// display: flex; +// } </style> -- Gitblit v1.9.3