feat: 刷新

apps/web-ele/src/views/driver/device.vue

@@ -33,11 +33,20 @@ const gridOptions: VxeGridProps<any> = {
       width: 240,
     },
   ],
+  proxyConfig: {
+    ajax: {
+      query:() => {
+        return {
+          items: getDeviceData(),
+        };
+      },
+    },
+  },
   exportConfig: {},
   toolbarConfig: {
     custom: true,
     export: true,
-    refresh: false,
+    refresh: true,
     zoom: true,
   },
   pagerConfig: {
@@ -112,7 +121,7 @@ function showConfirm(rowId: Number) {
       const ret = await cdcmDriverAPI({ id: rowId }, req.DeviceDelete);
       if (ret.data.code === 0) {
         ElMessage.success(ret.data.data);
-        getDeviceData();
+        tableApi.reload();
       } else {
         ElMessage.error(ret.data.data || ret.data.msg);
       }
@@ -142,7 +151,7 @@ async function getDeviceData() {
           <ElButton class="mr-2" type="success" @click="btn_add">
             新增
           </ElButton>
-          <ElButton class="mr-2" type="primary" @click="getDeviceData">
+          <ElButton class="mr-2" type="primary" @click="() => tableApi.reload()">
             刷新当前页面
           </ElButton>
         </template>

apps/web-ele/src/views/template/add.vue

@@ -8,10 +8,6 @@ import { cdcmTemplateAPI } from '#/cdcm/api/api.js';
 import req from '#/cdcm/api/req_code';
 import { useStaticConfigStore } from '#/store';
 
-const emit = defineEmits<{
-  submit: [event: any];
-}>();
-
 const [Modal, modalApi] = useVbenModal();
 
 const template_types = useStaticConfigStore().support_template_types;
@@ -81,7 +77,6 @@ async function onSubmit(values: Record<string, any>) {
   if (ret.data.code === 0) {
     ElMessage.success(ret.data.data);
     modalApi.close();
-    emit('submit');
   } else {
     ElMessage.error(ret.data.data || ret.data.msg);
   }

apps/web-ele/src/views/template/addPoint.vue

@@ -8,9 +8,6 @@ import { cdcmTemplateAPI } from '#/cdcm/api/api.js';
 import req from '#/cdcm/api/req_code';
 import { useStaticConfigStore } from '#/store';
 
-const emit = defineEmits<{
-  submit: [event: any];
-}>();
 const get_register_types = () => {
   return [
     {
@@ -239,7 +236,6 @@ async function onSubmit(values: Record<string, any>) {
   if (ret.data.code === 0) {
     ElMessage.success(ret.data.data);
     modalApi.close();
-    emit('submit');
   } else {
     ElMessage.error(ret.data.data || ret.data.msg);
   }

apps/web-ele/src/views/template/edit.vue

@@ -15,9 +15,6 @@ interface DataType {
   };
 }
 
-const emit = defineEmits<{
-  submit: [event: any];
-}>();
 
 const [TemplateForm, formApi] = useVbenForm({
   // 所有表单项共用，可单独在表单内覆盖
@@ -64,7 +61,6 @@ async function onSubmit(values: Record<string, any>) {
   if (ret.data.code === 0) {
     ElMessage.success(ret.data.data);
     modalApi.close();
-    emit('submit');
   } else {
     ElMessage.error(ret.data.data || ret.data.msg);
   }

apps/web-ele/src/views/template/editPoint.vue

@@ -8,9 +8,6 @@ import { cdcmTemplateAPI } from '#/cdcm/api/api.js';
 import req from '#/cdcm/api/req_code';
 import { useStaticConfigStore } from '#/store';
 
-const emit = defineEmits<{
-  submit: [event: any];
-}>();
 const get_register_types = () => {
   return [
     {
@@ -251,7 +248,6 @@ async function onSubmit(values: Record<string, any>) {
   if (ret.data.code === 0) {
     ElMessage.success(ret.data.data);
     modalApi.close();
-    emit('submit');
   } else {
     ElMessage.error(ret.data.data || ret.data.msg);
   }

apps/web-ele/src/views/template/index.vue

@@ -19,10 +19,16 @@ const [addModal, addApi] = useVbenModal({
 
 const [editModal, editApi] = useVbenModal({
   connectedComponent: Edit,
+  onclose: () => {
+    tableApi.reload();
+  },
 });
 
 const [pointModal, pointApi] = useVbenDrawer({
   connectedComponent: Point,
+  onclose: () => {
+    tableApi.reload();
+  },
 });
 
 interface TemplateType {
@@ -147,8 +153,8 @@ const btn_point = (row: TemplateType) => {
       </template>
     </TemplateTable>
 
-    <addModal @submit="() => tableApi.reload()" />
-    <editModal @submit="() => tableApi.reload()" />
-    <pointModal @close="() => tableApi.reload()" />
+    <addModal />
+    <editModal />
+    <pointModal/>
   </div>
 </template>

apps/web-ele/src/views/template/point.vue

@@ -60,11 +60,20 @@ const gridOptions: VxeGridProps<any> = {
       width: 240,
     },
   ],
+  proxyConfig: {
+    ajax: {
+      query:() => {
+        return {
+          items: getPointData(),
+        };
+      },
+    },
+  },
   exportConfig: {},
   toolbarConfig: {
     custom: true,
     export: true,
-    refresh: false,
+    refresh: true,
     zoom: true,
   },
   pagerConfig: {
@@ -92,9 +101,15 @@ const [Drawer, drawerApi] = useVbenDrawer({
 });
 const [addPointModal, addApi] = useVbenModal({
   connectedComponent: AddPoint,
+  onclose: () => {
+    tableApi.reload();
+  },
 });
 const [editPointModal, editApi] = useVbenModal({
   connectedComponent: EditPoint,
+  onclose: () => {
+    tableApi.reload();
+  },
 });
 
 // 编辑
@@ -118,7 +133,7 @@ function showConfirm(rowId: Number) {
       const ret = await cdcmTemplateAPI({ id: rowId }, req.PointDelete);
       if (ret.data.code === 0) {
         ElMessage.success(ret.data.data);
-        getPointData();
+        tableApi.reload();
       } else {
         ElMessage.error(ret.data.data || ret.data.msg);
       }
@@ -147,7 +162,7 @@ async function getPointData() {
           <ElButton class="mr-2" type="success" @click="btn_add">
             新增
           </ElButton>
-          <ElButton class="mr-2" type="primary" @click="getPointData">
+          <ElButton class="mr-2" type="primary" @click="() => tableApi.reload()">
             刷新当前页面
           </ElButton>
         </template>