| | |
| | | @selection-change="table.selectionChangeHandle" |
| | | :header-cell-style="{'text-align':'center'}"> |
| | | <el-table-column prop="name" label="名称"/> |
| | | <el-table-column v-if="productType==='3'|| productType==='4'" prop="equipType" label="设备类型"/> |
| | | <zt-table-column-dict prop="productType" label="节点类型" dict="product"/> |
| | | <el-table-column prop="operatImg" label="运行图片" align="center"> |
| | | <template v-slot="{ row }"> |
| | |
| | | </zt-table-column-handle> |
| | | </el-table> |
| | | <!-- 弹窗, 新增 / 修改 --> |
| | | <add-or-update @refreshDataList="refreshData" ref="AddOrUpdate"/> |
| | | <select-ty-model @refreshDataList="refreshData" ref="SelectTyModel"/> |
| | | <product-import @refreshDataList="refreshData" ref="ProductImport"/> |
| | | <add-or-update @refreshDataList="refreshData('product')" ref="AddOrUpdate"/> |
| | | <select-ty-model @refreshDataList="refreshData('tree')" ref="SelectTyModel"/> |
| | | <product-import @refreshDataList="refreshData('import')" ref="ProductImport"/> |
| | | </zt-table-wraper> |
| | | </div> |
| | | </el-col> |
| | |
| | | return { |
| | | url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getSvgImage?token=${Cookies.get('token')}&id=`, |
| | | productType: '', |
| | | shipId: '', |
| | | dataForm: { |
| | | name: '', |
| | | type: '', |
| | |
| | | AddOrUpdate, |
| | | SelectTyModel |
| | | }, |
| | | mounted() { |
| | | this.$refs.ProductModelTree.getProductList() |
| | | }, |
| | | methods: { |
| | | add() { |
| | | this.dataForm.type = this.productType |
| | | if (this.dataForm.type !== '1') { |
| | | this.$refs.SelectTyModel.$refs.dialog.init(null, {type: this.dataForm.type, id: this.dataForm.pid}) |
| | | this.$refs.SelectTyModel.$refs.dialog.init(null, { |
| | | type: this.dataForm.type, |
| | | id: this.dataForm.pid, |
| | | shipId: this.shipId |
| | | }) |
| | | } else { |
| | | this.$refs.AddOrUpdate.$refs.dialog.init(null, {id: null, type: 'zt', pid: this.dataForm.pid}) |
| | | } |
| | | }, |
| | | addCell() { |
| | | this.$refs.AddOrUpdate.$refs.dialog.init(null, {type: 10, pid: this.dataForm.pid}) |
| | | this.$refs.AddOrUpdate.$refs.dialog.init(null, { |
| | | type: 10, pid: this.dataForm.pid, shipId: this.shipId |
| | | }) |
| | | }, |
| | | cellStyle({column}) { |
| | | if (column.label === '名称') { |
| | | return 'text-align: left !important;' |
| | | } |
| | | }, |
| | | refreshData() { |
| | | this.$refs.tableObj.query() |
| | | this.$refs.ProductModelTree.getProductList() |
| | | refreshData(param) { |
| | | if (param === 'import') { |
| | | this.$refs.tableObj.query() |
| | | this.$refs.ProductModelTree.getProductList() |
| | | } else if (param === 'tree') { |
| | | this.$refs.ProductModelTree.getProductList() |
| | | } else { |
| | | this.$refs.tableObj.query() |
| | | } |
| | | }, |
| | | onProductSelected(data) { |
| | | console.log(data, 'onProductSelected') |
| | | this.shipId = data.shipId |
| | | this.dataForm.pid = data.id |
| | | this.dataForm.type = data.productType |
| | | this.productType = data.productType |