manage-client-xy 3.2.1 → 3.2.2

package/src/components/sale/businessquery/AttachmentViewer.vue

@@ -1,252 +1,254 @@
-<template>
-  <div>
-    <modal :show.sync="show" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <h4 class="modal-title">附件查看</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <div v-if="loading" class="loading-container">
-          <div class="loading-spinner"></div>
-          <p>加载中...</p>
-        </div>
-        <div v-if="!loading && error" class="error-container">
-          <p>{{ error }}</p>
-        </div>
-        <div v-if="!loading && !error && (!attachments || attachments.length === 0)" class="no-data-container">
-          <p>暂无附件</p>
-        </div>
-        <div v-if="!loading && !error && attachments && attachments.length > 0" class="attachments-list">
-          <div class="showList col-sm-12" style="padding: 10px;margin-top: 10px">
-            <div class="col-sm-6" style="padding:10px 10px 0px 10px;height: auto;box-sizing: border-box"
-                 v-for="attachment in attachments" track-by="id">
-              <div class="showData">
-                <div class="left">
-                  <img v-if="isImageFile(attachment)" :src="attachment.f_downloadpath || '#'" />
-                  <div v-else class="file-icon">
-                    <i class="glyphicon" :class="getFileIconClass(attachment)"></i>
-                  </div>
-                </div>
-                <div class="right">
-                  <ul class="buttonList top">
-                    <li v-if="['jpg','jpeg','png','gif','bmp'].includes(attachment.f_filetype.toLowerCase())">
-                        <a target="_blank" :href="attachment.f_downloadpath">预览</a>
-                    </li>
-                    <li>
-                      <a href="javascript:void(0)" @click="downloadAttachment(attachment)">下载</a>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button class="button_clear button_spacing" @click="close">关闭</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-import { HttpResetClass } from 'vue-client'
-
-export default {
-  props: {
-    businessId: {
-      type: [String, Number],
-      required: true
-    },
-    tableName: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      show: true,
-      loading: true,
-      error: null,
-      attachments: []
-    }
-  },
-  created() {
-    this.fetchAttachments()
-  },
-  methods: {
-    fetchAttachments() {
-      this.loading = true
-      this.error = null
-      
-      try {
-        if(!this.businessId || !this.tableName){
-          this.error = '业务ID和表名不能为空'
-          this.loading = false
-          return
-        }
-        const HttpReset = new HttpResetClass()
-        HttpReset.load('POST', 'rs/sql/singleTable_OrderBy', {
-          data: {
-            items: 'id,F_DOWNLOADPATH,f_filename,f_filetype',
-            condition: `F_TABLE_NAME='${this.tableName}' and F_BUSINESSID = '${this.businessId}'`,
-            tablename: 't_files',
-            orderitem: 'id'
-          }
-        },{rejectMsg:null,resolveMsg:null}).then((response) => {
-          this.attachments = response.data || []
-          // 处理文件路径，确保完整URL
-          this.attachments.forEach(item => {
-            if (item.f_downloadpath && !item.f_downloadpath.startsWith('http')) {
-              let temp = item.f_downloadpath
-              let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
-              item.f_downloadpath = "http://" + location.host + "/" + URL
-            } else {
-              item.f_downloadpath = item.f_downloadpath
-            }
-          })
-          this.loading = false
-        }).catch((error) => {
-          this.error = '获取附件失败：' + (error.message || '未知错误')
-          this.loading = false
-        })
-        
-      } catch (error) {
-        this.error = '获取附件失败：' + (error.message || '未知错误')
-        this.loading = false
-      }
-    },
-    previewAttachment(attachment) {
-      // 根据附件类型处理预览
-      alert('预览附件：' + attachment.fileName)
-    },
-    downloadAttachment(attachment) {
-      this.$downFileR(attachment.f_downloadpath,attachment.f_filename,true)
-    },
-    close() {
-      this.show = false
-      this.$emit('close')
-    },
-    isImageFile(file) {
-      const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];
-      const fileExt = file.f_filetype.toLowerCase();
-      return imageExtensions.indexOf(fileExt) !== -1;
-    },
-    getFileIconClass(file) {
-      const fileType = file.f_filetype.toLowerCase();
-      
-      if (fileType === 'pdf') {
-        return 'glyphicon-file text-danger';
-      } else if (['doc', 'docx'].indexOf(fileType) !== -1) {
-        return 'glyphicon-file text-primary';
-      } else if (['xls', 'xlsx'].indexOf(fileType) !== -1) {
-        return 'glyphicon-file text-success';
-      } else {
-        return 'glyphicon-file';
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.loading-container, .error-container, .no-data-container {
-  text-align: center;
-  padding: 30px;
-}
-
-.loading-spinner {
-  display: inline-block;
-  width: 40px;
-  height: 40px;
-  border: 4px solid #f3f3f3;
-  border-top: 4px solid #3498db;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-  margin-bottom: 10px;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.attachments-list {
-  width: 100%;
-}
-
-.showData {
-  height: auto;
-  position: relative;
-  padding-bottom: 7px;
-  border-bottom: solid 1px #c1c1c1;
-  font-family: "微软雅黑";
-}
-
-.showData .left {
-  height: 180px;
-  width: 210px;
-  background-color: rgb(240, 240, 240);
-  overflow: hidden;
-  line-height: 180px;
-  text-align: center;
-}
-
-.showData .left img {
-  width: 100%;
-  height: auto;
-}
-
-.showData .right {
-  position: absolute;
-  top: 0px;
-  left: 220px;
-  right: 0px;
-  height: 180px;
-}
-
-.showData .right .top {
-  height: 30px;
-  line-height: 30px;
-  color: rgb(98, 98, 98);
-}
-
-.showData .right ul {
-  height: 20px;
-  padding: 0px;
-  margin: 0px;
-  font-size: 0px;
-}
-
-.showData .right ul li {
-  display: inline-block;
-  height: 20px;
-  list-style: none;
-  font-size: 16px;
-  line-height: 20px;
-  color: #FFFFFF;
-  background-color: #5bb85d;
-  padding: 0px 7px;
-  margin-right: 10px;
-  cursor: pointer;
-}
-
-.showData .right ul li:hover {
-  background-color: rgb(80, 150, 80);
-}
-
-.showData .right ul li:active {
-  background-color: rgb(150, 200, 150);
-}
-
-.showData .right ul li a {
-  width: 100%;
-  height: 100%;
-  text-decoration: none;
-  color: #FFFFFF;
-}
-
-.file-icon {
-  font-size: 60px;
-  color: #999;
-}
+<template>
+  <div>
+    <modal :show.sync="show" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">附件查看</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div v-if="loading" class="loading-container">
+          <div class="loading-spinner"></div>
+          <p>加载中...</p>
+        </div>
+        <div v-if="!loading && error" class="error-container">
+          <p>{{ error }}</p>
+        </div>
+        <div v-if="!loading && !error && (!attachments || attachments.length === 0)" class="no-data-container">
+          <p>暂无附件</p>
+        </div>
+        <div v-if="!loading && !error && attachments && attachments.length > 0" class="attachments-list">
+          <div class="showList col-sm-12" style="padding: 10px;margin-top: 10px">
+            <div class="col-sm-6" style="padding:10px 10px 0px 10px;height: auto;box-sizing: border-box"
+                 v-for="attachment in attachments" track-by="id">
+              <div class="showData">
+                <div class="left">
+                  <img v-if="isImageFile(attachment)" :src="attachment.f_downloadpath || '#'" />
+                  <div v-else class="file-icon">
+                    <i class="glyphicon" :class="getFileIconClass(attachment)"></i>
+                  </div>
+                </div>
+                <div class="right">
+                  <ul class="buttonList top">
+                    <li v-if="['jpg','jpeg','png','gif','bmp'].includes(attachment.f_filetype.toLowerCase())">
+                        <a target="_blank" :href="attachment.f_downloadpath">预览</a>
+                    </li>
+                    <li>
+                      <a href="javascript:void(0)" @click="downloadAttachment(attachment)">下载</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button class="button_clear button_spacing" @click="close">关闭</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import { HttpResetClass } from 'vue-client'
+
+export default {
+  props: {
+    businessId: {
+      type: [String, Number],
+      required: true
+    },
+    tableName: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      show: true,
+      loading: true,
+      error: null,
+      attachments: []
+    }
+  },
+  created() {
+    this.fetchAttachments()
+  },
+  methods: {
+    fetchAttachments() {
+      this.loading = true
+      this.error = null
+      
+      try {
+        if(!this.businessId || !this.tableName){
+          this.error = '业务ID和表名不能为空'
+          this.loading = false
+          return
+        }
+        const HttpReset = new HttpResetClass()
+        HttpReset.load('POST', 'rs/sql/singleTable_OrderBy', {
+          data: {
+            items: 'id,F_DOWNLOADPATH,f_filename,f_filetype',
+            condition: `F_TABLE_NAME='${this.tableName}' and F_BUSINESSID = '${this.businessId}'`,
+            tablename: 't_files',
+            orderitem: 'id'
+          }
+        },{rejectMsg:null,resolveMsg:null}).then((response) => {
+          this.attachments = response.data || []
+          // 处理文件路径，确保完整URL
+          this.attachments.forEach(item => {
+            if (item.f_downloadpath && !item.f_downloadpath.startsWith('http')) {
+              let temp = item.f_downloadpath
+              let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
+              // 将反斜杠替换为正斜杠
+              URL = URL.replace(/\\/g, '/')
+              item.f_downloadpath = "http://" + location.host + "/" + URL
+            } else {
+              item.f_downloadpath = item.f_downloadpath
+            }
+          })
+          this.loading = false
+        }).catch((error) => {
+          this.error = '获取附件失败：' + (error.message || '未知错误')
+          this.loading = false
+        })
+        
+      } catch (error) {
+        this.error = '获取附件失败：' + (error.message || '未知错误')
+        this.loading = false
+      }
+    },
+    previewAttachment(attachment) {
+      // 根据附件类型处理预览
+      alert('预览附件：' + attachment.fileName)
+    },
+    downloadAttachment(attachment) {
+      this.$downFileR(attachment.f_downloadpath,attachment.f_filename,true)
+    },
+    close() {
+      this.show = false
+      this.$emit('close')
+    },
+    isImageFile(file) {
+      const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];
+      const fileExt = file.f_filetype.toLowerCase();
+      return imageExtensions.indexOf(fileExt) !== -1;
+    },
+    getFileIconClass(file) {
+      const fileType = file.f_filetype.toLowerCase();
+      
+      if (fileType === 'pdf') {
+        return 'glyphicon-file text-danger';
+      } else if (['doc', 'docx'].indexOf(fileType) !== -1) {
+        return 'glyphicon-file text-primary';
+      } else if (['xls', 'xlsx'].indexOf(fileType) !== -1) {
+        return 'glyphicon-file text-success';
+      } else {
+        return 'glyphicon-file';
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.loading-container, .error-container, .no-data-container {
+  text-align: center;
+  padding: 30px;
+}
+
+.loading-spinner {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  border: 4px solid #f3f3f3;
+  border-top: 4px solid #3498db;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-bottom: 10px;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.attachments-list {
+  width: 100%;
+}
+
+.showData {
+  height: auto;
+  position: relative;
+  padding-bottom: 7px;
+  border-bottom: solid 1px #c1c1c1;
+  font-family: "微软雅黑";
+}
+
+.showData .left {
+  height: 180px;
+  width: 210px;
+  background-color: rgb(240, 240, 240);
+  overflow: hidden;
+  line-height: 180px;
+  text-align: center;
+}
+
+.showData .left img {
+  width: 100%;
+  height: auto;
+}
+
+.showData .right {
+  position: absolute;
+  top: 0px;
+  left: 220px;
+  right: 0px;
+  height: 180px;
+}
+
+.showData .right .top {
+  height: 30px;
+  line-height: 30px;
+  color: rgb(98, 98, 98);
+}
+
+.showData .right ul {
+  height: 20px;
+  padding: 0px;
+  margin: 0px;
+  font-size: 0px;
+}
+
+.showData .right ul li {
+  display: inline-block;
+  height: 20px;
+  list-style: none;
+  font-size: 16px;
+  line-height: 20px;
+  color: #FFFFFF;
+  background-color: #5bb85d;
+  padding: 0px 7px;
+  margin-right: 10px;
+  cursor: pointer;
+}
+
+.showData .right ul li:hover {
+  background-color: rgb(80, 150, 80);
+}
+
+.showData .right ul li:active {
+  background-color: rgb(150, 200, 150);
+}
+
+.showData .right ul li a {
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  color: #FFFFFF;
+}
+
+.file-icon {
+  font-size: 60px;
+  color: #999;
+}
 </style> 

package/src/components/sale/report/aode/DayReport.vue

@@ -1,50 +1,50 @@
-<template>
-  <div id="unit" class="flex-row" >
-    <div class="basic-main" :style="{width:width}">
-      <day-report-list @getdata="getdata" @close="close" @show="show" :style="style" v-ref:list ></day-report-list>
-    </div>
-    <div class="binary-right" v-if="summaryshow">
-      <ul class="nav nav-tabs">
-        <li class="active"><a href="#">数据汇总</a></li>
-      </ul>
-      <day-report-summary :sumsmodel="sumsmodel"  v-ref:gas></day-report-summary>
-    </div>
-  </div>
-</template>
-
-<script>
-
-  export default {
-    title:'日清单',
-    name: "DayReport",
-    data () {
-      return {
-        width:'100%',
-        summaryshow:false,
-        style:'col-sm-2'
-      }
-    },
-    ready(){
-    },
-    methods:{
-      getdata(val){
-        console.log(val)
-        this.sumsmodel = val
-      },
-      show(){
-        this.width = '58%'
-        this.summaryshow = true
-        this.style='col-sm-3'
-      },
-      close(){
-        this.width = '100%'
-        this.summaryshow = false
-        this.style='col-sm-2'
-      }
-    }
-  }
-</script>
-
-<style>
-</style>
-
+<template>
+  <div id="unit" class="flex-row" >
+    <div class="basic-main" :style="{width:width}">
+      <day-report-list @getdata="getdata" @close="close" @show="show" :style="style" v-ref:list ></day-report-list>
+    </div>
+    <div class="binary-right" v-if="summaryshow">
+      <ul class="nav nav-tabs">
+        <li class="active"><a href="#">数据汇总</a></li>
+      </ul>
+      <day-report-summary :sumsmodel="sumsmodel"  v-ref:gas></day-report-summary>
+    </div>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    title:'日清单',
+    name: "DayReport",
+    data () {
+      return {
+        width:'100%',
+        summaryshow:false,
+        style:'col-sm-2'
+      }
+    },
+    ready(){
+    },
+    methods:{
+      getdata(val){
+        console.log(val)
+        this.sumsmodel = val
+      },
+      show(){
+        this.width = '58%'
+        this.summaryshow = true
+        this.style='col-sm-3'
+      },
+      close(){
+        this.width = '100%'
+        this.summaryshow = false
+        this.style='col-sm-2'
+      }
+    }
+  }
+</script>
+
+<style>
+</style>
+