From f6cdad43a14ca0fc362b6b8846f7fb8e362043f0 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期四, 06 六月 2024 10:27:15 +0800 Subject: [PATCH] svgEditor --- web/src/views/modules/taskReliability/ConfigNode/index.vue | 458 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 339 insertions(+), 119 deletions(-) diff --git a/web/src/views/modules/taskReliability/ConfigNode/index.vue b/web/src/views/modules/taskReliability/ConfigNode/index.vue index f5db9b0..af74726 100644 --- a/web/src/views/modules/taskReliability/ConfigNode/index.vue +++ b/web/src/views/modules/taskReliability/ConfigNode/index.vue @@ -1,8 +1,149 @@ <template> - <div style="position: absolute;top:6%;right:0;background:#cccccc;width: 300px;" :style="'height:'+ left_p + 'px'"> + <div style="position: absolute;top:0;right:0;background:#cccccc;width: 400px;" :style="'height:'+ left_p + 'px'"> <el-card style="height: 100%"> <el-tabs v-model="activeName" id="tabPane"> - <el-tab-pane label="鏂囨湰" name="first"> + <el-tab-pane label="灞炴��" name="first"> + <el-form :model="globalGridAttr"> + <el-form-item v-show="shape!=='custom-circle1'" label="鑺傜偣鍚嶇О" prop="nodeText" label-width="80px"> + <el-input v-model="globalGridAttr.nodeText" style="width:100%" @change="onTextChange"></el-input> + </el-form-item> + <el-form-item v-show="nodeType=='node'" label="杩炴帴鍏崇郴" prop="nodeTypeExt" label-width="80px"> + <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-form-item> + <el-form-item v-show="nodeType=='vote' || (nodeType=='node' && showNumberInput)" label="琛ㄥ喅鏁伴噺" prop="voteNum" label-width="80px"> + <el-input type="number" v-model="globalGridAttr.voteNum" @change="onNumberInputValue" placeholder="璇疯緭鍏ユ暟瀛�"></el-input> + </el-form-item> + <div v-show="globalGridAttr.productType!=='product_xdy'"> + <el-form-item v-show="nodeType=='node'" label="鍙潬鎬у垎甯冪被鍨�" prop="reliabDistribType" label-width="125px"> + <zt-dict style="width: 100%" v-model="globalGridAttr.reliabDistribType" @input="onReliabDistribType" dict="ReliabDistribType" placeholder="鍙潬鎬у垎甯冪被鍨�" clearable/> + </el-form-item> + <el-form-item v-show="nodeType=='node'" label="MTBCF" prop="taskMtbcf" label-width="80px"> + <el-input v-model="globalGridAttr.taskMtbcf" @change="onTaskMtbcfChange"></el-input> + </el-form-item> + <el-form-item v-show="nodeType=='node'" label="鍙傛暟2" prop="taskMtbcfOther" label-width="80px"> + <el-input v-model="globalGridAttr.taskMtbcfOther" @change="onTaskMtbcfOtherChange"></el-input> + </el-form-item> + <el-form-item v-show="nodeType=='node'" label="鏄惁鍙淮淇�" prop="isRepair" label-width="100px"> + <el-select style="width: 100%" v-model="globalGridAttr.isRepair" @change="onIsRepairChange"> + <el-option + v-for="item in isRepair" + :key="item.value" + :label="item.label" + :value="item.value"> + </el-option> + </el-select> + </el-form-item> + <div v-show="nodeType=='node' && showRepairInput"> + <el-form-item label="鍙淮淇�у垎甯冪被鍨�" prop="repairDistribType" label-width="140px"> + <zt-dict v-model="globalGridAttr.repairDistribType" dict="RepairDistribType" @input="onRepairDistribTypeChange" placeholder="缁翠慨鎬у垎甯冪被鍨�" clearable/> + </el-form-item> + <el-form-item label="MTTCR" prop="repairMttcr" label-width="80px"> + <el-input v-model="globalGridAttr.repairMttcr" @change="onRepairMttcrChange"></el-input> + </el-form-item> + <el-form-item label="鍙傛暟2" prop="repairMttcrOther" label-width="80px"> + <el-input v-model="globalGridAttr.repairMttcrOther" @change="onRepairMttcrOtherChange"></el-input> + </el-form-item> + </div> + </div> + </el-form> +<!-- <el-row :gutter="5" v-show="shape!=='custom-circle1'" align="middle" style="margin-top:20px">--> +<!-- <el-col :span=8 style="font-size: 16px;line-height: 32px">鑺傜偣鍚嶇О</el-col>--> +<!-- <el-col :span=16 >--> +<!-- <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 :gutter="5" v-show="nodeType=='node' && showNumberInput" align="middle" style="margin-top:20px;">--> +<!-- <el-col :span=8 style="font-size: 16px;line-height: 32px">琛ㄥ喅鏁伴噺</el-col>--> +<!-- <el-col :span=16>--> +<!-- <el-input type="number" v-model="globalGridAttr.voteNum" @change="onNumberInputValue" placeholder="璇疯緭鍏ユ暟瀛�"></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.statusImg" @change="onStatusImgChange">--> +<!-- <el-option--> +<!-- v-for="item in options1"--> +<!-- :key="item.value"--> +<!-- :label="item.label"--> +<!-- :value="item.value">--> +<!-- </el-option>--> +<!-- </el-select>--> +<!-- </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>--> +<!-- <zt-dict v-model="globalGridAttr.reliabDistribType" @input="onReliabDistribType" dict="ReliabDistribType" placeholder="鍙潬鎬у垎甯冪被鍨�" clearable/>--> +<!-- </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">MTBCF</el-col>--> +<!-- <el-col :span=16>--> +<!-- <el-input v-model="globalGridAttr.taskMtbcf" @change="onTaskMtbcfChange"></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">鍙傛暟2</el-col>--> +<!-- <el-col :span=16>--> +<!-- <el-input v-model="globalGridAttr.taskMtbcfOther" @change="onTaskMtbcfOtherChange"></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.isRepair" @change="onIsRepairChange">--> +<!-- <el-option--> +<!-- v-for="item in isRepair"--> +<!-- :key="item.value"--> +<!-- :label="item.label"--> +<!-- :value="item.value">--> +<!-- </el-option>--> +<!-- </el-select>--> +<!-- </el-col>--> +<!-- </el-row>--> +<!-- <div v-show="nodeType=='node' && showRepairInput">--> +<!-- <el-row :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>--> +<!-- <zt-dict v-model="globalGridAttr.repairDistribType" dict="RepairDistribType" @input="onRepairDistribTypeChange" placeholder="缁翠慨鎬у垎甯冪被鍨�" clearable/>--> +<!-- </el-col>--> +<!-- </el-row>--> +<!-- <el-row :gutter="5" align="middle" style="margin-top:20px;">--> +<!-- <el-col :span=8 style="font-size: 16px;line-height: 32px">MTTCR</el-col>--> +<!-- <el-col :span=16>--> +<!-- <el-input v-model="globalGridAttr.repairMttcr" @change="onRepairMttcrChange"></el-input>--> +<!-- </el-col>--> +<!-- </el-row>--> +<!-- <el-row :gutter="5" align="middle" style="margin-top:20px;">--> +<!-- <el-col :span=8 style="font-size: 16px;line-height: 32px">鍙傛暟2</el-col>--> +<!-- <el-col :span=16>--> +<!-- <el-input v-model="globalGridAttr.repairMttcrOther" @change="onRepairMttcrOtherChange"></el-input>--> +<!-- </el-col>--> +<!-- </el-row>--> +<!-- </div>--> + </el-tab-pane> + <el-tab-pane label="鏍峰紡" name="second"> <el-row :gutter="5" align="middle" style="margin-top:20px"> <el-col :span=8 style="font-size: 16px;line-height: 38px">鏂囨湰澶у皬</el-col> <el-col :span=16> @@ -15,71 +156,14 @@ <el-color-picker v-model="globalGridAttr.nodeColor" style="width: 100%" @change="onColorChange"></el-color-picker> </el-col> </el-row> - <el-row v-show="shape!=='custom-text' || shape!=='custom-circle1'" :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 > - <el-input @click.native='showDialog' v-model="globalGridAttr.inspectName" style="width:100%"></el-input> - </el-col> - </el-row> - <el-row :gutter="5" v-show="shape!=='custom-circle1'" align="middle" style="margin-top:20px"> - <el-col :span=8 style="font-size: 16px;line-height: 32px">杩囩▼鍚嶇О</el-col> - <el-col :span=16 > - <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 > - <el-date-picker v-model="globalGridAttr.nodeDate" type="date" placeholder="閫夋嫨鏃ユ湡" value-format="yyyy-MM-dd" - style="width: 100%" @change="onDateChange"> - </el-date-picker> - </el-col> - </el-row> - </el-tab-pane> - <el-tab-pane label="鑺傜偣" name="second"> - <el-row align="middle" style="margin-top:20px"> - <el-col :span=8 style="font-size: 16px;line-height: 40px">杈规棰滆壊</el-col> - <el-col :span=16> - <el-color-picker v-model="globalGridAttr.nodeStroke" style="width: 100%" @change="onStrokeChange"></el-color-picker> - </el-col> - </el-row> - <el-row align="middle"style="margin-top:20px"> - <el-col :span=8 style="font-size: 16px;line-height: 38px">杈规瀹藉害</el-col> - <el-col :span=16> - <el-slider :min=1 :max=20 :step=1 v-model="globalGridAttr.nodeStrokeWidth" @change="onStrokeWidthChange"></el-slider> - </el-col> - </el-row> - <el-row align="middle" style="margin-top:20px"> - <el-col :span=8 style="font-size: 16px;line-height: 40px">棰滆壊</el-col> - <el-col :span=16> - <el-color-picker v-model="globalGridAttr.nodeFill" style="width: 100%" @change="onFillChange"></el-color-picker> - </el-col> - </el-row> </el-tab-pane> </el-tabs> </el-card> - <el-dialog ref="detailedDialog" title="閫夋嫨椤圭洰" width='85%' :visible.sync="dialogVisible "> - <Inspection @func="procResult" ref="inspectionNode" /> - </el-dialog> </div> </template> <script> import { Graph, Shape, Node, Addon, Cell,FunctionExt} from '@antv/x6'; -import Inspection from './project-list-select' // const {inject} = require("vue"); export default { name: "index", @@ -90,12 +174,11 @@ finishDate: '', inspectName:'' }, + showNumberInput:false, + showRepairInput:false, options: [{ value: '', label: '鏃�' - }, { - value: 'parallel', - label: '骞惰仈' },{ value: 'switch', label: '鏃佽繛' @@ -103,19 +186,34 @@ value: 'vote', label: '琛ㄥ喅' }], - date:'', + isRepair:[ + { + value: 0, + label: '鍚�' + }, { + value: 1, + label: '鏄�' + } + ], + options1: [{ + value: '', + label: '鏃�' + }, { + value: 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*evDjT5vjkX0AAAAAAAAAAAAAARQnAQ', + label: '璁剧疆' + },{ + value:'https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png', + label: 'antv' + }], text:'', - dateId:'', - content:'', dialogVisible:false, activeName: 'first', // globalGridAttr:{}, curCel:Cell, - left_p:document.documentElement.clientHeight*0.9, + left_p:document.documentElement.clientHeight* 0.75, } }, components:{ - Inspection }, props:{ id: { @@ -160,44 +258,6 @@ this.$refs.inspectionNode.init(param) }) }, - procResult(node) { - // console.log(node,'node') - this.text =node.nodeName - this.dateId = node.nodeId - this.globalGridAttr.dataId = this.dateId - this.globalGridAttr.inspectName = this.text - this.globalGridAttr.nodeText = this.text - this.data={ - dataId:this.dateId, - inspectName:this.text - } - this.curCel.setData(this.data) - this.curCel.attr('text/text', this.text) - this.curCel.attr('data/dataId', this.dateId) - this.curCel.attr('data/inspectName', this.text) - this.curCel = this.nodeOpt(this.id,this.globalGridAttr) - this.dialogVisible = false - // console.log(node,'dialog绐楀彛杩斿洖鍊�') - }, - // 鏀瑰彉杈规棰滆壊 - onStrokeChange(e){ - let val = e - this.globalGridAttr.nodeStroke = val - this.curCel.attr('body/stroke', val) - }, - //鏀瑰彉杈规澶у皬 - onStrokeWidthChange(e){ - let val =e - this.globalGridAttr.nodeStrokeWidth = val - this.curCel.attr('body/strokeWidth', val) - }, - //鏀瑰彉鏂囨湰棰滆壊 - onFillChange(e){ - let val = e - this.globalGridAttr.nodeFill=val - this.curCel.attr('body/fill', val) - // this.curCel.attr('title/fill', val) - }, // 鏀瑰彉瀛椾綋澶у皬 onFontSizeChange(e){ let val =e @@ -219,11 +279,17 @@ onTextChange(e){ this.text =e this.globalGridAttr.nodeText = this.text - this.curCel.attr('label/textWrap/text', this.text) + this.curCel.attr('text/text', this.text) this.curCel = this.nodeOpt(this.id,this.globalGridAttr) }, onNodeTypeExtChange(e){ + if (this.globalGridAttr.nodeTypeExt === 'vote') { + this.showNumberInput = true; + } else { + this.showNumberInput = false; + this.globalGridAttr.numberInputValue = ''; + } this.globalGridAttr.nodeTypeExt = e let nodeTypeExt={ nodeTypeExt:this.globalGridAttr.nodeTypeExt @@ -231,17 +297,134 @@ this.curCel.setData(nodeTypeExt) this.curCel = this.nodeOpt(this.id,this.globalGridAttr) }, - onDateChange(e){ - this.date =e - this.globalGridAttr.nodeDate = this.date - this.data={ - finishDate:this.date, + // 琛ㄥ喅鏁伴噺 + onNumberInputValue(e){ + this.globalGridAttr.voteNum = e + let voteNum={ + voteNum:this.globalGridAttr.voteNum } - this.curCel.setData(this.data) - if(this.shape=='custom-circle1'){ - this.curCel.attr('text/text', this.date) + this.curCel.setData(voteNum) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }, + // 鍙潬鎬у垎甯冪被鍨� + onReliabDistribType(e){ + this.globalGridAttr.reliabDistribType = e + let reliabDistribType={ + reliabDistribType:this.globalGridAttr.reliabDistribType } - this.curCel.attr('title/text', this.date) + this.curCel.setData(reliabDistribType) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }, + // mtbf + onTaskMtbcfChange(e){ + const numberRegex = /^-?\d+(\.\d+)?$/ + if(numberRegex.test(e)){ + this.globalGridAttr.taskMtbcf =e + let taskMtbcf={ + taskMtbcf:this.globalGridAttr.taskMtbcf + } + this.curCel.setData(taskMtbcf) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }else { + this.$message.error('杈撳叆鏍煎紡鏈夎锛岃杈撳叆瀹炴暟') + } + + }, + // 鍙傛暟2 + onTaskMtbcfOtherChange(e){ + const numberRegex = /^-?\d+(\.\d+)?$/ + console.log(e,'eeeee') + if(numberRegex.test(e)){ + this.globalGridAttr.taskMtbcfOther = e + let taskMtbcfOther={ + taskMtbcfOther:this.globalGridAttr.taskMtbcfOther + } + this.curCel.setData(taskMtbcfOther) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }else { + this.$message.error('杈撳叆鏍煎紡鏈夎锛岃杈撳叆瀹炴暟') + } + + }, + // 鏄惁鍙淮淇� + onIsRepairChange(e){ + this.showRepairInput = this.globalGridAttr.isRepair === 1; + this.globalGridAttr.isRepair = e + let isRepair={ + isRepair:this.globalGridAttr.isRepair + } + this.curCel.setData(isRepair) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }, + // 鍙淮淇�у垎甯冪被鍨� + onRepairDistribTypeChange(e){ + this.globalGridAttr.repairDistribType = e + let repairDistribType={ + repairDistribType:this.globalGridAttr.repairDistribType + } + this.curCel.setData(repairDistribType) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }, + // Mttcr + onRepairMttcrChange(e){ + const numberRegex = /^-?\d+(\.\d+)?$/ + if(numberRegex.test(e)){ + this.globalGridAttr.repairMttcr = e + let repairMttcr={ + repairMttcr:this.globalGridAttr.repairMttcr + } + this.curCel.setData(repairMttcr) + this.curCel = this.nodeOpt(this.id,this.globalGridAttr) + }else { + this.$message.error('杈撳叆鏍煎紡鏈夎锛岃杈撳叆瀹炴暟') + } + + }, + // 鍙淮淇�у垎甯冪被鍨� 鍙傛暟2 + onRepairMttcrOtherChange(e){ + const numberRegex = /^-?\d+(\.\d+)?$/ + if(numberRegex.test(e)) { + this.globalGridAttr.repairMttcrOther = e + let repairMttcrOther = { + repairMttcrOther: this.globalGridAttr.repairMttcrOther + } + this.curCel.setData(repairMttcrOther) + this.curCel = this.nodeOpt(this.id, this.globalGridAttr) + }else { + this.$message.error('杈撳叆鏍煎紡鏈夎锛岃杈撳叆瀹炴暟') + } + }, + onStatusImgChange(e){ + this.globalGridAttr.statusImg = e + let statusImg={ + statusImg:this.globalGridAttr.statusImg + } + this.curCel.setData(statusImg) + console.log(this.globalGridAttr.statusImg,'this.globalGridAttr.statusImg') + console.log(this.curCel,'this.curCel') + console.log(this.curCel.attr,'this.curCel.attr') + this.curCel.removeTools() + this.curCel.addTools([ + { + name: 'button', + args: { + markup: [ + { + tagName: 'image', + selector: 'icon', + attrs: { + // 'xlink:href': 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*evDjT5vjkX0AAAAAAAAAAAAAARQnAQ', + 'xlink:href':statusImg.statusImg, + width: 30, + height: 30, + x: 0, + y: 0 + } + } + ] + } + } + ]) this.curCel = this.nodeOpt(this.id,this.globalGridAttr) }, nodeOpt(id, globalGridAttr){ @@ -252,6 +435,7 @@ if (!cell || !cell.isNode()) { return } + this.showNumberInput = false this.curCel = cell globalGridAttr.nodeStroke = cell.attr('body/stroke') globalGridAttr.nodeStrokeWidth = cell.attr('body/strokeWidth') @@ -265,14 +449,50 @@ // globalGridAttr.nodeColor = cell.attr('text/style/color') // globalGridAttr.nodeColor = cell.attr('title/style/color') globalGridAttr.nodeUsers = cell.attr('approve/users') - globalGridAttr.nodeText = cell.attr('label/textWrap/text') - if(this.shape=='custom-circle1'){ - globalGridAttr.nodeDate = cell.attr('text/text') - } + globalGridAttr.nodeText =cell.attr('text/text') globalGridAttr.nodeDate = cell.attr('title/text') globalGridAttr.dataId = cell.getData().dataId globalGridAttr.inspectName =cell.getData().inspectName globalGridAttr.nodeTypeExt=cell.getData().nodeTypeExt + globalGridAttr.statusImg = cell.getData().statusImg + globalGridAttr.reliabDistribType = cell.getData().reliabDistribType + globalGridAttr.repairDistribType = cell.getData().repairDistribType + globalGridAttr.repairMttcr = cell.getData().repairMttcr + globalGridAttr.repairMttcrOther = cell.getData().repairMttcrOther + globalGridAttr.taskMtbcf = cell.getData().taskMtbcf + globalGridAttr.taskMtbcfOther = cell.getData().taskMtbcfOther + globalGridAttr.isRepair = cell.getData().isRepair + globalGridAttr.voteNum = cell.getData().voteNum + globalGridAttr.productType= cell.getData().productType + // console.log(cell.getData().voteNum,'cell.getData().voteNum') + if(this.nodeType==='vote' || this.globalGridAttr.nodeTypeExt === 'vote' || (cell.getData().voteNum!==undefined && cell.getData().voteNum!=='')){ + console.log(cell.getData().voteNum,'cell.getData().voteNum') + this.showNumberInput = true + } + // console.log(this.showNumberInput,'this.showNumberInput') + this.showRepairInput = cell.getData().isRepair + cell.removeTools() + cell.addTools([ + { + name: 'button', + args: { + markup: [ + { + tagName: 'image', + selector: 'icon', + attrs: { + // 'xlink:href': 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*evDjT5vjkX0AAAAAAAAAAAAAARQnAQ', + 'xlink:href':globalGridAttr.statusImg, + width: 30, + height: 30, + x: 0, + y: 0 + } + } + ] + } + } + ]) // console.log(globalGridAttr.inspectName,globalGridAttr.dataId,globalGridAttr.nodeDate,'globalGridAttr.inspectName,globalGridAttr.dataId,globalGridAttr.nodeDate 789') cell.getData() // console.log( cell.getData(),' cell.getData() 909') -- Gitblit v1.9.1