vue2-client 1.20.45 → 1.20.46

package/.env.his

@@ -1,19 +1,19 @@
-VUE_APP_PUBLIC_PATH=/
-VUE_APP_NAME=Admin
-VUE_APP_ROUTES_KEY=admin.routes
-VUE_APP_PERMISSIONS_KEY=admin.permissions
-VUE_APP_ROLES_KEY=admin.roles
-VUE_APP_USER_KEY=admin.user
-VUE_APP_LOGIN_KEY=admin.login
-VUE_APP_SETTING_KEY=admin.setting
-VUE_APP_TBAS_KEY=admin.tabs
-VUE_APP_TBAS_TITLES_KEY=admin.tabs.titles
-VUE_APP_DICTIONARY_KEY=admin.dictionary
-VUE_APP_BADGE_KEY=admin.badge
-VUE_APP_SINGLEVALUE_KEY=admin.singlevalue
-VUE_APP_DIVISIONSOHCHINA=admin.divisionsohchina
-VUE_APP_WEB_CONFIG_KEY=admin.webconfig
-VUE_APP_API_BASE_URL=http://123.60.214.109:8405
-VUE_APP_SYSTEM_NAME=af-his
-VUE_APP_LOGIN_VERSION=V4
-
+VUE_APP_PUBLIC_PATH=/
+VUE_APP_NAME=Admin
+VUE_APP_ROUTES_KEY=admin.routes
+VUE_APP_PERMISSIONS_KEY=admin.permissions
+VUE_APP_ROLES_KEY=admin.roles
+VUE_APP_USER_KEY=admin.user
+VUE_APP_LOGIN_KEY=admin.login
+VUE_APP_SETTING_KEY=admin.setting
+VUE_APP_TBAS_KEY=admin.tabs
+VUE_APP_TBAS_TITLES_KEY=admin.tabs.titles
+VUE_APP_DICTIONARY_KEY=admin.dictionary
+VUE_APP_BADGE_KEY=admin.badge
+VUE_APP_SINGLEVALUE_KEY=admin.singlevalue
+VUE_APP_DIVISIONSOHCHINA=admin.divisionsohchina
+VUE_APP_WEB_CONFIG_KEY=admin.webconfig
+VUE_APP_API_BASE_URL=http://123.60.214.109:8405
+VUE_APP_SYSTEM_NAME=af-his
+VUE_APP_LOGIN_VERSION=V4
+

package/package.json

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

package/src/base-client/components/common/XMarkdownViewer/demo.vue

@@ -1,102 +1,102 @@
-<template>
-  <div style="padding: 16px">
-    <h2>XMarkdownViewer Demo</h2>
-
-    <div style="margin: 12px 0; padding: 12px; background: #f5f5f5; border-radius: 4px">
-      <h4 style="margin: 0 0 8px 0">流式 AI 调用示例</h4>
-      <div style="margin-bottom: 8px">
-        <input
-          v-model="userMessage"
-          type="text"
-          placeholder="输入消息"
-          style="width: 300px; padding: 6px 8px; border: 1px solid #ddd; border-radius: 4px"
-          @keyup.enter="sendMessage"
-        >
-        <button
-          type="button"
-          style="margin-left: 8px; padding: 6px 16px; background: #1890ff; color: #fff; border: none; border-radius: 4px; cursor: pointer"
-          @click="sendMessage"
-        >
-          发送
-        </button>
-        <button
-          v-if="isStreaming"
-          type="button"
-          style="margin-left: 8px; padding: 6px 16px; background: #ff4d4f; color: #fff; border: none; border-radius: 4px; cursor: pointer"
-          @click="stopMessage"
-        >
-          停止
-        </button>
-      </div>
-      <div v-if="isStreaming" style="color: #1890ff; font-size: 12px">AI 正在思考中...</div>
-    </div>
-
-    <div style="margin: 8px 0; color: #666; font-size: 12px">
-      <span v-if="fileName">当前文件：{{ fileName }}（{{ md.length }} 字符）</span>
-      <span v-else-if="md">当前内容：流式响应（{{ md.length }} 字符）</span>
-      <span v-else>请输入消息并点击发送</span>
-    </div>
-
-    <x-markdown-viewer ref="viewer" :markdown="md" />
-  </div>
-</template>
-
-<script>
-import XMarkdownViewer from './XMarkdownViewer.vue'
-
-export default {
-  name: 'XMarkdownViewerDemo',
-  components: {
-    XMarkdownViewer
-  },
-  data () {
-    return {
-      md: '',
-      fileName: '',
-      userMessage: '',
-      isStreaming: false,
-      currentStream: null
-    }
-  },
-  methods: {
-    async sendMessage () {
-      const message = this.userMessage.trim()
-      if (!message) return
-
-      const viewer = this.$refs.viewer
-      if (!viewer || typeof viewer.callAiStream !== 'function') {
-        console.warn('[Demo] viewer 不存在或没有 callAiStream 方法')
-        return
-      }
-
-      // 开始时显示提示
-      viewer.receiveMarkdownString('### 思考中，请稍后...\n')
-      this.isStreaming = true
-
-      // 调用流式接口
-      const stream = viewer.callAiStream(message, {
-        onChunk: (text) => {
-          viewer.receiveMarkdownString('### 思考中，请稍后...\n\n' + viewer.getStreamContent())
-        },
-        onEnd: (fullContent) => {
-          viewer.receiveMarkdownString(fullContent)
-          this.isStreaming = false
-        },
-        onError: (error) => {
-          viewer.receiveMarkdownString('### 抱歉，发生了错误\n\n' + error)
-          this.isStreaming = false
-        }
-      })
-
-      this.currentStream = stream
-    },
-    stopMessage () {
-      if (this.currentStream && typeof this.currentStream.stop === 'function') {
-        this.currentStream.stop()
-        this.isStreaming = false
-      }
-    }
-  }
-}
-</script>
-
+<template>
+  <div style="padding: 16px">
+    <h2>XMarkdownViewer Demo</h2>
+
+    <div style="margin: 12px 0; padding: 12px; background: #f5f5f5; border-radius: 4px">
+      <h4 style="margin: 0 0 8px 0">流式 AI 调用示例</h4>
+      <div style="margin-bottom: 8px">
+        <input
+          v-model="userMessage"
+          type="text"
+          placeholder="输入消息"
+          style="width: 300px; padding: 6px 8px; border: 1px solid #ddd; border-radius: 4px"
+          @keyup.enter="sendMessage"
+        >
+        <button
+          type="button"
+          style="margin-left: 8px; padding: 6px 16px; background: #1890ff; color: #fff; border: none; border-radius: 4px; cursor: pointer"
+          @click="sendMessage"
+        >
+          发送
+        </button>
+        <button
+          v-if="isStreaming"
+          type="button"
+          style="margin-left: 8px; padding: 6px 16px; background: #ff4d4f; color: #fff; border: none; border-radius: 4px; cursor: pointer"
+          @click="stopMessage"
+        >
+          停止
+        </button>
+      </div>
+      <div v-if="isStreaming" style="color: #1890ff; font-size: 12px">AI 正在思考中...</div>
+    </div>
+
+    <div style="margin: 8px 0; color: #666; font-size: 12px">
+      <span v-if="fileName">当前文件：{{ fileName }}（{{ md.length }} 字符）</span>
+      <span v-else-if="md">当前内容：流式响应（{{ md.length }} 字符）</span>
+      <span v-else>请输入消息并点击发送</span>
+    </div>
+
+    <x-markdown-viewer ref="viewer" :markdown="md" />
+  </div>
+</template>
+
+<script>
+import XMarkdownViewer from './XMarkdownViewer.vue'
+
+export default {
+  name: 'XMarkdownViewerDemo',
+  components: {
+    XMarkdownViewer
+  },
+  data () {
+    return {
+      md: '',
+      fileName: '',
+      userMessage: '',
+      isStreaming: false,
+      currentStream: null
+    }
+  },
+  methods: {
+    async sendMessage () {
+      const message = this.userMessage.trim()
+      if (!message) return
+
+      const viewer = this.$refs.viewer
+      if (!viewer || typeof viewer.callAiStream !== 'function') {
+        console.warn('[Demo] viewer 不存在或没有 callAiStream 方法')
+        return
+      }
+
+      // 开始时显示提示
+      viewer.receiveMarkdownString('### 思考中，请稍后...\n')
+      this.isStreaming = true
+
+      // 调用流式接口
+      const stream = viewer.callAiStream(message, {
+        onChunk: (text) => {
+          viewer.receiveMarkdownString('### 思考中，请稍后...\n\n' + viewer.getStreamContent())
+        },
+        onEnd: (fullContent) => {
+          viewer.receiveMarkdownString(fullContent)
+          this.isStreaming = false
+        },
+        onError: (error) => {
+          viewer.receiveMarkdownString('### 抱歉，发生了错误\n\n' + error)
+          this.isStreaming = false
+        }
+      })
+
+      this.currentStream = stream
+    },
+    stopMessage () {
+      if (this.currentStream && typeof this.currentStream.stop === 'function') {
+        this.currentStream.stop()
+        this.isStreaming = false
+      }
+    }
+  }
+}
+</script>
+

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

@@ -1,48 +1,127 @@
 <template>
-  <a-card :bordered="false" v-if="currUserInfo">
+  <a-card :bordered="false">
     <x-form-table
-      title="过户记录查询"
+      title="过户查询"
       :queryParamsName="queryParamsName"
-      :fixedQueryForm="fixedQueryForm"
-      service-name="af-revenue"
+      :fixedAddForm="fixedAddForm"
       @action="action"
+      @getimg="getimg"
       ref="xFormTable">
     </x-form-table>
+    <a-drawer
+      title="详情信息"
+      placement="right"
+      :destroy-on-close="true"
+      width="85vw"
+      :closable="false"
+      :visible="detailVisible"
+      @close="onClose">
+      <span>
+        详情表单内容
+      </span>
+    </a-drawer>
+    <a-modal :zIndex="9999" :visible="showFilesModel" :footer="null" @cancel="handleCancel">
+      <div v-if="transferImages.length > 0">
+        <span
+          v-for="img in transferImages"
+          :key="img.id"
+          class="picture-card"
+          style="width: 150px; height: 150px ">
+          <img
+            :src="img"
+            width="100%"
+            :alt="img"
+          />
+          <span class="picture-action">
+            <a-icon type="eye" class="picture-preview-icon" @click="preview(img)"/>
+          </span>
+        </span>
+      </div>
+      <div v-if="transferImages.length === 0">
+        <a-empty/>
+      </div>
+    </a-modal>
+    <a-modal
+      :visible="previewVisible"
+      :dialogStyle="{maxWidth: '1200px'}"
+      :footer="null"
+      :z-index="10000"
+      width="80%"
+      @cancel="previewHandleCancel">
+      <img :src="previewImageSrc" style="width: 100%;" />
+    </a-modal>
   </a-card>
 </template>
 
 <script>
+import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
 import { mapState } from 'vuex'
-
+import { post } from '@vue2-client/services/api'
+import { getRealKeyData } from 'vue2-client/src/utils/formatter'
 export default {
-  name: 'TransferRecordQuery',
+  name: 'TransferQuery',
   components: {
-    XFormTable: () => import('@vue2-client/base-client/components/common/XFormTable/XFormTable.vue')
+    XFormTable
   },
   data () {
     return {
       // 查询配置名称
-      queryParamsName: 'UserTransferRecordQueryCRUD',
-      // 查询表单固定值
-      fixedQueryForm: { t_f_userinfo_id: this.currUserInfo.f_userinfo_id },
+      queryParamsName: 'transferQueryCRUD',
+      // 新增表单固定值
+      fixedAddForm: {},
+      transferImages: [],
+      showFilesModel: false,
+      previewVisible: false,
+      previewImageSrc: '',
       // 是否显示详情抽屉
       detailVisible: false,
       // 当前记录
       record: {}
     }
   },
-  props: {
-    currUserInfo: {
-      type: Object,
-      default: () => undefined
-    }
-  },
   created () {
   },
   mounted () {
-    this.$refs.xFormTable.refresh(true)
+    console.log('==当前登录人', this.currUser)
   },
   methods: {
+    previewHandleCancel () {
+      this.previewVisible = false
+      this.previewImageSrc = ''
+    },
+    preview (val) {
+      console.log(val)
+      this.previewImageSrc = val
+      this.previewVisible = true
+    },
+    handleCancel () {
+      this.showFilesModel = false
+    },
+    getimg (record) {
+      console.log(record)
+      record = getRealKeyData(record)
+      console.log(record)
+      let  condition = `f_blobid = '${record.f_userinfo_id}'  and fusetype like '%过户%' `
+      if(record.id){
+        condition = `f_businessid = '${record.id}'  and fusetype like '%过户%' `
+      }
+      const data = {
+        condition: condition
+      }
+      post('/api/af-revenue/sql/getFiles', { data: data }, null).then(res => {
+        if (res.length > 0) {
+          if (this.$refs.xFormTable.realQueryConfig?.$globalProp?.tenantAlias === 'aode') {
+            this.transferImages = res.map(item => 'http://192.168.11.160:31467/' + item.f_downloadpath.substring(item.f_downloadpath.lastIndexOf(':\\') + 2))
+          } else {
+            this.transferImages = res.map(item => item.f_downloadpath)
+          }
+          console.log(' this.disableImages', this.transferImages)
+        } else {
+          this.transferImages = []
+        }
+      })
+      this.showFilesModel = true
+    },
     action (record, id, actionType) {
       this.detailVisible = true
       console.log('触发了详情操作', record, id, actionType)
@@ -53,7 +132,6 @@ export default {
       this.$refs.xFormTable.refreshTable(true)
     }
   },
-
   computed: {
     ...mapState('account', { currUser: 'user' }),
     ...mapState('setting', { isMobile: 'isMobile' })
@@ -62,5 +140,41 @@ export default {
 </script>
 
 <style scoped>
-
+.picture-card {
+  position: relative;
+  display: inline-block;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  padding: 10px;
+  margin: 0 10px 10px 0;
+  overflow: hidden;
+}
+.picture-card img {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.picture-action {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: rgba(0, 0, 0, 0);
+  transition: all 0.3s;
+}
+.picture-action:hover {
+  background: rgba(0, 0, 0, 0.4);
+}
+.picture-preview-icon {
+  font-size: 22px;
+  color: transparent;
+  transition: color 0.3s;
+}
+.picture-action:hover .picture-preview-icon {
+  color: #fff;
+}
 </style>