| | |
| | | <template> |
| | | |
| | | <!-- <avue-crud :data="ProData" :option="option" @sort-change="sortChange" @row-update="addUpdate"--> |
| | | <!-- @cell-click="handleRowClick" @select="selectHandle" @row-del="CrudRowDel">--> |
| | | <div> |
| | | <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArray.length>=1"> |
| | | <div style="display: flex;flex-wrap: wrap;" v-if="this.crudArrayFlag"> |
| | | <!--新增--> |
| | | <el-button v-if="attrEditVisible == false && attrFlagChiledren==false" size="small" type="primary" |
| | | @click="busineHandle">+ 添加 {{ msg }} |
| | |
| | | <!-- 重置--> |
| | | <el-button size="small" @click="reset">重置</el-button> |
| | | <!-- 同步到其他模板--> |
| | | <el-button size="small"@click="syncHandle">同步到其他模板</el-button> |
| | | <el-button size="small" @click="syncHandle">同步到其他模板</el-button> |
| | | <!-- 编码申请预览--> |
| | | <el-button size="small" @click="applicationHandle" style="">编码申请预览</el-button> |
| | | <!-- 验证规则--> |
| | | |
| | | </div> |
| | | <!-- 弹窗--> |
| | | <div> |
| | |
| | | </el-dialog> |
| | | <!-- 全屏编辑--> |
| | | <el-dialog :visible.sync="attrEditVisible" append-to-body fullscreen="true"> |
| | | <attrCrud :ProData="this.ProData" :attrFlagChiledren="this.attrFlag"></attrCrud> |
| | | <attrCrud :ProData="this.ProData" :attrFlagChiledren="this.attrFlag" :crudArrayFlag="this.crudArrayFlag"></attrCrud> |
| | | </el-dialog> |
| | | <!-- 组合规则--> |
| | | <formula-editor :systemVariableTableData="systemVariableTableData" |
| | |
| | | style="width: 100%" |
| | | @cell-click="handleCellClicks" |
| | | @select="selectHandle" |
| | | v-if="this.crudArray.length>=1" |
| | | |
| | | v-if="this.crudArrayFlag" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | |
| | | export default { |
| | | name: "attrCrud .vue", |
| | | // props: ['ProData','crudOid','crudArray','Formlist','codeClassifyOid'], |
| | | props: { |
| | | ProData: { |
| | | type: Array, |
| | |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | |
| | | crudArrayFlag:{ |
| | | type: Boolean, |
| | | default: false |
| | | } |
| | | }, |
| | | watch:{ |
| | | crudArray:{ |
| | | handler(newval,oldval){ |
| | | if(newval != undefined){ |
| | | if(newval.length>=1){ |
| | | this.crudArrayFlag=true |
| | | }else{ |
| | | this.crudArrayFlag=false |
| | | } |
| | | } |
| | | }, |
| | | deep:true, |
| | | immediate:true |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | crudArrayFlag:false, |
| | | editingRows: null, |
| | | editShows:"", |
| | | attrFlag: false, |
| | |
| | | methods: { |
| | | formAttr(row, column) { |
| | | console.log(row,column) |
| | | // if (column.property === "keyAttrFlag" |
| | | // ||column.property === "queryAttrFlag" |
| | | // ||column.property === "seniorQueryAttrFlag" |
| | | // ||column.property === "sameRepeatAttrFlag" |
| | | // ||column.property === "requireFlag" |
| | | // ||column.property === "formDisplayFlag" |
| | | // ||column.property === "tableDisplayFlag" |
| | | // ||column.property === "sortAttrFlag") { |
| | | // return row[column.property] =='true'? "是" : "否"; |
| | | // } |
| | | // return row[column.property]; |
| | | }, |
| | | //属性分组按钮 |
| | | attrVisibleHandle() { |
| | | this.formatBoolean() |
| | | if (this.CrudSelect.length > 1) { |
| | | this.$message.warning('只能选择一条模板属性') |
| | | } else if (this.CrudSelect < 1) { |
| | |
| | | }, |
| | | //业务类型保存 |
| | | busineAddHandle() { |
| | | if (this.busineSelectList.length > 1) { |
| | | this.$message.warning('请选择一条业务类型数据') |
| | | } else { |
| | | this.$set(this.busineAddList, 'classifytemplateoid', this.crudOid) |
| | | this.$set(this.busineAddList, 'oid', '') |
| | | this.ProData.push(JSON.parse(JSON.stringify(this.busineAddList))) |
| | | this.addVisible = false; |
| | | } |
| | | this.$set(this.busineAddList, 'classifytemplateoid', this.crudOid) |
| | | this.$set(this.busineAddList, 'oid', '') |
| | | this.ProData.push(JSON.parse(JSON.stringify(this.busineAddList))) |
| | | this.addVisible = false; |
| | | }, |
| | | //业务类型单选 |
| | | businessSelect(selection, row) { |
| | |
| | | }, |
| | | // 从业务类型中选择数据 |
| | | busineHandle() { |
| | | if (this.crudArray.length < 1) { |
| | | this.$message.error('请选择一条模板') |
| | | } else { |
| | | this.addVisible = true; |
| | | AttrByBtm({'conditionMap[oid]': this.crudOid}).then(res => { |
| | | this.businessData = res.data.data; |
| | | }) |
| | | } |
| | | }, |
| | | // 级联属性按钮 |
| | | CascadeHandle() { |
| | |
| | | }, |
| | | //保存 |
| | | addsHandler() { |
| | | batchAddSave(JSON.parse(JSON.stringify(this.ProData).replace(/classifyTemplateOid/g,"classifytemplateoid"))).then(res => { |
| | | batchAddSave(JSON.parse(JSON.stringify(this.ProData))).then(res => { |
| | | this.$message.success('保存成功') |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | //分类注入保存 |
| | | injectAddHandle() { |
| | | this.$set(this.attrRow, 'classifyInvokeLevel', this.injectOption); |
| | | let data = { |
| | | "注入类型": this.injectOption.type, |
| | | "注入类型名称": this.injectOption.set, |
| | | "层级设置": this.injectOption.injectNum, |
| | | "是否可修改": this.injectOption.change |
| | | } |
| | | console.log(this.injectOption) |
| | | this.$set(this.attrRow, 'classifyInvokeLevel', data); |
| | | this.injectVisible = false |
| | | }, |
| | | //分类注入清空 |