|  |  | 
 |  |  |           :data="deptOptions" | 
 |  |  |           :props="defaultProps" | 
 |  |  |           :expand-on-click-node="false" | 
 |  |  |           :check-strictly="true" | 
 |  |  |           :filter-node-method="filterNode" | 
 |  |  |           ref="tree" | 
 |  |  |           node-key="id" | 
 |  |  | 
 |  |  |                 :show-overflow-tooltip="true" | 
 |  |  |               /> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |               /><el-table-column | 
 |  |  |                 label="适用方式" | 
 |  |  |                 align="center" | 
 |  |  | 
 |  |  |                     size="medium" | 
 |  |  |                     type="text" | 
 |  |  |                     @click="compileUpdate(scope.row)" | 
 |  |  |                     v-hasPermi="['system:user:edit']" | 
 |  |  |                     ><span class="button-bji" | 
 |  |  |                       ><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-delete-solid"></i>删除</span | 
 |  |  |                     ></el-button | 
 |  |  | 
 |  |  |                     size="medium" | 
 |  |  |                     type="text" | 
 |  |  |                     @click="topicpreview(scope.row)" | 
 |  |  |                     v-hasPermi="['system:user:remove']" | 
 |  |  |                     ><span class="button-text" | 
 |  |  |                       ><i class="el-icon-view"></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> | 
 |  |  | 
 |  |  |       userList: [], | 
 |  |  |       // 弹出层标题 | 
 |  |  |       tag: "", | 
 |  |  |       title: "新增类别", | 
 |  |  |       title: "类别编辑", | 
 |  |  |       // 是否显示弹出层 | 
 |  |  |       open: false, | 
 |  |  |       // 日期范围 | 
 |  |  | 
 |  |  |       this.classifyform = b; | 
 |  |  |       this.dialogFormVisible = true; | 
 |  |  |     }, | 
 |  |  |     Newcategory(){ | 
 |  |  |       this.classifyform= {}, //类别表单 | 
 |  |  |       this.radio = "主分类"; | 
 |  |  |      this.dialogFormVisible = true | 
 |  |  |      this.zifon = 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.svyLibScriptCategoryList) return; | 
 |  |  |       this.queryParams.categoryid = data.id; | 
 |  |  |       this.getList(); | 
 |  |  |     }, | 
 |  |  | 
 |  |  |   display: flex; | 
 |  |  | } | 
 |  |  | .sidecolumn { | 
 |  |  |   width: 300px; | 
 |  |  |   width: 400px; | 
 |  |  |   min-height: 100vh; | 
 |  |  |   text-align: center; | 
 |  |  |   //   display: flex; |