update table

src/views/modules/monitoring/equipmentPlcParam.vue

@@ -10,7 +10,7 @@
 				<el-button v-if="$hasPermission('monitoring:equipmenplcparam:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
 			</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="plcConId" header-align="center" align="center" label="plc连接表ID"> </el-table-column>
@@ -45,7 +45,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"
@@ -97,13 +98,13 @@ const tableConfigs = [
   { "prop": "collectionCycle", "name": "采集周期（s） 暂不使用" },
   { "prop": "reportingCycle", "name": "上报周期（s） 暂不使用" },
   { "prop": "reportingMethod", "name": "上报方式 暂不使用" },
-  { "prop": "reportingCode", "name": "上报编码 暂不使用" }
+  { "prop": "reportingCode", "name": "上报编码 暂不使用" },		{ prop: 'operations', name: '操作', fixed: 'right', width: 180, subcomponent: TableOperateComponent, options: ['edit', 'delete'] }
 ]
 
 
 export default {
 	data() {
-		return {
+		return {tableConfigs,
 			dataForm: {
 				key: ''
 			},
@@ -117,7 +118,7 @@ export default {
 		}
 	},
 	components: {
-		AddOrUpdate
+		AddOrUpdate,BaseTable
 	},
 	activated() {
 		this.getDataList()