| | |
| | | <template> |
| | | <el-container> |
| | | <!-- 左侧菜单--> |
| | | <el-aside style="width: 20%;"> |
| | | <el-aside> |
| | | <basic-container> |
| | | <el-collapse accordion> |
| | | <el-collapse-item style="padding-left: 3px;"> |
| | | <template slot="title"> |
| | | <div style="display: flex;justify-content: space-around;"> |
| | | <el-button v-if="permissionList.TreeAddStatus" plain size="mini" type="primary" @click="TreeAdd">添加 |
| | | <div> |
| | | <div> |
| | | <div style="display: flex; flex-direction: column;"> |
| | | <div style="display: flex;"> |
| | | <el-button v-if="permissionList.TreeAddStatus" plain size="small" type="primary" @click="TreeAdd">添加 |
| | | </el-button> |
| | | <el-button v-if="permissionList.TreeEditStatus" plain size="mini" type="primary" @click="TreeEdit">修改 |
| | | <el-button v-if="permissionList.TreeEditStatus" plain size="small" type="primary" @click="TreeEdit">修改 |
| | | </el-button> |
| | | <el-button v-if="permissionList.TreeDelStatus" plain size="mini" type="primary" @click="TreeDel">删除 |
| | | <el-button v-if="permissionList.TreeDelStatus" plain size="small" type="primary" @click="TreeDel">删除 |
| | | </el-button> |
| | | <el-button v-if="permissionList.flushedStatus" plain size="mini" type="primary" @click="flushed">刷新 |
| | | <el-button v-if="permissionList.flushedStatus" plain size="small" type="primary" @click="flushed">刷新 |
| | | </el-button> |
| | | </div> |
| | | </template> |
| | | <div> |
| | | <el-button v-if="permissionList.EnableStatus" plain size="mini" type="primary" @click="Enable">启用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.DeactivateStatus" plain size="mini" type="primary" @click="Deactivate"> |
| | | 停用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ImportExcelStatus" plain size="mini" type="primary" |
| | | @click.native="ImportExcel">导入 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="mini" type="primary" |
| | | @click="ExportExcel">导出 |
| | | <div style="display: flex; margin-top: 10px"> |
| | | <el-button v-if="permissionList.EnableStatus" plain size="small" type="primary" @click="Enable">启用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.DeactivateStatus" plain size="small" type="primary" @click="Deactivate"> |
| | | 停用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ImportExcelStatus" plain size="small" type="primary" |
| | | @click.native="ImportExcel">导入 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="small" type="primary" |
| | | @click="ExportExcel">导出 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | <div style="display: flex;margin-top: 5px;margin-bottom: 5px"> |
| | | <el-button v-if="permissionList.flowingBtnStuatus" plain size="mini" type="primary" @click="testHandler">流水处理 |
| | | </el-button> |
| | | </div> |
| | | <div style="margin-top: 10px;margin-bottom: 10px"> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="mini" type="primary" @click="testHandler">流水处理 |
| | | </el-button> |
| | | </div> |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | |
| | | </div> |
| | | </div> |
| | | <!-- 左侧树--> |
| | | <div style="height: calc(100vh - 194px);overflow: auto;"> |
| | | <div style="height: calc(100vh - 230px);overflow: auto"> |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" |
| | | :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | class="classifyTree" |
| | | style="height: calc(100vh - 280px);" |
| | | style="height: calc(100vh - 290px)" |
| | | @node-click="nodeClick" |
| | | > |
| | | <template slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item" effect="dark" |
| | | open-delay="500" |
| | | placement="right-start"> |
| | | <span style="font-size: 14px;"> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </el-tooltip> |
| | | </template> |
| | | </avue-tree> |
| | | </div> |
| | | |
| | |
| | | <el-dialog v-loading="AddLoading" :before-close="TreeEscHandler" |
| | | :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" append-to-body |
| | | style="width: 1700px;margin: auto"> |
| | | <el-form ref="myForm" :model="TreeAddform" :rules="rules"> |
| | | <el-form ref="myForm" :model="TreeAddform" :rules= "rules"> |
| | | <el-form-item :label="this.TreeFlag ? '分类编号:' :'主题库编号:'" label-width="150px" prop="id" |
| | | style="display: inline-block"> |
| | | <el-input v-model="TreeAddform.id" autocomplete="off" style="width: 170px"></el-input> |
| | |
| | | masterOption: { |
| | | addBtn: false, |
| | | index: true, |
| | | refreshBtn:false, |
| | | columnBtn: false, |
| | | border: true, |
| | | menu: false, |
| | | height: 380, |
| | |
| | | addBtn: false, |
| | | index: true, |
| | | columnBtn: false, |
| | | refreshBtn:false, |
| | | border: true, |
| | | menu: false, |
| | | height: 380, |
| | |
| | | FindStatus: this.vaildData(this.permission.classifyTree.manage_search, false), |
| | | TemRefreshStatus: this.vaildData(this.permission.classifyTree.manage_break, false), |
| | | CloneBtnStuatus: this.vaildData(this.permission.classifyTree.manage_clone, false), |
| | | flowingBtnStuatus: this.vaildData(this.permission.classifyTree.tree_flowing, false), |
| | | } |
| | | }, |
| | | crudTreeOption() { |
| | |
| | | this.$message.warning('请至少选择一条数据!') |
| | | return; |
| | | } |
| | | console.log(this.nodeClickList.oid) |
| | | flowingDependencyGen(this.nodeClickList.oid).then(res => { |
| | | this.$message.success('操作成功') |
| | | }).catch(res => { |
| | |
| | | // switch |
| | | switchChange() { |
| | | this.TreeAddform.isParticipateCheck = this.TreeAddform.codeKeyAttrValue === true ? 1 : 0; |
| | | // console.log(this.TreeAddform.isParticipateCheck) |
| | | }, |
| | | //存储的业务类型关闭 |
| | | BtmEscHandler() { |
| | |
| | | }); |
| | | } |
| | | } catch (error) { |
| | | console.error(error); |
| | | // console.error(error); |
| | | } finally { |
| | | this.loading = false; |
| | | } |
| | |
| | | }); |
| | | } |
| | | } catch (error) { |
| | | console.error(error); |
| | | // console.error(error); |
| | | } finally { |
| | | this.loading = false; |
| | | } |
| | |
| | | } |
| | | }, |
| | | treeClick(e) { |
| | | console.log(e); |
| | | // console.log(e); |
| | | }, |
| | | //基本信息表单刷新 |
| | | referTreeForm() { |