From f93241de6caf7ee30d4f8cd7360cdbe2017a4790 Mon Sep 17 00:00:00 2001
From: zhc077 <565291854@qq.com>
Date: Wed, 6 Nov 2024 16:18:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E6=8F=90=E4=BA=A4=E3=80=81?=
 =?UTF-8?q?=E5=AE=A1=E6=A0=B8=E6=B5=81=E7=A8=8B=E3=80=81=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=20=E5=8A=9F=E8=83=BD=E6=B7=BB=E5=8A=A0=2011.?=
 =?UTF-8?q?6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project/ProjectList.vue                   |  20 +-
 .../src/views/projectLog/ProjectLog.data.ts   |  12 +-
 .../views/projectLog/ProjectLogBasicModal.vue | 218 +++++++++++++++---
 .../src/views/projectLog/ProjectLogList.vue   |  23 +-
 4 files changed, 208 insertions(+), 65 deletions(-)

diff --git a/jeecgboot-vue3/src/views/projectApplication/project/ProjectList.vue b/jeecgboot-vue3/src/views/projectApplication/project/ProjectList.vue
index 9d569c4..5d978bb 100644
--- a/jeecgboot-vue3/src/views/projectApplication/project/ProjectList.vue
+++ b/jeecgboot-vue3/src/views/projectApplication/project/ProjectList.vue
@@ -42,21 +42,9 @@
     <!-- 表单区域 -->
     <ProjectModal @register="registerModal" @success="handleSuccess"></ProjectModal>
   </div>
-  <div>
-    <ProjectLogModal
-      @register="registerModal"
-      v-model:value="editCronValue"
-      :exeStartTime="exeStartTime"
-      :hideYear="hideYear"
-      :remote="remote"
-      :hideSecond="hideSecond"
-    />
-  </div>
 </template>
 
 <script lang="ts" name="project-project" setup>
-// import EasyCronModal from '/@/components/Form/src/jeecg/components/JEasyCron/EasyCronModal.vue';
-import ProjectLogModal from '/@/views/projectLog/ProjectLogBasicModal.vue'
 import {ref, reactive, computed, unref, onMounted} from 'vue';
 import {BasicTable, useTable, TableAction} from '/@/components/Table';
 import {useModal} from '/@/components/Modal';
@@ -86,7 +74,6 @@ const checkedKeys = ref<Array<string | number>>([]);
 const userStore = useUserStore();
 //注册model
 const [registerModal, {openModal}] = useModal();
-//注册table数据
 const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
   tableProps:{
     title: '项目表',
@@ -179,12 +166,13 @@ function go_yusuanshu(record) {
   go('/projectApplication/kejigongguan/yusuanshu?id='+record.id);
 }
 
-function projectLog(record) {
+function go_projectLog(record) {
   // go('/comp/jeecg/basic?id=' +'666');
-  go('/projectApplication/kejigongguan/yusuanshu?id='+record.id);
+  go('/projectLog/projectLogList?id='+record.id);
 }
 
 
+
 /**
  * 编辑事件
  */
@@ -254,7 +242,7 @@ function getTableAction(record){
     },
     {
       label: '日志查询',
-      onClick: handleDetail.bind(null, record),
+      onClick: go_projectLog.bind(null, record),
     }
     ];
   //申请人待提交时可以删除(只有自己能删除)
diff --git a/jeecgboot-vue3/src/views/projectLog/ProjectLog.data.ts b/jeecgboot-vue3/src/views/projectLog/ProjectLog.data.ts
index cdf5d54..8431f5c 100644
--- a/jeecgboot-vue3/src/views/projectLog/ProjectLog.data.ts
+++ b/jeecgboot-vue3/src/views/projectLog/ProjectLog.data.ts
@@ -46,6 +46,11 @@ export const formSchema: FormSchema[] = [
     field: 'projectName',
     component: 'Input',
   },
+  {
+    label: '操作人名称',
+    field: 'operatorName',
+    component: 'Input',
+  },
   {
     label: '操作说明',
     field: 'operationMark',
@@ -60,11 +65,6 @@ export const formSchema: FormSchema[] = [
        valueFormat: 'YYYY-MM-DD HH:mm:ss'
      },
   },
-  {
-    label: '操作人名称',
-    field: 'operatorName',
-    component: 'Input',
-  },
   {
     label: '项目书状态',
     field: 'projectStatus',
@@ -109,4 +109,4 @@ export const superQuerySchema = {
 export function getBpmFormSchema(_formData): FormSchema[]{
   // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
   return formSchema;
-}
\ No newline at end of file
+}
diff --git a/jeecgboot-vue3/src/views/projectLog/ProjectLogBasicModal.vue b/jeecgboot-vue3/src/views/projectLog/ProjectLogBasicModal.vue
index f6414bb..afc229c 100644
--- a/jeecgboot-vue3/src/views/projectLog/ProjectLogBasicModal.vue
+++ b/jeecgboot-vue3/src/views/projectLog/ProjectLogBasicModal.vue
@@ -1,44 +1,190 @@
 <template>
-  <BasicModal @register="registerModal" title="日志" width="1024px" @ok="onOk">
-    <PageWrapper>
-      <a-card title="流程进度" :bordered="true">
-        <a-steps :current="1" progress-dot size="small">
-          <a-step title="申请人提交">
-            <template #description> <div>Jeecg</div> <p>2016-12-12 12:32</p> </template>
-          </a-step>
-          <a-step title="申请单位提交">
-            <template #description>
-              <p>Chad</p>
-            </template>
-          </a-step>
-          <a-step title="科技主管提交" />
-          <a-step title="市科技局提交" />
-          <a-step title="财政主管处理" />
-        </a-steps>
-      </a-card>
-    </PageWrapper>
-  </BasicModal>
+  <div>
+    <!--引用表格-->
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <!--插槽:table标题-->
+      <template #tableTitle>
+        <a-button type="primary" v-auth="'projectLog:project_log:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
+        <a-button  type="primary" v-auth="'projectLog:project_log:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
+        <j-upload-button type="primary" v-auth="'projectLog:project_log:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete">
+                <Icon icon="ant-design:delete-outlined"></Icon>
+                删除
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button v-auth="'projectLog:project_log:deleteBatch'">批量操作
+            <Icon icon="mdi:chevron-down"></Icon>
+          </a-button>
+        </a-dropdown>
+        <!-- 高级查询 -->
+        <super-query :config="superQueryConfig" @search="handleSuperQuery" />
+      </template>
+      <!--操作栏-->
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
+      </template>
+      <!--字段回显插槽-->
+      <template v-slot:bodyCell="{ column, record, index, text }">
+      </template>
+    </BasicTable>
+    <!-- 表单区域 -->
+    <ProjectLogModal @register="registerModal" @success="handleSuccess"></ProjectLogModal>
+  </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { useAttrs } from '/@/hooks/core/useAttrs';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import PageWrapper from "@/components/Page/src/PageWrapper.vue";
+<script lang="ts" name="projectLog-projectLog" setup>
+import {ref, reactive, computed, unref} from 'vue';
+import {BasicTable, useTable, TableAction} from '/@/components/Table';
+import {useModal} from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage'
+import ProjectLogModal from './components/ProjectLogModal.vue'
+import {columns, searchFormSchema, superQuerySchema} from './ProjectLog.data';
+import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './ProjectLog.api';
+import { downloadFile } from '/@/utils/common/renderUtils';
+import { useUserStore } from '/@/store/modules/user';
+const queryParam = reactive<any>({});
+const checkedKeys = ref<Array<string | number>>([]);
+const userStore = useUserStore();
+//注册model
+const [registerModal, {openModal}] = useModal();
+//注册table数据
+const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
+  tableProps:{
+    title: '项目操作日志',
+    api: list,
+    columns,
+    canResize:false,
+    formConfig: {
+      //labelWidth: 120,
+      schemas: searchFormSchema,
+      autoSubmitOnEnter:true,
+      showAdvancedButton:true,
+      fieldMapToNumber: [
+      ],
+      fieldMapToTime: [
+      ],
+    },
+    actionColumn: {
+      width: 120,
+      fixed:'right'
+    },
+    beforeFetch: (params) => {
+      return Object.assign(params, queryParam);
+    },
+  },
+  exportConfig: {
+    name:"项目操作日志",
+    url: getExportUrl,
+    params: queryParam,
+  },
+  importConfig: {
+    url: getImportUrl,
+    success: handleSuccess
+  },
+})
+
+const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
 
-export default defineComponent({
-  name: 'ProjectLogModal',
-  inheritAttrs: false,
-  components: {PageWrapper, BasicModal},
-  setup() {
-    const attrs = useAttrs();
-    const [registerModal, { closeModal }] = useModalInner();
+// 高级查询配置
+const superQueryConfig = reactive(superQuerySchema);
 
-    function onOk() {
-      closeModal();
+/**
+ * 高级查询事件
+ */
+function handleSuperQuery(params) {
+  Object.keys(params).map((k) => {
+    queryParam[k] = params[k];
+  });
+  reload();
+}
+/**
+ * 新增事件
+ */
+function handleAdd() {
+  openModal(true, {
+    isUpdate: false,
+    showFooter: true,
+  });
+}
+/**
+ * 编辑事件
+ */
+function handleEdit(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true,
+    showFooter: true,
+  });
+}
+/**
+ * 详情
+ */
+function handleDetail(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true,
+    showFooter: false,
+  });
+}
+/**
+ * 删除事件
+ */
+async function handleDelete(record) {
+  await deleteOne({id: record.id}, handleSuccess);
+}
+/**
+ * 批量删除事件
+ */
+async function batchHandleDelete() {
+  await batchDelete({ids: selectedRowKeys.value}, handleSuccess);
+}
+/**
+ * 成功回调
+ */
+function handleSuccess() {
+  (selectedRowKeys.value = []) && reload();
+}
+/**
+ * 操作栏
+ */
+function getTableAction(record){
+  return [
+    {
+      label: '编辑',
+      onClick: handleEdit.bind(null, record),
+      auth: 'projectLog:project_log:edit'
     }
+  ]
+}
+/**
+ * 下拉操作栏
+ */
+function getDropDownAction(record){
+  return [
+    {
+      label: '详情',
+      onClick: handleDetail.bind(null, record),
+    }, {
+      label: '删除',
+      popConfirm: {
+        title: '是否确认删除',
+        confirm: handleDelete.bind(null, record),
+        placement: 'topLeft',
+      },
+      auth: 'projectLog:project_log:delete'
+    }
+  ]
+}
+
 
-    return { attrs, registerModal, onOk };
-  },
-});
 </script>
+
+<style lang="less" scoped>
+:deep(.ant-picker),:deep(.ant-input-number){
+  width: 100%;
+}
+</style>
diff --git a/jeecgboot-vue3/src/views/projectLog/ProjectLogList.vue b/jeecgboot-vue3/src/views/projectLog/ProjectLogList.vue
index 4f716d7..71e5049 100644
--- a/jeecgboot-vue3/src/views/projectLog/ProjectLogList.vue
+++ b/jeecgboot-vue3/src/views/projectLog/ProjectLogList.vue
@@ -3,7 +3,7 @@
     <!--引用表格-->
    <BasicTable @register="registerTable" :rowSelection="rowSelection">
      <!--插槽:table标题-->
-      <template #tableTitle>
+<!--      <template #tableTitle>
           <a-button type="primary" v-auth="'projectLog:project_log:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
           <a-button  type="primary" v-auth="'projectLog:project_log:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
           <j-upload-button type="primary" v-auth="'projectLog:project_log:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
@@ -20,16 +20,16 @@
                 <Icon icon="mdi:chevron-down"></Icon>
               </a-button>
         </a-dropdown>
-        <!-- 高级查询 -->
+        &lt;!&ndash; 高级查询 &ndash;&gt;
         <super-query :config="superQueryConfig" @search="handleSuperQuery" />
       </template>
-       <!--操作栏-->
+       &lt;!&ndash;操作栏&ndash;&gt;
       <template #action="{ record }">
         <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
       </template>
-      <!--字段回显插槽-->
+      &lt;!&ndash;字段回显插槽&ndash;&gt;
       <template v-slot:bodyCell="{ column, record, index, text }">
-      </template>
+      </template>-->
     </BasicTable>
     <!-- 表单区域 -->
     <ProjectLogModal @register="registerModal" @success="handleSuccess"></ProjectLogModal>
@@ -46,16 +46,25 @@
   import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './ProjectLog.api';
   import { downloadFile } from '/@/utils/common/renderUtils';
   import { useUserStore } from '/@/store/modules/user';
+  import {useRoute} from "vue-router";
+  import {defHttp} from "@/utils/http/axios";
   const queryParam = reactive<any>({});
   const checkedKeys = ref<Array<string | number>>([]);
   const userStore = useUserStore();
   //注册model
   const [registerModal, {openModal}] = useModal();
+
+  const route = useRoute();
+  const listByProjectId = () =>{
+    // console.log("projectId",props.projectId)
+    let params = {projectId: route.query.id}
+    return defHttp.get({url: '/projectLog/projectLog/list', params});
+  }
   //注册table数据
   const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
       tableProps:{
            title: '项目操作日志',
-           api: list,
+           api: listByProjectId,
            columns,
            canResize:false,
            formConfig: {
@@ -187,4 +196,4 @@
   :deep(.ant-picker),:deep(.ant-input-number){
     width: 100%;
   }
-</style>
\ No newline at end of file
+</style>