|  |  | 
 |  |  |               @click="getaddtopiclist" | 
 |  |  |               >添加题目</el-button | 
 |  |  |             > | 
 |  |  |             <el-button | 
 |  |  |               type="success" | 
 |  |  |               icon="el-icon-edit-outline" | 
 |  |  |               round | 
 |  |  |               @click="Operateit = !Operateit" | 
 |  |  |               >{{ !Operateit ? "编辑题目" : "完整信息展示" }}</el-button | 
 |  |  |             > | 
 |  |  |           </div> | 
 |  |  |           <div style="display: flex"> | 
 |  |  |             <span | 
 |  |  | 
 |  |  |           </div> | 
 |  |  |         </div> | 
 |  |  |         <div class="presentation"> | 
 |  |  |           <div class="presentation-left"> | 
 |  |  |           <div :class="Operateit ? 'presentation-left' : 'spresentation-left'"> | 
 |  |  |             <el-card class="box-card" style="min-height: 688px"> | 
 |  |  |               <el-table | 
 |  |  |                 v-loading="loading" | 
 |  |  | 
 |  |  |                   align="center" | 
 |  |  |                   key="sort" | 
 |  |  |                   prop="sort" | 
 |  |  |                   width="50" | 
 |  |  |                 /> | 
 |  |  |                 <el-table-column | 
 |  |  |                   label="题目标题" | 
 |  |  | 
 |  |  |                   :show-overflow-tooltip="true" | 
 |  |  |                 /> | 
 |  |  |                 <el-table-column | 
 |  |  |                   label="题型" | 
 |  |  |                   align="center" | 
 |  |  |                   key="scriptType" | 
 |  |  |                   prop="scriptType" | 
 |  |  |                   :show-overflow-tooltip="true" | 
 |  |  |                 > | 
 |  |  |                   <template slot-scope="scope"> | 
 |  |  |                     <dict-tag | 
 |  |  |                       :options="askvaluetype" | 
 |  |  |                       :value="scope.row.scriptType" | 
 |  |  |                     /> | 
 |  |  |                   </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <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="targetname" | 
 |  |  |                   prop="targetname" | 
 |  |  |                   :show-overflow-tooltip="true" | 
 |  |  |                 /> | 
 |  |  |                 <el-table-column | 
 |  |  |                   v-if="!Operateit" | 
 |  |  |                   label="是否必填" | 
 |  |  |                   align="center" | 
 |  |  |                   key="ismandatory" | 
 |  |  |                   prop="ismandatory" | 
 |  |  |                   :show-overflow-tooltip="true" | 
 |  |  |                 > | 
 |  |  |                   <template slot-scope="scope"> | 
 |  |  |                     <dict-tag | 
 |  |  |                       :options="required" | 
 |  |  |                       :value="scope.row.ismandatory" | 
 |  |  |                     /> | 
 |  |  |                   </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column | 
 |  |  |                   label="下题跳转" | 
 |  |  |                   align="center" | 
 |  |  |                   key="nextScriptno" | 
 |  |  |                   prop="nextScriptno" | 
 |  |  |                   :show-overflow-tooltip="true" | 
 |  |  |                 /> | 
 |  |  |  | 
 |  |  |                 <el-table-column | 
 |  |  |                   v-if="Operateit" | 
 |  |  |                   label="操作" | 
 |  |  |                   align="center" | 
 |  |  |                   width="250" | 
 |  |  | 
 |  |  |               </el-table> | 
 |  |  |             </el-card> | 
 |  |  |           </div> | 
 |  |  |           <div class="presentation-right"> | 
 |  |  |           <div class="presentation-right" v-if="Operateit"> | 
 |  |  |             <el-card class="box-card"> | 
 |  |  |               <el-form | 
 |  |  |                 :inline="true" | 
 |  |  |                 :model="topicobj" | 
 |  |  |                 class="demo-form-inline" | 
 |  |  |               > | 
 |  |  |                 <div class="headline"> | 
 |  |  |                   题目设置详情 | 
 |  |  |                   <span style="margin-left: 30px" | 
 |  |  |                     ><el-button type="primary" @click="Submittopicobj" | 
 |  |  |                       >保存</el-button | 
 |  |  |                     ></span | 
 |  |  |                   > | 
 |  |  |                 </div> | 
 |  |  |                 <el-form-item label="题目标题"> | 
 |  |  |                   <el-input | 
 |  |  |                     v-model="topicobj.scriptTopic" | 
 |  |  |                     placeholder="请输入标题" | 
 |  |  |                   ></el-input> | 
 |  |  |                 </el-form-item> | 
 |  |  |                 <div class="headline">题目设置详情</div> | 
 |  |  |                 <el-row :gutter="10"> | 
 |  |  |                   <el-col :span="12"> | 
 |  |  |                     <el-form-item label="题目标题"> | 
 |  |  |                       <el-input | 
 |  |  |                         v-model="topicobj.scriptTopic" | 
 |  |  |                         placeholder="请输入标题" | 
 |  |  |                       ></el-input> </el-form-item | 
 |  |  |                   ></el-col> | 
 |  |  |                   <el-col :span="12"> | 
 |  |  |                     <el-form-item label="下题跳转" v-if="!topicobj.branchFlag"> | 
 |  |  |                       <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> </el-form-item | 
 |  |  |                   ></el-col> | 
 |  |  |                 </el-row> | 
 |  |  |                 <el-form-item label="是否由选项配置跳转"> | 
 |  |  |                   <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> | 
 |  |  |                 <div v-if="topicobj.scriptType != 3"> | 
 |  |  |                   <div class="headline">选项设置</div> | 
 |  |  |                   <div | 
 |  |  | 
 |  |  |       themelist: [], | 
 |  |  |       languagelist: [], | 
 |  |  |       courtyardlist: [], | 
 |  |  |       askvaluetype: [], | 
 |  |  |       precedencetype: [], | 
 |  |  |       inputValueillness: "", | 
 |  |  |       inputVisible: false, | 
 |  |  |       inputVisibleillness: false, | 
 |  |  |       illnessVisible: false, //指标疾病弹框 | 
 |  |  |       Operateit: true, | 
 |  |  |       deptOptions: [], | 
 |  |  |       optionsillness: [], | 
 |  |  |       delScriptVOList: [], | 
 |  |  | 
 |  |  |     this.required = store.getters.required; | 
 |  |  |     this.valuetype = store.getters.valuetype; | 
 |  |  |     this.courtyardlist = store.getters.courtyardlist; | 
 |  |  |     this.askvaluetype = store.getters.askvaluetype; | 
 |  |  |  | 
 |  |  |     // this.test(); | 
 |  |  |   }, | 
 |  |  |  | 
 |  |  | 
 |  |  |   // display: flex; | 
 |  |  | } | 
 |  |  | .sidecolumn { | 
 |  |  |   margin: 20px; | 
 |  |  |   margin-bottom: 0; | 
 |  |  |   margin: 10px 20px 0 20px; | 
 |  |  |   padding: 20px; | 
 |  |  |   background: #edf1f7; | 
 |  |  |   border: 1px solid #dcdfe6; | 
 |  |  | 
 |  |  |   // margin-top: 20px; | 
 |  |  |   margin: 20px; | 
 |  |  |   padding: 30px; | 
 |  |  |   padding-top: 5px; | 
 |  |  |   margin-top: 10px; | 
 |  |  |   background: #ffff; | 
 |  |  |   border: 1px solid #dcdfe6; | 
 |  |  |   -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), | 
 |  |  | 
 |  |  |       color: #f52727; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  |   .spresentation-left { | 
 |  |  |     width: 100%; | 
 |  |  |     // height: 500px; | 
 |  |  |     .button-textxg { | 
 |  |  |       color: #024df0; | 
 |  |  |     } | 
 |  |  |     .button-textsc { | 
 |  |  |       color: #f52727; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  |   .presentation-right { | 
 |  |  |     width: 50%; | 
 |  |  |     max-height: 688px; | 
 |  |  | 
 |  |  | .custom-width { | 
 |  |  |   width: 100px; /* 设置宽度样式 */ | 
 |  |  | } | 
 |  |  | .el-select { | 
 |  |  |   width: 40%; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .el-cascader { | 
 |  |  |   width: 40%; | 
 |  |  | } | 
 |  |  | ::v-deep .addtopic-input { | 
 |  |  |   input { | 
 |  |  |     background: #02a7f0; |