¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <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-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="模æ¿ç®ä»" prop="note"> |
| | | <div> |
| | | <el-input |
| | | type="textarea" |
| | | placeholder="请è¾å
¥ç®ä»" |
| | | v-model="ruleForm.note" |
| | | ></el-input> |
| | | </div> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <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.isenable" |
| | | 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 optionstag" |
| | | :key="item.tagid" |
| | | :label="item.tagname" |
| | | :value="item.tagname" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <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> |
| | | </div> |
| | | <div style="margin-left: 120px; margin-bottom: 10px"> |
| | | <el-button type="warning" @click="$refs.child.handleAddpatient()" |
| | | >ç¾ç
详æ
</el-button |
| | | > |
| | | </div> |
| | | <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-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-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col :span="20" |
| | | ><el-form-item label="éç¨ç§å®¤" prop="region"> |
| | | <el-select |
| | | v-model="tempDetpRelevanceslist" |
| | | @remove-tag="removetag" |
| | | style="width: 55vw" |
| | | size="medium" |
| | | multiple |
| | | filterable |
| | | placeholder="è¯·éæ©ç§å®¤" |
| | | > |
| | | <el-option |
| | | class="ruleFormaa" |
| | | v-for="item in flatArray" |
| | | :key="item.deptCode" |
| | | :label="item.label" |
| | | :value="item.deptCode" |
| | | > |
| | | </el-option> |
| | | </el-select> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="20" |
| | | ><el-form-item label="éç¨ç
åº" prop="region"> |
| | | <el-select |
| | | v-model="tempbelongWards" |
| | | @remove-tag="removehpsp" |
| | | style="width: 55vw" |
| | | size="medium" |
| | | multiple |
| | | filterable |
| | | placeholder="è¯·éæ©ç§å®¤" |
| | | > |
| | | <el-option |
| | | class="ruleFormaa" |
| | | v-for="item in flatArray" |
| | | :key="item.deptCode" |
| | | :label="item.label" |
| | | :value="item.deptCode" |
| | | > |
| | | </el-option> |
| | | </el-select> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12" |
| | | ><el-form-item label="å¼åºç½" prop="revisitBefore"> |
| | | <el-input |
| | | type="textarea" |
| | | :rows="3" |
| | | v-model="ruleForm.revisitBefore" |
| | | placeholder="请è¾å
¥å¼åºç½" |
| | | /> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="12" |
| | | ><el-form-item label="ç»æè¯" prop="revisitAfter"> |
| | | <el-input |
| | | type="textarea" |
| | | :rows="3" |
| | | v-model="ruleForm.revisitAfter" |
| | | placeholder="请è¾å
¥ç»æè¯" |
| | | /> </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 |
| | | > |
| | | <el-button |
| | | type="success" |
| | | icon="el-icon-edit-outline" |
| | | round |
| | | @click="Operateit = !Operateit" |
| | | >{{ !Operateit ? "ç¼è¾é¢ç®" : "宿´ä¿¡æ¯å±ç¤º" }}</el-button |
| | | > |
| | | </div> |
| | | <div class="presentation"> |
| | | <div :class="Operateit ? 'presentation-left' : 'spresentation-left'"> |
| | | <el-card class="box-card" style="min-height: 688px"> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="ruleForm.ivrTaskTemplateScriptVOList" |
| | | > |
| | | <el-table-column |
| | | label="ç¼å·" |
| | | align="center" |
| | | key="sort" |
| | | prop="sort" |
| | | /> |
| | | <el-table-column |
| | | label="æ é¢" |
| | | align="center" |
| | | key="scriptTopic" |
| | | prop="scriptTopic" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | v-if="!Operateit" |
| | | label="é®é¢è¯æ¯" |
| | | align="center" |
| | | key="scriptContent" |
| | | prop="scriptContent" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | v-if="!Operateit" |
| | | label="é®é¢è¯æ¯" |
| | | align="center" |
| | | key="scriptContent" |
| | | prop="scriptContent" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="ä¸é¢è·³è½¬" |
| | | align="center" |
| | | key="nextScriptno" |
| | | prop="nextScriptno" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ |
| | | scope.row.nextScriptno == 0 |
| | | ? "å·²æ¯æåä¸é¢" |
| | | : scope.row.nextScriptno |
| | | }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="æä½" |
| | | v-if="Operateit" |
| | | 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" v-if="Operateit"> |
| | | <el-card class="box-card"> |
| | | <el-form |
| | | :model="topicobj" |
| | | :inline="true" |
| | | class="demo-form-inline" |
| | | > |
| | | <div class="headline">é¢ç®è®¾ç½®è¯¦æ
</div> |
| | | <el-row> |
| | | <el-col :span="24" |
| | | ><el-form-item label="é¢ç®æ é¢"> |
| | | <el-input |
| | | v-model="topicobj.scriptTopic" |
| | | placeholder="请ä»å·¦ä¾§åè¡¨éæ©" |
| | | ></el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24" |
| | | ><el-form-item label="é®é¢è¯æ¯"> |
| | | <el-input |
| | | type="textarea" |
| | | style="width: 600px" |
| | | v-model="topicobj.scriptContent" |
| | | placeholder="请ä»å·¦ä¾§åè¡¨éæ©" |
| | | ></el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="12" |
| | | ><el-form-item label="é®é¢èç¹"> |
| | | <el-input |
| | | v-model="topicobj.sort" |
| | | placeholder="请ä»å·¦ä¾§åè¡¨éæ©" |
| | | :disabled="true" |
| | | ></el-input> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="12" |
| | | ><el-form-item label="ä¸é¢è·³è½¬"> |
| | | <el-input |
| | | v-model="topicobj.nextScriptno" |
| | | placeholder="请è¾å
¥é¢å·" |
| | | ></el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | |
| | | <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.scriptType" |
| | | placeholder="è¯·éæ©" |
| | | :disabled="true" |
| | | > |
| | | <el-option |
| | | v-for="item in askvaluetype" |
| | | :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.scriptType == 1" |
| | | > |
| | | <el-radio-group v-model="topicobj.branchFlag"> |
| | | <el-radio :label="'1'">æ¯</el-radio> |
| | | <el-radio :label="'0'">å¦</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="éä¸æç¤º" v-if="topicobj.scriptType != 1"> |
| | | <el-input |
| | | style="width: 24vw" |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请è¾å
¥å
容" |
| | | v-model="topicobj.prompt" |
| | | > |
| | | </el-input |
| | | ></el-form-item> |
| | | <el-row> |
| | | <el-col :span="24" |
| | | ><el-form-item label="è¯é³ææ¬"> |
| | | <el-input |
| | | type="textarea" |
| | | style="width: 600px" |
| | | v-model="topicobj.ivrtext" |
| | | placeholder="请ä»å·¦ä¾§åè¡¨éæ©" |
| | | ></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" |
| | | :headers="headers" |
| | | :show-file-list="false" |
| | | :on-success=" |
| | | (response, file) => handleChanges(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="topicobj.ivrVoice" |
| | | >{{ |
| | | topicobj.ivrVoice.substring( |
| | | topicobj.ivrVoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | topicobj.ivrVoice |
| | | ? topicobj.ivrVoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="topicxq" v-if="topicobj.scriptType == 4"> |
| | | <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.ivrTaskScriptTargetoptionList" |
| | | @deloption="deloption" |
| | | @branchFlagfn="branchFlagfn" |
| | | :branchFlag="topicobj.branchFlag ? true : false" |
| | | :controlsc="false" |
| | | :scriptType="topicobj.scriptType" |
| | | /> |
| | | <!-- æ å¹é
ç±»å --> |
| | | <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> |
| | | <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) => |
| | | handleChanges(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="topicobj.nomatchvoice" |
| | | >{{ |
| | | topicobj.nomatchvoice.substring( |
| | | topicobj.nomatchvoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | topicobj.nomatchvoice |
| | | ? topicobj.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="topicobj.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) => |
| | | handleChanges(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="topicobj.noclearlyvoice" |
| | | >{{ |
| | | topicobj.noclearlyvoice.substring( |
| | | topicobj.noclearlyvoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | topicobj.noclearlyvoice |
| | | ? topicobj.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="topicobj.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) => |
| | | handleChanges(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="topicobj.sliencevoice" |
| | | >{{ |
| | | topicobj.sliencevoice.substring( |
| | | topicobj.sliencevoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | topicobj.sliencevoice |
| | | ? topicobj.sliencevoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </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 v-for="item in valssu"> |
| | | <!-- åé --> |
| | | <div |
| | | class="scriptTopic-dev" |
| | | :key="item.sort" |
| | | v-if="item.valueType == 1" |
| | | > |
| | | <div class="dev-text"> |
| | | {{ item.sort }}ã[åé]<span>{{ item.scriptContent }}</span> |
| | | </div> |
| | | <div class="dev-xx"> |
| | | <el-radio-group v-model="item.remark"> |
| | | <el-radio |
| | | v-for="(items, index) in item.ivrTaskScriptTargetoptionList" |
| | | :key="index" |
| | | :label="index" |
| | | >{{ items.targetvalue }}</el-radio |
| | | > |
| | | </el-radio-group> |
| | | </div> |
| | | </div> |
| | | <!-- å¤é --> |
| | | <div |
| | | class="scriptTopic-dev" |
| | | :key="item.sort" |
| | | v-if="item.valueType == 2" |
| | | > |
| | | <div class="dev-text"> |
| | | {{ item.sort }}ã[å¤é]<span>{{ item.scriptContent }}</span> |
| | | </div> |
| | | <div class="dev-xx"> |
| | | <el-checkbox-group v-model="item.remark"> |
| | | <el-checkbox |
| | | v-for="(items, index) in item.ivrTaskScriptTargetoptionList" |
| | | :key="index" |
| | | :label="index" |
| | | > |
| | | {{ items.targetvalue }} |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | | </div> |
| | | </div> |
| | | <!-- 填空 --> |
| | | <div |
| | | class="scriptTopic-dev" |
| | | :key="item.sort" |
| | | v-if="item.valueType == 3" |
| | | > |
| | | <div class="dev-text"> |
| | | {{ item.sort }}ã[填空]<span>{{ item.scriptContent }}</span> |
| | | </div> |
| | | <div class="dev-xx"> |
| | | <el-input placeholder="请è¾å
¥çæ¡" v-model="radioas" clearable> |
| | | </el-input> |
| | | </div> |
| | | </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="æ·»å é¢ç®" |
| | | @close="$forceUpdate()" |
| | | @closed="$forceUpdate()" |
| | | :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="valueType" |
| | | prop="valueType" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="valuetypes" |
| | | :value="scope.row.valueType" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <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> |
| | | <div> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="é¢ç®æ é¢"> |
| | | <el-input |
| | | v-model="indexform.scriptTopic" |
| | | placeholder="请è¾å
¥é¢ç®æ é¢" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="é®é¢èç¹"> |
| | | <el-input |
| | | v-model="indexform.sort" |
| | | placeholder="请è¾å
¥é®é¢èç¹" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="18" |
| | | ><el-form-item label="é®é¢è¯æ¯"> |
| | | <el-input |
| | | style="width: 600px" |
| | | type="textarea" |
| | | v-model="indexform.scriptContent" |
| | | placeholder="请ä»å·¦ä¾§åè¡¨éæ©" |
| | | ></el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <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-form-item |
| | | label="éä¸æç¤º" |
| | | v-if="topicobj.scriptType != 1" |
| | | > |
| | | <el-input |
| | | style="width: 24vw" |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请è¾å
¥å
容" |
| | | v-model="indexform.prompt" |
| | | > |
| | | </el-input |
| | | ></el-form-item> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="18" |
| | | ><el-form-item label="è¯é³ææ¬"> |
| | | <el-input |
| | | style="width: 600px" |
| | | type="textarea" |
| | | v-model="indexform.ivrtext" |
| | | placeholder="请ä»å·¦ä¾§åè¡¨éæ©" |
| | | ></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" |
| | | :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.ivrVoice" |
| | | >{{ |
| | | indexform.ivrVoice.substring( |
| | | indexform.ivrVoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | indexform.ivrVoice |
| | | ? indexform.ivrVoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <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-show="indexform.scriptType == 4"> |
| | | <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-show="indexform.scriptType == 1"> |
| | | <div class="headline"> |
| | | <div class="basics">é项设置</div> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <Regular |
| | | :TargetoptionList="indexform.ivrTaskScriptTargetoptionList" |
| | | @deloption="deloption" |
| | | @addoption="addoptionson" |
| | | :controlsc="false" |
| | | :addoption="true" |
| | | /> |
| | | <!-- æ å¹é
ç±»å --> |
| | | <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 |
| | | 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 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> |
| | | </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"; //æ£åç»ä»¶ |
| | | import { |
| | | getFollowupclassify, |
| | | addtargetillness, |
| | | getTaskFollowup, |
| | | Taskparticty, |
| | | getverbaltricklist, |
| | | getverbaltrick, |
| | | delFollowupinfo, |
| | | Followupinfo, |
| | | getFollowuplist, |
| | | deltargetillness, |
| | | getillnesslist, |
| | | depthospgetson, |
| | | depthospgetsonlist, |
| | | illnesslistget, |
| | | getillness, |
| | | getgenerallist, |
| | | } from "@/api/AiCentre/index"; |
| | | import OptionalForm from "@/components/OptionalForm"; //æ£åç»ä»¶ |
| | | import { getToken } from "@/utils/auth"; |
| | | import { deptTreeSelect } from "@/api/system/user"; |
| | | |
| | | export default { |
| | | name: "tpuconfigurat", |
| | | components: { Regular, OptionalForm }, |
| | | data() { |
| | | return { |
| | | 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, //ä»»å¡ä¿¡æ¯ |
| | | Operateit: true, |
| | | indexform: { |
| | | ivrTaskScriptTargetoptionList: [], |
| | | }, |
| | | labelInfovalue: [], //æ ç¾ä¸´æ¶åå¨ |
| | | deptNamesvalue: [], //ç§å®¤ä¸´æ¶åå¨ |
| | | dialogVisiblepatient: false, //éç¨ç¾ç
çªå£ |
| | | dynamicTags: [], |
| | | indexAssortlist: [], |
| | | inputValue: "", |
| | | inputValueillness: "", |
| | | topicobj: { |
| | | noMatchText: "æ±æï¼ææ²¡æå¬æï¼æ¨è½å说ä¸éå?", |
| | | noClearlyText: "æ±æï¼ææ²¡æå¬æ¸
æ¨è¯´çè¯ï¼æ¨å¯ä»¥åè¯´ä¸æ¬¡å?", |
| | | slienceText: "æ±æï¼ææ²¡æå¬å°æ¨è¯´çè¯ï¼æ¨å¯ä»¥åè¯´ä¸æ¬¡å?", |
| | | }, |
| | | total: 1, |
| | | id: "", |
| | | ruleForm: { |
| | | templateName: "", |
| | | revisitBefore: |
| | | "亲ç±çæ£è
/å®¶å±ï¼æ¨å¥½ï¼æä»¬æ¯æµä¸å»å¤§äºé¢ç廿¤äººåï¼ä¸ºäºæ´å¥½å°äºè§£æ¨çåº·å¤æ
åµï¼è¯·æ¨æ½ä¸ç¹å®è´µæ¶é´ï¼å®æè¿ä»½é访ã", |
| | | revisitAfter: |
| | | "è¯·æ¨æ³¨æä¼æ¯åè¥å
»ï¼çæ´»ä¸è¦å³é¸ç»åï¼éå½é»ç¼ï¼æçéé
ï¼ä¿æå¿æ
èç
ï¼å®æå¤è¯ã飿¬æ¬¡å访就å°è¿éï¼ç¥æ¨èº«ä½å¥åº·ï¼", |
| | | ivrLibaTemplateTagList: [], |
| | | ivrTaskTemplateScriptVOList: [], |
| | | tempDetpRelevances: [], |
| | | }, |
| | | rules: {}, |
| | | optionstag: [], |
| | | prefollowuplist: [], |
| | | postfollowuplist: [], |
| | | tempDetpRelevanceslist: [], //ç§å®¤æ°æ® |
| | | tempDetpRelevanceslistform: [], //ç§å®¤æ°æ® |
| | | tempbelongWards: [], //ç
åºæ°æ® |
| | | tempbelongWardsform: [], //ç
åºæ°æ® |
| | | generallist: [ |
| | | { value: "1", label: "é访éç¨åºä¸" }, |
| | | { value: "2", label: "é访äºåº" }, |
| | | ], |
| | | |
| | | fileList: [ |
| | | { |
| | | name: "food.jpeg", |
| | | url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100", |
| | | }, |
| | | ], |
| | | administrativelist: [ |
| | | { value: "1", label: "å¿å¤ç§" }, |
| | | { value: "2", label: "å¿å
ç§" }, |
| | | ], |
| | | standbylist: [], |
| | | themelist: [], |
| | | languagelist: [], |
| | | courtyardlist: [], |
| | | precedencetype: [], |
| | | usable: [], |
| | | required: [], |
| | | valuetype: [], |
| | | valuetypes: [], |
| | | askvaluetype: [], |
| | | 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: [], |
| | | hosplist: [], |
| | | flatArray: [], |
| | | props: { multiple: true, value: "deptId", label: "deptName" }, |
| | | |
| | | variablelist: [ |
| | | { |
| | | variable: "paitent", |
| | | value: "表示æ£è
çæ è¯", |
| | | }, |
| | | ], |
| | | queryParamsdept: { |
| | | tempid: "", |
| | | type: 2, |
| | | }, |
| | | |
| | | valssu: [], |
| | | radio: "", |
| | | addvalue: "æ·»å é¢ç®", |
| | | // é¢ç®è¡¨æ ¼æ°æ® |
| | | userList: [], |
| | | belongWards: [], |
| | | belongDepts: [], |
| | | // æ¥è¯¢åæ° |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | userName: undefined, |
| | | phonenumber: undefined, |
| | | status: undefined, |
| | | deptId: undefined, |
| | | IDnumber: undefined, |
| | | }, |
| | | }; |
| | | }, |
| | | activated() { |
| | | if (this.id != this.$route.query.id) { |
| | | console.log(1); |
| | | |
| | | this.RoutingDataProcessing(); |
| | | this.gettabList(); |
| | | this.getvFollowup(); |
| | | this.auxiliary(); |
| | | } else { |
| | | this.tempDetpRelevanceslistform = []; |
| | | this.tempbelongWardsform = []; |
| | | } |
| | | }, |
| | | |
| | | created() { |
| | | this.RoutingDataProcessing(); |
| | | this.gettabList(); |
| | | this.getvFollowup(); |
| | | this.auxiliary(); |
| | | this.getDeptTree(); |
| | | this.mode = store.getters.mode; |
| | | this.usable = store.getters.usable; |
| | | this.required = store.getters.required; |
| | | this.valuetype = store.getters.valuetype; |
| | | this.valuetypes = store.getters.valuetypelb; |
| | | this.askvaluetype = store.getters.askvaluetype; |
| | | this.languagelist = store.getters.languagelist; |
| | | this.courtyardlist = store.getters.courtyardlist; |
| | | this.precedencetype = store.getters.precedencetype; |
| | | this.belongWards = store.getters.belongWards; |
| | | this.belongDepts = store.getters.belongDepts; |
| | | }, |
| | | mounted() {}, |
| | | computed: { |
| | | displayedTags() { |
| | | // è¿åå10个tag |
| | | return this.illnesslist.slice(0, 10); |
| | | }, |
| | | hasMore() { |
| | | // 夿æ¯å¦ææ´å¤çtag |
| | | return this.illnesslist.length > 10; |
| | | }, |
| | | remaining() { |
| | | // 计ç®å©ä½çtagæ°é |
| | | return this.illnesslist.length - 10; |
| | | }, |
| | | }, |
| | | |
| | | methods: { |
| | | //å
Œ
±æ¹æ³-------------------- |
| | | getIndexInArray(arr, obj) { |
| | | return arr.indexOf(obj); |
| | | }, |
| | | processElement(element) { |
| | | return { ...element, isoperation: 0 }; |
| | | }, |
| | | // è·¯ç±æ°æ®å¤ç |
| | | RoutingDataProcessing() { |
| | | this.id = this.$route.query.id; |
| | | this.task = this.$route.query.task; |
| | | this.queryParamsdept.tempid = this.id; |
| | | }, |
| | | // è·åç§å®¤æ |
| | | getDeptTree() { |
| | | // ç§å®¤å表 |
| | | deptTreeSelect().then((response) => { |
| | | this.deptOptions = response.data; |
| | | this.flatArray = this.flattenArray(response.data); |
| | | }); |
| | | }, |
| | | flattenArray(multiArray) { |
| | | let result = []; |
| | | |
| | | // éå½å½æ°ï¼ç¨äºå°å¤çº§æ°ç»è½¬æ¢ä¸ºä¸ç»´æ°ç»ï¼åªå
嫿åºå±çå
ç´ |
| | | function flatten(element) { |
| | | // 妿å½åå
ç´ æåå
ç´ ï¼ç»§ç»éå½ |
| | | if (element.children && element.children.length > 0) { |
| | | element.children.forEach((child) => flatten(child)); |
| | | } else { |
| | | // å
éå
ç´ ä»¥é¿å
ä¿®æ¹åå§æ°æ® |
| | | let item = JSON.parse(JSON.stringify(element)); |
| | | result.push(item); // å°æåºå±çå
ç´ æ·»å å°ç»ææ°ç» |
| | | } |
| | | } |
| | | |
| | | // ä»é¡¶å±å
ç´ å¼å§éå½ |
| | | multiArray.forEach((element) => flatten(element)); |
| | | return result; // è¿ååªå
嫿åºå±å
ç´ çä¸ç»´æ°ç» |
| | | }, |
| | | // è·åè¡¨åæ°æ® |
| | | getvFollowup() { |
| | | if (this.id) { |
| | | getTaskFollowup(this.id).then((res) => { |
| | | if (res.code == 200) { |
| | | console.log(res, "任塿¨¡æ¿"); |
| | | this.ruleForm = res.data; |
| | | if (this.ruleForm.deptNames) |
| | | // this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames); |
| | | this.ruleForm.suitway = this.ruleForm.suitway.split(","); |
| | | if (this.ruleForm.campus) |
| | | this.ruleForm.campus = this.ruleForm.campus.split(","); |
| | | this.ruleForm.submoduleID = this.ruleForm.submoduleID.split(","); |
| | | console.log(this.ruleForm.submoduleID, "submoduleID"); |
| | | |
| | | this.ruleForm.submoduleID = this.ruleForm.submoduleID.map((res) => { |
| | | return Number(res); |
| | | }); |
| | | |
| | | this.dynamicTags = this.ruleForm.ivrLibaTemplateTagList; |
| | | if (this.ruleForm.ivrLibaTemplateTagList) |
| | | this.dynamicTags = this.ruleForm.ivrLibaTemplateTagList.map( |
| | | this.processElement |
| | | ); |
| | | this.sortFn(); |
| | | } |
| | | }); |
| | | getillness({ outid: this.id, type: 3 }).then((res) => { |
| | | this.illnesslist = res.rows; |
| | | this.illnesslist.forEach((item) => { |
| | | item.icdname = item.icd10name; |
| | | }); |
| | | }); |
| | | } else { |
| | | this.ruleForm = { |
| | | templateName: "", |
| | | ivrLibaTemplateTagList: [], |
| | | ivrTaskTemplateScriptVOList: [], |
| | | tempDetpRelevances: [], |
| | | }; |
| | | this.deptOptions = []; |
| | | this.optionsillness = []; |
| | | this.illnesslistapi = []; |
| | | this.illnesslist = []; |
| | | this.dynamicTags = []; |
| | | this.tempDetpRelevanceslist = []; |
| | | } |
| | | }, |
| | | // é屿°æ®è¡¨ |
| | | auxiliary() { |
| | | // åç±» |
| | | getFollowupclassify({}).then((res) => { |
| | | this.indexAssortlist = res.rows; |
| | | }); |
| | | this.tempDetpRelevanceslist = []; |
| | | this.tempbelongWards = []; |
| | | |
| | | if (this.id) { |
| | | depthospgetsonlist(this.queryParamsdept).then((res) => { |
| | | if (res.code == 200) { |
| | | let arr = res.rows; |
| | | console.log(arr, "arr"); |
| | | |
| | | arr.forEach((item) => { |
| | | if (item.deptType == 1) { |
| | | console.log(this.deptlist, "11"); |
| | | this.deptlist.push(item); |
| | | console.log("22"); |
| | | this.tempDetpRelevanceslist.push(item.deptCode); |
| | | } else if (item.deptType == 2) { |
| | | this.hosplist.push(item); |
| | | this.tempbelongWards.push(item.deptCode); |
| | | console.log("33"); |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // ç¾ç
|
| | | getillnesslist({ |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | | }).then((response) => { |
| | | this.optionsillness = response.rows; |
| | | }); |
| | | getgenerallist({ |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | | }).then((res) => { |
| | | this.generallist = res.rows; |
| | | }); |
| | | // ç¾ç
å |
| | | }, |
| | | // é项é
置跳转触å |
| | | branchFlagfn(row) { |
| | | if (this.topicobj.branchFlag == 1 && this.topicobj.nextScriptno != 0) { |
| | | this.topicobj.nextScriptno = |
| | | this.topicobj.ivrTaskScriptTargetoptionList[0].nextQuestion; |
| | | } |
| | | }, |
| | | //ä¿å |
| | | submitForm(formName) { |
| | | if (this.ruleForm.id) { |
| | | this.ruleForm.isoperation = 2; |
| | | } else { |
| | | this.ruleForm.isoperation = 1; |
| | | } |
| | | if (!this.ruleForm.assortid) { |
| | | this.ruleForm.assortid = -1; |
| | | } |
| | | this.ruleForm.labelInfo = JSON.stringify(this.dynamicTags); |
| | | if (Array.isArray(this.ruleForm.suitway)) |
| | | this.ruleForm.suitway = this.ruleForm.suitway.join(","); |
| | | if (Array.isArray(this.ruleForm.campus)) |
| | | this.ruleForm.campus = this.ruleForm.campus.join(","); |
| | | if (Array.isArray(this.ruleForm.submoduleID)) |
| | | this.ruleForm.submoduleID = this.ruleForm.submoduleID.join(","); |
| | | |
| | | // æäº¤ |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.forEach((res) => { |
| | | if (!res.isoperation) { |
| | | res.isoperation = 2; |
| | | } |
| | | res.ivrTaskScriptTargetoptionList = |
| | | res.ivrTaskScriptTargetoptionList.map((item) => { |
| | | if (!item.isoperation) { |
| | | item.isoperation = 2; |
| | | item.templateID = this.ruleForm.id; |
| | | } |
| | | return item; |
| | | }); |
| | | }); |
| | | this.delScriptVOList.forEach((item) => { |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.push(item); |
| | | }); |
| | | // Taskparticty(this.ruleForm).then((res) => { |
| | | // if (res.code == 200) { |
| | | // this.$modal.msgSuccess("ç¼è¾æå"); |
| | | // this.$modal.closeLoading(); |
| | | // this.confirmillness(res.data); |
| | | // // window.location.reload(); |
| | | // // const obj = { path: "/knowledge/tpuconfigurat/?id=" + this.id }; |
| | | // // this.$tab.closeOpenPage(obj); |
| | | // } else { |
| | | // this.$modal.msgError("ä¿å失败"); |
| | | // this.$modal.closeLoading(); |
| | | // } |
| | | // }); |
| | | if (this.id) { |
| | | this.ruleForm.isoperation = 2; |
| | | this.ruleForm.tempDetpRelevances = []; |
| | | Taskparticty(this.ruleForm).then((res) => { |
| | | if (res.code == 200) { |
| | | this.$modal.msgSuccess("ä¿®æ¹æå"); |
| | | this.confirmillness(); |
| | | this.putbelongDepts(this.id); |
| | | this.$modal.closeLoading(); |
| | | this.$router.go(-1); |
| | | // window.location.reload(); |
| | | } else { |
| | | this.$modal.closeLoading(); |
| | | } |
| | | }); |
| | | } else { |
| | | this.ruleForm.isoperation = 1; |
| | | this.ruleForm.version = this.ruleForm.version |
| | | ? this.ruleForm.version |
| | | : "1.0"; |
| | | this.ruleForm.tempDetpRelevances = []; |
| | | Taskparticty(this.ruleForm).then((res) => { |
| | | if (res.code == 200) { |
| | | this.$modal.msgSuccess("æ°å¢æå"); |
| | | this.confirmillness(res.data); |
| | | this.putbelongDepts(res.data); |
| | | this.$modal.closeLoading(); |
| | | this.$router.go(-1); |
| | | } else { |
| | | this.$modal.closeLoading(); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | 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.$modal.loading("æ£å¨ä¿®æ£ä¿åæ°æ®ï¼è¯·ç¨å..."); |
| | | this.tempDetpRelevanceslist.forEach((item) => { |
| | | let result = this.deptlist.some((obj) => obj.deptCode == item); |
| | | |
| | | if (!result) { |
| | | this.tempDetpRelevanceslistform.push({ |
| | | deptType: 1, |
| | | longTemp: this.ruleForm.longTemp, |
| | | deptCode: item, |
| | | tempid: this.id, |
| | | type: 2, |
| | | }); |
| | | } |
| | | }); |
| | | this.tempbelongWards.forEach((item) => { |
| | | let result = this.hosplist.some((obj) => obj.deptCode == item); |
| | | if (!result) { |
| | | this.tempbelongWardsform.push({ |
| | | deptType: 2, |
| | | longTemp: this.ruleForm.longTemp, |
| | | deptCode: item, |
| | | tempid: this.id, |
| | | type: 2, |
| | | // 1 : é®å·æ¨¡æ¿åºidã11ï¼é®å·ä»»å¡æ¨¡æ¿åºidï¼2 :è¯é³é®å·åºidã21ï¼è¯é³ä»»å¡æ¨¡æ¿åºidï¼3 : å®£ææ¨¡æ¿åºidï¼33ï¼å®£æä»»å¡æ¨¡æ¿åºid |
| | | }); |
| | | } |
| | | }); |
| | | setTimeout(() => { |
| | | this.submitForm(); |
| | | }, 1000); |
| | | // this.submitForm(); |
| | | }, |
| | | // ä¿åç§å®¤/ç
åº |
| | | putbelongDepts(id) { |
| | | this.tempDetpRelevanceslistform.forEach((item) => { |
| | | if (!item.tempid) item.tempid = id; |
| | | }); |
| | | |
| | | this.tempbelongWardsform.forEach((item) => { |
| | | if (!item.tempid) item.tempid = id; |
| | | }); |
| | | if (this.tempDetpRelevanceslistform.length > 0) { |
| | | depthospgetson(this.tempDetpRelevanceslistform).then((res) => { |
| | | if (res.code == 200) { |
| | | this.$modal.msgSuccess("ç§å®¤æ°å¢æå"); |
| | | } |
| | | }); |
| | | } |
| | | if (this.tempbelongWardsform.length > 0) { |
| | | depthospgetson(this.tempbelongWardsform).then((res) => { |
| | | if (res.code == 200) { |
| | | this.$modal.msgSuccess("é¢åºæ°å¢æå"); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | // ä¸ä¸æ¥ |
| | | nextstep() { |
| | | if (this.Editprogress <= 2) { |
| | | return this.Editprogress++; |
| | | } |
| | | }, |
| | | // ä¸ä¸æ¥ |
| | | laststep() { |
| | | this.Editprogress = this.Editprogress - 1; |
| | | }, |
| | | // å
³é |
| | | closeFm() { |
| | | this.$confirm("éåºä¸ä¼ä¿ç页é¢å
å®¹æ´æ¹, æ¯å¦ç»§ç»?", "æç¤º", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | const obj = { path: "/knowledge/templateku/" }; |
| | | this.$tab.closeOpenPage(obj); |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已忶", |
| | | }); |
| | | }); |
| | | }, |
| | | //æ§å¶è¯é³æä»¶(æ°) |
| | | handleChange(response, file, additionalParam) { |
| | | console.log(response); |
| | | console.log(additionalParam); |
| | | if (additionalParam == 1) { |
| | | this.indexform.ivrVoice = response.url; |
| | | } else if (additionalParam == 2) { |
| | | this.indexform.nomatchvoice = response.url; |
| | | } else if (additionalParam == 3) { |
| | | this.indexform.sliencevoice = response.url; |
| | | } else if (additionalParam == 4) { |
| | | this.indexform.noclearlyvoice = response.url; |
| | | } |
| | | this.$forceUpdate(); |
| | | }, |
| | | //æ§å¶è¯é³æä»¶ |
| | | handleChanges(response, file, additionalParam) { |
| | | console.log(response); |
| | | console.log(additionalParam); |
| | | if (additionalParam == 1) { |
| | | this.topicobj.ivrVoice = response.url; |
| | | } else if (additionalParam == 2) { |
| | | this.topicobj.nomatchvoice = response.url; |
| | | } else if (additionalParam == 3) { |
| | | this.topicobj.sliencevoice = response.url; |
| | | } else if (additionalParam == 4) { |
| | | this.topicobj.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) => { |
| | | this.optionstag = response.rows; |
| | | }); |
| | | }, |
| | | handleClosetag(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, |
| | | }; |
| | | } |
| | | const exists = this.dynamicTags.some( |
| | | (department) => department.tagname === tagname |
| | | ); |
| | | if (exists) { |
| | | this.$modal.msgError("æ ç¾éå¤"); |
| | | return; |
| | | } |
| | | 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) { |
| | | if ( |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.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.ivrTaskScriptTargetoptionList.forEach((item) => { |
| | | item.isoperation = 1; |
| | | }); |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.push(res.data); |
| | | this.sortFn(); |
| | | this.$modal.msgSuccess("æ·»å æå"); |
| | | }); |
| | | }, |
| | | handleDelete(row) { |
| | | this.$modal |
| | | .confirm('æ¯å¦ç¡®è®¤å é¤é®é¢ï¼"' + row.scriptTopic + '"ï¼') |
| | | .then(() => { |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.splice( |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.indexOf(row), |
| | | 1 |
| | | ); |
| | | row.isoperation = 3; |
| | | if (row.id) { |
| | | this.delScriptVOList.push(row); |
| | | } |
| | | this.sortFn(); |
| | | this.$modal.msgSuccess("å·²å é¤ï¼ä¿å模æ¿çæ"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | handleUpdate(row) { |
| | | console.log(row, "å使°æ®"); |
| | | this.optionIndex = this.ruleForm.ivrTaskTemplateScriptVOList.indexOf(row); |
| | | if (row.ivrTaskScriptTargetoptionList.length) { |
| | | 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.ivrTaskTemplateScriptVOList, |
| | | row |
| | | ); |
| | | const item = this.ruleForm.ivrTaskTemplateScriptVOList.splice( |
| | | index, |
| | | 1 |
| | | )[0]; // ç§»é¤æå®ç´¢å¼å¤çå
ç´ ï¼å¹¶ä¿åå°itemåéä¸ |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.splice(index - 1, 0, item); // å°itemæå
¥å°ç´¢å¼ä½ç½®çåä¸ä½ |
| | | this.sortFn(); |
| | | }, |
| | | xiayioption(row) { |
| | | const index = this.getIndexInArray( |
| | | this.ruleForm.ivrTaskTemplateScriptVOList, |
| | | row |
| | | ); |
| | | const item = this.ruleForm.ivrTaskTemplateScriptVOList.splice( |
| | | index, |
| | | 1 |
| | | )[0]; // ç§»é¤æå®ç´¢å¼å¤çå
ç´ ï¼å¹¶ä¿åå°itemåéä¸ |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.splice(index + 1, 0, item); // å°itemæå
¥å°ç´¢å¼ä½ç½®çåä¸ä½ |
| | | this.sortFn(); |
| | | }, |
| | | // é®é¢æåº |
| | | sortFn() { |
| | | console.log(this.ruleForm.ivrTaskTemplateScriptVOList); |
| | | |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.forEach((item, index) => { |
| | | item.sort = Number(index) + 1; |
| | | console.log(this.ruleForm.ivrTaskTemplateScriptVOList.length); |
| | | console.log(item.sort); |
| | | |
| | | if (item.sort == this.ruleForm.ivrTaskTemplateScriptVOList.length) { |
| | | item.nextScriptno = 0; |
| | | } else { |
| | | item.nextScriptno = item.sort + 1; |
| | | } |
| | | if (item.ivrTaskScriptTargetoptionList && !item.branchFlag) { |
| | | item.ivrTaskScriptTargetoptionList.forEach((items) => { |
| | | items.nextQuestion = Number(item.sort) + 1; |
| | | }); |
| | | } |
| | | }); |
| | | this.$forceUpdate(); |
| | | |
| | | console.log(this.ruleForm.ivrTaskTemplateScriptVOList); |
| | | }, |
| | | // -----------------------è¯æ¯é项 |
| | | deloption(item) { |
| | | const index = this.topicobj.ivrTaskScriptTargetoptionList.indexOf(item); |
| | | if (index != -1) { |
| | | if (item.id) { |
| | | console.log(item, "chunz"); |
| | | item.isoperation = 3; |
| | | console.log(this.topicobj.ivrTaskScriptTargetoptionList); |
| | | this.$forceUpdate(); |
| | | } else { |
| | | this.topicobj.ivrTaskScriptTargetoptionList.splice(index, 1); // ä»ç´¢å¼ä½ç½®å é¤ä¸ä¸ªå
ç´ |
| | | } |
| | | // this.sortFn(); |
| | | } else { |
| | | console.log("æªæ¾å°è¯¥å¯¹è±¡"); |
| | | } |
| | | }, |
| | | // ä¿®æ¹é¢ç®ä¿¡æ¯ |
| | | Submittopicobj() { |
| | | this.$modal |
| | | .confirm( |
| | | 'æ¯å¦ç¡®è®¤æ°å¢å称为"' + this.indexform.scriptTopic + '"çé®é¢æ°æ®ï¼' |
| | | ) |
| | | .then(() => { |
| | | this.indexform.isoperation = 1; |
| | | this.indexform.pid = this.ruleForm.id; |
| | | this.indexform.ivrTaskScriptTargetoptionList.forEach((item) => { |
| | | item.isoperation = 1; |
| | | }); |
| | | this.ruleForm.ivrTaskTemplateScriptVOList.push(this.indexform); |
| | | this.indexform = { |
| | | ivrTaskScriptTargetoptionList: [], |
| | | }; |
| | | this.drawer = false; |
| | | |
| | | this.sortFn(); |
| | | this.$modal.msgSuccess("é¢ç®æ°å¢æåï¼ä¿å模æ¿çæ"); |
| | | }); |
| | | }, |
| | | |
| | | // --------------------- |
| | | resetForm(formName) { |
| | | this.$refs[formName].resetFields(); |
| | | }, |
| | | // ç§å®¤å é¤è§¦å |
| | | removetag(row) { |
| | | let result = this.deptlist |
| | | .filter((item) => item.deptCode == row) |
| | | .map((item) => item.id); |
| | | console.log(result.length); |
| | | if (result.length) { |
| | | depthospgetsondel(result).then((res) => { |
| | | if (res.code) { |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | // å é¤å é¤è§¦å |
| | | removehpsp(row) { |
| | | let result = this.hosplist |
| | | .filter((item) => item.deptCode == row) |
| | | .map((item) => item.id); |
| | | if (result.length) { |
| | | depthospgetsondel(result).then((res) => { |
| | | if (res.code) { |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | // é¢è§--------------- |
| | | preview() { |
| | | console.log(this.ruleForm); |
| | | this.valssu = this.ruleForm.ivrTaskTemplateScriptVOList; |
| | | this.Editprogress = 3; |
| | | }, |
| | | // å徿µè¯ |
| | | measurement() { |
| | | this.$modal |
| | | .confirm("å³å°å徿¨¡æ¿æµè¯é¡µé¢ï¼è¯·ç¡®è®¤æ¨¡æ¿æ°æ®å·²ä¿åã") |
| | | .then((res) => { |
| | | this.$router.push({ |
| | | path: "/knowledge/templateku/configurat/measurement", |
| | | query: { |
| | | id: this.id, |
| | | name: this.ruleForm.templateName, |
| | | timeout: this.ruleForm.silencetime, |
| | | }, |
| | | }); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // æ°å»ºæ¨¡æ¿ä¸ä¸´æ¶é¢ç® |
| | | // é¢ç®ç±»åæ´æ¢ |
| | | typeselection(row) { |
| | | if (row == 1 && !this.indexform.ivrTaskScriptTargetoptionList.length) { |
| | | this.indexform.ivrTaskScriptTargetoptionList.push({ |
| | | guid: 1, |
| | | isoperation: 1, |
| | | targetvalue: "", |
| | | targetregex: "", |
| | | targetregex2: "", |
| | | dynamiccruxs: [], |
| | | nodynamiccruxs: [], |
| | | dynamiccruxsJson: "", |
| | | nodynamiccruxsJson: "", |
| | | }); |
| | | } |
| | | this.$forceUpdate(); |
| | | }, |
| | | addoptionson() { |
| | | this.indexform.ivrTaskScriptTargetoptionList.push({ |
| | | guid: 1, |
| | | isoperation: 1, |
| | | targetvalue: "", |
| | | targetregex: "", |
| | | targetregex2: "", |
| | | dynamiccruxs: [], |
| | | nodynamiccruxs: [], |
| | | dynamiccruxsJson: "", |
| | | nodynamiccruxsJson: "", |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .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; |
| | | } |
| | | .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; |
| | | } |
| | | } |
| | | .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; |
| | | } |
| | | } |
| | | .headline { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | font-size: 20px; |
| | | border-left: 3px solid #41a1be; |
| | | padding-left: 5px; |
| | | margin: 15px 0; |
| | | } |
| | | .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; |
| | | } |
| | | } |
| | | .spresentation-left { |
| | | width: 100%; |
| | | // 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; |
| | | justify-content: space-between; |
| | | font-size: 20px; |
| | | border-left: 3px solid #41a1be; |
| | | padding-left: 5px; |
| | | margin: 15px 0; |
| | | } |
| | | .topicxq { |
| | | background-color: #e2f5fc; |
| | | border-radius: 4px; |
| | | margin-top: 10px; |
| | | padding-left: 10px; |
| | | padding-top: 15px; |
| | | } |
| | | } |
| | | } |
| | | ::v-deep .addtopic-input { |
| | | input { |
| | | background: #02a7f0; |
| | | color: #edf1f7; |
| | | width: 150px; |
| | | } |
| | | } |
| | | ::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> |