1、通知公告

apps/web-antd/src/views/property/customerService/feedbacks/index.vue

@@ -1,25 +1,23 @@
 <script setup lang="ts">
 
 import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
-import { getVxePopupContainer } from '@vben/utils';
 
-import { Modal, Popconfirm, Space } from 'ant-design-vue';
+import { Space } from 'ant-design-vue';
 
 import {
   useVbenVxeGrid,
-  vxeCheckboxChecked,
   type VxeGridProps
 } from '#/adapter/vxe-table';
 
 import {
   feedbacksExport,
   feedbacksList,
-  feedbacksRemove,
 } from '#/api/property/customerService/feedbacks';
 import type { FeedbacksForm } from '#/api/property/customerService/feedbacks/model';
 import { commonDownloadExcel } from '#/utils/file/download';
-
 import feedbacksModal from './feedbacks-modal.vue';
+import feedbacksDetail from './feedbacks-detail.vue';
+import workOrdersDetail from '../../businessManagement/workOrders/work-orders-detail.vue'
 import { columns, querySchema } from './data';
 
 const formOptions: VbenFormProps = {
@@ -42,8 +40,6 @@ const gridOptions: VxeGridProps = {
     // 点击行选中
     // trigger: 'row',
   },
-  // 需要使用i18n注意这里要改成getter形式 否则切换语言不会刷新
-  // columns: columns(),
   columns,
   height: 'auto',
   keepSource: true,
@@ -63,7 +59,7 @@ const gridOptions: VxeGridProps = {
     keyField: 'id',
   },
   // 表格全局唯一表示 保存列配置需要用到
-  id: 'system-feedbacks-index'
+  id: 'property-feedbacks-index'
 };
 
 const [BasicTable, tableApi] = useVbenVxeGrid({
@@ -75,35 +71,34 @@ const [FeedbacksModal, modalApi] = useVbenModal({
   connectedComponent: feedbacksModal,
 });
 
-function handleAdd() {
-  modalApi.setData({});
-  modalApi.open();
-}
+const [WorkOrdersDetail, orderDetailApi] = useVbenModal({
+  connectedComponent: workOrdersDetail,
+});
+
+const [FeedbacksDetail, detailApi] = useVbenModal({
+  connectedComponent: feedbacksDetail,
+});
+
+
 
 async function handleEdit(row: Required<FeedbacksForm>) {
   modalApi.setData({ id: row.id });
   modalApi.open();
 }
 
-async function handleDelete(row: Required<FeedbacksForm>) {
-  await feedbacksRemove(row.id);
-  await tableApi.query();
+async function handleInfo(row: Required<FeedbacksForm>) {
+  detailApi.setData({ id: row.id });
+  detailApi.open();
 }
 
-function handleMultiDelete() {
-  const rows = tableApi.grid.getCheckboxRecords();
-  const ids = rows.map((row: Required<FeedbacksForm>) => row.id);
-  Modal.confirm({
-    title: '提示',
-    okType: 'danger',
-    content: `确认删除选中的${ids.length}条记录吗？`,
-    onOk: async () => {
-      await feedbacksRemove(ids);
-      await tableApi.query();
-    },
-  });
+async function handleOrderInfo(row: Required<FeedbacksForm>) {
+  orderDetailApi.setData({ id: row.orderId });
+  orderDetailApi.open();
 }
 
+
+
+
 function handleDownloadExcel() {
   commonDownloadExcel(feedbacksExport, '意见反馈数据', tableApi.formApi.form.values, {
     fieldMappingTime: formOptions.fieldMappingTime,
@@ -122,48 +117,34 @@ function handleDownloadExcel() {
           >
             {{ $t('pages.common.export') }}
           </a-button>
-          <a-button
-            :disabled="!vxeCheckboxChecked(tableApi)"
-            danger
-            type="primary"
-            v-access:code="['system:feedbacks:remove']"
-            @click="handleMultiDelete">
-            {{ $t('pages.common.delete') }}
-          </a-button>
-          <a-button
-            type="primary"
-            v-access:code="['system:feedbacks:add']"
-            @click="handleAdd"
-          >
-            {{ $t('pages.common.add') }}
-          </a-button>
         </Space>
       </template>
       <template #action="{ row }">
         <Space>
+          <ghost-button
+          v-access:code="['system:feedbacks:info']"
+          @click.stop="handleInfo(row)"
+        >
+          {{ $t('pages.common.info') }}
+        </ghost-button>
           <ghost-button
             v-access:code="['system:feedbacks:edit']"
             @click.stop="handleEdit(row)"
           >
             {{ $t('pages.common.edit') }}
           </ghost-button>
-          <Popconfirm
-            :get-popup-container="getVxePopupContainer"
-            placement="left"
-            title="确认删除？"
-            @confirm="handleDelete(row)"
+          <ghost-button
+            v-access:code="['system:feedbacks:info']"
+            @click.stop="handleOrderInfo(row)"
+            :disabled="row.isWorkOrder=='1'"
           >
-            <ghost-button
-              danger
-              v-access:code="['system:feedbacks:remove']"
-              @click.stop=""
-            >
-              {{ $t('pages.common.delete') }}
-            </ghost-button>
-          </Popconfirm>
+            工单详情
+          </ghost-button>
         </Space>
       </template>
     </BasicTable>
     <FeedbacksModal @reload="tableApi.query()" />
+    <FeedbacksDetail></FeedbacksDetail>
+    <WorkOrdersDetail></WorkOrdersDetail>
   </Page>
 </template>