update table

src/views/modules/monitoring/equipmentPlcConnect.vue

@@ -12,7 +12,7 @@
 				>
 			</el-form-item>
 		</el-form>
-		<el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;">
+		<!-- <el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;">
 			<el-table-column type="selection" header-align="center" align="center" width="50"> </el-table-column>
 			<el-table-column prop="id" header-align="center" align="center" label="id"> </el-table-column>
 			<el-table-column prop="plcId" header-align="center" align="center" label="plc表iD"> </el-table-column>
@@ -33,7 +33,8 @@
 					<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
 				</template>
 			</el-table-column>
-		</el-table>
+		</el-table> -->
+			<base-table :data="dataList" :table-head-configs="tableConfigs" :max-height="500" />
 		<el-pagination
 			@size-change="sizeChangeHandle"
 			@current-change="currentChangeHandle"
@@ -68,13 +69,13 @@ const tableConfigs = [
   { "prop": "updaterId", "name": "更新人" },
   { "prop": "updaterName", "name": "更新人姓名" },
   { "prop": "updateTime", "name": "更新时间" },
-  { "prop": "version", "name": "版本号" }
+  { "prop": "version", "name": "版本号" },		{ prop: 'operations', name: '操作', fixed: 'right', width: 180, subcomponent: TableOperateComponent, options: ['edit', 'delete'] }
 ]
 
 
 export default {
 	data() {
-		return {
+		return {tableConfigs,
 			dataForm: {
 				key: ''
 			},
@@ -88,7 +89,7 @@ export default {
 		}
 	},
 	components: {
-		AddOrUpdate
+		AddOrUpdate,BaseTable
 	},
 	activated() {
 		this.getDataList()