| | |
| | | <el-input v-model="globalGridAttr.nodeText" style="width:100%" @change="onTextChange"></el-input> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="5" v-show="nodeType=='node'" align="middle" style="margin-top:20px;"> |
| | | <el-col :span=8 style="font-size: 16px;line-height: 32px">关系</el-col> |
| | | <el-col :span=16> |
| | | <el-select style="width: 100%" v-model="globalGridAttr.nodeTypeExt" @change="onNodeTypeExtChange"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-show="shape!=='custom-text'" :gutter="5" align="middle" style="margin-top:20px"> |
| | | <el-col :span=8 style="font-size: 16px;line-height: 32px">日期</el-col> |
| | | <el-col :span=16 > |
| | |
| | | finishDate: '', |
| | | inspectName:'' |
| | | }, |
| | | options: [{ |
| | | value: '', |
| | | label: '无' |
| | | }, { |
| | | value: 'parallel', |
| | | label: '旁连' |
| | | },{ |
| | | value: 'switch', |
| | | label: '并联' |
| | | }, { |
| | | value: 'vote', |
| | | label: '表决' |
| | | }], |
| | | date:'', |
| | | text:'', |
| | | dateId:'', |
| | |
| | | type: String, |
| | | }, |
| | | diagramId:{ |
| | | type: String, |
| | | }, |
| | | nodeType:{ |
| | | type: String, |
| | | } |
| | | }, |
| | |
| | | this.curCel = this.nodeOpt(this.id,this.globalGridAttr) |
| | | |
| | | }, |
| | | onNodeTypeExtChange(e){ |
| | | this.globalGridAttr.nodeTypeExt = e |
| | | let nodeTypeExt={ |
| | | nodeTypeExt:this.globalGridAttr.nodeTypeExt |
| | | } |
| | | this.curCel.setData(nodeTypeExt) |
| | | this.curCel = this.nodeOpt(this.id,this.globalGridAttr) |
| | | }, |
| | | onDateChange(e){ |
| | | this.date =e |
| | | this.globalGridAttr.nodeDate = this.date |
| | |
| | | globalGridAttr.nodeDate = cell.attr('title/text') |
| | | globalGridAttr.dataId = cell.getData().dataId |
| | | globalGridAttr.inspectName =cell.getData().inspectName |
| | | globalGridAttr.nodeTypeExt=cell.getData().nodeTypeExt |
| | | // console.log(globalGridAttr.inspectName,globalGridAttr.dataId,globalGridAttr.nodeDate,'globalGridAttr.inspectName,globalGridAttr.dataId,globalGridAttr.nodeDate 789') |
| | | cell.getData() |
| | | // console.log( cell.getData(),' cell.getData() 909') |
| | |
| | | </div> |
| | | <config-node v-show="type === 'node'" :id="id" :diagramId="diagramId" :globalGridAttr="globalGridAttr" |
| | | :graph="graph" |
| | | :nodeType="nodeType" |
| | | :projectId="projectId" |
| | | :shape="shape"/> |
| | | <config-edge v-show="type === 'edge'" :id="id" :globalGridAttr="globalGridAttr" :graph="graph"/> |
| | |
| | | imgsList2:[ |
| | | {imgPath:'logo',imgName:'logo',nodeType:'node',imgWidth:60,imgHeight:60,imgId:'100',data:{dataId:'123456',nodeTypeExt:'aaa'}}, |
| | | ], |
| | | nodeType:'', |
| | | first: true, |
| | | shape: '', |
| | | projectList: [], |
| | |
| | | this.type = cell.isNode() ? 'node' : 'edge' |
| | | this.shape = cell.shape |
| | | this.id = cell.id |
| | | this.nodeType = cell.getData().nodeType |
| | | console.log(this.nodeType, 'this.nodeType') |
| | | console.log(this.shape, 'this.shape') |
| | | // this.nodeOpt(this.id, this.globalGridAttr) |
| | | }) |