|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span class="custom-tree-node" slot-scope="{ node, data }"> | 
|---|
|  |  |  | <span>{{ node.label }}</span> | 
|---|
|  |  |  | <span v-if="node.id > 0"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | 
|---|
|  |  |  | getQtemplateclassify, | 
|---|
|  |  |  | delQtemplateclassify, | 
|---|
|  |  |  | addQtemplateclassify, | 
|---|
|  |  |  | editQtemplateclassify, | 
|---|
|  |  |  | getQtemplatelist, | 
|---|
|  |  |  | issueinfo, | 
|---|
|  |  |  | compileissue, | 
|---|
|  |  |  | 
|---|
|  |  |  | getDeptTree() { | 
|---|
|  |  |  | getQtemplateclassify({}).then((res) => { | 
|---|
|  |  |  | this.deptOptions = res.rows; | 
|---|
|  |  |  | console.log(res); | 
|---|
|  |  |  | this.dialogFormVisible = false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // 添加类别树 | 
|---|
|  |  |  | submitsidecolumn() { | 
|---|
|  |  |  | if (this.classifyform.id) { | 
|---|
|  |  |  | editQtemplateclassify(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 = "主分类"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.radio = "子分类"; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.classifyform = b; | 
|---|
|  |  |  | this.dialogFormVisible = 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; | 
|---|