vue2-client 1.15.86 → 1.15.88

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

@@ -1,101 +1,101 @@
-<template>
-  <div v-if="visible" class="preview-mask">
-    <div class="preview-container">
-      <img
-        :src="src"
-        :style="imgStyle"
-        class="preview-img"
-        @mousedown="startDrag"
-        draggable="false"
-      />
-      <div class="preview-actions">
-        <a-button @click="zoomIn">放大</a-button>
-        <a-button @click="zoomOut">缩小</a-button>
-        <a-button @click="rotateLeft">左旋转</a-button>
-        <a-button @click="rotateRight">右旋转</a-button>
-        <a-button @click="close">关闭</a-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue'
-
- defineProps({
-  src: String,
-  visible: Boolean
-})
-const emits = defineEmits(['close'])
-
-const scale = ref(1)
-const rotate = ref(0)
-const offset = ref({ x: 0, y: 0 })
-const dragging = ref(false)
-const dragStart = ref({ x: 0, y: 0 })
-
-const imgStyle = computed(() => ({
-  transform: `scale(${scale.value}) rotate(${rotate.value}deg) translate(${offset.value.x}px, ${offset.value.y}px)`,
-  cursor: dragging.value ? 'grabbing' : 'grab'
-}))
-// eslint-disable-next-line no-return-assign
-const zoomIn = () => scale.value += 0.2
-// eslint-disable-next-line no-return-assign
-const zoomOut = () => scale.value = Math.max(0.2, scale.value - 0.2)
-// eslint-disable-next-line no-return-assign
-const rotateLeft = () => rotate.value -= 90
-// eslint-disable-next-line no-return-assign
-const rotateRight = () => rotate.value += 90
-const close = () => emits('close')
-
-const startDrag = (e) => {
-  dragging.value = true
-  dragStart.value = { x: e.clientX - offset.value.x, y: e.clientY - offset.value.y }
-  document.addEventListener('mousemove', onDrag)
-  document.addEventListener('mouseup', stopDrag)
-}
-const onDrag = (e) => {
-  if (!dragging.value) return
-  offset.value = {
-    x: e.clientX - dragStart.value.x,
-    y: e.clientY - dragStart.value.y
-  }
-}
-const stopDrag = () => {
-  dragging.value = false
-  document.removeEventListener('mousemove', onDrag)
-  document.removeEventListener('mouseup', stopDrag)
-}
-</script>
-
-<style scoped>
-.preview-mask {
-  position: fixed;
-  z-index: 9999;
-  left: 0; top: 0; right: 0; bottom: 0;
-  background: rgba(0,0,0,0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.preview-container {
-  position: relative;
-  background: #fff;
-  padding: 20px;
-  border-radius: 8px;
-}
-.preview-img {
-  max-width: 80vw;
-  max-height: 70vh;
-  user-select: none;
-  transition: transform 0.2s;
-  display: block;
-  margin: 0 auto;
-}
-.preview-actions {
-  margin-top: 16px;
-  display: flex;
-  justify-content: center;
-  gap: 10px;
-}
-</style>
+<template>
+  <div v-if="visible" class="preview-mask">
+    <div class="preview-container">
+      <img
+        :src="src"
+        :style="imgStyle"
+        class="preview-img"
+        @mousedown="startDrag"
+        draggable="false"
+      />
+      <div class="preview-actions">
+        <a-button @click="zoomIn">放大</a-button>
+        <a-button @click="zoomOut">缩小</a-button>
+        <a-button @click="rotateLeft">左旋转</a-button>
+        <a-button @click="rotateRight">右旋转</a-button>
+        <a-button @click="close">关闭</a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+
+ defineProps({
+  src: String,
+  visible: Boolean
+})
+const emits = defineEmits(['close'])
+
+const scale = ref(1)
+const rotate = ref(0)
+const offset = ref({ x: 0, y: 0 })
+const dragging = ref(false)
+const dragStart = ref({ x: 0, y: 0 })
+
+const imgStyle = computed(() => ({
+  transform: `scale(${scale.value}) rotate(${rotate.value}deg) translate(${offset.value.x}px, ${offset.value.y}px)`,
+  cursor: dragging.value ? 'grabbing' : 'grab'
+}))
+// eslint-disable-next-line no-return-assign
+const zoomIn = () => scale.value += 0.2
+// eslint-disable-next-line no-return-assign
+const zoomOut = () => scale.value = Math.max(0.2, scale.value - 0.2)
+// eslint-disable-next-line no-return-assign
+const rotateLeft = () => rotate.value -= 90
+// eslint-disable-next-line no-return-assign
+const rotateRight = () => rotate.value += 90
+const close = () => emits('close')
+
+const startDrag = (e) => {
+  dragging.value = true
+  dragStart.value = { x: e.clientX - offset.value.x, y: e.clientY - offset.value.y }
+  document.addEventListener('mousemove', onDrag)
+  document.addEventListener('mouseup', stopDrag)
+}
+const onDrag = (e) => {
+  if (!dragging.value) return
+  offset.value = {
+    x: e.clientX - dragStart.value.x,
+    y: e.clientY - dragStart.value.y
+  }
+}
+const stopDrag = () => {
+  dragging.value = false
+  document.removeEventListener('mousemove', onDrag)
+  document.removeEventListener('mouseup', stopDrag)
+}
+</script>
+
+<style scoped>
+.preview-mask {
+  position: fixed;
+  z-index: 9999;
+  left: 0; top: 0; right: 0; bottom: 0;
+  background: rgba(0,0,0,0.7);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.preview-container {
+  position: relative;
+  background: #fff;
+  padding: 20px;
+  border-radius: 8px;
+}
+.preview-img {
+  max-width: 80vw;
+  max-height: 70vh;
+  user-select: none;
+  transition: transform 0.2s;
+  display: block;
+  margin: 0 auto;
+}
+.preview-actions {
+  margin-top: 16px;
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+}
+</style>

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

@@ -1,129 +1,129 @@
-<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')" @click="openPreview(file.f_downloadpath)" style="cursor:pointer" />
-              <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>
-    <ImagePreview :src="previewImg" :visible="previewVisible" @close="previewVisible = false" />
-  </div>
-</template>
-
-<script>
-import { post } from '@vue2-client/services/api'
-import { del } from '@vue2-client/services/api/restTools'
-import ImagePreview from './ImagePreview.vue'
-export default {
-  props: {
-    currUserInfo: {
-      type: Object,
-      default: () => undefined
-    }
-  },
-  components: { ImagePreview },
-  data () {
-    return {
-      upload_date: null,
-      fusetype: null,
-      files: [],
-      fusetypes: [],
-      isDelete: '0',
-      previewVisible: false,
-      previewImg: ''
-    }
-  },
-  methods: {
-    async getfusetypes () {
-      this.fusetypes = [{ label: '全部', value: '' }]
-      const res = await post('/api/af-revenue/logic/getFileUseType', {})
-      this.fusetypes.push(...res.map(item => ({ label: item.fusetype, value: item.fusetype })))
-    },
-    async getFiles () {
-      if (!this.currUserInfo) return
-      this.files = []
-      let condition = `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 } })
-      this.files = res.days.map(day => ({
-        days: day.uploadday,
-        arrays: res.array.filter(file => file.uploadday === day.uploadday)
-      }))
-    },
-    async delet (fileId) {
-      await del('api/af-revenue/entity/save/t_files', { id: fileId }, { resolveMsg: '删除成功', rejectMsg: '删除失败' })
-      this.getFiles()
-    },
-    selfSearch () {
-      this.getFiles()
-    },
-    openPreview (src) {
-      this.previewImg = src
-      this.previewVisible = true
-    }
-  },
-  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')" @click="openPreview(file.f_downloadpath)" style="cursor:pointer" />
+              <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>
+    <ImagePreview :src="previewImg" :visible="previewVisible" @close="previewVisible = false" />
+  </div>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api'
+import { del } from '@vue2-client/services/api/restTools'
+import ImagePreview from './ImagePreview.vue'
+export default {
+  props: {
+    currUserInfo: {
+      type: Object,
+      default: () => undefined
+    }
+  },
+  components: { ImagePreview },
+  data () {
+    return {
+      upload_date: null,
+      fusetype: null,
+      files: [],
+      fusetypes: [],
+      isDelete: '0',
+      previewVisible: false,
+      previewImg: ''
+    }
+  },
+  methods: {
+    async getfusetypes () {
+      this.fusetypes = [{ label: '全部', value: '' }]
+      const res = await post('/api/af-revenue/logic/getFileUseType', {})
+      this.fusetypes.push(...res.map(item => ({ label: item.fusetype, value: item.fusetype })))
+    },
+    async getFiles () {
+      if (!this.currUserInfo) return
+      this.files = []
+      let condition = `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 } })
+      this.files = res.days.map(day => ({
+        days: day.uploadday,
+        arrays: res.array.filter(file => file.uploadday === day.uploadday)
+      }))
+    },
+    async delet (fileId) {
+      await del('api/af-revenue/entity/save/t_files', { id: fileId }, { resolveMsg: '删除成功', rejectMsg: '删除失败' })
+      this.getFiles()
+    },
+    selfSearch () {
+      this.getFiles()
+    },
+    openPreview (src) {
+      this.previewImg = src
+      this.previewVisible = true
+    }
+  },
+  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>