<!--suppress ALL -->
|
<template>
|
<el-container>
|
<!-- 左侧菜单-->
|
<el-aside >
|
<basic-container style="overflow:hidden;">
|
<div>
|
<div>
|
<div style="display: flex; flex-direction: column;">
|
<div style="display: flex;">
|
<el-button plain size="small" type="primary" @click="TreeAdd">添加</el-button>
|
<el-button plain size="small" type="primary" @click="TreeEdit">修改</el-button>
|
<el-button plain size="small" type="primary" @click="TreeDel">删除</el-button>
|
<el-button plain size="small" type="primary" @click="flushed">刷新</el-button>
|
</div>
|
<div style="display: flex; margin-top: 10px">
|
<el-button plain size="small" type="primary" @click="Enable">启用</el-button>
|
<el-button plain size="small" type="primary" @click="Deactivate">停用</el-button>
|
<el-button plain size="small" type="primary" @click.native="ImportExcel">导入</el-button>
|
<el-button plain size="small" type="primary" @click="ExportExcel">导出</el-button>
|
</div>
|
</div>
|
<div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px">
|
</div>
|
</div>
|
<!-- 树节点添加对话框-->
|
<el-dialog :title="this.TreeFlag ? '添加分类' :'添加主题库'" :before-close="TreeEscHandler" :visible.sync="TreeAddFormVisible" v-loading="AddLoading" append-to-body
|
style="width: 1700px;margin: auto">
|
<el-form :model="TreeAddform" :rules="rules">
|
<el-form-item :label="this.TreeFlag ? '分类编号：' :'主题库编号：'" label-width="150px" style="display: inline-block" prop="id">
|
<el-input v-model="TreeAddform.id" autocomplete="off" style="width: 170px"></el-input>
|
</el-form-item>
|
<el-form-item :label="this.TreeFlag ? '分类名称：' :'主题库名称：'" label-width="110px" style="display: inline-block" prop="name">
|
<el-input v-model="TreeAddform.name" autocomplete="off" style="width: 170px"></el-input>
|
</el-form-item>
|
<el-form-item label="存储的业务类型：" label-width="150px" v-if="TreeFlagCode" prop="btmTypeName">
|
<el-input v-model="TreeAddform.btmTypeName" autocomplete="off" style="width: 585px" @focus="btmFoucus"></el-input>
|
</el-form-item>
|
<el-form-item label="描述：" label-width="150px">
|
<el-input v-model="TreeAddform.description" autocomplete="off" style="width: 585px"></el-input>
|
</el-form-item>
|
<el-form-item label="编码规则：" label-width="150px">
|
<el-input v-model="TreeAddform.codeRuleOidName" autocomplete="off" style="width: 585px" @focus="CodeFoucus"></el-input>
|
</el-form-item>
|
<el-form-item label="关键属性查询规则：" label-width="150px">
|
<el-input v-model="TreeAddform.codeKeyAttrRepeatOidName" autocomplete="off" @focus="Keyfouce"
|
style="width: 585px"></el-input>
|
</el-form-item>
|
<el-form-item label="相似查询规则：" label-width="150px">
|
<el-input v-model="TreeAddform.codeResembleRuleOidName" autocomplete="off" @focus="simFouce"
|
style="width: 585px"></el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="TreeEscHandler">取 消</el-button>
|
<el-button type="primary" @click="TreeAddHandler">确 定</el-button>
|
</div>
|
</el-dialog>
|
<!-- 修改对话框-->
|
<el-dialog :visible.sync="TreeEditFormVisible" append-to-body title="修改分类">
|
<classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'edit'" @MasterHandler="MasterHandler" :Editclose=" ()=>{TreeEditFormVisible=false}" :TreeFlag="editTreeFLagCode" :nodeClickList="nodeClickList" @referTreeForm="referTreeForm" @flushed="flushed"></classifyTreeform>
|
</el-dialog>
|
<avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false"
|
:option="Treeoption"
|
style="height: calc(100vh - 230px);"
|
@node-click="nodeClick"
|
class="classifyTree"
|
>
|
</avue-tree>
|
</div>
|
</basic-container>
|
</el-aside>
|
<el-main>
|
<basic-container style="height: calc(100vh - 150px);">
|
<!-- 右侧表格-->
|
<avue-tabs :option="tabOption" @change="handleChange"></avue-tabs>
|
<span v-if="type.prop==='tab1'">
|
<classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'renonly'" ></classifyTreeform>
|
</span>
|
<span v-else-if="type.prop==='tab2'">
|
<basic-container>
|
<avue-crud ref="textCrud" v-model="crudForm" v-loading="FormLoing" :data="this.Formlist" :option="this.crudTreeOption"
|
@row-save="CrudRowSave"
|
@row-del="CrudRowDel"
|
@row-update="CrudRowUpdata"
|
@row-click="rowHandle"
|
>
|
<template slot="radio" slot-scope="{row}">
|
<el-radio v-model="selectRow" :label="row.$index" style="padding-left: 10px !important;">{{''}}</el-radio>
|
</template>
|
|
<template slot="menuLeft">
|
<el-button plain size="small" type="primary" @click="FindeHanler">查询</el-button>
|
<el-button plain size="small" type="primary" @click="TemRefresh">刷新</el-button>
|
<el-button plain size="small" type="primary" @click="CloneBtn">从其它模板克隆</el-button>
|
<!-- 查询对话框-->
|
<el-dialog :visible.sync="FindFormVisible" append-to-body title="高级查询">
|
<div>
|
<el-button size="small" type="primary" @click="AdvQueries">查询</el-button>
|
<el-button size="small" type="primary">重置</el-button>
|
</div>
|
<div style="padding-left: 80px;margin-top: 15px;">
|
<template v-for="(value, key) in FindSelect">
|
<div style="display: flex; justify-content: space-around; width: 85%; margin-bottom: 15px">
|
<el-select v-model="FindSelect[key]" placeholder="请选择" style="width: 28%"
|
@change="handleSelectChange(key)">
|
<el-option label="模板编号" value="0"></el-option>
|
<el-option label="模板名称" value="1"></el-option>
|
<el-option label="模板描述" value="2"></el-option>
|
<el-option label="版本号" value="3"></el-option>
|
<el-option label="状态" value="4"></el-option>
|
</el-select>
|
<el-select v-model="condition[0]" placeholder="请选择" style="width: 15%">
|
<el-option label="包含" value="0"></el-option>
|
<el-option label="等于" value="1"></el-option>
|
</el-select>
|
<el-input v-model="QueryArray[key]" style="width: 49%"></el-input>
|
<span> <i class="el-icon-delete" style="font-size: 22px;margin-top:8px;margin-left: 10px"/></span>
|
</div>
|
</template>
|
</div>
|
</el-dialog>
|
<!-- 模板克隆 -->
|
<el-dialog :visible.sync="CloneVisible" append-to-body title="克隆模板">
|
<el-container>
|
<el-aside width="300px">
|
<div style="margin-bottom: 5px"><el-tag>主题库分类</el-tag></div>
|
<!-- 克隆模板的树 沿用首页树的loading和option，但是data和v-model绑定的数据创建一个新的变量，另外点击方法也是重新获取来操作克隆模板的数据-->
|
<avue-tree v-model="TreeAvueform" v-loading="loading" :data="Treedata"
|
:defaultExpandAll="false"
|
:option="Treeoption"
|
style="height: 50.5vh;margin-right: 10px"
|
@node-click="ClonenodeClick"
|
>
|
</avue-tree>
|
</el-aside>
|
<el-container>
|
<el-main>
|
<div style="padding-left: 10px;height: 50.5vh">
|
<div style="margin: 8px 0;display: flex">
|
<el-select v-model="Clonevalue" size="small" style="width: 130px;">
|
<el-option
|
v-for="item in this.CloneSelectOptions"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
<el-input v-model="CloneFind" size="small" style="width: 40%;margin-left: 15px" placeholder="输入值后按回车进行模糊查询"></el-input>
|
<el-button size="small" type="primary" plain style="margin-left: 10px" @click="CloneEnterFind" @keyup.enter.native="CloneEnterFind">查询</el-button>
|
</div>
|
<avue-crud v-model="ClonecrudForm" v-loading="FormLoing" :data="this.CloneFormlist"
|
:option="this.ClonecrudTreeOption"
|
@selection-change="selectionChange"
|
|
></avue-crud>
|
</div>
|
</el-main>
|
</el-container>
|
</el-container >
|
<div style="display: flex; justify-content: flex-end; align-items: center;margin-top: 10px" >
|
<el-button size="small " type="primary" @click="Clonehandler">确定</el-button>
|
<el-button size="small" @click="CloneVisible=false" >取消</el-button>
|
</div>
|
<el-dialog
|
width="30%"
|
title="克隆模板"
|
:visible.sync="CloneinnerVisible"
|
append-to-body>
|
<div>
|
<avue-form :option="CloneOption" @submit="Clonesubmit" v-model="CloneModel"></avue-form>
|
</div>
|
</el-dialog>
|
</el-dialog>
|
</template>
|
<template #menu="{ size, row ,index}">
|
<el-button type="text"
|
v-if="row.lcStatus == 'Editing'"
|
icon="el-icon-edit-outline "
|
:size="size"
|
@click="$refs.textCrud.rowEdit(row)">编辑</el-button>
|
<el-button type="text"
|
v-if="row.lcStatus == 'Editing'"
|
icon="el-icon-delete"
|
:size="size"
|
@click="$refs.textCrud.rowDel(row,index)">删除</el-button>
|
<el-button
|
v-show="row.lcStatus === 'Released'"
|
@click="upAndStopAndStart(row, 'upVersion')"
|
:loading="row.upVersionLoad"
|
icon="el-icon-upload2"
|
type="text"
|
:size="size"
|
>升版</el-button
|
>
|
<el-button
|
v-show="row.lcStatus === 'Released'"
|
@click="upAndStopAndStart(row, 'stopLose')"
|
:loading="row.stopLoseLoad"
|
icon="el-icon-circle-close"
|
type="text"
|
:size="size"
|
>停用/失效</el-button
|
>
|
<el-button
|
v-show="['Disabled', 'Editing'].includes(row.lcStatus)"
|
@click="upAndStopAndStart(row, 'startRelease')"
|
:loading="row.startReleaseLoad"
|
icon="el-icon-circle-check"
|
type="text"
|
:size="size"
|
>启用/发布</el-button
|
>
|
</template>
|
</avue-crud>
|
</basic-container>
|
<templatePro :ProData="this.ProData" :rowIndex="this.selectRow" :crudOid="this.crudOid" :crudLCStatus="this.crudLCStatus" :crudArray="this.crudArray" :Formlist="this.Formlist" :codeClassifyOid="this.codeClassifyOid"></templatePro>
|
</span>
|
<!-- 编码规则-->
|
<el-dialog :visible.sync="MasterdialogVisible" title="为【编码规则】选取值" append-to-body>
|
<template>
|
<el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
|
<el-option
|
v-for="item in SelectOption"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
style="width: 150px">
|
</el-option>
|
</el-select>
|
<el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
|
<el-button size="small" type="primary" plain @click="SelectFindeHandler" style="margin-left: 20px">查询</el-button>
|
</template>
|
<avue-crud :data="masterData" :option="masterOption" @select="masterSelect"></avue-crud>
|
<div style="height: 30px">
|
<div style="display: inline-block;float: left;border: 1px solid #eee;padding: 5px;margin-top: 5px;font-size: 14px " >已设置的值为:[{{this.TreeAddform.coderuleoidName ==''?'未设置值':this.TreeAddform.coderuleoidName}}]</div>
|
<div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
|
<el-button type="primary" size="small" @click="MasterHandlerClick">确定</el-button>
|
<el-button size="small" @click="MasterdialogVisible=false">取消</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
<!-- 关键属性查询规则-->
|
<el-dialog :visible.sync="KeydialogVisible" title="为【关键属性查询规则】选取值" append-to-body>
|
<template>
|
<el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
|
<el-option
|
v-for="item in SelectOption"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
style="width: 150px">
|
</el-option>
|
</el-select>
|
<el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
|
<el-button size="small" type="primary" plain @click="KeySelectFindeHandler" style="margin-left: 20px">查询</el-button>
|
</template>
|
<avue-crud :data="KeyData" :option="masterOption" @select="KeySelect"></avue-crud>
|
<div style="height: 30px">
|
<div style="display: inline-block;float: left;border: 1px solid #eeeeee;padding: 5px;margin-top: 5px;font-size: 14px " >已设置的值为:[{{this.TreeAddform.codeKeyAttrRepeatOidName ==''?'未设置值':this.TreeAddform.codekeyattrrepeatoidName}}]</div>
|
<div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
|
<el-button type="primary" size="small" @click="KeyHandlerClick">确定</el-button>
|
<el-button size="small" @click="KeydialogVisible=false">取消</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
<!-- 相似项查询规则-->
|
<el-dialog :visible.sync="SimidialogVisible" title="为【相似项查询规则】选取值" append-to-body>
|
<template>
|
<el-select v-model="SelectValue" placeholder="请选择" style="width: 135px">
|
<el-option
|
v-for="item in SelectOption"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
style="width: 150px">
|
</el-option>
|
</el-select>
|
<el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
|
<el-button size="small" type="primary" plain @click="SimSelectFindeHandler" style="margin-left: 20px">查询</el-button>
|
</template>
|
<avue-crud :data="simData" :option="masterOption" @select="simSelect"></avue-crud>
|
<div style="height: 30px">
|
<div style="display: inline-block;float: left;border: 1px solid #eee;padding: 5px;margin-top: 5px;font-size: 14px " >已设置的值为:[{{this.TreeAddform.codeResembleRuleOidName ==''?'未设置值':this.TreeAddform.codeResembleRuleOidName}}]</div>
|
<div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
|
<el-button type="primary" size="small" @click="simHandlerClick">确定</el-button>
|
<el-button size="small" @click="SimidialogVisible=false">取消</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
<!-- 业务类型-->
|
<el-dialog :visible.sync="BtmdialogVisible" title="为【业务类型规则】选取值" append-to-body>
|
<template>
|
<el-select v-model="SelectValue" placeholder="请选择" style="width: 135px !important;">
|
<el-option
|
v-for="item in SelectOption"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
style="width: 130px">
|
</el-option>
|
</el-select>
|
<el-input style="width: 260px;margin-left: 15px" placeholder="输入值后进行模糊查询" v-model="SelectFInd"></el-input>
|
<el-button size="small" type="primary" plain @click="BtmSelectFindeHandler" style="margin-left: 20px">查询</el-button>
|
</template>
|
<avue-crud :data="BtmData" :option="masterOption" @row-click="btmSelect">
|
<template slot="radio" slot-scope="{row}">
|
<el-radio v-model="masterRow" :label="row.$index" style="padding-left: 10px !important;">{{''}}</el-radio>
|
</template>
|
</avue-crud>
|
<div style="height: 30px">
|
<div style="display: inline-block;float: left;border: 1px solid #eee;padding: 5px;margin-top: 5px;font-size: 14px " >已设置的值为:[{{this.TreeAddform.btmTypeName}}]</div>
|
<div style="padding-top: 10px;display: flex; justify-content: flex-end;float: right;overflow: hidden" >
|
<el-button type="primary" size="small" @click="btmHandlerClick">确定</el-button>
|
<el-button size="small" @click="BtmdialogVisible=false">取消</el-button>
|
</div>
|
</div>
|
</el-dialog>
|
<!-- 导出-->
|
<ThemeImport :visible.sync="ThemeImportVisible" :codeClassifyOid="this.codeClassifyOid"></ThemeImport>
|
</basic-container>
|
</el-main>
|
</el-container>
|
</template>
|
<script>
|
import {
|
getAtrrList,
|
TreeSave,
|
TreeDel,
|
TreeCheckDel,
|
TreeObjcet,
|
TreeEnable,
|
TreeDeactivate,
|
gridCodeClassifyTemplate,
|
getObjectByOid,
|
gridCodeClassifyTemplateAttr,
|
gridCodeClassifyFindTemplate,
|
addSave,
|
deleteData,
|
editSave,
|
copy,
|
upVersion,
|
stopLose,
|
startRelease,
|
exportClassify
|
} from "@/api/template/templateAttr";
|
import {defaultReferDataGrid,referDataGrid} from '@/api/MasterData/master'
|
import func from "@/util/func";
|
export default {
|
name: "classifyTrees.vue",
|
//使用inject接收参数
|
//Treeoption左侧树新增表单项 Treedata左侧树节点 配置项 crudTreeOption右侧表格配置项 crudTreeData右侧表格显示内容
|
//Treeform右侧表单配置项
|
inject: ["crudTreeData"],
|
data() {
|
return {
|
masterRow:null,
|
AddLoading:false,
|
// 定义一个变量来保存树请求的数量
|
requestCount:null,
|
//导入状态框
|
ThemeImportVisible:false,
|
selectRow:'',
|
selectList:[],
|
//树节点显示隐藏
|
TreeFlagCode:true,
|
//修改节点显示隐藏
|
editTreeFLagCode:false,
|
//编码规则
|
MasterdialogVisible:false,
|
masterData:[],
|
masterSelectList:[],
|
masterName:"",
|
masterOid:"",
|
//关键属性btmTypeId
|
KeydialogVisible:false,
|
KeyName:"",
|
KeyOid:"",
|
KeyData:[],
|
KeySelectLIst:[],
|
//相似项
|
simName:"",
|
simOid:"",
|
simData:[],
|
SimidialogVisible:false,
|
simSelectList:[],
|
//业务类型
|
btmName:"",
|
btmOid:"",
|
BtmData:[],
|
BtmdialogVisible:false,
|
btmSelectList:[],
|
masterOption:{
|
addBtn:false,
|
index:true,
|
border:true,
|
menu:false,
|
height:380,
|
column:[
|
{
|
label: '',
|
prop: 'radio',
|
width: 60,
|
display: false
|
},
|
{
|
label:'英文名称',
|
prop:'id'
|
},
|
{
|
label:'中文名称',
|
prop:'name'
|
},
|
{
|
label:'描述',
|
prop:'description'
|
}
|
]
|
},
|
SelectOption:[
|
{
|
value: 'name',
|
label: '中文名称'
|
},
|
{
|
value: 'id',
|
label: '英文名称'
|
}
|
],
|
SelectValue:"id",
|
SelectFInd:"",
|
addFlag:false,
|
// 表格当前行id
|
crudOid:"",
|
//当前选中模板状态
|
crudLCStatus:'',
|
//表格当前选择数组
|
crudArray:[],
|
//模板属性展示内容
|
ProData: [],
|
//回车键搜索绑定值
|
searchTemplate: {
|
searchCondition: 'id',
|
findText: "",
|
},
|
|
//高级查询对话框
|
FindFormVisible: false,
|
//克隆模板对话框
|
CloneVisible: false,
|
CloneinnerVisible:false,
|
//高级查询下拉框
|
FindSelect: {
|
id: "0",
|
name: "1",
|
description: "2",
|
revisionValue: "3",
|
lcStatus: "4"
|
},
|
//高级查询条件
|
condition: ["0", "0", "0", "0", "0"],
|
//高级查询 等于/不等于
|
Equalto: "0",
|
//高级查询 输入框数据
|
QueryArray: {
|
id: "",
|
name: "",
|
description: "",
|
revisionValue: "",
|
lcStatus: ""
|
},
|
//停用启用接收数组
|
FlagObj: {},
|
//修改对话框
|
TreeEditFormVisible: false,
|
//添加对话框
|
TreeAddFormVisible: false,
|
//当前点击项
|
nodeClickList: "",
|
ClonenodeClickList:"",
|
//分类和主题库状态
|
TreeFlag: false,
|
//树加载
|
loading: false,
|
FormLoing: false,
|
TreeAddform: {
|
id: "",
|
name: "",
|
description: "",
|
//相似查询规则
|
codeResembleRuleOidName: "",
|
//关键属性查询规则
|
codeKeyAttrRepeatOidName: "",
|
//编码规则
|
codeRuleOidName: "",
|
//存储的业务类型
|
btmTypeName: ""
|
},
|
rules: {
|
id: [
|
{ required: true, message: '请输入编号', trigger: 'blur' },
|
],
|
name:[
|
{ required: true, message: '请输入名称', trigger: 'blur' },
|
],
|
btmTypeName:[
|
{ required: true, message: '请选择业务类型', trigger: 'blur' },
|
]
|
},
|
//avue-tree数据，暂时没有作用，里面功能用element写了，只用avue的一个树组件不用内置表单了。
|
TreeAvueform: {},
|
//克隆树
|
CloneTreeAvueform:{},
|
Treedata: [],
|
CloneTreedata:[],
|
Treeoption: {
|
addBtn: false,
|
editBtn: false,
|
delBtn: false,
|
defaultExpandAll: false,
|
menu: false,
|
// //这个是多选
|
// multiple: true,
|
},
|
//模板管理form
|
crudForm: "",
|
//克隆模板form
|
ClonecrudForm: "",
|
//动态切换处理过的模板表格数据
|
Formlist: [],
|
//克隆模板数据
|
CloneFormlist: [],
|
//克隆模板下拉框value
|
Clonevalue: "0",
|
//克隆模板搜索输入框
|
CloneFind:"",
|
//克隆模板下拉框数据
|
CloneSelectOptions: [{
|
value: '0',
|
label: '模板编号'
|
},
|
{
|
value: '1',
|
label: '模板名称'
|
},
|
],
|
//克隆模板确认表单数据
|
CloneOption:{
|
column:[
|
{
|
label:'模板编号',
|
prop:'id',
|
rules: [{
|
required: true,
|
message: "请输入模板编号",
|
trigger: "blur"
|
}]
|
}, {
|
label:'模板名称',
|
prop:'name',
|
rules: [{
|
required: true,
|
message: "请输入模板名称",
|
trigger: "blur"
|
}]
|
},
|
{
|
label:'描述',
|
prop:'desc',
|
type:'textarea',
|
span:24
|
}
|
]
|
},
|
//克隆模板双向绑定数据
|
CloneModel:[],
|
CloneSelect:[],
|
//克隆模板option
|
ClonecrudTreeOption: {
|
index: true,
|
border: true,
|
menu: false,
|
addBtn: false,
|
selection: true,
|
header: false,
|
height: 430,
|
column: [
|
{
|
label: "模板编号",
|
prop: "id",
|
rules: [{
|
required: true,
|
message: "模板编号",
|
trigger: "blur"
|
}]
|
},
|
{
|
label: "模板名称",
|
prop: "name",
|
rules: [{
|
required: true,
|
message: "模板名称",
|
trigger: "blur"
|
}]
|
},
|
{
|
label: "模板描述",
|
prop: "description"
|
},
|
{
|
label: "版本号",
|
prop: "revisionSeq",
|
display: false
|
},
|
{
|
label: "状态",
|
prop: "lcStatusText",
|
display: false
|
}
|
]
|
},
|
//tab状态
|
type: {},
|
//Tab配置项
|
tabOption: {
|
column: [{
|
label: '基本信息',
|
prop: 'tab1',
|
}, {
|
label: '模板管理',
|
prop: 'tab2',
|
}]
|
},
|
//模拟表单假数据
|
Treeform: [
|
{
|
name: "测试1",
|
sex: "男",
|
value: 0
|
},
|
{
|
name: "测试2",
|
sex: "女",
|
value: 1
|
}
|
],
|
//传递给子组件动态渲染的数据
|
TreeList: {},
|
codeClassifyOid: "",
|
upAndStopAndStartData: {
|
upVersion: {
|
tip: "是否进行升版？",
|
typeText: "升版",
|
funAPi: upVersion,
|
load: 'upVersionLoad'
|
},
|
stopLose: {
|
tip: "模板只有发布状态才能被使用，是否确定停用？",
|
typeText: "停用",
|
funAPi: stopLose,
|
load: 'stopLoseLoad'
|
},
|
startRelease: {
|
tip: "是否确定启用/发布这个模板，模板只有发布状态才能被使用，是否继续？",
|
typeText: "启用",
|
funAPi: startRelease,
|
load: 'startReleaseLoad'
|
}
|
},
|
//模板管理编辑
|
showEditBtn:false,
|
}
|
},
|
watch:{
|
|
},
|
//tab栏默认是表格
|
mounted() {
|
this.type = this.tabOption.column[0];
|
this.getAttr();
|
const treeEle = this.$refs.tree.$el
|
treeEle.addEventListener('click', (e) => {
|
if (e.target.nodeName !== 'SPAN') {
|
this.$refs.tree.setCurrentKey(null)
|
this.nodeClickList = {}
|
this.TreeList=[]
|
this.TreeFlagCode=true;
|
}
|
}, true)
|
},
|
computed:{
|
crudTreeOption(){
|
return{
|
index: true,
|
border: true,
|
height:180,
|
addBtn:this.Formlist.length<=0 && this.nodeClickList != "",
|
editBtn:false,
|
delBtn:false,
|
column: [
|
{
|
label: '',
|
prop: 'radio',
|
width: 60,
|
display: false
|
},
|
{
|
label: "模板编号",
|
prop: "id",
|
rules: [{
|
required: true,
|
message: "模板编号",
|
trigger: "blur"
|
}]
|
},
|
{
|
label: "模板名称",
|
prop: "name",
|
rules: [{
|
required: true,
|
message: "模板名称",
|
trigger: "blur"
|
}]
|
},
|
{
|
label: "模板描述",
|
prop:"description"
|
},
|
{
|
label:"版本号",
|
prop:"revisionSeq",
|
display:false
|
},
|
{
|
label:"状态",
|
prop:"lcStatusText",
|
display:false
|
}
|
],
|
batchImportData: {
|
visible: false,
|
type: '',
|
codeClassifyOid: ''
|
}
|
}
|
}
|
},
|
created() {
|
|
},
|
methods: {
|
// 关闭弹窗
|
|
/** 导入 */
|
ImportExcel(){
|
this.ThemeImportVisible=true;
|
},
|
/** 导出 */
|
ExportExcel(){
|
if(this.nodeClickList){
|
exportClassify({oid:this.nodeClickList.oid}).then(res=>{
|
func.downloadFileByBlobHandler(res);
|
})
|
}else {
|
this.$message.warning('请先选择要导出的主题库分类')
|
}
|
},
|
//编码规则失焦
|
CodeFoucus(){
|
this.MasterdialogVisible=true;
|
this.MasterdefaultRend()
|
},
|
//编码多选
|
masterSelect(row){
|
if(row.length>0){
|
this.masterSelectList=row;
|
this.masterName=row[0].name;
|
this.masterOid=row[0].oid;
|
}
|
},
|
//编码规则查询
|
SelectFindeHandler(){
|
if(this.SelectValue == 'id'){
|
const masterParameter={
|
'conditionMap[id]':this.SelectFInd
|
}
|
this.MasterdefaultRend(masterParameter);
|
}else if(this.SelectValue == 'name'){
|
const masterParameter={
|
'conditionMap[name]':this.SelectFInd
|
}
|
this.MasterdefaultRend(masterParameter)
|
}
|
},
|
//编码规则确定
|
MasterHandlerClick(){
|
if(this.masterSelectList.length>1){
|
this.$message.warning('只能选择一条数据')
|
}else if(this.masterSelectList.length<=0){
|
this.$message.warning('请选择一条数据')
|
}else {
|
this.MasterdialogVisible=false;
|
this.masterSelectList=[]
|
this.$set(this.TreeAddform,'codeRuleOidName',this.masterName)
|
this.$set(this.TreeAddform,'codeRuleOid',this.masterOid)
|
this.$emit('MasterHandler',this.loneTreeNewForm)
|
}
|
},
|
//编码接口
|
MasterdefaultRend(){
|
defaultReferDataGrid({
|
referType:'coderule',
|
isMuti:'false',
|
'conditionMap["lcstatus"]':'Released'
|
}).then(res=>{
|
this.masterData=res.data.records;
|
})
|
},
|
Keyfouce(){
|
this.KeydialogVisible=true;
|
this.KeydefaultRend()
|
},
|
//关键属性确定
|
KeyHandlerClick(){
|
if(this.KeySelectLIst.length>1){
|
this.$message.warning('只能选择一条数据')
|
}else if(this.KeySelectLIst.length<=0){
|
this.$message.warning('请选择一条数据')
|
}else {
|
this.KeydialogVisible=false;
|
this.KeySelectLIst=[]
|
this.$set(this.TreeAddform,'codeKeyAttrRepeatOidName',this.KeyName)
|
this.$set(this.TreeAddform,'codeKeyAttrRepeatOid',this.KeyOid)
|
}
|
},
|
//关键属性查询
|
KeySelectFindeHandler(){
|
if(this.SelectValue == 'id'){
|
const masterParameter={
|
'conditionMap[id]':this.SelectFInd
|
}
|
this.KeydefaultRend(masterParameter);
|
}else if(this.SelectValue == 'name'){
|
const masterParameter={
|
'conditionMap[name]':this.SelectFInd
|
}
|
this.KeydefaultRend(masterParameter)
|
}
|
},
|
//关键属性接口
|
KeydefaultRend(){
|
defaultReferDataGrid({
|
referType:'codekeyattrrepeat',
|
isMuti:'false',
|
'conditionMap["lcstatus"]':'Enabled'
|
}).then(res=>{
|
this.KeyData=res.data.records;
|
})
|
},
|
// 关键多选
|
KeySelect(row){
|
this.KeySelectLIst=row;
|
this.KeyName=row[0].name;
|
this.KeyOid=row[0].oid;
|
},
|
//关键失焦
|
simFouce(){
|
this.SimidialogVisible=true;
|
this.simdefaultRend()
|
},
|
//相似项确定
|
simHandlerClick(){
|
if(this.simSelectList.length>1){
|
this.$message.warning('只能选择一条数据')
|
}else if(this.simSelectList.length<=0){
|
this.$message.warning('请选择一条数据')
|
}else {
|
this.SimidialogVisible=false;
|
this.simSelectList=[]
|
this.$set(this.TreeAddform,'codeResembleRuleOidName',this.simName)
|
this.$set(this.TreeAddform,'codeResembleRuleOid',this.simOid)
|
this.$emit('MasterHandler',this.loneTreeNewForm)
|
}
|
},
|
//相似项查询
|
SimSelectFindeHandler(){
|
if(this.SelectValue == 'id'){
|
const masterParameter={
|
'conditionMap[id]':this.SelectFInd
|
}
|
this.simdefaultRend(masterParameter);
|
}else if(this.SelectValue == 'name'){
|
const masterParameter={
|
'conditionMap[name]':this.SelectFInd
|
}
|
this.simdefaultRend(masterParameter)
|
}
|
},
|
// 相似项多选
|
simSelect(row){
|
this.simSelectList=row;
|
this.simName=row[0].name;
|
this.simOid=row[0].oid;
|
},
|
//相似项项接口
|
simdefaultRend(){
|
defaultReferDataGrid({
|
referType:'coderesemblerule',
|
isMuti:'false',
|
'conditionMap["lcstatus"]':'Enabled'
|
}).then(res=>{
|
this.simData=res.data.records;
|
})
|
},
|
//业务类型失焦
|
btmFoucus(){
|
this.BtmdialogVisible=true;
|
this.btmdefaultRend()
|
},
|
//业务类型确定
|
btmHandlerClick(){
|
if(this.btmSelectList.length>1){
|
this.$message.warning('只能选择一条数据')
|
}else if(this.btmSelectList.length<=0){
|
this.$message.warning('请选择一条数据')
|
}else {
|
this.BtmdialogVisible=false;
|
this.btmSelectList=[]
|
this.$set(this.TreeAddform,'btmTypeName',this.btmName)
|
this.$set(this.TreeAddform,'btmTypeId',this.btmOid)
|
this.$emit('MasterHandler',this.loneTreeNewForm)
|
}
|
},
|
//业务类型查询
|
BtmSelectFindeHandler(){
|
if(this.SelectValue == 'id'){
|
const masterParameter={
|
'conditionMap[id]':this.SelectFInd
|
}
|
this.btmdefaultRend(masterParameter);
|
}else if(this.SelectValue == 'name'){
|
const masterParameter={
|
'conditionMap[name]':this.SelectFInd
|
}
|
this.btmdefaultRend(masterParameter);
|
}
|
},
|
//业务类型多选
|
btmSelect(row){
|
this.masterRow=row.$index;
|
this.btmSelectList=row;
|
this.btmName=row.name;
|
this.btmOid=row.id;
|
},
|
//业务类型接口
|
btmdefaultRend(masterParameter){
|
referDataGrid({valueField:'id',isMuti:'false',...masterParameter}).then(res=>{
|
this.BtmData=res.data.data.records
|
})
|
},
|
//子传父
|
MasterHandler(val){
|
this.TreeList=val;
|
},
|
rowHandle(row, column){
|
this.selectRow=row.$index;
|
this.crudOid=row.oid;
|
this.crudLCStatus=row.lcStatus;
|
this.crudArray.push(row);
|
this.gridCode()
|
},
|
//分类树数据处理
|
getAttr() {
|
getAtrrList().then(res => {
|
this.Treedata = res.data;
|
this.CloneTreedata = res.data;
|
this.Treedata.forEach(() => {
|
for (let i = 0; i < this.Treedata.length; i++) {
|
this.Treedata[i].value = i;
|
}
|
})
|
//调用修改属性名方法
|
this.ModifyProperties(this.CloneTreedata, 'name', 'label');
|
console.log(this.CloneTreedata)
|
this.CloneTreedata = this.CloneTreedata.map(item => {
|
if (item.attributes.lcStatus === "Disabled") {
|
item.label += '【停用】';
|
}
|
return item;
|
});
|
}).catch(res => {
|
this.$message.error(res)
|
|
})
|
},
|
//定义一个修改数据属性名的方法
|
ModifyProperties(obj, oldName, newName) {
|
for (let key in obj) {
|
if (key === oldName) {
|
obj[newName] = obj[key];
|
delete obj[key];
|
}
|
if (typeof obj[key] === 'object') {
|
this.ModifyProperties(obj[key], oldName, newName);
|
}
|
}
|
},
|
//树节点添加按钮
|
async TreeAdd() {
|
const loading = this.$loading({
|
lock: true,
|
text: 'Loading',
|
spinner: 'el-icon-loading',
|
background: 'rgba(0, 0, 0, 0.3)'
|
});
|
try {
|
//新增表头名称
|
this.TreeFlag=!this.nodeClickList
|
await new Promise(resolve => setTimeout(resolve, 500));
|
this.TreeAddFormVisible = true;
|
loading.close();
|
} catch (error) {
|
this.$message.error(error);
|
loading.close();
|
}
|
},
|
//树节点取消事件
|
TreeEscHandler(){
|
this.TreeAddform={};
|
this.TreeAddFormVisible=false
|
},
|
//树节点添加事件
|
TreeAddHandler() {
|
const data = this.TreeAddform;
|
// data.btmtypename= this.TreeList.btmtypename
|
this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid);
|
TreeSave(data)
|
.then(() => {
|
this.$message({
|
type: "success",
|
message: "添加成功!",
|
});
|
Object.keys(this.TreeAddform).forEach(key => {
|
this.TreeAddform[key] = "";
|
});
|
this.getAttr();
|
this.TreeAddFormVisible = false;
|
//添加完成后右侧清空
|
this.ProData=[];
|
this.Formlist=[];
|
})
|
.catch((res) => {
|
this.$message({
|
type: "warning",
|
message: res,
|
});
|
});
|
},
|
//树节点删除按钮
|
TreeDel() {
|
this.$confirm('是否删除当前选择的分类，将会把子分类一并删除，如果存在编码数据将不能被删除，是否继续？', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
customClass: 'my-messagebox',
|
}).then(() => {
|
TreeCheckDel(this.nodeClickList).then(res => {
|
if (res.data.data) {
|
TreeDel(this.nodeClickList).then(() => {
|
this.$message({
|
type: 'success',
|
message: '删除成功!'
|
});
|
this.getAttr();
|
}).catch(res => {
|
this.$message({
|
type: 'warning',
|
message: res
|
});
|
})
|
} else {
|
this.$confirm('当前数据包含有下级数据，要删除的话会和下级数据一起删除，你确认继续?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
customClass: 'my-messageboxs',
|
}).then(() => {
|
TreeDel(this.nodeClickList).then(() => {
|
this.$message({
|
type: 'success',
|
message: '删除成功!'
|
});
|
this.getAttr();
|
}).catch(res => {
|
this.$message({
|
type: 'warning',
|
message: res
|
});
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消删除'
|
});
|
});
|
}
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消删除'
|
});
|
});
|
},
|
//修改回填
|
TreeEdit() {
|
if ( Object.keys(this.nodeClickList).length<1) {
|
this.$message({
|
type: 'warning',
|
message: '请先从树上选择一条数据!'
|
});
|
} else {
|
this.TreeEditFormVisible = true;
|
}
|
},
|
//树刷新
|
flushed() {
|
this.loading = true
|
this.getAttr()
|
setTimeout(() => {
|
this.loading = false;
|
this.nodeClickList = ""
|
}, 600);
|
},
|
//启用和停用都先判断状态
|
//启用
|
Enable() {
|
if(Object.keys(this.nodeClickList).length<1){
|
this.$message.warning('请先从树上选择一条数据')
|
}else {
|
if (this.FlagObj.lcStatus == "Enabled") {
|
this.$message({
|
type: 'warning',
|
message: '当前分类不是停用状态'
|
});
|
} else {
|
this.$confirm('是否将子分类一并启用？', '提示', {
|
confirmButtonText: '是',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
TreeEnable(this.nodeClickList).then(() => {
|
this.$message({
|
type: 'success',
|
message: '启用成功!'
|
});
|
this.getAttr()
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消启用'
|
});
|
});
|
}
|
}
|
|
},
|
//停用
|
Deactivate() {
|
if(Object.keys(this.nodeClickList).length<1){
|
this.$message.warning('请先从树上选择一条数据')
|
}else {
|
if (this.FlagObj.lcStatus === "Disabled") {
|
this.$message({
|
type: 'warning',
|
message: '当前分类不是启用状态!'
|
});
|
} else {
|
this.$confirm('是否停用当前分类，停用后，子分类也将不能被使用，是否继续？', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
TreeDeactivate(this.nodeClickList).then(() => {
|
this.$message({
|
type: 'success',
|
message: '停用成功!'
|
});
|
this.nodeClickList['flag'] = true;
|
this.getAttr()
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消停用'
|
});
|
});
|
}
|
}
|
|
},
|
//树点击事件
|
async nodeClick(data) {
|
console.log(data);
|
//操作新增和修改的业务类型隐藏
|
this.TreeFlagCode = !data;
|
this.editTreeFLagCode = !data.parentId;
|
this.nodeClickList = data;
|
this.selectRow = 0;
|
this.crudArray=[]
|
try {
|
this.requestCount += 1;
|
const [res1, res2, res3] = await Promise.all([
|
TreeObjcet(data.oid),
|
gridCodeClassifyTemplate({ 'conditionMap[codeclassifyoid]': data.oid }),
|
getObjectByOid(data.oid)
|
]);
|
this.FlagObj = res1.data.data;
|
this.Formlist = res2.data.data.filter(item => {
|
if (item.codeclassifyoid != "") {
|
this.codeClassifyOid = item.codeclassifyoid;
|
return item.codeclassifyoid == this.nodeClickList.oid;
|
}
|
});
|
if (this.Formlist.length >= 1) {
|
this.crudLCStatus = this.Formlist[this.selectRow].lcStatus;
|
this.crudArray.push(this.Formlist[this.selectRow]);
|
this.crudOid = this.Formlist[this.selectRow].oid;
|
await this.gridCode();
|
} else {
|
this.ProData = [];
|
this.crudOid=''
|
}
|
this.TreeList = res3.data.data;
|
} catch (error) {
|
this.$message.error(error);
|
}
|
},
|
|
async gridCode() {
|
try {
|
const res = await gridCodeClassifyTemplateAttr({ 'conditionMap[classifyTemplateOid]': this.Formlist[this.selectRow].oid, limit: -1 });
|
this.ProData = res.data.data.map(item => {
|
if (item.classifyInvokeAttr !== '') {
|
if (!item.hasOwnProperty('classifyInvokeText')) {
|
item.classifyInvokeText = {
|
'注入类型': item.classifyInvokeAttr,
|
'注入类型名称': item.classifyInvokeAttrName,
|
'层级设置': item.classifyInvokeLevel,
|
'是否可修改': item.classifyInvokeEditFlag
|
};
|
}
|
}
|
return item;
|
});
|
} catch (error) {
|
this.$message.error(error);
|
}
|
},
|
treeClick(e) {
|
console.log(e);
|
},
|
//基本信息表单刷新
|
referTreeForm(){
|
getObjectByOid(this.nodeClickList.oid).then(res => {
|
this.TreeList = res.data.data;
|
}).catch(res => {
|
this.$message.error(res)
|
})
|
},
|
//克隆模板树的点击切换数据
|
async ClonenodeClick(data){
|
this.ClonenodeClickList=data;
|
await gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}).then(res=>{
|
this.CloneFormlist = res.data.data.filter(item => {
|
if (item.codeclassifyoid != "") {
|
this.codeClassifyOid = item.codeclassifyoid
|
return item.codeclassifyoid == this.ClonenodeClickList.oid
|
}
|
})
|
})
|
},
|
//tab栏切换
|
handleChange(column) {
|
this.type = column;
|
},
|
AdvQueries() {
|
this.FindFormVisible = false
|
//如果全部为空 allEmpty为true
|
const allEmpty = Object.values(this.QueryArray).every(value => !value);
|
//如果全部为空，点击查询出现所有数据
|
if (allEmpty) {
|
gridCodeClassifyTemplate().then(res => {
|
this.Formlist = res.data.data
|
})
|
} else {
|
//默认是等于
|
gridCodeClassifyFindTemplate({'conditionMap[id]': this.QueryArray.id},
|
{'conditionMap[name]': this.QueryArray.name},
|
{'conditionMap[description]': this.QueryArray.description},
|
{'conditionMap[revisionValue]': this.QueryArray.revisionValue},
|
{'conditionMap[lcStatus]': this.QueryArray.lcStatus}
|
).then(res => {
|
this.Formlist = res.data.data
|
})
|
}
|
},
|
//模板管理渲染
|
CrudRend() {
|
gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => {
|
this.Formlist = res.data.data
|
})
|
},
|
|
//模板管理表格添加
|
CrudRowSave(row,done) {
|
if (this.nodeClickList.length <= 0) {
|
this.$message({
|
type: 'warning',
|
message: '请先从树上选择一条数据!'
|
});
|
} else {
|
this.$set(row, "codeclassifyoid", this.nodeClickList.oid)
|
addSave(row).then(() => {
|
this.$message({
|
type: "success",
|
message: "添加成功!"
|
});
|
done(row)
|
this.TemRefresh();
|
}).catch(res => {
|
this.$message({
|
type: 'info',
|
message: res
|
});
|
})
|
}
|
},
|
//模板管理修改
|
CrudRowUpdata(row,index,done) {
|
editSave(row).then(() => {
|
this.TemRefresh();
|
this.$message({
|
type: "success",
|
message: "操作成功!"
|
});
|
done()
|
}).catch(res => {
|
this.$message.error(res)
|
})
|
},
|
//模板管理删除
|
CrudRowDel(row) {
|
deleteData(row).then(()=> {
|
this.TemRefresh();
|
}).catch(res => {
|
this.$message({
|
type: 'info',
|
message: res
|
});
|
})
|
},
|
//克隆模板查询
|
CloneEnterFind(){
|
gridCodeClassifyTemplate().then(res => {
|
this.CloneFormlist = res.data.data.filter(item => {
|
if(this.Clonevalue == 0){
|
return item.id.includes(this.CloneFind)
|
}else if(this.Clonevalue == 1){
|
return item.name.includes(this.CloneFind)
|
}
|
})
|
})
|
},
|
// 查询
|
FindeHanler(){
|
if(this.nodeClickList != ""){
|
this.FindFormVisible=true
|
}else {
|
this.$message.warning('请从树上选择一条数据')
|
}
|
},
|
//克隆模板选择确定
|
Clonehandler(){
|
if(this.CloneSelect.length <= 0){
|
this.$message({
|
type: 'warning',
|
message: '请选择要克隆的模板!'
|
});
|
}else if(this.CloneSelect.length >1){
|
this.$message({
|
type: 'warning',
|
message: '只能选择一条数据!'
|
});
|
} else {
|
this.CloneinnerVisible=true;
|
}
|
},
|
//点击从其它模板克隆
|
CloneBtn(){
|
if(this.nodeClickList.length <= 0){
|
this.$message({
|
type: 'warning',
|
message: '请先从[主题库分类】树上选择一条数据!'
|
});
|
}else {
|
this.CloneVisible=true;
|
}
|
},
|
//克隆模板单选框改变
|
selectionChange(row){
|
this.CloneSelect=row;
|
//双向绑定，提交表单输入框回填上当前选择的数据
|
this.CloneModel.id=row[0].id;
|
this.CloneModel.name=row[0].name;
|
//这里有点绕，CloneSelect是我选择框选择的数据。等于this.nodeClickList.oid是因为，克隆模板传递数据要把当前选择树的oid传递给后端。而不是当前要克隆模板的oid
|
this.CloneSelect[0].codeclassifyoid=this.nodeClickList.oid
|
},
|
//克隆表单提交
|
Clonesubmit(row,done){
|
//重新赋值CloneSelect传递的数据为输入框可以修改的数据，CloneModel提交表单输入框双向绑定数据
|
this.CloneSelect[0].id=this.CloneModel.id;
|
this.CloneSelect[0].name=this.CloneModel.name;
|
copy(this.CloneSelect[0]).then(()=>{
|
//因为是嵌套弹窗所以手动关闭CloneinnerVisible，CloneVisible两个弹窗。
|
this.CloneinnerVisible=false
|
this.CloneVisible=false
|
this.$message.success("复制成功")
|
this.CrudRend()
|
done(row)
|
}).catch(res=>{
|
done(res)
|
})
|
},
|
//刷新
|
TemRefresh() {
|
this.FormLoing = true;
|
if (this.nodeClickList.oid != "") {
|
gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => {
|
this.Formlist = res.data.data.filter(item => {
|
return item.codeclassifyoid == this.nodeClickList.oid
|
})
|
this.crudLCStatus=this.Formlist[this.selectRow].lcStatus;
|
this.crudArray.push(this.Formlist[this.selectRow]);
|
gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': res.data.data[this.selectRow].oid,limit:-1}).then(res => {
|
this.ProData = res.data.data;
|
//分类注入数据格式
|
this.ProData = res.data.data.map((item) => {
|
//如果分类注入classifyInvokeAttr为空说明是初始状态
|
if(item.classifyInvokeAttr !== ''){
|
if (!item.hasOwnProperty('classifyInvokeText')) { // 检查classifyInvokeText属性是否存在
|
item = {
|
...item,
|
classifyInvokeText: {
|
"注入类型": item.classifyInvokeAttr,
|
"注入类型名称": item.classifyInvokeAttrName,
|
"层级设置": item.classifyInvokeLevel,
|
"是否可修改": item.classifyInvokeEditFlag
|
}
|
};
|
}
|
}
|
return item;
|
});
|
}).catch(res => {
|
this.$message.error(res)
|
})
|
})
|
} else {
|
this.FormLoing = true
|
}
|
setTimeout(() => {
|
this.FormLoing = false
|
}, 600);
|
},
|
upAndStopAndStart(row, type) {
|
this.$confirm(this.upAndStopAndStartData[type]["tip"], "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning",
|
}).then(() => {
|
this.$set(row, this.upAndStopAndStartData[type]["load"], true)
|
const { ts, oid } = row;
|
this.upAndStopAndStartData[type]['funAPi']({ ts, oid }).then((res) => {
|
if (res.data.code === 200) {
|
this.$set(row, this.upAndStopAndStartData[type]["load"], false)
|
this.TemRefresh();
|
this.$message.success(
|
this.upAndStopAndStartData[type]["typeText"] + "成功！"
|
);
|
}
|
}).catch(() => {
|
this.$set(row, this.upAndStopAndStartData[type]["load"], false)
|
});
|
});
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.el-container{
|
height: 100%;
|
}
|
.el-aside {
|
height: calc(100% - 30px);
|
}
|
.el-main {
|
height: calc(100% - 30px);
|
}
|
.el-form {
|
display: flex;
|
flex-wrap: wrap; /* 设置可换行，以便在小屏幕设备上使用多行布局 */
|
}
|
|
.el-form-item {
|
flex: 1; /* 设置元素占据1份空间 */
|
margin-right: 1rem; /* 设置元素之间的间距 */
|
}
|
|
.my-messagebox {
|
width: 700px;
|
}
|
|
.my-messageboxs {
|
width: 500px;
|
}
|
|
</style>
|
