vue2-client 1.12.84 → 1.12.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.12.84",
+  "version": "1.12.88",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XCalendar/XCalendar.vue

@@ -0,0 +1,351 @@
+<template>
+  <div class="calendar-wrapper" :style="config.styles?.wrapper">
+    <!-- 顶部标题栏 -->
+    <div v-if="config.header.show" class="header-bar" :style="config.styles?.header">
+      <div class="left">
+        <i v-if="config.header.showIcon" class="icon-menu"></i>
+        <input type="text" :value="config.header.title" class="title-input" :style="config.styles?.titleInput"/>
+      </div>
+      <div class="right">
+        <a-button v-if="config.header.showBackToToday" type="link" @click="backToToday">{{
+          config.header.backToTodayText
+        }}
+        </a-button>
+        <a-button v-if="config.header.showMonth" type="link" :disabled="!config.header.monthClickable">{{
+          todayMonth
+        }}
+        </a-button>
+        <a-button v-if="config.header.showDay" type="link" :disabled="!config.header.dayClickable">{{
+          todayDay
+        }}
+        </a-button>
+      </div>
+    </div>
+
+    <!-- 子标题栏 -->
+    <div v-if="config.subHeader.show" class="sub-header" :style="config.styles?.subHeader">
+      <div class="title">
+        <span class="current-date" :style="config.styles?.currentDate">{{ currentDateText }}</span>
+        <span class="year" :style="config.styles?.year">{{ currentYearText }}</span>
+      </div>
+      <div class="actions">
+        <span
+          v-for="(action, index) in config.actions"
+          :key="index"
+          class="action-item"
+          :style="config.styles?.actionItem"
+          @click="handleAction(action)">
+          {{ action.text }}
+        </span>
+        <a-button v-if="config.subHeader.showNavigation" type="link" @click="prevMonth">
+          {{ config.subHeader.prevMonthText }}
+        </a-button>
+        <a-button v-if="config.subHeader.showNavigation" type="link" @click="nextMonth">
+          {{ config.subHeader.nextMonthText }}
+        </a-button>
+      </div>
+    </div>
+
+    <!-- 日历内容 -->
+    <div class="calendar-content" :style="config.styles?.calendarContent">
+      <a-calendar
+        ref="calendar"
+        :value="currentDate"
+        :fullscreen="config.calendar.fullscreen"
+        @select="handleSelect"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { Calendar, Button } from 'ant-design-vue'
+import moment from 'moment'
+import 'moment/locale/zh-cn'
+
+// 设置中文
+moment.locale('zh-cn')
+
+// 默认配置
+const defaultConfig = {
+  header: {
+    show: true,
+    title: '我的日程',
+    showIcon: true,
+    showBackToToday: true,
+    backToTodayText: '返回当天',
+    showMonth: true,
+    showDay: true,
+    monthClickable: false,
+    dayClickable: false
+  },
+  subHeader: {
+    show: true,
+    showNavigation: true,
+    prevMonthText: '←',
+    nextMonthText: '→'
+  },
+  calendar: {
+    fullscreen: false,
+    locale: 'zh-cn'
+  },
+  // 操作按钮
+  actions: [
+    {
+      text: '+ 新增日程',
+      type: 'add',
+      handler: 'handleAdd'
+    }
+  ],
+  // 自定义样式
+  styles: {
+    wrapper: {},
+    header: {},
+    titleInput: {},
+    subHeader: {},
+    currentDate: {},
+    year: {},
+    actionItem: {},
+    calendarContent: {}
+  },
+  // 事件配置
+  events: {
+    select: 'select',
+    backToToday: 'back-to-today',
+    action: 'action',
+    add: 'add',
+    monthChange: 'month-change'
+  }
+}
+
+export default {
+  name: 'XCalendar',
+  components: {
+    ACalendar: Calendar,
+    AButton: Button
+  },
+  props: {
+    // 接收配置
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data () {
+    const today = moment()
+    return {
+      currentDate: moment(),
+      todayMonth: today.month() + 1,
+      todayDay: today.date(),
+      // 合并默认配置和传入的配置
+      mergedConfig: {}
+    }
+  },
+  created () {
+    // 深度合并配置
+    this.mergedConfig = this.mergeConfig(defaultConfig, this.config)
+  },
+  computed: {
+    // 使用计算属性访问合并后的配置
+    // eslint-disable-next-line vue/no-dupe-keys
+    config () {
+      return this.mergedConfig
+    },
+    currentDateText () {
+      const month = this.currentDate.month() + 1
+      const day = this.currentDate.date()
+      return `${this.numberToChinese(month)}月${this.numberToChinese(day)}日`
+    },
+    currentYearText () {
+      return this.currentDate.format('YYYY')
+    }
+  },
+  methods: {
+    // 深度合并配置
+    mergeConfig (defaultConfig, userConfig) {
+      const result = { ...defaultConfig }
+
+      for (const key in userConfig) {
+        if (typeof userConfig[key] === 'object' && userConfig[key] !== null &&
+          typeof defaultConfig[key] === 'object' && defaultConfig[key] !== null) {
+          result[key] = this.mergeConfig(defaultConfig[key], userConfig[key])
+        } else if (userConfig[key] !== undefined) {
+          result[key] = userConfig[key]
+        }
+      }
+
+      return result
+    },
+    numberToChinese (num) {
+      const chineseNums = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
+      if (num <= 10) return chineseNums[num]
+      if (num < 20) return '十' + (num % 10 === 0 ? '' : chineseNums[num % 10])
+      return chineseNums[Math.floor(num / 10)] + '十' + (num % 10 === 0 ? '' : chineseNums[num % 10])
+    },
+    handleSelect (date) {
+      this.currentDate = date
+      // 触发选择事件，使用配置的事件名
+      this.$emit(this.config.events.select, date)
+    },
+    prevMonth () {
+      // 使用moment API直接操作日期
+      this.currentDate = moment(this.currentDate).subtract(1, 'month')
+      // 触发月份变化事件
+      this.$emit(this.config.events.monthChange, this.currentDate)
+    },
+    nextMonth () {
+      // 使用moment API直接操作日期
+      this.currentDate = moment(this.currentDate).add(1, 'month')
+      // 触发月份变化事件
+      this.$emit(this.config.events.monthChange, this.currentDate)
+    },
+    backToToday () {
+      // 返回当天
+      this.currentDate = moment()
+      // 触发返回今天事件
+      this.$emit(this.config.events.backToToday, this.currentDate)
+    },
+    // 处理操作按钮点击
+    handleAction (action) {
+      // 检查是否有注册的处理方法
+      if (action.type && typeof this[`handle${action.type.charAt(0).toUpperCase() + action.type.slice(1)}`] === 'function') {
+        // 调用对应的处理方法
+        this[`handle${action.type.charAt(0).toUpperCase() + action.type.slice(1)}`](action)
+      } else if (action.handler && typeof this.$parent[action.handler] === 'function') {
+        // 调用父组件的方法
+        this.$parent[action.handler](this.currentDate, action)
+      }
+      // 触发点击事件
+      this.$emit(this.config.events.action, this.currentDate)
+    },
+    // 默认的新增处理方法
+    handleAdd (action) {
+      this.$emit(this.config.events.add, this.currentDate)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.calendar-wrapper {
+  background: #fff;
+  border-radius: 4px;
+  padding: 20px;
+}
+
+/* 顶部标题栏样式 */
+.header-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #f0f0f0;
+  margin-bottom: 16px;
+}
+
+.header-bar .left {
+  display: flex;
+  align-items: center;
+}
+
+.icon-menu {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-color: #ccc;
+  margin-right: 8px;
+}
+
+.title-input {
+  border: none;
+  font-size: 16px;
+  font-weight: 500;
+  outline: none;
+  color: #000;
+  background-color: transparent;
+  width: 200px;
+}
+
+.header-bar .right {
+  display: flex;
+}
+
+.sub-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.title {
+  display: flex;
+  gap: 8px;
+  align-items: baseline;
+}
+
+.current-date {
+  font-size: 24px;
+  font-weight: 500;
+}
+
+.year {
+  color: #999;
+  font-size: 16px;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.action-item {
+  color: #666;
+  cursor: pointer;
+}
+
+.calendar-content {
+  :deep(.ant-fullcalendar-header) {
+    display: none;
+  }
+
+  :deep(.ant-fullcalendar) {
+    border: 1px solid #f0f0f0;
+    border-radius: 2px;
+  }
+
+  :deep(.ant-fullcalendar-calendar-body) {
+    padding: 8px 12px;
+  }
+
+  :deep(.ant-fullcalendar-column-header) {
+    text-align: center;
+    padding: 12px 0;
+
+    .ant-fullcalendar-column-header-inner {
+      display: inline-block;
+      font-weight: normal;
+    }
+  }
+
+  :deep(.ant-fullcalendar-cell) {
+    padding: 4px 0;
+  }
+
+  :deep(.ant-fullcalendar-date) {
+    height: 24px;
+    margin: 0 4px;
+    padding: 4px;
+    border-radius: 2px;
+    border: none;
+    width: auto;
+    text-align: center;
+  }
+
+  :deep(.ant-fullcalendar-selected-day .ant-fullcalendar-value) {
+    background: #000;
+    color: #fff;
+    border-radius: 50%;
+  }
+}
+</style>

package/src/base-client/components/common/XCollapse/XCollapse.vue

@@ -54,18 +54,16 @@
         <template v-if="panel.type === 'picture'">
           <img :src="panel.configName" alt="图片" style="width: 100%; max-width: 500px;"/>
         </template>
-        <template v-else-if="panel.type === 'cover'">
-          <x-report
-            :use-oss-for-img="false"
-            :config-name="panel.configName"
-            server-name="af-his"
-            :show-img-in-cell="true"
-            :display-only="true"
-            :edit-mode="false"
-            :show-save-button="false"
-            :no-padding="true"
-            :dont-format="true">
-          </x-report>
+        <template v-else-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio'].includes(panel.type)">
+          <component
+            :is="getComponentName(panel.type)"
+            :ref="`dynamicComponent_${ panel.type }`"
+            serverName="af-his"
+            :queryParamsName="panel.configName"
+            :countVisible="false"
+            :env="env"
+            @listClick="listClick"
+          />
         </template>
       </a-collapse-panel>
     </a-collapse>
@@ -73,15 +71,31 @@
 </template>
 
 <script>
-import XReport from '@vue2-client/base-client/components/common/XReportGrid'
 import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
 
 export default {
   name: 'XCollapse',
   components: {
-    XReport
+    XFormTable: () => import('@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'),
+    XAddNativeForm: () => import('@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'),
+    XFormGroup: () => import('@vue2-client/base-client/components/common/XFormGroup/XFormGroup.vue'),
+    XTreePro: () => import('@vue2-client/base-client/components/common/XTree/XTreePro.vue'),
+    XHisEditor: () => import('@vue2-client/base-client/components/his/XHisEditor/XHisEditor.vue'),
+    XTab: () => import('@vue2-client/base-client/components/common/XTab/XTab.vue'),
+    XReport: () => import('@vue2-client/base-client/components/common/XReport/XReport.vue'),
+    XButtons: () => import('@vue2-client/base-client/components/common/XButtons/XButtons.vue'),
+    XLabelSelect: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelect.vue'),
+    XConversation: () => import('@vue2-client/base-client/components/common/XConversation/XConversation.vue'),
+    XCheckList: () => import('@vue2-client/base-client/components/common/XCheckList/XCheckList.vue'),
+    XCardSet: () => import('@vue2-client/base-client/components/common/XCardSet/XCardSet.vue'),
+    XCollapse: () => import('@vue2-client/base-client/components/common/XCollapse/XCollapse.vue'),
+    XHDescriptions: () => import('@vue2-client/base-client/components/his/XHDescriptions/XHDescriptions.vue'),
+    XSidebar: () => import('@vue2-client/base-client/components/his/XSidebar/XSidebar.vue'),
+    XList: () => import('@vue2-client/base-client/components/his/XList/XList.vue'),
+    XInput: () => import('@vue2-client/base-client/components/common/XInput/XInput.vue'),
+    XTimeLine: () => import('@vue2-client/base-client/components/common/XTimeline/XTimeline.vue'),
+    XRadio: () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue')
   },
-  inject: ['getConfigByName', 'getComponentByName'],
   data () {
     return {
       activeKey: [],
@@ -91,6 +105,11 @@ export default {
     }
   },
   props: {
+    // 环境
+    env: {
+      type: String,
+      default: 'prod'
+    },
     // json名
     queryParamsName: {
       type: Object,
@@ -98,34 +117,28 @@ export default {
     },
     parameter: {
       type: Object,
+      default: () => {
+        return {}
+      }
     }
   },
   created () {
-    this.searchTexts = {} // 初始化对象
-
     this.getData(this.queryParamsName)
-    window.addEventListener('setItem', (e) => {
-      console.log('监听到sessionStorage的变化：', e)
-      if (e.key === 'klcf_id') {
-        this.newVal = sessionStorage.getItem('klcf_id')
-        // 进行业务处理
-        console.log('sessionStorage中的值发生了变化：', this.newVal)
-      }
-    })
   },
   beforeDestroy () {
-    window.removeEventListener('setItem', this.handleStorageChange)
   },
   methods: {
-    handleStorageChange (e) {
-      console.log('监听到sessionStorage的变化：', e)
-      if (e.key === 'klcf_id') {
-        this.newVal = sessionStorage.getItem('klcf_id')
-        // 进行业务处理
-        console.log('sessionStorage中的值发生了变化：', this.newVal)
-      }
+    getComponentName(componentName) {
+      return componentName
+    },
+    listClick (data) {
+      this.$emit('listClick', data)
+    },
+    getConfigByName (componentName) {
+      const refKey = `dynamicComponent_${componentName}`
+      return this.$refs[refKey]
     },
-    async getData (config, parameter) {
+    async getData (config) {
       this.configName = config
       getConfigByName(config, 'af-his', res => {
         this.config = res
@@ -162,7 +175,7 @@ export default {
       this.activeKey = keys
     },
     onSearch (value, panelIndex) {
-    console.log('搜索内容：', value, '面板索引：', panelIndex)
+      console.log('搜索内容：', value, '面板索引：', panelIndex)
     },
   },
   watch: {

package/src/base-client/components/common/XReportGrid/XReport.vue

@@ -17,6 +17,7 @@
       :server-name="serverName"
       :env="env"
       :show-title="showTitle"
+      @listClick="listClick"
     >
     </XReportDesign>
     <a-row
@@ -246,6 +247,9 @@ export default {
     }
   },
   methods: {
+    listClick (data) {
+      this.$emit('listClick', data)
+    },
     slotRendered () {
       if (this.config?.mountedFunction) {
         let func = this.config.mountedFunction

package/src/base-client/components/common/XReportGrid/XReportDesign.vue

@@ -35,6 +35,7 @@
               :columns="row"
               :config-data="activatedConfig.data"
               :config="activatedConfig"
+              @listClick="listClick"
               :display="true">
             </x-report-tr-group>
           </tbody>
@@ -122,6 +123,9 @@ export default {
     }
   },
   methods: {
+    listClick (data) {
+      this.$emit('listClick', data)
+    },
     slotRendered () {
       this.$emit('slotRendered')
     },

package/src/base-client/components/common/XReportGrid/XReportTrGroup.vue

@@ -25,7 +25,7 @@
           </template>
           <template v-else-if="cell.type === 'slot'">
             <template
-              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio'].includes(cell.slotType)">
+              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse','x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio','x-calendar'].includes(cell.slotType)">
               <component
                 :is="getComponentName(cell.slotConfig, cell.serviceName, cell.slotType)"
                 :key="cellIndex"
@@ -60,7 +60,7 @@
           </template>
           <template v-else-if="cell.type === 'slot'">
             <template
-              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse', 'x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio'].includes(cell.slotType)">
+              v-if="['x-form-table','x-add-native-form','x-tree-pro', 'x-his-editor', 'x-tab', 'x-form-group', 'x-report', 'x-buttons', 'x-label-select', 'x-conversation', 'x-check-list', 'x-cardSet', 'x-collapse', 'x-h-descriptions', 'x-sidebar', 'x-list','x-input','x-time-line', 'x-radio','x-calendar'].includes(cell.slotType)">
               <component
                 :is="getComponentName(cell.slotConfig, cell.serviceName, cell.slotType)"
                 :key="cellIndex"
@@ -71,6 +71,7 @@
                 @hook:mounted="(h)=>onComponentMounted(h,cell,cellIndex)"
                 :queryParamsName="cell.slotConfig"
                 :configName="cell.slotConfig"
+                @listClick="listClick"
                 :countVisible="false"
                 :env="env"
               />
@@ -111,7 +112,8 @@ export default {
     XList: () => import('@vue2-client/base-client/components/his/XList/XList.vue'),
     XInput: () => import('@vue2-client/base-client/components/common/XInput/XInput.vue'),
     XTimeLine: () => import('@vue2-client/base-client/components/common/XTimeline/XTimeline.vue'),
-    XRadio: () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue')
+    XRadio: () => import('@vue2-client/base-client/components/his/XRadio/XRadio.vue'),
+    XCalendar: () => import('@vue2-client/base-client/components/common/XCalendar/XCalendar.vue')
   },
   props: {
     // 每一行的配置
@@ -201,17 +203,15 @@ export default {
     }
   },
   inject: ['openDialog', 'emitEvent', 'registerComponent', 'setColSpanByName', 'setGlobalData', 'getGlobalData', 'getComponentByName', 'runLogic', 'getMixinData', 'getSelectedId', 'isInAModal', 'getConfigByName', 'getSelectedData', 'getOutEnv', 'currUser', 'isWidget'],
-  provide () {
-    return {
-      getComponentByName: this.getComponentByName
-    }
-  },
   methods: {
     getWindow,
     isMicroAppEnv,
     microDispatch,
     getMicroData,
     getRealKeyData,
+    listClick (data) {
+      this.$emit('listClick', data)
+    },
     calculateColSpan (cell) {
       return Array.isArray(cell)
         ? cell[0][0]?.colSpan * 2

package/src/base-client/components/his/XList/XList.vue

@@ -31,9 +31,9 @@ export default {
   },
   methods: {
     async getData (config) {
-        runLogic(config, {}, 'af-his').then(res => {
-          this.data = res
-        })
+      runLogic(config, {}, 'af-his').then(res => {
+        this.data = res
+      })
     },
     handleClick (index) {
       this.$emit('listClick', this.data[index])

package/src/pages/userInfoDetailManage/uploadFilesHistory/index.vue

@@ -1,130 +1,130 @@
-<template>
-  <div>
-    <div class="filter-bar">
-      <a-date-picker v-model="upload_date" placeholder="上传日期" @change="selfSearch" />
-      <a-select
-        style="width: 200px;"
-        v-model="fusetype"
-        :options="fusetypes"
-        placeholder="分类"
-        @change="selfSearch"
-        allow-clear />
-      <a-button type="primary" @click="selfSearch">查询</a-button>
-    </div>
-    <a-list bordered>
-      <a-list-item v-for="item in files" :key="item.days">
-        <div class="file-group">
-          <h4>{{ item.days }}</h4>
-          <div class="file-items">
-            <div v-for="file in item.arrays" :key="file.id" class="file-card">
-              <img :src="file.f_downloadpath" class="file-image" v-if="file.f_filetype.includes('jpg') || file.f_filetype.includes('png')" />
-              <p>上传时间: {{ file.f_uploaddate }}</p>
-              <p>操作员: {{ file.f_username }}</p>
-              <p>分类: {{ file.fusetype }}</p>
-              <p>说明: {{ file.fremarks }}</p>
-              <a :href="file.f_downloadpath" target="_blank">预览</a>
-              <a-button v-if="isDelete === '1'" @click="delet(file.id)">删除</a-button>
-            </div>
-          </div>
-        </div>
-      </a-list-item>
-    </a-list>
-  </div>
-</template>
-
-<script>
-import { post } from '@vue2-client/services/api'
-export default {
-  props: {
-    currUserInfo: {
-      type: Object,
-      default: () => undefined
-    }
-  },
-  data () {
-    return {
-      upload_date: null,
-      fusetype: null,
-      files: [],
-      fusetypes: [],
-      isDelete: '0'
-    }
-  },
-  methods: {
-    async getfusetypes () {
-      this.fusetypes = [{ label: '全部', value: '' }]
-      const res = await post('rs/sql/singleTable_OrderBy', {
-        data: {
-          items: 'fusetype',
-          tablename: 't_files',
-          condition: `fusetype is not null GROUP BY fusetype`,
-          orderitem: 'fusetype'
-        }
-      })
-      this.fusetypes.push(...res.map(item => ({ label: item.fusetype, value: item.fusetype })))
-      console.log('123456', this.fusetypes)
-    },
-    async getFiles () {
-      console.log('999', this.currUserInfo)
-      if (!this.currUserInfo) return
-      this.files = []
-      let condition = `CONVERT(varchar(200),f_blobid) = '${this.currUserInfo.f_userinfo_id}'`
-      if (this.upload_date) {
-        condition += ` and CONVERT(VARCHAR(100), f_uploaddate, 23) = '${this.upload_date}'`
-      }
-      if (this.fusetype) {
-        condition += ` and fusetype = '${this.fusetype}'`
-      }
-      const res = await post('/api/af-revenue/logic/getAllFiles', { data: { condition } })
-      console.log('7777', res)
-      console.log('7777', res.days)
-      this.files = res.days.map(day => ({
-        days: day.uploadday,
-        arrays: res.array.filter(file => file.uploadday === day.uploadday)
-      }))
-    },
-    async delet (fileId) {
-      await this.$resetdelete('rs/entity/t_files', { id: fileId }, { resolveMsg: '删除成功', rejectMsg: '删除失败' })
-      this.getFiles()
-    },
-    selfSearch () {
-      this.getFiles()
-    }
-  },
-  mounted () {
-    if (this.$login.r.includes('上传附件删除')) {
-      this.isDelete = '1'
-    }
-    this.getFiles()
-    this.getfusetypes()
-  }
-}
-</script>
-
-<style scoped>
-.filter-bar {
-  display: flex;
-  gap: 10px;
-  margin-bottom: 15px;
-}
-.file-group {
-  margin-bottom: 15px;
-}
-.file-items {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-.file-card {
-  border: 1px solid #ddd;
-  padding: 10px;
-  border-radius: 5px;
-  width: 200px;
-}
-.file-image {
-  width: 100%; /* 让图片填充整个容器 */
-  height: 150px; /* 调整高度 */
-  object-fit: cover; /* 保持图片比例，填充整个区域 */
-  border-radius: 5px; /* 圆角边框 */
-}
-</style>
+<template>
+  <div>
+    <div class="filter-bar">
+      <a-date-picker v-model="upload_date" placeholder="上传日期" @change="selfSearch" />
+      <a-select
+        style="width: 200px;"
+        v-model="fusetype"
+        :options="fusetypes"
+        placeholder="分类"
+        @change="selfSearch"
+        allow-clear />
+      <a-button type="primary" @click="selfSearch">查询</a-button>
+    </div>
+    <a-list bordered>
+      <a-list-item v-for="item in files" :key="item.days">
+        <div class="file-group">
+          <h4>{{ item.days }}</h4>
+          <div class="file-items">
+            <div v-for="file in item.arrays" :key="file.id" class="file-card">
+              <img :src="file.f_downloadpath" class="file-image" v-if="file.f_filetype.includes('jpg') || file.f_filetype.includes('png')" />
+              <p>上传时间: {{ file.f_uploaddate }}</p>
+              <p>操作员: {{ file.f_username }}</p>
+              <p>分类: {{ file.fusetype }}</p>
+              <p>说明: {{ file.fremarks }}</p>
+              <a :href="file.f_downloadpath" target="_blank">预览</a>
+              <a-button v-if="isDelete === '1'" @click="delet(file.id)">删除</a-button>
+            </div>
+          </div>
+        </div>
+      </a-list-item>
+    </a-list>
+  </div>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api'
+export default {
+  props: {
+    currUserInfo: {
+      type: Object,
+      default: () => undefined
+    }
+  },
+  data () {
+    return {
+      upload_date: null,
+      fusetype: null,
+      files: [],
+      fusetypes: [],
+      isDelete: '0'
+    }
+  },
+  methods: {
+    async getfusetypes () {
+      this.fusetypes = [{ label: '全部', value: '' }]
+      const res = await post('rs/sql/singleTable_OrderBy', {
+        data: {
+          items: 'fusetype',
+          tablename: 't_files',
+          condition: `fusetype is not null GROUP BY fusetype`,
+          orderitem: 'fusetype'
+        }
+      })
+      this.fusetypes.push(...res.map(item => ({ label: item.fusetype, value: item.fusetype })))
+      console.log('123456', this.fusetypes)
+    },
+    async getFiles () {
+      console.log('999', this.currUserInfo)
+      if (!this.currUserInfo) return
+      this.files = []
+      let condition = `CONVERT(varchar(200),f_blobid) = '${this.currUserInfo.f_userinfo_id}'`
+      if (this.upload_date) {
+        condition += ` and CONVERT(VARCHAR(100), f_uploaddate, 23) = '${this.upload_date}'`
+      }
+      if (this.fusetype) {
+        condition += ` and fusetype = '${this.fusetype}'`
+      }
+      const res = await post('/api/af-revenue/logic/getAllFiles', { data: { condition } })
+      console.log('7777', res)
+      console.log('7777', res.days)
+      this.files = res.days.map(day => ({
+        days: day.uploadday,
+        arrays: res.array.filter(file => file.uploadday === day.uploadday)
+      }))
+    },
+    async delet (fileId) {
+      await this.$resetdelete('rs/entity/t_files', { id: fileId }, { resolveMsg: '删除成功', rejectMsg: '删除失败' })
+      this.getFiles()
+    },
+    selfSearch () {
+      this.getFiles()
+    }
+  },
+  mounted () {
+    if (this.$login.r.includes('上传附件删除')) {
+      this.isDelete = '1'
+    }
+    this.getFiles()
+    this.getfusetypes()
+  }
+}
+</script>
+
+<style scoped>
+.filter-bar {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 15px;
+}
+.file-group {
+  margin-bottom: 15px;
+}
+.file-items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.file-card {
+  border: 1px solid #ddd;
+  padding: 10px;
+  border-radius: 5px;
+  width: 200px;
+}
+.file-image {
+  width: 100%; /* 让图片填充整个容器 */
+  height: 150px; /* 调整高度 */
+  object-fit: cover; /* 保持图片比例，填充整个区域 */
+  border-radius: 5px; /* 圆角边框 */
+}
+</style>

package/src/router/async/router.map.js

@@ -55,7 +55,7 @@ routerResource.example = {
   // component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
-  // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
+  component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
   // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
@@ -71,7 +71,7 @@ routerResource.example = {
   // component: () => import('@vue2-client/components/g2Charts/demo.vue'),
   // component: () => import('@vue2-client/pages/LogicCallExample/index.vue'),
   // component: () => import('@vue2-client/components/FilePreview/FilePreviewDemo.vue'),
-  component: () => import('@vue2-client/pages/ReportGrid/index.vue'),
+  // component: () => import('@vue2-client/pages/ReportGrid/index.vue'),
 }
 // routerResource.example = () =>
 //    import('@vue2-client/pages/Example')