manage-client-xy 3.2.0 → 3.2.1

package/src/components/ManageHomeCS/ImportSupplygas/UpdateSupply.vue

@@ -1,187 +1,187 @@
-<template>
-  <div class="auto select-overspread">
-    <div class="panel panel-info">
-      <div class="panel-heading">
-        <h3 class="panel-title">修改客户信息</h3>
-      </div>
-    </div>
-    <validator name="v">
-      <form class="form-horizontal">
-        <div class="col-sm-12 form-group" style="margin-top: 100px;">
-          <div class="col-sm-4" :class="[$v.f_gasmun.required ? 'has-error': '']">
-            <label class="col-sm-6 control-label">供气量:</label>
-            <div class="col-sm-4">
-              <input type="text" onkeyup="value=value.replace(/[^\.\d]/g,'')"  onblur="value=value.replace(/[^\.\d]/g,'')" onblur="this.v();" class="form-control" v-model="model.f_gasmun" v-validate:f_gasmun='{required: true }'/>
-            </div>
-          </div>
-          <div class="col-sm-4" :class="[$v.f_gasunits.required ? 'has-error': '']">
-            <label class="col-sm-6 control-label">供气单位：</label>
-            <div class="col-sm-4">
-              <input type="text" class="form-control" v-model="model.f_gasunits" v-validate:f_gasunits='{required: true }'/>
-            </div>
-          </div>
-          <!--<div class="col-sm-4"  :class="[$v.fcredentials.required ? 'has-error select-error': '']">-->
-            <!--<label class="col-sm-6 control-label">证件类型:</label>-->
-            <!--<div class="col-sm-4">-->
-              <!--<input type="text" v-show="false" v-model="$refs.fcredentials.value[0]" v-validate:fcredentials='{required: true }'>-->
-              <!--<v-select :value.sync="model.f_credentials" v-model="model.f_credentials" v-ref:fcredentials :options='credentials'-->
-                        <!--placeholder='请选择' close-on-select></v-select>-->
-            <!--</div>-->
-          <!--</div>-->
-          <!--//<div class="col-sm-4"  :class="[$v.f_gasdate.required ? 'has-error select-error': '']"></div>-->
-          <div class="col-sm-4">
-            <label for="startDate" class="col-sm-6 control-label">供气时间:</label>
-            <div class="col-sm-4" >
-              <datepicker id="startDate" placeholder="开始日期"
-                          v-model="model.f_gasdate"
-                          :value.sync="model.f_gasdate"
-                          :disabled-days-of-Week="[]"
-                          :format="'yyyy-MM-dd'"
-                          :show-reset-button="reset">
-              </datepicker>
-            </div>
-          </div>
-
-
-        </div>
-        <div class="col-sm-12 form-group">
-
-          <div class="col-sm-4" :class="[$v.f_department.required ? 'has-error': '']">
-            <label class="col-sm-6 control-label">操作部门：</label>
-            <div class="col-sm-4">
-              <input type="text" class="form-control" v-model="model.f_department" v-validate:f_department='{required: true }'/>
-            </div>
-          </div>
-          <!--<div class="col-sm-4" :class="[$v.f_password.required ? 'has-error': '']">-->
-            <!--<label class="col-sm-6 control-label">密码:</label>-->
-            <!--<div class="col-sm-4">-->
-              <!--<input type="text" class="form-control" v-model="model.f_password" v-validate:f_password='{required: true }'/>-->
-            <!--</div>-->
-          <!--</div>-->
-        </div>
-        <div class="col-sm-12 form-group">
-
-
-        </div>
-        <div class="col-sm-12 form-group">
-          <div class="col-sm-4">
-            <label class="col-sm-6 control-label">分公司:</label>
-            <div class="col-sm-4">
-              <input type="text" class="form-control" v-model="model.f_filiale" disabled/>
-            </div>
-          </div>
-          <div class="col-sm-4">
-            <label class="col-sm-6 control-label">操作时间:</label>
-            <div class="col-sm-4">
-              <input type="text" class="form-control" v-model="model.f_date" disabled/>
-            </div>
-          </div>
-          <div class="col-sm-4">
-            <label class="col-sm-6 control-label">操作人:</label>
-            <div class="col-sm-4">
-              <input type="text" class="form-control" v-model="model.f_operator" disabled/>
-            </div>
-          </div>
-        </div>
-      </form>
-    </validator>
-    <div class="col-sm-12 form-group" style="margin-top: 40px;">
-      <center>
-        <button type="button" @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:40px;" :disabled='$v.invalid'>
-          保存
-        </button>
-        <button  type="button" @click="reset()" class="btn btn-warning" style="width:80px; margin-left:40px;">
-          撤销
-        </button>
-      </center>
-    </div>
-  </div>
-</template>
-<script>
-  import * as Util from '../../../stores/Util'
-  //import AppData from '../../../../stores/AppData'
-  export default {
-    title: '添加人员信息',
-    data () {
-      return {
-        model: {
-           //f_filiale: Util. f.f_fengongsi,
-          //id: 185,
-          f_filiale: null,
-           f_date: Util.toStandardDateString(),
-          // f_operator: Util.f.name,
-          f_operator: null,
-           f_gasdate: Util.toStandardDateString(),
-          f_gasmun : null,
-          f_gasunits : null,
-          f_department : null
-        }
-      }
-    },
-    props: ['upperson'],
-    ready () {
-      this.$nextTick(() => {
-        this.$dispatch('hiddenpaged')
-        // this.upperson.f_credentials = this.upperson.f_credentials ?  this.upperson.f_credentials : this.model.f_credentials
-        // this.upperson.f_inputtor_type = this.upperson.f_inputtor_type ?  this.upperson.f_inputtor_type : this.model.f_inputtor_type
-        // this.upperson.f_parentname = this.upperson.f_parentname ?  this.upperson.f_parentname : this.model.f_parentname
-        // this.model = Object.assign({}, this.model, this.upperson)
-        // this.model.f_credentials = [this.model.f_credentials]
-        // this.model.f_inputtor_type = [this.model.f_inputtor_type]
-        // this.model.f_parentname = [this.model.f_parentname]
-        console.log("组件之间的传值 f_gasmun,f_gasunits,f_department")
-        this.model = Object.assign({}, this.model, this.upperson) //添加id，识别是否为更新操作
-        console.log(this.upperson.f_gasmun);
-        console.log(this.model.f_gasmun);
-        console.log(this.upperson.f_gasunits);
-        console.log(this.upperson.f_department)
-        //thi.model.id = this.upperson.id
-        this.model.f_gasmun = this.upperson.f_gasmun //? this.upperson.f_gasmun :this.model.f_gasmun;
-        this.model.f_gasunits = this.upperson.f_gasunits //? this.upperson.f_gasunits :this.model.f_gasunits;
-        this.model.f_department = this.upperson.f_department //? this.upperson.f_department :this.model.f_department;
-      })
-    },
-    methods: {
-      confirm() {
-        console.log(this.model),
-        this.model.f_gasdate //= this.model.startDate;//供气时间赋值
-        //姓名相同所以不需要赋值
-        this.model.f_department=this.model.f_department;//操作部门
-        this.model.f_filiale //= this.model.f_fengongsi;//分公司赋值
-        this.model.f_date //= this.model.f_operator_date;//操作日期赋值
-        this.$resetpost('rs/entity/t_supplygas', this.model).then(() => {
-          this.reset()
-        })
-      },
-      reset () {
-        this.$dispatch('close')
-      }
-    },
-    watch: {
-      'upperson' () {
-        this.$nextTick(() => {
-          this.$dispatch('hiddenpaged')
-          // this.upperson.f_credentials = this.upperson.f_credentials ?  this.upperson.f_credentials : this.model.f_credentials
-          // this.upperson.f_inputtor_type = this.upperson.f_inputtor_type ?  this.upperson.f_inputtor_type : this.model.f_inputtor_type
-          // this.upperson.f_parentname = this.upperson.f_parentname ?  this.upperson.f_parentname : this.model.f_parentname
-          // this.model = Object.assign({}, this.model, this.upperson)
-           this.model.f_gasmun = [this.model.f_gasmun]
-           this.model.f_gasunits = [this.model.f_gasunits]
-           this.model.f_date = [this.model.f_date]
-        })
-      }
-    },
-    computed: {
-      // credentials (){
-      //   return AppData.getParam("证件类型")
-      // },
-      // inputtortype () {
-      //   return AppData.getParam("角色类型")
-      // },
-      // parentname () {
-      //   return AppData.getParam("营业网点")
-      // }
-    }
-  }
-</script>
-
+<template>
+  <div class="auto select-overspread">
+    <div class="panel panel-info">
+      <div class="panel-heading">
+        <h3 class="panel-title">修改客户信息</h3>
+      </div>
+    </div>
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="col-sm-12 form-group" style="margin-top: 100px;">
+          <div class="col-sm-4" :class="[$v.f_gasmun.required ? 'has-error': '']">
+            <label class="col-sm-6 control-label">供气量:</label>
+            <div class="col-sm-4">
+              <input type="text" onkeyup="value=value.replace(/[^\.\d]/g,'')"  onblur="value=value.replace(/[^\.\d]/g,'')" onblur="this.v();" class="form-control" v-model="model.f_gasmun" v-validate:f_gasmun='{required: true }'/>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.f_gasunits.required ? 'has-error': '']">
+            <label class="col-sm-6 control-label">供气单位：</label>
+            <div class="col-sm-4">
+              <input type="text" class="form-control" v-model="model.f_gasunits" v-validate:f_gasunits='{required: true }'/>
+            </div>
+          </div>
+          <!--<div class="col-sm-4"  :class="[$v.fcredentials.required ? 'has-error select-error': '']">-->
+            <!--<label class="col-sm-6 control-label">证件类型:</label>-->
+            <!--<div class="col-sm-4">-->
+              <!--<input type="text" v-show="false" v-model="$refs.fcredentials.value[0]" v-validate:fcredentials='{required: true }'>-->
+              <!--<v-select :value.sync="model.f_credentials" v-model="model.f_credentials" v-ref:fcredentials :options='credentials'-->
+                        <!--placeholder='请选择' close-on-select></v-select>-->
+            <!--</div>-->
+          <!--</div>-->
+          <!--//<div class="col-sm-4"  :class="[$v.f_gasdate.required ? 'has-error select-error': '']"></div>-->
+          <div class="col-sm-4">
+            <label for="startDate" class="col-sm-6 control-label">供气时间:</label>
+            <div class="col-sm-4" >
+              <datepicker id="startDate" placeholder="开始日期"
+                          v-model="model.f_gasdate"
+                          :value.sync="model.f_gasdate"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+          </div>
+
+
+        </div>
+        <div class="col-sm-12 form-group">
+
+          <div class="col-sm-4" :class="[$v.f_department.required ? 'has-error': '']">
+            <label class="col-sm-6 control-label">操作部门：</label>
+            <div class="col-sm-4">
+              <input type="text" class="form-control" v-model="model.f_department" v-validate:f_department='{required: true }'/>
+            </div>
+          </div>
+          <!--<div class="col-sm-4" :class="[$v.f_password.required ? 'has-error': '']">-->
+            <!--<label class="col-sm-6 control-label">密码:</label>-->
+            <!--<div class="col-sm-4">-->
+              <!--<input type="text" class="form-control" v-model="model.f_password" v-validate:f_password='{required: true }'/>-->
+            <!--</div>-->
+          <!--</div>-->
+        </div>
+        <div class="col-sm-12 form-group">
+
+
+        </div>
+        <div class="col-sm-12 form-group">
+          <div class="col-sm-4">
+            <label class="col-sm-6 control-label">分公司:</label>
+            <div class="col-sm-4">
+              <input type="text" class="form-control" v-model="model.f_filiale" disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4">
+            <label class="col-sm-6 control-label">操作时间:</label>
+            <div class="col-sm-4">
+              <input type="text" class="form-control" v-model="model.f_date" disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4">
+            <label class="col-sm-6 control-label">操作人:</label>
+            <div class="col-sm-4">
+              <input type="text" class="form-control" v-model="model.f_operator" disabled/>
+            </div>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <div class="col-sm-12 form-group" style="margin-top: 40px;">
+      <center>
+        <button type="button" @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:40px;" :disabled='$v.invalid'>
+          保存
+        </button>
+        <button  type="button" @click="reset()" class="btn btn-warning" style="width:80px; margin-left:40px;">
+          撤销
+        </button>
+      </center>
+    </div>
+  </div>
+</template>
+<script>
+  import * as Util from '../../../stores/Util'
+  //import AppData from '../../../../stores/AppData'
+  export default {
+    title: '添加人员信息',
+    data () {
+      return {
+        model: {
+           //f_filiale: Util. f.f_fengongsi,
+          //id: 185,
+          f_filiale: null,
+           f_date: Util.toStandardDateString(),
+          // f_operator: Util.f.name,
+          f_operator: null,
+           f_gasdate: Util.toStandardDateString(),
+          f_gasmun : null,
+          f_gasunits : null,
+          f_department : null
+        }
+      }
+    },
+    props: ['upperson'],
+    ready () {
+      this.$nextTick(() => {
+        this.$dispatch('hiddenpaged')
+        // this.upperson.f_credentials = this.upperson.f_credentials ?  this.upperson.f_credentials : this.model.f_credentials
+        // this.upperson.f_inputtor_type = this.upperson.f_inputtor_type ?  this.upperson.f_inputtor_type : this.model.f_inputtor_type
+        // this.upperson.f_parentname = this.upperson.f_parentname ?  this.upperson.f_parentname : this.model.f_parentname
+        // this.model = Object.assign({}, this.model, this.upperson)
+        // this.model.f_credentials = [this.model.f_credentials]
+        // this.model.f_inputtor_type = [this.model.f_inputtor_type]
+        // this.model.f_parentname = [this.model.f_parentname]
+        console.log("组件之间的传值 f_gasmun,f_gasunits,f_department")
+        this.model = Object.assign({}, this.model, this.upperson) //添加id，识别是否为更新操作
+        console.log(this.upperson.f_gasmun);
+        console.log(this.model.f_gasmun);
+        console.log(this.upperson.f_gasunits);
+        console.log(this.upperson.f_department)
+        //thi.model.id = this.upperson.id
+        this.model.f_gasmun = this.upperson.f_gasmun //? this.upperson.f_gasmun :this.model.f_gasmun;
+        this.model.f_gasunits = this.upperson.f_gasunits //? this.upperson.f_gasunits :this.model.f_gasunits;
+        this.model.f_department = this.upperson.f_department //? this.upperson.f_department :this.model.f_department;
+      })
+    },
+    methods: {
+      confirm() {
+        console.log(this.model),
+        this.model.f_gasdate //= this.model.startDate;//供气时间赋值
+        //姓名相同所以不需要赋值
+        this.model.f_department=this.model.f_department;//操作部门
+        this.model.f_filiale //= this.model.f_fengongsi;//分公司赋值
+        this.model.f_date //= this.model.f_operator_date;//操作日期赋值
+        this.$resetpost('rs/entity/t_supplygas', this.model).then(() => {
+          this.reset()
+        })
+      },
+      reset () {
+        this.$dispatch('close')
+      }
+    },
+    watch: {
+      'upperson' () {
+        this.$nextTick(() => {
+          this.$dispatch('hiddenpaged')
+          // this.upperson.f_credentials = this.upperson.f_credentials ?  this.upperson.f_credentials : this.model.f_credentials
+          // this.upperson.f_inputtor_type = this.upperson.f_inputtor_type ?  this.upperson.f_inputtor_type : this.model.f_inputtor_type
+          // this.upperson.f_parentname = this.upperson.f_parentname ?  this.upperson.f_parentname : this.model.f_parentname
+          // this.model = Object.assign({}, this.model, this.upperson)
+           this.model.f_gasmun = [this.model.f_gasmun]
+           this.model.f_gasunits = [this.model.f_gasunits]
+           this.model.f_date = [this.model.f_date]
+        })
+      }
+    },
+    computed: {
+      // credentials (){
+      //   return AppData.getParam("证件类型")
+      // },
+      // inputtortype () {
+      //   return AppData.getParam("角色类型")
+      // },
+      // parentname () {
+      //   return AppData.getParam("营业网点")
+      // }
+    }
+  }
+</script>
+

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

@@ -0,0 +1,252 @@
+<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;
+}
+</style>