| | |
| | | > |
| | | <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; |