perf 可视化大屏优化

src/views/modules/develop/report/ProjectInfo.api.ts

@@ -72,11 +72,21 @@ export function unPublish(id) {
 }
 
 /**
- * 删除
+ * 应用编辑中的信息
  */
-export function del(id) {
-  return defHttp.delete({
-    url: '/goview/admin/delete',
+export function enableEditContent(id) {
+  return defHttp.post<Result>({
+    url: '/goview/admin/enableEditContent',
+    params: { id },
+  })
+}
+
+/**
+ * 重置编辑中的信息
+ */
+export function resetEditContent(id) {
+  return defHttp.post<Result>({
+    url: '/goview/admin/resetEditContent',
     params: { id },
   })
 }
@@ -85,12 +95,22 @@ export function del(id) {
  * 复制
  */
 export function copy(id) {
-  return defHttp.delete({
+  return defHttp.post({
     url: '/goview/admin/copy',
     params: { id },
   })
 }
 
+/**
+ * 删除
+ */
+export function del(id) {
+  return defHttp.delete({
+    url: '/goview/admin/delete',
+    params: { id },
+  })
+}
+
 /**
  * 自定义大屏信息
  */

src/views/modules/develop/report/ProjectInfoEdit.vue

@@ -23,8 +23,11 @@
       <a-form-item label="项目名称" name="name">
         <a-input v-model:value="form.name" :disabled="showable" placeholder="请输入项目名称" />
       </a-form-item>
+      <a-form-item label="是否启用" name="enable">
+        <a-switch checked-children="启用" un-checked-children="停用" v-model:checked="form.enable" :disabled="showable" />
+      </a-form-item>
       <a-form-item label="备注" name="remark">
-        <a-textarea v-model:value="form.remark" :disabled="showable" placeholder="请输入备注" />
+        <a-textarea :rows="3" v-model:value="form.remark" :disabled="showable" placeholder="请输入备注" />
       </a-form-item>
     </a-form>
     <template #footer>

src/views/modules/develop/report/ProjectInfoList.vue

@@ -24,8 +24,8 @@
         </vxe-column>
         <vxe-column field="edit" title="编辑状态">
           <template #default="{ row }">
-            <a-tag v-if="row.edit" color="green">编辑中</a-tag>
-            <a-tag v-else color="red">未编辑</a-tag>
+            <a-tag v-if="row.edit" color="red">编辑中</a-tag>
+            <a-tag v-else color="green">未编辑</a-tag>
           </template>
         </vxe-column>
         <vxe-column field="remark" title="备注" />
@@ -51,6 +51,12 @@
                   <a-menu-item>
                     <a-link @click="copyInfo(row)">复制</a-link>
                   </a-menu-item>
+                  <a-menu-item v-if="row.edit">
+                    <a-link @click="enableEdit(row)">应用编辑</a-link>
+                  </a-menu-item>
+                  <a-menu-item v-if="row.edit">
+                    <a-link @click="resetEdit(row)">重置编辑</a-link>
+                  </a-menu-item>
                   <a-menu-item v-if="row.state === -1">
                     <a-link @click="publishInfo(row)">发布</a-link>
                   </a-menu-item>
@@ -82,7 +88,7 @@
 <script lang="ts" setup>
   import { onMounted } from 'vue'
   import { $ref } from 'vue/macros'
-  import { copy, del, getGoViewUrl, page, publish, unPublish } from './ProjectInfo.api'
+  import { copy, del, enableEditContent, getGoViewUrl, page, publish, resetEditContent, unPublish } from './ProjectInfo.api'
   import useTablePage from '/@/hooks/bootx/useTablePage'
   import ProjectInfoEdit from './ProjectInfoEdit.vue'
   import { VxeTableInstance, VxeToolbarInstance } from 'vxe-table'
@@ -194,6 +200,36 @@
       },
     })
   }
+  // 应用编辑中的信息
+  function enableEdit(record) {
+    createConfirm({
+      iconType: 'info',
+      title: '应用编辑数据',
+      content: '是否应用编辑中的信息，确定后发布的数据将会更新',
+      onOk: () => {
+        loading.value = true
+        enableEditContent(record.id).then((_) => {
+          createMessage.success('更新成功')
+          queryPage()
+        })
+      },
+    })
+  }
+  // 重置编辑中的信息
+  function resetEdit(record) {
+    createConfirm({
+      iconType: 'info',
+      title: '重置编辑',
+      content: '是否重置编辑中的信息，确定后编辑的内容将会恢复为当前已发布的内容',
+      onOk: () => {
+        loading.value = true
+        resetEditContent(record.id).then((_) => {
+          createMessage.success('重置成功')
+          queryPage()
+        })
+      },
+    })
+  }
   // 删除
   function remove(record) {
     createConfirm({