|  |  |  | 
|---|
|  |  |  | <!-- 左侧栏 --> | 
|---|
|  |  |  | <div class="sidecolumn"> | 
|---|
|  |  |  | <div class="sidecolumn-top"> | 
|---|
|  |  |  | <div class="top-wj">问卷类型</div> | 
|---|
|  |  |  | <div class="top-tj" @click="dialogFormVisible = true">+添加</div> | 
|---|
|  |  |  | <div class="top-wj">问卷分类</div> | 
|---|
|  |  |  | <div class="top-tj" @click="Newcategory">+添加</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="center-ss"> | 
|---|
|  |  |  | <el-input | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="主要内容" prop="userName"> | 
|---|
|  |  |  | <el-form-item label="问卷描述" prop="userName"> | 
|---|
|  |  |  | <el-input | 
|---|
|  |  |  | v-model="queryParams.description" | 
|---|
|  |  |  | placeholder="请输入" | 
|---|
|  |  |  | 
|---|
|  |  |  | icon="el-icon-plus" | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | @click="handleAdd" | 
|---|
|  |  |  | v-hasPermi="['system:user:add']" | 
|---|
|  |  |  |  | 
|---|
|  |  |  | >新增</el-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | :disabled="multiple" | 
|---|
|  |  |  | @click="handleDelete" | 
|---|
|  |  |  | v-hasPermi="['system:user:remove']" | 
|---|
|  |  |  | >删除</el-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | 
|---|
|  |  |  | width="160" | 
|---|
|  |  |  | :show-overflow-tooltip="true" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="版本" | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | key="version" | 
|---|
|  |  |  | prop="version" | 
|---|
|  |  |  | :show-overflow-tooltip="true" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="主要内容" | 
|---|
|  |  |  | label="问卷描述" | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | key="description" | 
|---|
|  |  |  | prop="description" | 
|---|
|  |  |  | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | type="text" | 
|---|
|  |  |  | @click="illnessUpdate(scope.row)" | 
|---|
|  |  |  | v-hasPermi="['system:user:edit']" | 
|---|
|  |  |  | ><span class="button-textxg" | 
|---|
|  |  |  | ><i class="el-icon-date"></i>详情</span | 
|---|
|  |  |  | ></el-button | 
|---|
|  |  |  | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | type="text" | 
|---|
|  |  |  | @click="goQRCode(scope.row)" | 
|---|
|  |  |  | v-hasPermi="['system:user:edit']" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span class="button-text" | 
|---|
|  |  |  | ><i class="el-icon-edit"></i>预览</span | 
|---|
|  |  |  | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | type="text" | 
|---|
|  |  |  | @click="ViewQuestionnaire(scope.row)" | 
|---|
|  |  |  | v-hasPermi="['system:user:edit']" | 
|---|
|  |  |  | ><span class="button-textck" | 
|---|
|  |  |  | ><i class="el-icon-edit"></i>查看</span | 
|---|
|  |  |  | ></el-button | 
|---|
|  |  |  | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | type="text" | 
|---|
|  |  |  | @click="handleUpdate(scope.row)" | 
|---|
|  |  |  | v-hasPermi="['system:user:edit']" | 
|---|
|  |  |  | ><span class="button-textxg" | 
|---|
|  |  |  | ><i class="el-icon-edit"></i>修改</span | 
|---|
|  |  |  | ></el-button | 
|---|
|  |  |  | 
|---|
|  |  |  | size="medium" | 
|---|
|  |  |  | type="text" | 
|---|
|  |  |  | @click="handleDelete(scope.row)" | 
|---|
|  |  |  | v-hasPermi="['system:user:remove']" | 
|---|
|  |  |  | ><span class="button-textsc" | 
|---|
|  |  |  | ><i class="el-icon-edit"></i>删除</span | 
|---|
|  |  |  | ></el-button | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 添加类别弹框 --> | 
|---|
|  |  |  | <el-dialog title="新增类别" width="30%" :visible.sync="dialogFormVisible"> | 
|---|
|  |  |  | <el-dialog title="类别编辑" width="30%" :visible.sync="dialogFormVisible"> | 
|---|
|  |  |  | <div style="text-align: center; margin-bottom: 20px"> | 
|---|
|  |  |  | <el-radio-group v-model="radio"> | 
|---|
|  |  |  | <el-radio-button label="主分类"></el-radio-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-dialog> --> | 
|---|
|  |  |  | <!-- 问卷模版预览 --> | 
|---|
|  |  |  | <!-- 问卷模板预览 --> | 
|---|
|  |  |  | <el-dialog title="随访题目预览" :visible.sync="topicVisible" width="50%"> | 
|---|
|  |  |  | <div class="preview-left"> | 
|---|
|  |  |  | <!-- 单选 --> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="scriptTopic-dev" | 
|---|
|  |  |  | v-for="item in topicform.svyTemplateLibScripts" | 
|---|
|  |  |  | :key="item.sort" | 
|---|
|  |  |  | v-if="item.scriptType == 1" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="dev-text"> | 
|---|
|  |  |  | {{ item.sort }}、[单选]<span>{{ item.scriptContent }}</span> | 
|---|
|  |  |  | <div v-for="item in topicform.svyTemplateLibScripts"> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="scriptTopic-dev" | 
|---|
|  |  |  | :key="item.sort" | 
|---|
|  |  |  | v-if="item.scriptType == 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.svyLibTemplateTargetoptions" | 
|---|
|  |  |  | :key="index" | 
|---|
|  |  |  | :label="index" | 
|---|
|  |  |  | >{{ items.optioncontent }}</el-radio | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="dev-xx"> | 
|---|
|  |  |  | <el-radio-group v-model="item.remark"> | 
|---|
|  |  |  | <el-radio | 
|---|
|  |  |  | v-for="(items, index) in item.svyLibTemplateTargetoptions" | 
|---|
|  |  |  | :key="index" | 
|---|
|  |  |  | :label="index" | 
|---|
|  |  |  | >{{ items.optioncontent }}</el-radio | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </el-radio-group> | 
|---|
|  |  |  | <!-- 多选 --> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="scriptTopic-dev" | 
|---|
|  |  |  | :key="item.sort" | 
|---|
|  |  |  | v-if="item.scriptType == 2" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="dev-text"> | 
|---|
|  |  |  | {{ item.sort }}、[多选]<span>{{ item.scriptContent }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="dev-xx"> | 
|---|
|  |  |  | <el-checkbox-group v-model="qremark"> | 
|---|
|  |  |  | <el-checkbox | 
|---|
|  |  |  | v-for="(items, index) in item.svyLibTemplateTargetoptions" | 
|---|
|  |  |  | :key="index" | 
|---|
|  |  |  | :label="index" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {{ items.optioncontent }} | 
|---|
|  |  |  | </el-checkbox> | 
|---|
|  |  |  | </el-checkbox-group> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 多选 --> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="scriptTopic-dev" | 
|---|
|  |  |  | v-for="item in topicform.svyTemplateLibScripts" | 
|---|
|  |  |  | :key="item.sort" | 
|---|
|  |  |  | v-if="item.scriptType == 2" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="dev-text"> | 
|---|
|  |  |  | {{ item.sort }}、[多选]<span>{{ item.scriptContent }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="dev-xx"> | 
|---|
|  |  |  | <el-checkbox-group v-model="qremark"> | 
|---|
|  |  |  | <el-checkbox | 
|---|
|  |  |  | v-for="(items, index) in item.svyLibTemplateTargetoptions" | 
|---|
|  |  |  | :key="index" | 
|---|
|  |  |  | :label="index" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {{ items.optioncontent }} | 
|---|
|  |  |  | </el-checkbox> | 
|---|
|  |  |  | </el-checkbox-group> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 填空 --> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="scriptTopic-dev" | 
|---|
|  |  |  | v-for="item in topicform.svyTemplateLibScripts" | 
|---|
|  |  |  | :key="item.sort" | 
|---|
|  |  |  | v-if="item.scriptType == 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 | 
|---|
|  |  |  | class="scriptTopic-dev" | 
|---|
|  |  |  | :key="item.sort" | 
|---|
|  |  |  | v-if="item.scriptType == 4" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | roleOptions: [], | 
|---|
|  |  |  | // 表单参数 | 
|---|
|  |  |  | form: {}, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | title: "类别编辑", | 
|---|
|  |  |  | sidecolumnform: {}, //添加类别表单 | 
|---|
|  |  |  | goQRCodeVisible: false, //二维码弹框 | 
|---|
|  |  |  | sidecolumnval: "", //类别搜索 | 
|---|
|  |  |  | 
|---|
|  |  |  | indexid: null, | 
|---|
|  |  |  | inputValue: "", | 
|---|
|  |  |  | radio: "主分类", | 
|---|
|  |  |  | zufon: true, | 
|---|
|  |  |  | zifon: true, | 
|---|
|  |  |  | inputVisible: false, | 
|---|
|  |  |  | illnessVisible: false, //指标疾病弹框 | 
|---|
|  |  |  | deptOptions: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | /** 新增按钮操作 */ | 
|---|
|  |  |  | handleAdd() { | 
|---|
|  |  |  | this.$router.push({ | 
|---|
|  |  |  | path: "/knowledge/questionnaire/compilequer/", | 
|---|
|  |  |  | path: "/knowledge/questionnaireinfo/", | 
|---|
|  |  |  | query: { categoryid: this.queryParams.categoryid }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | /** 修改按钮操作 */ | 
|---|
|  |  |  | handleUpdate(row) { | 
|---|
|  |  |  | this.$router.push({ | 
|---|
|  |  |  | path: "/knowledge/questionnaire/compilequer/", | 
|---|
|  |  |  | path: "/knowledge/questionnaireinfo/", | 
|---|
|  |  |  | query: { id: row.svyid }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 筛选节点 | 
|---|
|  |  |  | 
|---|
|  |  |  | return data.name.indexOf(value) !== -1; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleNodeClick(data) { | 
|---|
|  |  |  | if (data.svyLibTemplateCategoryList) return; | 
|---|
|  |  |  | this.queryParams.categoryid = data.id; | 
|---|
|  |  |  | this.getList(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .sidecolumn { | 
|---|
|  |  |  | width: 300px; | 
|---|
|  |  |  | width: 400px; | 
|---|
|  |  |  | min-height: 100vh; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | //   display: flex; | 
|---|