vue2-client 1.12.83 → 1.12.87

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

@@ -1,90 +1,90 @@
-<template>
-  <div class="list-wrapper" >
-    <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container" ref="listRef">
-      <a-list-item slot="renderItem" slot-scope="item, index" class="list-item" @click="handleClick(index)">
-        {{ item.number }} {{ item.name }}
-      </a-list-item>
-    </a-list>
-  </div>
-</template>
-
-<script>
-
-import { runLogic } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XList',
-  props: {
-    queryParamsName: {
-      type: Object,
-      default: 'outpatientWaitLogic'
-    },
-  },
-  inject: ['getComponentByName'],
-  data () {
-    return {
-      data: []
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  methods: {
-    async getData (config) {
-        runLogic(config, {}, 'af-his').then(res => {
-          this.data = res
-        })
-    },
-    handleClick (index) {
-      this.$emit('listClick', this.data[index])
-    },
-    refreshList () {
-      this.getData(this.queryParamsName)
-    },
-
-  }
-}
-</script>
-
-<style scoped>
-.list-wrapper {
-  max-height: 240px;
-  overflow-y: auto;
-  cursor: pointer;
-  padding-right: 2px;
-}
-
-.list-container {
-  width: 100%;
-}
-
-.list-item {
-  height: 35px;
-  border-radius: 6px;
-  background-color: #F4F4F4;
-  padding: 8px 15px 7px 15px;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  border: 1px solid #D9D9D9;
-  box-sizing: border-box;
-  margin-bottom: 16px;
-  white-space: nowrap;
-  overflow: clip;
-}
-
-/* 自定义滚动条样式 */
-.list-wrapper::-webkit-scrollbar {
-  width: 6px;
-}
-
-.list-wrapper::-webkit-scrollbar-thumb {
-  background-color: #d9d9d9;
-  border-radius: 3px;
-}
-
-.list-wrapper::-webkit-scrollbar-track {
-  background-color: #f0f0f0;
-}
-</style>
+<template>
+  <div class="list-wrapper" >
+    <a-list size="large" :data-source="data" itemLayout="horizontal" class="list-container" ref="listRef">
+      <a-list-item slot="renderItem" slot-scope="item, index" class="list-item" @click="handleClick(index)">
+        {{ item.number }} {{ item.name }}
+      </a-list-item>
+    </a-list>
+  </div>
+</template>
+
+<script>
+
+import { runLogic } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XList',
+  props: {
+    queryParamsName: {
+      type: Object,
+      default: 'outpatientWaitLogic'
+    },
+  },
+  inject: ['getComponentByName'],
+  data () {
+    return {
+      data: []
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  methods: {
+    async getData (config) {
+      runLogic(config, {}, 'af-his').then(res => {
+        this.data = res
+      })
+    },
+    handleClick (index) {
+      this.$emit('listClick', this.data[index])
+    },
+    refreshList () {
+      this.getData(this.queryParamsName)
+    },
+
+  }
+}
+</script>
+
+<style scoped>
+.list-wrapper {
+  max-height: 240px;
+  overflow-y: auto;
+  cursor: pointer;
+  padding-right: 2px;
+}
+
+.list-container {
+  width: 100%;
+}
+
+.list-item {
+  height: 35px;
+  border-radius: 6px;
+  background-color: #F4F4F4;
+  padding: 8px 15px 7px 15px;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border: 1px solid #D9D9D9;
+  box-sizing: border-box;
+  margin-bottom: 16px;
+  white-space: nowrap;
+  overflow: clip;
+}
+
+/* 自定义滚动条样式 */
+.list-wrapper::-webkit-scrollbar {
+  width: 6px;
+}
+
+.list-wrapper::-webkit-scrollbar-thumb {
+  background-color: #d9d9d9;
+  border-radius: 3px;
+}
+
+.list-wrapper::-webkit-scrollbar-track {
+  background-color: #f0f0f0;
+}
+</style>

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

@@ -1,50 +1,66 @@
-<template>
-  <div>
-    <a-radio-group v-model="innerValue" @change="onChange">
-      <a-radio v-for="item in data" :key="item.value" :value="item.value">
-        {{ item.label }}
-      </a-radio>
-    </a-radio-group>
-  </div>
-</template>
-
-<script>
-import { getConfigByName } from '@vue2-client/services/api/common'
-
-export default {
-  name: 'XRadio',
-  inject: ['getComponentByName'],
-  props: {
-    queryParamsName: {
-      type: Object,
-      default: null
-    },
-    value: [String, Number]
-  },
-  data () {
-    return {
-      data: [],
-      innerValue: null
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  watch: {
-    value (val) {
-      this.innerValue = val
-    }
-  },
-  methods: {
-    async getData (data) {
-      getConfigByName(data, 'af-his', res => {
-        console.warn(res.radio)
-        this.data = res.radio
-      })
-    },
-    onChange (e) {
-      this.$emit('radio', e.target.value)
-    }
-  }
-}
-</script>
+<template>
+  <div>
+    <a-radio-group v-model="innerValue" @change="onChange">
+      <a-radio v-for="item in data" :key="item.value" :value="item.value">
+        {{ item.label }}
+      </a-radio>
+    </a-radio-group>
+  </div>
+</template>
+
+<script>
+import { getConfigByName } from '@vue2-client/services/api/common'
+
+export default {
+  name: 'XRadio',
+  inject: ['getComponentByName'],
+  props: {
+    queryParamsName: {
+      type: Object,
+      default: null
+    },
+    value: [String, Number]
+  },
+  data () {
+    return {
+      data: [],
+      innerValue: null
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  watch: {
+    value (val) {
+      this.innerValue = val
+    }
+  },
+  emits: ['change', 'init'],
+  methods: {
+    async getData (data) {
+      getConfigByName(data, 'af-his', res => {
+        // 1. 先加载选项
+        if (res.radio && Array.isArray(res.radio)) {
+          this.data = res.radio
+          // 2. 初始化默认值（优先级： 配置defaultValue > 第一个选项）
+          if (res.defaultValue !== undefined && res.defaultValue !== null) {
+            // 否则使用配置中的defaultValue
+            this.innerValue = res.defaultValue
+          } else if (this.data.length > 0) {
+            // 如果没有默认值但有选项，使用第一个选项
+            this.innerValue = this.data[0].value
+          }
+          // 3. 触发初始化事件
+          this.$emit('init', this.innerValue)
+        } else {
+          this.$message.error('配置错误，radio字段不是数组')
+        }
+      })
+    },
+    onChange (e) {
+      this.innerValue = e.target.value
+      this.$emit('change', e.target.value)
+    }
+  }
+}
+</script>

package/src/base-client/components/his/XRadio/index.md

@@ -0,0 +1,106 @@
+# XRadio
+
+基于配置的单选组件，支持从配置中动态加载选项和默认值。
+
+## 何时使用
+
+当需要一个通过配置动态加载的单选控件时使用，特别是选项需要从后端获取的场景。
+
+## 引用方式
+
+```javascript
+import XRadio from '@vue2-client/base-client/components/his/XRadio/XRadio'
+
+export default {
+  components: {
+    XRadio
+  }
+}
+```
+
+## 代码演示
+
+```html
+<x-radio
+  :queryParamsName="radioConfigName"
+  @change="handleChange"
+  @init="handleInit">
+</x-radio>
+```
+
+## API
+
+| 参数              | 说明                   | 类型                | 默认值  |
+|-----------------|----------------------|-------------------|------|
+| queryParamsName | 查询配置名称              | String/Object     | null |
+| value           | 当前选中值（可用于外部控制）      | String/Number     | null |
+
+### 事件
+
+| 事件名    | 说明           | 回调参数                                          |
+|--------|--------------|-----------------------------------------------|
+| change | 选项变化时的回调    | function(value)                               |
+| radio  | 选项变化时的回调（兼容） | function(value)                               |
+| init   | 组件初始化完成时的回调  | function({config, options, value})           |
+
+### 配置说明
+
+组件通过 `queryParamsName` 从后端获取配置，配置格式如下：
+
+```json
+{
+  "radio": [
+    {
+      "label": "选项A",
+      "value": 1
+    },
+    {
+      "label": "选项B",
+      "value": 2
+    },
+    {
+      "label": "选项C",
+      "value": 3
+    },
+    {
+      "label": "选项D",
+      "value": 4
+    }
+  ],
+  "defaultValue": 2
+}
+```
+
+## 配置示例
+----
+
+```json
+{
+  "radio": [
+    {
+      "label": "A",
+      "value": 1
+    },
+    {
+      "label": "B",
+      "value": 2
+    },
+    {
+      "label": "C",
+      "value": 3
+    },
+    {
+      "label": "D",
+      "value": 4
+    }
+  ],
+  "defaultValue": 2
+}
+```
+
+注意事项
+----
+
+1. 如果配置中有 `defaultValue`，组件将默认选中该值对应的选项
+2. 如果没有 `defaultValue` 但有选项，将默认选中第一个选项
+3. 如果外部通过 `value` 属性传入值，优先使用外部值

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

@@ -0,0 +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>

package/src/pages/userInfoDetailManage/userInfoDetailQueryTabs.vue

@@ -34,6 +34,7 @@ import TransferRecordQuery from '@vue2-client/pages/userInfoDetailManage/Transfe
 import WatchCollectionRecordQuery from '@vue2-client/pages/userInfoDetailManage/WatchCollectionRecordQuery'
 import UserException from '@vue2-client/pages/userInfoDetailManage/UserException'
 import PriceAdjustments from '@vue2-client/pages/userInfoDetailManage/PriceAdjustments'
+import uploadFilesHistory from '@vue2-client/pages/userInfoDetailManage/uploadFilesHistory'
 
 export default {
   name: 'UserInfoDetailQueryTabs',
@@ -56,6 +57,7 @@ export default {
     UserHandRecordQuery,
     UserException,
     PriceAdjustments,
+    uploadFilesHistory,
   },
   props: {
     userInfo: {
@@ -106,6 +108,7 @@ export default {
         { key: '13', label: '流量计参数查看', permission: '流量计参数查看', component: 'MeterParamRecordQuery' },
         { key: '14', label: '异常报警', permission: '异常报警', component: 'MeterParamRecordQuery' },
         { key: '15', label: '价格调整', permission: '价格调整', component: 'PriceAdjustments' },
+        { key: '16', label: '附件查看', permission: '附件查看', component: 'uploadFilesHistory' },
       ],
     }
   },