|  |  | 
 |  |  |     <div class="sidecolumn"> | 
 |  |  |       <div class="sidecolumn-top"> | 
 |  |  |         <div class="top-wj">问题类型</div> | 
 |  |  |         <div class="top-tj" @click="dialogFormVisible = true">+添加</div> | 
 |  |  |         <div class="top-tj" @click="Newcategory">+添加</div> | 
 |  |  |       </div> | 
 |  |  |       <div class="center-ss"> | 
 |  |  |         <el-input | 
 |  |  | 
 |  |  |         > | 
 |  |  |           <span class="custom-tree-node" slot-scope="{ node, data }"> | 
 |  |  |             <span>{{ node.label }}</span> | 
 |  |  |             <span> | 
 |  |  |             <span v-if="data.id > 0"> | 
 |  |  |               <el-button | 
 |  |  |                 type="text" | 
 |  |  |                 icon="el-icon-delete" | 
 |  |  | 
 |  |  |                 size="mini" | 
 |  |  |                 @click="() => remove(node, data)" | 
 |  |  |               > | 
 |  |  |               </el-button> | 
 |  |  |             </span> | 
 |  |  |             <span v-if="data.id > 0"> | 
 |  |  |               <el-button | 
 |  |  |                 type="text" | 
 |  |  |                 circle | 
 |  |  |                 size="mini" | 
 |  |  |                 @click="() => altertag(node, data)" | 
 |  |  |                 ><span class="button-textxg" | 
 |  |  |                   ><i class="el-icon-edit-outline"></i | 
 |  |  |                 ></span> | 
 |  |  |               </el-button> | 
 |  |  |             </span> | 
 |  |  |           </span> | 
 |  |  | 
 |  |  |               v-show="showSearch" | 
 |  |  |               label-width="98px" | 
 |  |  |             > | 
 |  |  |               <el-form-item label="可用院区" prop="status"> | 
 |  |  |                 <el-select v-model="queryParams.courtyard" placeholder="请选择"> | 
 |  |  |                   <el-option | 
 |  |  |                     v-for="item in languagelist" | 
 |  |  |                     :key="item.value" | 
 |  |  |                     :label="item.label" | 
 |  |  |                     :value="item.value" | 
 |  |  |                   > | 
 |  |  |                   </el-option> | 
 |  |  |                 </el-select> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="问题标题" prop="userName"> | 
 |  |  |               <el-form-item label="问题标题" prop="scriptTopic"> | 
 |  |  |                 <el-input | 
 |  |  |                   v-model="queryParams.userName" | 
 |  |  |                   v-model="queryParams.scriptTopic" | 
 |  |  |                   placeholder="请输入" | 
 |  |  |                   clearable | 
 |  |  |                   style="width: 200px" | 
 |  |  |                   @keyup.enter.native="handleQuery" | 
 |  |  |                 /> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="关联指标" prop="userName"> | 
 |  |  |               <el-form-item label="关联指标" prop="targetname"> | 
 |  |  |                 <el-input | 
 |  |  |                   v-model="queryParams.userName" | 
 |  |  |                   v-model="queryParams.targetname" | 
 |  |  |                   placeholder="请输入" | 
 |  |  |                   clearable | 
 |  |  |                   style="width: 200px" | 
 |  |  |                   @keyup.enter.native="handleQuery" | 
 |  |  |                 /> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="适用方式" prop="status"> | 
 |  |  |                 <el-select v-model="queryParams.suitway" placeholder="请选择"> | 
 |  |  |                   <el-option | 
 |  |  |                     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="status"> | 
 |  |  |                 <el-select v-model="queryParams.status" placeholder="请选择"> | 
 |  |  |                 <el-select v-model="queryParams.language" placeholder="请选择"> | 
 |  |  |                   <el-option | 
 |  |  |                     v-for="item in languagelist" | 
 |  |  |                     :key="item.value" | 
 |  |  | 
 |  |  |                   </el-option> | 
 |  |  |                 </el-select> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="是否可用" prop="status"> | 
 |  |  |                 <el-select v-model="queryParams.status" placeholder="请选择"> | 
 |  |  |               <el-form-item label="是否可用" prop="isavailable"> | 
 |  |  |                 <el-select | 
 |  |  |                   v-model="queryParams.isavailable" | 
 |  |  |                   placeholder="请选择" | 
 |  |  |                 > | 
 |  |  |                   <el-option | 
 |  |  |                     v-for="item in qyoptions" | 
 |  |  |                     :key="item.value" | 
 |  |  | 
 |  |  |               @selection-change="handleSelectionChange" | 
 |  |  |             > | 
 |  |  |               <el-table-column type="selection" width="50" align="center" /> | 
 |  |  |               <el-table-column label="序号" align="center" key="id" prop="id" /> | 
 |  |  |               <el-table-column | 
 |  |  |                 label="问题主题" | 
 |  |  |                 label="序号" | 
 |  |  |                 fixed | 
 |  |  |                 align="center" | 
 |  |  |                 key="questiontitle" | 
 |  |  |                 prop="questiontitle" | 
 |  |  |                 key="id" | 
 |  |  |                 prop="id" | 
 |  |  |               /> | 
 |  |  |               <el-table-column | 
 |  |  |                 label="问题标题" | 
 |  |  |                 fixed | 
 |  |  |                 align="center" | 
 |  |  |                 key="scriptTopic" | 
 |  |  |                 prop="scriptTopic" | 
 |  |  |                 :show-overflow-tooltip="true" | 
 |  |  |               /> | 
 |  |  |               <el-table-column | 
 |  |  |                 label="问题文本" | 
 |  |  |                 align="center" | 
 |  |  |                 key="questiontext" | 
 |  |  |                 prop="questiontext" | 
 |  |  |                 key="scriptContent" | 
 |  |  |                 prop="scriptContent" | 
 |  |  |                 width="200" | 
 |  |  |                 :show-overflow-tooltip="true" | 
 |  |  |               /> | 
 |  |  |  | 
 |  |  |               <el-table-column | 
 |  |  |                 label="问题语音" | 
 |  |  |                 align="center" | 
 |  |  |                 key="questionvoice" | 
 |  |  |                 prop="questionvoice" | 
 |  |  |                 width="200" | 
 |  |  |               /><el-table-column | 
 |  |  |              <el-table-column | 
 |  |  |                 label="关联指标" | 
 |  |  |                 align="center" | 
 |  |  |                 key="targetname" | 
 |  |  | 
 |  |  |               > | 
 |  |  |                 <template slot-scope="scope"> | 
 |  |  |                   <dict-tag :options="mode" :value="scope.row.suitway" /> | 
 |  |  |                 </template> | 
 |  |  |               </el-table-column> | 
 |  |  |               <el-table-column | 
 |  |  |                 label="问题类型" | 
 |  |  |                 align="center" | 
 |  |  |                 key="valueType" | 
 |  |  |                 prop="valueType" | 
 |  |  |                 width="120" | 
 |  |  |               > | 
 |  |  |                 <template slot-scope="scope"> | 
 |  |  |                   <dict-tag :options="valuetype" :value="scope.row.valueType" /> | 
 |  |  |                 </template> | 
 |  |  |               </el-table-column> | 
 |  |  |               <el-table-column | 
 |  |  | 
 |  |  |  | 
 |  |  |               <el-table-column | 
 |  |  |                 label="操作" | 
 |  |  |                 fixed="right" | 
 |  |  |                 align="center" | 
 |  |  |                 width="250" | 
 |  |  |                 class-name="small-padding fixed-width" | 
 |  |  | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |     <!-- 添加类别弹框 --> | 
 |  |  |     <el-dialog title="新增类别" width="30%" :visible.sync="dialogFormVisible"> | 
 |  |  |     <el-dialog :title="title" width="30%" :visible.sync="dialogFormVisible"> | 
 |  |  |       <div style="text-align: center; margin-bottom: 20px"> | 
 |  |  |         <el-radio-group v-model="radio"> | 
 |  |  |           <el-radio-button label="主分类"></el-radio-button> | 
 |  |  |           <el-radio-button label="子分类"></el-radio-button> | 
 |  |  |           <el-radio-button label="主分类" v-show="zifon"></el-radio-button> | 
 |  |  |           <el-radio-button label="子分类" v-show="zufon"></el-radio-button> | 
 |  |  |         </el-radio-group> | 
 |  |  |       </div> | 
 |  |  |       <el-divider></el-divider> | 
 |  |  | 
 |  |  |         </el-form-item> | 
 |  |  |       </el-form> | 
 |  |  |       <div slot="footer" class="dialog-footer"> | 
 |  |  |         <el-button @click="dialogFormVisible = false">取 消</el-button> | 
 |  |  |         <el-button @click="getDeptTree()">取 消</el-button> | 
 |  |  |         <el-button type="primary" @click="submitsidecolumn">确 定</el-button> | 
 |  |  |       </div> | 
 |  |  |     </el-dialog> | 
 |  |  | 
 |  |  |         <el-button type="primary" @click="confirmillness">确 定</el-button> | 
 |  |  |       </span> | 
 |  |  |     </el-dialog> | 
 |  |  |     <!-- 随访题目预览 --> | 
 |  |  |     <el-dialog title="随访题目预览" :visible.sync="topicVisible" width="50%"> | 
 |  |  |       <div class="preview-left"> | 
 |  |  |         <div v-if="topicform.valueType == 1"> | 
 |  |  |           <div class="dev-text"> | 
 |  |  |             [单选]<span>{{ topicform.scriptContent }}</span> | 
 |  |  |           </div> | 
 |  |  |  | 
 |  |  |           <div class="dev-xx"> | 
 |  |  |             <el-radio-group v-model="topicform.asrtext"> | 
 |  |  |               <el-radio | 
 |  |  |                 v-for="( | 
 |  |  |                   topicforms, index | 
 |  |  |                 ) in topicform.ivrLibaScriptTargetoptionList" | 
 |  |  |                 :key="topicforms.targetvalue" | 
 |  |  |                 :label="topicforms.targetvalue" | 
 |  |  |                 >{{ topicforms.targetvalue }}</el-radio | 
 |  |  |               > | 
 |  |  |             </el-radio-group> | 
 |  |  |           </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="scriptTopic-dev" v-if="topicform.valueType == 2"> | 
 |  |  |           <div class="dev-text"> | 
 |  |  |             [多选]<span>{{ topicform.scriptContent }}</span> | 
 |  |  |           </div> | 
 |  |  |           <div class="dev-xx"> | 
 |  |  |             <el-checkbox-group v-model="topicform.remark"> | 
 |  |  |               <el-checkbox | 
 |  |  |                 v-for="( | 
 |  |  |                   topicforms, index | 
 |  |  |                 ) in topicform.ivrLibaScriptTargetoptionList" | 
 |  |  |                 :key="topicforms.targetvalue" | 
 |  |  |                 :label="topicforms.targetvalue" | 
 |  |  |                 >{{ topicforms.targetvalue }} | 
 |  |  |               </el-checkbox> | 
 |  |  |             </el-checkbox-group> | 
 |  |  |           </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="scriptTopic-dev" v-if="topicform.valueType == 3"> | 
 |  |  |           <div class="dev-text"> | 
 |  |  |             [填空]<span>{{ topicform.scriptContent }}</span> | 
 |  |  |           </div> | 
 |  |  |           <div class="dev-xx"> | 
 |  |  |             <el-input placeholder="请输入答案" v-model="radioas" clearable> | 
 |  |  |             </el-input> | 
 |  |  |           </div> | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |     </el-dialog> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  | import { | 
 |  |  |   getverbaltricklist, | 
 |  |  |   verbaltrickinfo, | 
 |  |  |   delverbaltrickinfo, | 
 |  |  |   getverbaltrick, | 
 |  |  |   delverbaltrickinfo, | 
 |  |  |   compileverbaltrickclassify, | 
 |  |  |   getillnesslist, | 
 |  |  |   illnesslistget, | 
 |  |  |   getillness, | 
 |  |  | 
 |  |  |       total: 0, | 
 |  |  |       namequestionnaire: "", | 
 |  |  |       haoquestionnaire: "", | 
 |  |  |       topicform: { | 
 |  |  |         scriptContent: "", | 
 |  |  |       }, | 
 |  |  |       idds: "", | 
 |  |  |       amendtag: false, //是否修改类别 | 
 |  |  |       dialogFormVisible: false, //修改添加类别弹框 | 
 |  |  |       topicVisible: false, //预览弹框 | 
 |  |  |       indexid: null, | 
 |  |  |       inputValue: "", | 
 |  |  |       inputVisible: false, | 
 |  |  | 
 |  |  |         }, | 
 |  |  |       ], | 
 |  |  |       // 弹出层标题 | 
 |  |  |       title: "", | 
 |  |  |       title: "类别编辑", | 
 |  |  |       // 是否显示弹出层 | 
 |  |  |       open: false, | 
 |  |  |       // 日期范围 | 
 |  |  | 
 |  |  |       indexopen: false, //弹框展示否 | 
 |  |  |       propss: { multiple: true }, | 
 |  |  |       radio: "主分类", | 
 |  |  |  | 
 |  |  |       zufon: true, | 
 |  |  |       zifon: true, | 
 |  |  |       usable: [], | 
 |  |  |  | 
 |  |  |       mode: [], | 
 |  |  |       languagelist: [], | 
 |  |  |       valuetype:[], | 
 |  |  |       qyoptions: [], | 
 |  |  |       // 查询参数 | 
 |  |  |       queryParams: { | 
 |  |  | 
 |  |  |     this.getDeptTree(); | 
 |  |  |     this.mode = store.getters.mode; | 
 |  |  |     this.languagelist = store.getters.languagelist; | 
 |  |  |     this.valuetype = store.getters.valuetypelb; | 
 |  |  |     this.qyoptions = store.getters.usable; | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  | 
 |  |  |     handleAdd() { | 
 |  |  |       this.$router.push({ | 
 |  |  |         path: "/knowledge/verbaltrick/particulars/", | 
 |  |  |         query: { id: "" }, | 
 |  |  |         query: { id: "", categoryid: this.queryParams.categoryid }, | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     // 分类树----------------------------------------- | 
 |  |  | 
 |  |  |     getDeptTree() { | 
 |  |  |       getbaltrickclassify({}).then((res) => { | 
 |  |  |         this.deptOptions = res.rows; | 
 |  |  |         console.log(res); | 
 |  |  |         this.dialogFormVisible = false; | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     // 添加类别树 | 
 |  |  |     submitsidecolumn() { | 
 |  |  |       if (this.classifyform.id) { | 
 |  |  |         compileverbaltrickclassify(this.classifyform).then((res) => { | 
 |  |  |           this.getDeptTree(); | 
 |  |  |           this.$modal.msgSuccess("修改成功"); | 
 |  |  |           this.classifyform = {}; | 
 |  |  |           this.dialogFormVisible = false; | 
 |  |  |         }); | 
 |  |  |         return; | 
 |  |  |       } | 
 |  |  |       let calssvalue = {}; | 
 |  |  |       if ( | 
 |  |  |         this.classifyform.pid && | 
 |  |  | 
 |  |  |           .catch(() => {}); | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     altertag(a, b) { | 
 |  |  |       this.dialogFormVisible = true; | 
 |  |  |       if (!b.pid) { | 
 |  |  |         this.radio = "主分类"; | 
 |  |  |         this.title = "修改主分类"; | 
 |  |  |         this.zufon = false; | 
 |  |  |       } else { | 
 |  |  |         this.radio = "子分类"; | 
 |  |  |         this.title = "修改子分类"; | 
 |  |  |         this.zifon = false; | 
 |  |  |       } | 
 |  |  |       this.classifyform = b; | 
 |  |  |       this.dialogFormVisible = true; | 
 |  |  |     }, | 
 |  |  |     Newcategory(){ | 
 |  |  |       this.classifyform= {}, //类别表单 | 
 |  |  |       this.radio = "主分类"; | 
 |  |  |      this.dialogFormVisible = true | 
 |  |  |      this.zifon = true; | 
 |  |  |      this.zufon = true; | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     // 筛选节点 | 
 |  |  |     filterNode(value, data) { | 
 |  |  | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     // 预览 | 
 |  |  |     preview(row) {}, | 
 |  |  |     preview(row) { | 
 |  |  |       getverbaltrick({ id: row.id }).then((res) => { | 
 |  |  |         this.topicform = res.data; | 
 |  |  |         console.log(this.topicform); | 
 |  |  |         this.topicVisible = true; | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     // 疾病----------------------- | 
 |  |  |     illnessUpdate(row) { | 
 |  |  |       this.illnessVisible = true; | 
 |  |  | 
 |  |  |   margin-top: 20px; | 
 |  |  |   margin: 20px; | 
 |  |  |   padding: 30px; | 
 |  |  |   background: #edf1f7; | 
 |  |  |   background: #fff; | 
 |  |  |   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); | 
 |  |  | 
 |  |  |   font-size: 20px; | 
 |  |  |   cursor: pointer; | 
 |  |  | } | 
 |  |  | ::v-deep .el-tree { | 
 |  |  |   position: relative; | 
 |  |  |   cursor: default; | 
 |  |  |   border-radius: 5px; | 
 |  |  |   background: #eff8fe; | 
 |  |  |   color: #606266; | 
 |  |  |   border: 1px solid #bbe1fa; | 
 |  |  |   // 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); | 
 |  |  | } | 
 |  |  | ::v-deep | 
 |  |  |   .el-tree--highlight-current | 
 |  |  |   .el-tree-node.is-current | 
 |  |  |   > .el-tree-node__content { | 
 |  |  |   background-color: #7799fb; | 
 |  |  |   color: #fff; | 
 |  |  | } | 
 |  |  | ::v-deep .el-button--mini.is-circle { | 
 |  |  |   padding: 7px; | 
 |  |  |   margin: 0; | 
 |  |  | 
 |  |  |     font-size: 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); | 
 |  |  |  | 
 |  |  |   .dev-text { | 
 |  |  |     margin-bottom: 10px; | 
 |  |  |     text-align: left; | 
 |  |  |     font-size: 22px; | 
 |  |  |   } | 
 |  |  |   .scriptTopic-dev { | 
 |  |  |     margin-bottom: 25px; | 
 |  |  |     font-size: 20px !important; | 
 |  |  |     .dev-text { | 
 |  |  |       margin-bottom: 10px; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | .button-text { | 
 |  |  |   color: rgb(70, 204, 238); | 
 |  |  | } |