修改xispeak前端代码

2026-05-06 08:54:18 +08:00
parent 98d7368c18
commit 349b7b4341
8 changed files with 1551 additions and 110 deletions
@@ -4,37 +4,42 @@
    <div class="jeecg-basic-table-form-container">
      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
        <a-row :gutter="24">
-        <a-col :lg="6">
-        <a-form-item name="title">
-        <template #label><span title="任务标题">任务标题</span></template>
-            <JInput v-model:value="queryParam.title"/>
-        </a-form-item>
-        </a-col>
-        <a-col :lg="6">
-        <a-form-item name="content">
-        <template #label><span title="任务内容">任务内容</span></template>
-            <JInput v-model:value="queryParam.content"/>
-        </a-form-item>
-        </a-col>
+          <a-col :lg="6">
+            <a-form-item name="title">
+              <template #label><span title="任务标题">任务标题</span></template>
+              <JInput v-model:value="queryParam.title" />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6">
+            <a-form-item name="content">
+              <template #label><span title="任务内容">任务内容</span></template>
+              <JInput v-model:value="queryParam.content" />
+            </a-form-item>
+          </a-col>
          <template v-if="toggleSearchStatus">
            <a-col :lg="6">
              <a-form-item name="urgencyLevel">
                <template #label><span title="紧急程度（一般/紧急/特急）">紧急程度</span></template>
-                <j-select-multiple placeholder="请选择紧急程度（一般/紧急/特急）" v-model:value="queryParam.urgencyLevel" dictCode="urgency_level" allow-clear />
+                <j-select-multiple
+                  placeholder="请选择紧急程度（一般/紧急/特急）"
+                  v-model:value="queryParam.urgencyLevel"
+                  dictCode="urgency_level"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :lg="6">
+              <a-form-item name="deptLeaderName">
+                <template #label><span title="部门负责人姓名（冗余）">部门负责</span></template>
+                <JInput v-model:value="queryParam.deptLeaderName" />
+              </a-form-item>
+            </a-col>
+            <a-col :lg="6">
+              <a-form-item name="deptHandlerName">
+                <template #label><span title="部门经办人姓名（冗余）">部门经办</span></template>
+                <JInput v-model:value="queryParam.deptHandlerName" />
              </a-form-item>
            </a-col>
-          <a-col :lg="6">
-          <a-form-item name="deptLeaderName">
-          <template #label><span title="部门负责人姓名（冗余）">部门负责</span></template>
-              <JInput v-model:value="queryParam.deptLeaderName"/>
-          </a-form-item>
-          </a-col>
-          <a-col :lg="6">
-          <a-form-item name="deptHandlerName">
-          <template #label><span title="部门经办人姓名（冗余）">部门经办</span></template>
-              <JInput v-model:value="queryParam.deptHandlerName"/>
-          </a-form-item>
-          </a-col>
          </template>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
@@ -55,9 +60,11 @@
    <BasicTable @register="registerTable" :rowSelection="rowSelection">
      <!--插槽:table标题-->
      <template #tableTitle>
-        <a-button type="primary" v-auth="'tasktask:task_task:add'"  @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
-        <a-button  type="primary" v-auth="'tasktask:task_task:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
-        <j-upload-button  type="primary" v-auth="'tasktask:task_task:importExcel'"  preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-button type="primary" v-auth="'tasktask:task_task:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
+        <a-button type="primary" v-auth="'tasktask:task_task:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
+        <j-upload-button type="primary" v-auth="'tasktask:task_task:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls"
+          >导入</j-upload-button
+        >
        <a-dropdown v-if="selectedRowKeys.length > 0">
          <template #overlay>
            <a-menu>
@@ -67,7 +74,8 @@
              </a-menu-item>
            </a-menu>
          </template>
-          <a-button v-auth="'tasktask:task_task:deleteBatch'">批量操作
+          <a-button v-auth="'tasktask:task_task:deleteBatch'"
+            >批量操作
            <Icon icon="mdi:chevron-down"></Icon>
          </a-button>
        </a-dropdown>
@@ -76,10 +84,9 @@
      </template>
      <!--操作栏-->
      <template #action="{ record }">
-        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
-      </template>
-      <template v-slot:bodyCell="{ column, record, index, text }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
      </template>
+      <template v-slot:bodyCell="{ column, record, index, text }"> </template>
    </BasicTable>
    <!-- 表单区域 -->
    <TaskTaskModal ref="registerModal" @success="handleSuccess"></TaskTaskModal>
@@ -95,15 +102,15 @@
  import { columns, superQuerySchema } from './TaskTask.data';
  import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './TaskTask.api';
  import { downloadFile } from '/@/utils/common/renderUtils';
-  import TaskTaskModal from './components/TaskTaskModal.vue'
+  import TaskTaskModal from './components/TaskTaskModal.vue';
  import { useUserStore } from '/@/store/modules/user';
  import { useMessage } from '/@/hooks/web/useMessage';
-   import {useModal} from '/@/components/Modal';
+  import { useModal } from '/@/components/Modal';
  import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
  import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
  import JSelectDept from '/@/components/Form/src/jeecg/components/JSelectDept.vue';
  import JSelectUser from '/@/components/Form/src/jeecg/components/JSelectUser.vue';
-  import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
+  import JInput from '/@/components/Form/src/jeecg/components/JInput.vue';
  import { startProcess } from '/@/api/common/api';
  const [registerBpmModal, { openModal: bpmPicModal }] = useModal();

@@ -119,7 +126,7 @@
      title: '事项任务计划表（发起流程）',
      api: list,
      columns,
-      canResize:false,
+      canResize: false,
      useSearchForm: false,
      actionColumn: {
        width: 120,
@@ -130,21 +137,22 @@
      },
    },
    exportConfig: {
-      name: "事项任务计划表（发起流程）",
+      name: '事项任务计划表（发起流程）',
      url: getExportUrl,
      params: queryParam,
    },
-	  importConfig: {
-	    url: getImportUrl,
-	    success: handleSuccess
-	  },
+    importConfig: {
+      url: getImportUrl,
+      success: handleSuccess,
+    },
  });
-  const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
+  const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] =
+    tableContext;
  const labelCol = reactive({
-    xs:24,
-    sm:4,
-    xl:6,
-    xxl:4
+    xs: 24,
+    sm: 4,
+    xl: 6,
+    xxl: 4,
  });
  const wrapperCol = reactive({
    xs: 24,
@@ -217,7 +225,7 @@
      {
        label: '编辑',
        onClick: handleEdit.bind(null, record),
-        auth: 'tasktask:task_task:edit'
+        auth: 'tasktask:task_task:edit',
      },
    ];
  }
@@ -230,30 +238,31 @@
      {
        label: '详情',
        onClick: handleDetail.bind(null, record),
-      }, {
+      },
+      {
        label: '删除',
        popConfirm: {
          title: '是否确认删除',
          confirm: handleDelete.bind(null, record),
          placement: 'topLeft',
        },
-        auth: 'tasktask:task_task:delete'
+        auth: 'tasktask:task_task:delete',
+      },
+      {
+        label: '审批进度',
+        onClick: handlePreviewPic.bind(null, record),
+        ifShow: !!record.bpmStatus && record.bpmStatus !== '1',
      },
-        {
-          label: '审批进度',
-          onClick: handlePreviewPic.bind(null, record),
-          ifShow: !!record.bpmStatus && record.bpmStatus !== '1',
-        }
    ];
-    if(record.bpmStatus == '1'){
+    if (record.bpmStatus == '1') {
      dropDownAction.push({
        label: '发起流程',
        popConfirm: {
          title: '确认提交流程吗？',
          confirm: handleProcess.bind(null, record),
          placement: 'topLeft',
-        }
-      })
+        },
+      });
    }
    return dropDownAction;
  }
@@ -275,7 +284,6 @@
    reload();
  }

-
  /**
   * form点击事件(以逗号分割)
   * @param key
@@ -295,23 +303,20 @@
      flowCode: 'dev_task_task_001',
      id: record.id,
      formUrl: 'taskProcess/components/TaskTaskForm',
-      formUrlMobile: ''
-    }
+      formUrlMobile: '',
+    };
    await startProcess(params);
    handleSuccess();
  }
-   /**
+  /**
   * 审批进度
   */
  async function handlePreviewPic(record) {
    bpmPicModal(true, {
-      flowCode: 'dev_task_task_001',
+      flowCode: record.flowCode,
      dataId: record.id,
    });
  }
-
-
-
 </script>

 <style lang="less" scoped>
@@ -322,19 +327,20 @@
      margin-bottom: 24px;
      white-space: nowrap;
    }
-    .query-group-cust{
+    .query-group-cust {
      min-width: 100px !important;
    }
-    .query-group-split-cust{
+    .query-group-split-cust {
      width: 30px;
      display: inline-block;
-      text-align: center
+      text-align: center;
    }
-    .ant-form-item:not(.ant-form-item-with-help){
+    .ant-form-item:not(.ant-form-item-with-help) {
      margin-bottom: 16px;
      height: 32px;
    }
-    :deep(.ant-picker),:deep(.ant-input-number){
+    :deep(.ant-picker),
+    :deep(.ant-input-number) {
      width: 100%;
    }
  }