| | |
| | | <el-container> |
| | | <!-- 左侧菜单--> |
| | | <el-aside> |
| | | <basic-container |
| | | style="height: 85vh; max-height: 155vh; overflow-y: scroll" |
| | | > |
| | | <basic-container style="height: 85vh; max-height: 155vh; overflow-y: scroll;"> |
| | | <div> |
| | | <div style="display: flex; justify-content: space-around"> |
| | | <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="ExportExcel">导出</el-button>--> |
| | | <!-- <el-button plain size="small" type="primary" @click="ImportExcel">导入</el-button>--> |
| | | <el-button plain size="small" type="primary" @click="flushed" |
| | | >刷新</el-button |
| | | > |
| | | <div style="display: flex;justify-content: space-around"> |
| | | <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="ExportExcel">导出</el-button>--> |
| | | <!-- <el-button plain size="small" type="primary" @click="ImportExcel">导入</el-button>--> |
| | | <el-button plain size="small" type="primary" @click="flushed">刷新</el-button> |
| | | </div> |
| | | <div |
| | | style=" |
| | | display: flex; |
| | | justify-content: space-around; |
| | | margin-top: 5px; |
| | | margin-bottom: 5px; |
| | | " |
| | | ></div> |
| | | <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px"> |
| | | </div> |
| | | </div> |
| | | <!-- 树节点添加对话框--> |
| | | <el-dialog |
| | | :title="this.TreeFlag ? '添加分类' : '添加主题库'" |
| | | :visible.sync="TreeAddFormVisible" |
| | | append-to-body |
| | | style="width: 1700px; margin: auto" |
| | | > |
| | | <el-dialog :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" 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 :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 :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"> |
| | | <el-input |
| | | v-model="TreeAddform.description" |
| | | autocomplete="off" |
| | | style="width: 585px" |
| | | ></el-input> |
| | | <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" |
| | | readonly |
| | | autocomplete="off" |
| | | style="width: 585px" |
| | | @focus="CodeFoucus"> |
| | | </el-input> |
| | | <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" |
| | | readonly |
| | | autocomplete="off" |
| | | @focus="Keyfouce" |
| | | style="width: 585px"> |
| | | </el-input> |
| | | <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" |
| | | readonly |
| | | @focus="simFouce" |
| | | style="width: 585px"></el-input> |
| | | <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"> |
| | |
| | | </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; |
| | | } |
| | | " |
| | | ></classifyTreeform> |
| | | <el-dialog :visible.sync="TreeEditFormVisible" append-to-body title="修改分类"> |
| | | <classifyTreeform ref="childForm" :loneTreeNewForm="TreeList" :nodeList="nodeList" :flag="'edit'" @MasterHandler="MasterHandler" :Editclose=" ()=>{TreeEditFormVisible=false}"></classifyTreeform> |
| | | </el-dialog> |
| | | <avue-tree |
| | | ref="tree" |
| | | v-model="CloneTreeAvueform" |
| | | v-loading="loading" |
| | | :data="CloneTreedata" |
| | | :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | style="height: 80.5vh; padding-top: 5px; padding-bottom: 30px" |
| | | @node-click="nodeClick" |
| | | @check-change="checkChange" |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | style="height: 80.5vh;padding-top: 5px;padding-bottom: 30px" |
| | | @node-click=" nodeClick" |
| | | @check-change="checkChange" |
| | | > |
| | | </avue-tree> |
| | | </basic-container> |
| | | </el-aside> |
| | | <el-main> |
| | | <basic-container style="height: 85vh; max-height: 155vh"> |
| | | <basic-container style="height: 85vh; max-height: 155vh; "> |
| | | <!-- 右侧表格--> |
| | | <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 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 |
| | | v-model="crudForm" |
| | | v-loading="FormLoing" |
| | | :data="this.Formlist" |
| | | :option="this.crudTreeOption" |
| | | @row-save="CrudRowSave" |
| | | @row-del="CrudRowDel" |
| | | @row-update="CrudRowUpdata" |
| | | :before-close="beforeClose" |
| | | @select="selectHandle" |
| | | > |
| | | <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="Enable" |
| | | >启用</el-button |
| | | > |
| | | <el-button plain size="small" type="primary" @click="Deactivate" |
| | | >停用</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="克隆模板" |
| | | > |
| | | <span v-else-if="type.prop==='tab2'"> |
| | | <basic-container> |
| | | <avue-crud v-model="crudForm" v-loading="FormLoing" :data="this.Formlist" :option="this.crudTreeOption" |
| | | @row-save="CrudRowSave" |
| | | @row-del="CrudRowDel" |
| | | @row-update="CrudRowUpdata" |
| | | :before-close="beforeClose" |
| | | @select="selectHandle" |
| | | > |
| | | <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="Enable">启用</el-button> |
| | | <el-button plain size="small" type="primary" @click="Deactivate">停用</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> |
| | | <div style="margin-bottom: 5px"><el-tag>主题库分类</el-tag></div> |
| | | <!-- 克隆模板的树 沿用首页树的loading和option,但是data和v-model绑定的数据创建一个新的变量,另外点击方法也是重新获取来操作克隆模板的数据--> |
| | | <avue-tree |
| | | ref="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> |
| | | <avue-tree ref="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-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> |
| | | </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-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> |
| | | </el-dialog> |
| | | </template> |
| | | <template #menu="{ size, row }"> |
| | | </template> |
| | | <template #menu="{ size, row }"> |
| | | <el-button |
| | | v-show="row.lcStatus === 'Released'" |
| | | @click="upAndStopAndStart(row, 'upVersion')" |
| | |
| | | icon="el-icon-upload2" |
| | | type="text" |
| | | :size="size" |
| | | >升版</el-button |
| | | >升版</el-button |
| | | > |
| | | <el-button |
| | | v-show="row.lcStatus === 'Released'" |
| | |
| | | icon="el-icon-circle-close" |
| | | type="text" |
| | | :size="size" |
| | | >停用/失效</el-button |
| | | >停用/失效</el-button |
| | | > |
| | | <el-button |
| | | v-show="['Disabled', 'Editing'].includes(row.lcStatus)" |
| | |
| | | icon="el-icon-circle-check" |
| | | type="text" |
| | | :size="size" |
| | | >启用/发布</el-button |
| | | >启用/发布</el-button |
| | | > |
| | | </template> |
| | | </avue-crud> |
| | | </avue-crud> |
| | | |
| | | </basic-container> |
| | | <templatePro |
| | | :ProData="this.ProData" |
| | | :crudOid="this.crudOid" |
| | | :crudArray="this.crudArray" |
| | | :Formlist="this.Formlist" |
| | | :codeClassifyOid="this.codeClassifyOid" |
| | | ></templatePro> |
| | | <templatePro :ProData="this.ProData" :crudOid="this.crudOid" :crudArray="this.crudArray" :Formlist="this.Formlist" :codeClassifyOid="this.codeClassifyOid"></templatePro> |
| | | </span> |
| | | <!-- 编码规则--> |
| | | <el-dialog |
| | | :visible.sync="MasterdialogVisible" |
| | | title="为【编码规则】选取值" |
| | | append-to-body |
| | | > |
| | | <el-dialog :visible.sync="MasterdialogVisible" title="为【编码规则】选取值" append-to-body> |
| | | <template> |
| | | <el-select |
| | | v-model="SelectValue" |
| | | placeholder="请选择" |
| | | style="width: 135px" |
| | | > |
| | | <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" |
| | | > |
| | | 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 |
| | | > |
| | | <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> |
| | | <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 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 |
| | | > |
| | | <el-dialog :visible.sync="KeydialogVisible" title="为【关键属性查询规则】选取值" append-to-body> |
| | | <template> |
| | | <el-select |
| | | v-model="SelectValue" |
| | | placeholder="请选择" |
| | | style="width: 135px" |
| | | > |
| | | <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" |
| | | > |
| | | 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 |
| | | > |
| | | <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> |
| | | <avue-crud :data="KeyData" :option="masterOption" @select="KeySelect"></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.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 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 |
| | | > |
| | | <el-dialog :visible.sync="SimidialogVisible" title="为【相似项查询规则】选取值" append-to-body> |
| | | <template> |
| | | <el-select |
| | | v-model="SelectValue" |
| | | placeholder="请选择" |
| | | style="width: 135px" |
| | | > |
| | | <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" |
| | | > |
| | | 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 |
| | | > |
| | | <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> |
| | | <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 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> |
| | |
| | | copy, |
| | | upVersion, |
| | | stopLose, |
| | | startRelease, |
| | | startRelease |
| | | } from "@/api/template/templateAttr"; |
| | | import { defaultReferDataGrid, referDataGrid } from "@/api/MasterData/master"; |
| | | import {defaultReferDataGrid,referDataGrid} from '@/api/MasterData/master' |
| | | export default { |
| | | name: "classifyTrees.vue", |
| | | //使用inject接收参数 |
| | |
| | | data() { |
| | | return { |
| | | //编码规则 |
| | | MasterdialogVisible: false, |
| | | masterData: [], |
| | | masterSelectList: [], |
| | | masterName: "", |
| | | masterOid: "", |
| | | MasterdialogVisible:false, |
| | | masterData:[], |
| | | masterSelectList:[], |
| | | masterName:"", |
| | | masterOid:"", |
| | | //关键属性 |
| | | KeydialogVisible: false, |
| | | KeyName: "", |
| | | KeyOid: "", |
| | | KeyData: [], |
| | | KeySelectLIst: [], |
| | | KeydialogVisible:false, |
| | | KeyName:"", |
| | | KeyOid:"", |
| | | KeyData:[], |
| | | KeySelectLIst:[], |
| | | //相似项 |
| | | simName: "", |
| | | simOid: "", |
| | | simData: [], |
| | | SimidialogVisible: false, |
| | | simSelectList: [], |
| | | masterOption: { |
| | | addBtn: false, |
| | | index: true, |
| | | border: true, |
| | | selection: true, |
| | | menu: false, |
| | | height: 380, |
| | | column: [ |
| | | simName:"", |
| | | simOid:"", |
| | | simData:[], |
| | | SimidialogVisible:false, |
| | | simSelectList:[], |
| | | masterOption:{ |
| | | addBtn:false, |
| | | index:true, |
| | | border:true, |
| | | selection:true, |
| | | menu:false, |
| | | height:380, |
| | | column:[ |
| | | { |
| | | label: "英文名称", |
| | | prop: "id", |
| | | label:'英文名称', |
| | | prop:'id' |
| | | }, |
| | | { |
| | | label: "中文名称", |
| | | prop: "name", |
| | | label:'中文名称', |
| | | prop:'name' |
| | | }, |
| | | { |
| | | label: "描述", |
| | | prop: "description", |
| | | }, |
| | | ], |
| | | label:'描述', |
| | | prop:'description' |
| | | } |
| | | ] |
| | | }, |
| | | SelectOption: [ |
| | | SelectOption:[ |
| | | { |
| | | value: "name", |
| | | label: "中文名称", |
| | | value: 'name', |
| | | label: '中文名称' |
| | | }, |
| | | { |
| | | value: "id", |
| | | label: "英文名称", |
| | | }, |
| | | value: 'id', |
| | | label: '英文名称' |
| | | } |
| | | ], |
| | | SelectValue: "", |
| | | SelectFInd: "", |
| | | SelectValue:"", |
| | | SelectFInd:"", |
| | | rules: { |
| | | id: [{ required: true, message: "请输入名称", trigger: "blur" }], |
| | | name: [{ required: true, message: "请输入编号", trigger: "blur" }], |
| | | id: [ |
| | | { required: true, message: '请输入名称', trigger: 'blur' }, |
| | | ], |
| | | name:[ |
| | | { required: true, message: '请输入编号', trigger: 'blur' }, |
| | | ] |
| | | }, |
| | | addFlag: false, |
| | | addFlag:false, |
| | | // 表格当前行id |
| | | crudOid: "", |
| | | crudOid:"", |
| | | //表格当前选择数组 |
| | | crudArray: [], |
| | | crudArray:[], |
| | | //模板属性展示内容 |
| | | ProData: [], |
| | | //回车键搜索绑定值 |
| | | searchTemplate: { |
| | | searchCondition: "id", |
| | | searchCondition: 'id', |
| | | findText: "", |
| | | }, |
| | | |
| | |
| | | FindFormVisible: false, |
| | | //克隆模板对话框 |
| | | CloneVisible: false, |
| | | CloneinnerVisible: false, |
| | | CloneinnerVisible:false, |
| | | //高级查询下拉框 |
| | | FindSelect: { |
| | | id: "0", |
| | | name: "1", |
| | | description: "2", |
| | | revisionValue: "3", |
| | | lcStatus: "4", |
| | | lcStatus: "4" |
| | | }, |
| | | //高级查询条件 |
| | | condition: ["0", "0", "0", "0", "0"], |
| | |
| | | name: "", |
| | | description: "", |
| | | revisionValue: "", |
| | | lcStatus: "", |
| | | lcStatus: "" |
| | | }, |
| | | //停用启用接收数组 |
| | | FlagObj: {}, |
| | |
| | | TreeAddFormVisible: false, |
| | | //当前点击项 |
| | | nodeClickList: "", |
| | | ClonenodeClickList: "", |
| | | ClonenodeClickList:"", |
| | | //分类和主题库状态 |
| | | TreeFlag: false, |
| | | //树加载 |
| | |
| | | //相似查询规则 |
| | | codeResembleRuleOidName: "", |
| | | //关键属性查询规则 |
| | | codekeyattrrepeatoidName: "", |
| | | codeKeyAttrRepeatOidName: "", |
| | | //编码规则 |
| | | coderuleoidName: "", |
| | | codeRuleOidName: "", |
| | | //存储的业务类型 |
| | | btmtypename: "", |
| | | btmTypeName: "" |
| | | }, |
| | | //avue-tree数据,暂时没有作用,里面功能用element写了,只用avue的一个树组件不用内置表单了。 |
| | | TreeAvueform: {}, |
| | | //克隆树 |
| | | CloneTreeAvueform: {}, |
| | | CloneTreeAvueform:{}, |
| | | Treedata: [], |
| | | CloneTreedata: [], |
| | | CloneTreedata:[], |
| | | Treeoption: { |
| | | addBtn: false, |
| | | editBtn: false, |
| | |
| | | //克隆模板下拉框value |
| | | Clonevalue: "0", |
| | | //克隆模板搜索输入框 |
| | | CloneFind: "", |
| | | CloneFind:"", |
| | | //克隆模板下拉框数据 |
| | | CloneSelectOptions: [ |
| | | CloneSelectOptions: [{ |
| | | value: '0', |
| | | label: '模板编号' |
| | | }, |
| | | { |
| | | value: "0", |
| | | label: "模板编号", |
| | | }, |
| | | { |
| | | value: "1", |
| | | label: "模板名称", |
| | | value: '1', |
| | | label: '模板名称' |
| | | }, |
| | | ], |
| | | //克隆模板确认表单数据 |
| | | CloneOption: { |
| | | column: [ |
| | | CloneOption:{ |
| | | column:[ |
| | | { |
| | | label: "模板编号", |
| | | prop: "id", |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入模板编号", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | label:'模板编号', |
| | | prop:'id', |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入模板编号", |
| | | trigger: "blur" |
| | | }] |
| | | }, { |
| | | label:'模板名称', |
| | | prop:'name', |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入模板名称", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "模板名称", |
| | | prop: "name", |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入模板名称", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "描述", |
| | | prop: "desc", |
| | | type: "textarea", |
| | | span: 24, |
| | | }, |
| | | ], |
| | | label:'描述', |
| | | prop:'desc', |
| | | type:'textarea', |
| | | span:24 |
| | | } |
| | | ] |
| | | }, |
| | | //克隆模板双向绑定数据 |
| | | CloneModel: [], |
| | | CloneSelect: [], |
| | | CloneModel:[], |
| | | CloneSelect:[], |
| | | //克隆模板option |
| | | ClonecrudTreeOption: { |
| | | index: true, |
| | |
| | | column: [ |
| | | { |
| | | label: "模板编号", |
| | | prop: "id", |
| | | prop: "id" |
| | | }, |
| | | { |
| | | label: "模板名称", |
| | |
| | | }, |
| | | { |
| | | label: "模板描述", |
| | | prop: "description", |
| | | prop: "description" |
| | | }, |
| | | { |
| | | label: "版本号", |
| | | prop: "revisionSeq", |
| | | display: false, |
| | | display: false |
| | | }, |
| | | { |
| | | label: "状态", |
| | | prop: "lcStatusText", |
| | | display: false, |
| | | }, |
| | | ], |
| | | display: false |
| | | } |
| | | ] |
| | | }, |
| | | //tab状态 |
| | | type: {}, |
| | | //Tab配置项 |
| | | tabOption: { |
| | | column: [ |
| | | { |
| | | label: "基本信息", |
| | | prop: "tab1", |
| | | }, |
| | | { |
| | | label: "模板管理", |
| | | prop: "tab2", |
| | | }, |
| | | ], |
| | | column: [{ |
| | | label: '基本信息', |
| | | prop: 'tab1', |
| | | }, { |
| | | label: '模板管理', |
| | | prop: 'tab2', |
| | | }] |
| | | }, |
| | | //模拟表单假数据 |
| | | Treeform: [ |
| | | { |
| | | name: "测试1", |
| | | sex: "男", |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "测试2", |
| | | sex: "女", |
| | | value: 1 |
| | | } |
| | | ], |
| | | //传递给子组件动态渲染的数据 |
| | | TreeList: {}, |
| | | codeClassifyOid: "", |
| | |
| | | typeText: "启用/发布", |
| | | funAPi: startRelease, |
| | | load: 'startReleaseLoad' |
| | | }, |
| | | }, |
| | | }; |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | //tab栏默认是表格 |
| | | mounted() { |
| | | this.type = this.tabOption.column[0]; |
| | | this.getAttr(); |
| | | }, |
| | | computed: { |
| | | crudTreeOption() { |
| | | return { |
| | | computed:{ |
| | | crudTreeOption(){ |
| | | return{ |
| | | index: true, |
| | | border: true, |
| | | height: 180, |
| | | selection: true, |
| | | addBtn: this.Formlist.length <= 0 && this.nodeClickList != "", |
| | | height:180, |
| | | selection:true, |
| | | addBtn:this.Formlist.length<=0 && this.nodeClickList != "", |
| | | column: [ |
| | | { |
| | | label: "模板编号", |
| | | prop: "id", |
| | | prop: "id" |
| | | }, |
| | | { |
| | | label: "模板名称", |
| | | prop: "name", |
| | | label:"模板名称", |
| | | prop:"name" |
| | | }, |
| | | { |
| | | label: "模板描述", |
| | | prop: "description", |
| | | prop:"description" |
| | | }, |
| | | { |
| | | label: "版本号", |
| | | prop: "revisionSeq", |
| | | display: false, |
| | | label:"版本号", |
| | | prop:"revisionSeq", |
| | | display:false |
| | | }, |
| | | { |
| | | label: "状态", |
| | | prop: "lcStatusText", |
| | | display: false, |
| | | }, |
| | | ], |
| | | }; |
| | | }, |
| | | label:"状态", |
| | | prop:"lcStatusText", |
| | | display:false |
| | | } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | //编码规则失焦 |
| | | CodeFoucus() { |
| | | this.MasterdialogVisible = true; |
| | | this.MasterdefaultRend(); |
| | | 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; |
| | | } |
| | | 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, |
| | | }; |
| | | SelectFindeHandler(){ |
| | | if(this.SelectValue == 'id'){ |
| | | const masterParameter={ |
| | | 'conditionMap[id]':this.SelectFInd |
| | | } |
| | | this.MasterdefaultRend(masterParameter); |
| | | this.SelectValue = ""; |
| | | this.SelectFInd = ""; |
| | | } else if (this.SelectValue == "name") { |
| | | const masterParameter = { |
| | | "conditionMap[name]": this.SelectFInd, |
| | | }; |
| | | this.MasterdefaultRend(masterParameter); |
| | | this.SelectValue = ""; |
| | | this.SelectFInd = ""; |
| | | this.SelectValue="" |
| | | this.SelectFInd="" |
| | | }else if(this.SelectValue == 'name'){ |
| | | const masterParameter={ |
| | | 'conditionMap[name]':this.SelectFInd |
| | | } |
| | | this.MasterdefaultRend(masterParameter) |
| | | this.SelectValue="" |
| | | this.SelectFInd="" |
| | | } |
| | | }, |
| | | //编码规则确定 |
| | | 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); |
| | | console.log(this.loneTreeNewForm); |
| | | 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) |
| | | console.log(this.loneTreeNewForm) |
| | | } |
| | | }, |
| | | //编码接口 |
| | | MasterdefaultRend() { |
| | | MasterdefaultRend(){ |
| | | defaultReferDataGrid({ |
| | | referType: "coderule", |
| | | isMuti: "false", |
| | | 'conditionMap["lcstatus"]': "Released", |
| | | }).then((res) => { |
| | | this.masterData = res.data.records; |
| | | }); |
| | | referType:'coderule', |
| | | isMuti:'false', |
| | | 'conditionMap["lcstatus"]':'Released' |
| | | }).then(res=>{ |
| | | this.masterData=res.data.records; |
| | | }) |
| | | }, |
| | | Keyfouce() { |
| | | this.KeydialogVisible = true; |
| | | this.KeydefaultRend(); |
| | | 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, "codeResembleRuleOidName", this.simName); |
| | | this.$set(this.TreeAddform, "codeResembleRuleOid", this.simOid); |
| | | this.$emit("MasterHandler", this.loneTreeNewForm); |
| | | 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) |
| | | console.log(this.TreeAddform) |
| | | } |
| | | }, |
| | | //关键属性查询 |
| | | KeySelectFindeHandler() { |
| | | if (this.SelectValue == "id") { |
| | | const masterParameter = { |
| | | "conditionMap[id]": this.SelectFInd, |
| | | }; |
| | | KeySelectFindeHandler(){ |
| | | if(this.SelectValue == 'id'){ |
| | | const masterParameter={ |
| | | 'conditionMap[id]':this.SelectFInd |
| | | } |
| | | this.KeydefaultRend(masterParameter); |
| | | this.SelectValue = ""; |
| | | this.SelectFInd = ""; |
| | | } else if (this.SelectValue == "name") { |
| | | const masterParameter = { |
| | | "conditionMap[name]": this.SelectFInd, |
| | | }; |
| | | this.KeydefaultRend(masterParameter); |
| | | this.SelectValue = ""; |
| | | this.SelectFInd = ""; |
| | | this.SelectValue="" |
| | | this.SelectFInd="" |
| | | }else if(this.SelectValue == 'name'){ |
| | | const masterParameter={ |
| | | 'conditionMap[name]':this.SelectFInd |
| | | } |
| | | this.KeydefaultRend(masterParameter) |
| | | this.SelectValue="" |
| | | this.SelectFInd="" |
| | | } |
| | | }, |
| | | //关键属性接口 |
| | | KeydefaultRend() { |
| | | KeydefaultRend(){ |
| | | defaultReferDataGrid({ |
| | | referType: "codekeyattrrepeat", |
| | | isMuti: "false", |
| | | 'conditionMap["lcstatus"]': "Enabled", |
| | | }).then((res) => { |
| | | this.KeyData = res.data.records; |
| | | }); |
| | | 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; |
| | | KeySelect(row){ |
| | | this.KeySelectLIst=row; |
| | | this.KeyName=row[0].name; |
| | | this.KeyOid=row[0].oid; |
| | | }, |
| | | //关键失焦 |
| | | simFouce() { |
| | | this.SimidialogVisible = true; |
| | | this.simdefaultRend(); |
| | | 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); |
| | | 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, |
| | | }; |
| | | SimSelectFindeHandler(){ |
| | | if(this.SelectValue == 'id'){ |
| | | const masterParameter={ |
| | | 'conditionMap[id]':this.SelectFInd |
| | | } |
| | | this.simdefaultRend(masterParameter); |
| | | this.SelectValue = ""; |
| | | this.SelectFInd = ""; |
| | | } else if (this.SelectValue == "name") { |
| | | const masterParameter = { |
| | | "conditionMap[name]": this.SelectFInd, |
| | | }; |
| | | this.simdefaultRend(masterParameter); |
| | | this.SelectValue = ""; |
| | | this.SelectFInd = ""; |
| | | this.SelectValue="" |
| | | this.SelectFInd="" |
| | | }else if(this.SelectValue == 'name'){ |
| | | const masterParameter={ |
| | | 'conditionMap[name]':this.SelectFInd |
| | | } |
| | | this.simdefaultRend(masterParameter) |
| | | this.SelectValue="" |
| | | this.SelectFInd="" |
| | | } |
| | | }, |
| | | // 相似项多选 |
| | | simSelect(row) { |
| | | this.simSelectList = row; |
| | | this.simName = row[0].name; |
| | | this.simOid = row[0].oid; |
| | | console.log("oid", this.oid); |
| | | simSelect(row){ |
| | | this.simSelectList=row; |
| | | this.simName=row[0].name; |
| | | this.simOid=row[0].oid; |
| | | console.log('oid',this.oid) |
| | | }, |
| | | //相似项项接口 |
| | | simdefaultRend() { |
| | | simdefaultRend(){ |
| | | defaultReferDataGrid({ |
| | | referType: "coderesemblerule", |
| | | isMuti: "false", |
| | | 'conditionMap["lcstatus"]': "Enabled", |
| | | }).then((res) => { |
| | | this.simData = res.data.records; |
| | | }); |
| | | referType:'coderesemblerule', |
| | | isMuti:'false', |
| | | 'conditionMap["lcstatus"]':'Enabled' |
| | | }).then(res=>{ |
| | | this.simData=res.data.records; |
| | | }) |
| | | }, |
| | | //子传父 |
| | | MasterHandler(val) { |
| | | this.TreeList = val; |
| | | MasterHandler(val){ |
| | | this.TreeList=val |
| | | }, |
| | | //行单选事件 |
| | | selectHandle(selection, row) { |
| | | this.crudOid = row.oid; |
| | | this.crudArray = selection; |
| | | gridCodeClassifyTemplateAttr({ |
| | | "conditionMap[classifyTemplateOid]": this.Formlist[0].oid, |
| | | selectHandle(selection,row){ |
| | | this.crudOid=row.oid; |
| | | this.crudArray=selection; |
| | | gridCodeClassifyTemplateAttr({'conditionMap[classifyTemplateOid]': this.Formlist[0].oid}).then(res => { |
| | | this.ProData = res.data.data; |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | | }) |
| | | .then((res) => { |
| | | this.ProData = res.data.data; |
| | | }) |
| | | .catch((res) => { |
| | | this.$message.error(res); |
| | | }); |
| | | }, |
| | | //分类树数据处理 |
| | | 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"); |
| | | 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; |
| | | } |
| | | }) |
| | | .catch((res) => { |
| | | this.$message.error(res); |
| | | }); |
| | | //调用修改属性名方法 |
| | | this.ModifyProperties(this.CloneTreedata, 'name', 'label'); |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | | }) |
| | | }, |
| | | //定义一个修改数据属性名的方法 |
| | | ModifyProperties(obj, oldName, newName) { |
| | |
| | | obj[newName] = obj[key]; |
| | | delete obj[key]; |
| | | } |
| | | if (typeof obj[key] === "object") { |
| | | if (typeof obj[key] === 'object') { |
| | | this.ModifyProperties(obj[key], oldName, newName); |
| | | } |
| | | } |
| | |
| | | this.TreeAddFormVisible = true; |
| | | // 判断当前是否有点击子项 |
| | | if (this.nodeClickList !== "") { |
| | | this.TreeFlag = true; |
| | | this.TreeFlag = true |
| | | } |
| | | }, |
| | | //树节点添加事件 |
| | | TreeAddHandler() { |
| | | const data = this.TreeAddform; |
| | | data.btmTypeName= this.TreeList.btmtypename |
| | | this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid); |
| | | // console.log("data", data); |
| | | TreeSave(data) |
| | |
| | | }, |
| | | //树节点删除按钮 |
| | | 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, |
| | | }); |
| | | 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: '删除成功!' |
| | | }); |
| | | } 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: "已取消删除", |
| | | }); |
| | | this.getAttr(); |
| | | }).catch(res => { |
| | | this.$message({ |
| | | type: 'warning', |
| | | message: res |
| | | }); |
| | | } |
| | | }); |
| | | }) |
| | | }).catch(() => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: '已取消删除' |
| | | }); |
| | | }); |
| | | } |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消删除", |
| | | }); |
| | | }).catch(() => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: '已取消删除' |
| | | }); |
| | | }); |
| | | }, |
| | | //修改回填 |
| | | TreeEdit() { |
| | | if (this.nodeClickList == "") { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "请先从树上选择一条数据!", |
| | | type: 'warning', |
| | | message: '请先从树上选择一条数据!' |
| | | }); |
| | | } else { |
| | | this.TreeEditFormVisible = true; |
| | | console.log(this.TreeList) |
| | | } |
| | | }, |
| | | //树刷新 |
| | | flushed() { |
| | | this.loading = true; |
| | | this.getAttr(); |
| | | this.loading = true |
| | | this.getAttr() |
| | | setTimeout(() => { |
| | | this.loading = false; |
| | | this.nodeClickList = ""; |
| | | this.nodeClickList = "" |
| | | }, 600); |
| | | }, |
| | | //启用和停用都先判断状态 |
| | |
| | | Enable() { |
| | | if (this.FlagObj.lcStatus == "Enabled") { |
| | | this.$message({ |
| | | type: "warning", |
| | | 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.$confirm('是否将子分类一并启用?', '提示', { |
| | | confirmButtonText: '是', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | TreeEnable(this.nodeClickList).then(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消启用", |
| | | type: 'success', |
| | | message: '启用成功!' |
| | | }); |
| | | this.getAttr() |
| | | }) |
| | | }).catch(() => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: '已取消启用' |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | //停用 |
| | | Deactivate() { |
| | | if (this.FlagObj.lcStatus === "Disabled") { |
| | | this.$message({ |
| | | type: "warning", |
| | | 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.$confirm('是否停用当前分类,停用后,子分类也将不能被使用,是否继续?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | TreeDeactivate(this.nodeClickList).then(() => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: "已取消停用", |
| | | type: 'success', |
| | | message: '停用成功!' |
| | | }); |
| | | this.nodeClickList['flag'] = true; |
| | | this.getAttr() |
| | | }) |
| | | }).catch(() => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: '已取消停用' |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | //树点击事件 |
| | | async nodeClick(data) { |
| | | //定义一个模板属性id,数据是模板管理表格里面的oid |
| | | this.nodeClickList = data; |
| | | this.ProData = []; |
| | | this.nodeClickList = data |
| | | this.ProData=[] |
| | | try { |
| | | await TreeObjcet(data.oid) |
| | | .then((res) => { |
| | | this.FlagObj = res.data.data; |
| | | }) |
| | | .catch((res) => { |
| | | this.$message.error(res); |
| | | }); |
| | | //模板管理表格数据 |
| | | await gridCodeClassifyTemplate({ |
| | | "conditionMap[codeclassifyoid]": data.oid, |
| | | await TreeObjcet(data.oid).then(res => { |
| | | this.FlagObj = res.data.data |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | | }) |
| | | .then((res) => { |
| | | this.Formlist = res.data.data.filter((item) => { |
| | | if (item.codeclassifyoid != "") { |
| | | this.codeClassifyOid = item.codeclassifyoid; |
| | | return item.codeclassifyoid == this.nodeClickList.oid; |
| | | } |
| | | }); |
| | | //模板管理表格数据 |
| | | await gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': data.oid}).then(res => { |
| | | this.Formlist = res.data.data.filter(item => { |
| | | if (item.codeclassifyoid != "") { |
| | | this.codeClassifyOid = item.codeclassifyoid |
| | | return item.codeclassifyoid == this.nodeClickList.oid |
| | | } |
| | | }) |
| | | .catch((res) => { |
| | | this.$message.error(res); |
| | | }); |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | | }) |
| | | // 基本信息表单数据 |
| | | await getObjectByOid(this.nodeClickList.oid) |
| | | .then((res) => { |
| | | this.TreeList = res.data.data; |
| | | }) |
| | | .catch((res) => { |
| | | this.$message.error(res); |
| | | }); |
| | | await getObjectByOid(this.nodeClickList.oid).then(res => { |
| | | this.TreeList = res.data.data; |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | | }) |
| | | } catch (error) { |
| | | this.$message.error(error); |
| | | this.$message.error(error) |
| | | } |
| | | }, |
| | | //克隆模板树的点击切换数据 |
| | | async ClonenodeClick(data) { |
| | | this.ClonenodeClickList = data; |
| | | await gridCodeClassifyTemplate({ |
| | | "conditionMap[codeclassifyoid]": data.oid, |
| | | }).then((res) => { |
| | | this.CloneFormlist = res.data.data.filter((item) => { |
| | | 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; |
| | | this.codeClassifyOid = item.codeclassifyoid |
| | | return item.codeclassifyoid == this.ClonenodeClickList.oid |
| | | } |
| | | }); |
| | | }); |
| | | }) |
| | | }) |
| | | }, |
| | | //tab栏切换 |
| | | handleChange(column) { |
| | | this.type = column; |
| | | }, |
| | | // //高级查询按钮 |
| | | // handleSelectChange(key) { |
| | | // const selectedValue = this.FindSelect[key]; |
| | | // console.log(selectedValue) |
| | | // console.log(this.QueryArray[0]) |
| | | // switch (this.FindSelect[key]) { |
| | | // case '0': |
| | | // this.QueryArray[key] = ''; |
| | | // this.$set(this.QueryArray, key, ''); |
| | | // // 如果选中的是模板编号,相应的输入框双向绑定关系为 QueryArray.id |
| | | // this.$set(this.QueryArray, 'id', this.QueryArray[key]); |
| | | // break; |
| | | // case '1': |
| | | // this.QueryArray[key] = ''; |
| | | // this.$set(this.QueryArray, key, ''); |
| | | // // 如果选中的是模板名称,相应的输入框双向绑定关系为 QueryArray.name |
| | | // this.$set(this.QueryArray, 'name', this.QueryArray[key]); |
| | | // break; |
| | | // case '2': |
| | | // this.QueryArray[key] = ''; |
| | | // this.$set(this.QueryArray, key, ''); |
| | | // // 如果选中的是模板描述,相应的输入框双向绑定关系为 QueryArray.description |
| | | // this.$set(this.QueryArray, 'description', this.QueryArray[key]); |
| | | // break; |
| | | // case '3': |
| | | // this.QueryArray[key] = ''; |
| | | // this.$set(this.QueryArray, key, ''); |
| | | // // 如果选中的是版本号,相应的输入框双向绑定关系为 QueryArray.revisionValue |
| | | // this.$set(this.QueryArray, 'revisionValue', this.QueryArray[key]); |
| | | // break; |
| | | // case '4': |
| | | // this.QueryArray[key] = ''; |
| | | // this.$set(this.QueryArray, key, ''); |
| | | // // 如果选中的是状态,相应的输入框双向绑定关系为 QueryArray.lcStatus |
| | | // this.$set(this.QueryArray, 'lcStatus', this.QueryArray[key]); |
| | | // break; |
| | | // } |
| | | // }, |
| | | AdvQueries() { |
| | | this.FindFormVisible = false; |
| | | this.FindFormVisible = false |
| | | //如果全部为空 allEmpty为true |
| | | const allEmpty = Object.values(this.QueryArray).every((value) => !value); |
| | | const allEmpty = Object.values(this.QueryArray).every(value => !value); |
| | | //如果全部为空,点击查询出现所有数据 |
| | | if (allEmpty) { |
| | | gridCodeClassifyTemplate().then((res) => { |
| | | this.Formlist = res.data.data; |
| | | }); |
| | | 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; |
| | | }); |
| | | 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; |
| | | }); |
| | | gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => { |
| | | this.Formlist = res.data.data |
| | | }) |
| | | }, |
| | | |
| | | //模板管理表格添加 |
| | | CrudRowSave(row, done) { |
| | | CrudRowSave(row,done) { |
| | | if (this.nodeClickList.length <= 0) { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "请先从树上选择一条数据!", |
| | | type: 'warning', |
| | | message: '请先从树上选择一条数据!' |
| | | }); |
| | | } else { |
| | | this.$set(row, "codeclassifyoid", this.nodeClickList.oid); |
| | | addSave(row) |
| | | .then(() => { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "添加成功!", |
| | | }); |
| | | done(row); |
| | | this.CrudRend(); |
| | | }) |
| | | .catch((res) => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: res, |
| | | }); |
| | | }); |
| | | } |
| | | console.log("123", this.codeClassifyOid); |
| | | }, |
| | | //模板管理修改 |
| | | CrudRowUpdata(row, index, done) { |
| | | editSave(row) |
| | | .then(() => { |
| | | this.CrudRend(); |
| | | this.$set(row, "codeclassifyoid", this.nodeClickList.oid) |
| | | addSave(row).then(() => { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | message: "添加成功!" |
| | | }); |
| | | done(); |
| | | done(row) |
| | | this.CrudRend() |
| | | }).catch(res => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: res |
| | | }); |
| | | }) |
| | | .catch((res) => { |
| | | this.$message.error(res); |
| | | } |
| | | console.log('123',this.codeClassifyOid) |
| | | }, |
| | | //模板管理修改 |
| | | CrudRowUpdata(row,index,done) { |
| | | editSave(row).then(() => { |
| | | this.CrudRend() |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!" |
| | | }); |
| | | done() |
| | | }).catch(res => { |
| | | this.$message.error(res) |
| | | }) |
| | | }, |
| | | //模板管理删除 |
| | | CrudRowDel(row) { |
| | | deleteData(row) |
| | | .then(() => { |
| | | this.CrudRend(); |
| | | }) |
| | | .catch((res) => { |
| | | this.$message({ |
| | | type: "info", |
| | | message: res, |
| | | }); |
| | | deleteData(row).then(()=> { |
| | | this.CrudRend() |
| | | }).catch(res => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: res |
| | | }); |
| | | }) |
| | | }, |
| | | //模板管理表格查询,只有一条数据没必要做搜索 |
| | | /*nterFind() { |
| | |
| | | } |
| | | },*/ |
| | | //克隆模板查询 |
| | | 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); |
| | | 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("请从树上选择一条数据"); |
| | | FindeHanler(){ |
| | | if(this.nodeClickList != ""){ |
| | | this.FindFormVisible=true |
| | | }else { |
| | | this.$message.warning('请从树上选择一条数据') |
| | | } |
| | | }, |
| | | //克隆模板选择确定 |
| | | Clonehandler() { |
| | | if (this.CloneSelect.length <= 0) { |
| | | Clonehandler(){ |
| | | if(this.CloneSelect.length <= 0){ |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "请选择要克隆的模板!", |
| | | type: 'warning', |
| | | message: '请选择要克隆的模板!' |
| | | }); |
| | | } else if (this.CloneSelect.length > 1) { |
| | | }else if(this.CloneSelect.length >1){ |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "只能选择一条数据!", |
| | | type: 'warning', |
| | | message: '只能选择一条数据!' |
| | | }); |
| | | } else { |
| | | this.CloneinnerVisible = true; |
| | | this.CloneinnerVisible=true; |
| | | } |
| | | }, |
| | | //点击从其它模板克隆 |
| | | CloneBtn() { |
| | | if (this.nodeClickList.length <= 0) { |
| | | CloneBtn(){ |
| | | if(this.nodeClickList.length <= 0){ |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "请先从[主题库分类】树上选择一条数据!", |
| | | type: 'warning', |
| | | message: '请先从[主题库分类】树上选择一条数据!' |
| | | }); |
| | | } else { |
| | | this.CloneVisible = true; |
| | | }else { |
| | | this.CloneVisible=true; |
| | | } |
| | | }, |
| | | //克隆模板单选框改变 |
| | | selectionChange(row) { |
| | | this.CloneSelect = row; |
| | | selectionChange(row){ |
| | | this.CloneSelect=row; |
| | | //双向绑定,提交表单输入框回填上当前选择的数据 |
| | | this.CloneModel.id = row[0].id; |
| | | this.CloneModel.name = row[0].name; |
| | | 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; |
| | | this.CloneSelect[0].codeclassifyoid=this.nodeClickList.oid |
| | | }, |
| | | //克隆表单提交 |
| | | Clonesubmit(row, done) { |
| | | 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); |
| | | }); |
| | | 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; |
| | | 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; |
| | | }); |
| | | }); |
| | | gridCodeClassifyTemplate({'conditionMap[codeclassifyoid]': this.nodeClickList.oid}).then(res => { |
| | | this.Formlist = res.data.data.filter(item => { |
| | | return item.codeclassifyoid == this.nodeClickList.oid |
| | | }) |
| | | }) |
| | | } else { |
| | | this.FormLoing = true; |
| | | this.FormLoing = true |
| | | } |
| | | setTimeout(() => { |
| | | this.FormLoing = false; |
| | | this.FormLoing = false |
| | | }, 600); |
| | | }, |
| | | upAndStopAndStart(row, type) { |
| | |
| | | ); |
| | | } |
| | | }).catch(() => { |
| | | this.$set(row, this.upAndStopAndStartData[type]["load"], false) |
| | | this.$set(row, this.upAndStopAndStartData[type]["load"], false) |
| | | }); |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | .my-messageboxs { |
| | | width: 500px; |
| | | } |
| | | |
| | | </style> |