manage-client 3.3.212 → 3.3.213-mc

package/build/dev-server.js

@@ -11,91 +11,113 @@ var compiler = webpack(config)
 // Define HTTP proxies to your custom API backend
 // https://github.com/chimurai/http-proxy-middleware
 // var bendi = 'http://127.0.0.1:8089/manage', fuwu = 'http://36.103.224.217:6300/'
-var shaoguan = 'http://119.146.1.106:8300/'
-var qtx= 'http://36.103.222.144:6300/'
+var shaoguan = 'https://www.machengtrq.com:8400/'
+var qtx= 'https://www.machengtrq.com:8400/'
 // var bendi = 'http://220.194.141.253:8600/'
 // var bendi = 'http://203.57.101.233:9001'
 // var bendi = 'http://172.168.1.11:9001/'
 // var bendi = 'http://203.57.101.233:8400/'
 // var bendi = 'http://121.36.106.17:8400/'
 // var fuwu = 'http://203.57.101.233:9001'
-var bendi = 'http://203.57.101.233:8400/'
+var bendi = 'https://www.machengtrq.com:8400/'
 // var bendi = 'http://119.187.112.234:8400/'
-var wode = 'http://203.57.101.233:8400/'
+var wode = 'https://www.machengtrq.com:8400/'
 // 192.168.
 //  var str = 'http://127.0.0.1:8080/manage', str2 = 'http://192.168.50.199:8300'
 // var str = 'http://192.168.10.233:8300', str2 = 'http://192.168.10.14:8300'
 var proxyTable = {
   '/rs/logic/exportfile': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/api': {
-    target: 'http://192.168.50.4:8400'
+    target: 'https://www.machengtrq.com:8400/',
+    secure: false
 
   },
   '/rs/sql/chargeQuery_by_gasproperties': {
-    target: 'http://localhost:8084/'
+    target: 'http://localhost:8084/',
+    secure: false
   },
   '/rs/logic/chargeQuery_by_gasproperties_line': {
-    target: 'http://localhost:8084/'
+    target: 'http://localhost:8084/',
+    secure: false
   },
   '/files': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   // 查找资源服务数据
   '/rs/search': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   // 查找资源服务数据
   '/rs/logic/getLogin': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   // 查找资源服务数据
   '/rs/logic/getInitData': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/logic/getSaleInitData': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   // 用户登录服务地址
   '/rs/user': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/path/getParams': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/data': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/license': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/db': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/excel': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/config': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/sql/getLicenseById': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/report': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/vue': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/file': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs/sql/singleTable': {
-    target: bendi
+    target: bendi,
+    secure: false
   },
   '/rs': {
-    target: wode
+    target: wode,
+    secure: false
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "manage-client",
-    "version": "3.3.212",
+    "version": "3.3.213-mc",
     "description": "经营管控模块前台组件",
     "main": "src/index.js",
     "directories": {

package/src/components/DataGrid.vue

@@ -0,0 +1,483 @@
+<template>
+  <div @scroll="scroll()" style="overflow:auto;" id="listrefeshx" v-el:grid>
+    <table replace='table' class="{{classname}}" v-if="!optional">
+      <thead a-partial='head' v-for='h in 1' class="text-left" @dblclick.stop="headDblclickGo($event)" v-el:the>
+      </thead>
+      <tbody>
+      <tr
+        :id="'vc-datagrid-'+attach+'-'+$index"
+        v-for='row in model.rows || model.children || model.data'
+        v-bind:class="{  'success': isSelected(row)&&!customize,'customizestyle':isSelected(row)&&customize }"
+        @click="select(row)" @dblclick.stop="dblclickGo(row, $index)"
+        a-partial='body' track-by="$index">
+      </tr>
+      </tbody>
+      <tr a-partial='foot' v-for='f in 1'></tr>
+    </table>
+    <!-- 自带选择框的table -->
+    <table replace='table' class="{{classname}}" v-if="optional">
+      <thead v-for='h in 1' class="text-left" @dblclick.stop="headDblclickGo($event)">
+      <tr a-partial='head'>
+        <th style="text-align:center">
+          <input type="checkbox" v-model="checkAll[model.pageIndex-1]" @change="selectAll()" @click.stop/>
+        </th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr
+        :id="'vc-datagrid-'+attach+'-'+$index"
+        v-for='row in model.rows || model.children || model.data'
+        v-bind:class="{  'success': isSelected(row)&&!customize,'customizestyle':isSelected(row)&&customize }"
+        @click="select(row)" @dblclick.stop="dblclickGo(row, $index)"
+        a-partial='body' track-by="$index">
+        <td style="text-align: center;">
+          <input @click.stop :id="'bodycheckbox'+model.pageIndex" type='checkbox' @change="selectOne($event,row,$index)" :checked="ischecked(model.pageIndex-1,$index)"/>
+        </td>
+      </tr>
+      </tbody>
+      <tr a-partial='foot' v-for='f in 1'></tr>
+    </table>
+
+    <modal :show.sync="show" backdrop="false">
+      <header slot="modal-header" class="modal-header text-center">
+        <h4 class="modal-title">显示列选择</h4>
+        <input type="checkbox" :id="'theadNodeAll' + dateTime" v-model="all">
+        <label :for="'theadNodeAll' + dateTime" class="font-size">全选</label>
+      </header>
+      <article slot="modal-body">
+        <div class="auto col-sm-11 col-md-offset-1" style="margin-top: 10px;">
+          <div class="col-sm-3" v-for="f in theadval">
+            <input type="checkbox" :id="'water-owe-details-' + dateTime + $index" v-model="modelval" :value="f.index">
+            <label :for="'water-owe-details-'+ dateTime + $index" class="font-size">{{f.innerText}}</label>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <center>
+          <button type="button" class="btn btn-default" @click='show = false'>取消</button>
+          <button type="button" class="btn btn-success" @click='displayColumnSettings()'>确定</button>
+        </center>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  // Selector mixin 可能在外部库中，如果不存在则创建一个空的
+  let Selector = {}
+  try {
+    Selector = require('../mixins/Selector').default || require('../mixins/Selector')
+  } catch (e) {
+    // 如果找不到 Selector，创建一个空的 mixin
+    Selector = {
+      data() {
+        return {
+          selectStore: {
+            selected: null
+          }
+        }
+      },
+      methods: {
+        isSelected(row) {
+          return this.selectStore.selected === row
+        },
+        select(row) {
+          this.selectStore.selected = row
+          this.$dispatch('select', row)
+        }
+      }
+    }
+  }
+
+  export default {
+    props: {
+      classname: {
+        type: String,
+        default: 'table table-bordered table-striped table-hover'
+      },
+      model: {},
+      thumbWidth: {
+        type: Number,
+        default: 8
+      },
+      // 为测试添加，需要为元素指定id
+      attach: {
+        type: String,
+        default: 'name'
+      },
+      customize: {
+        type: Boolean,
+        default: false
+      },
+      // 是否添加勾选框,开启后别加tr标签, 调用getRowData()获取选中数据
+      // 建议在重新查询时调用selectInit方法, 重置选中数据, 防止出现bug
+      optional: {
+        type: Boolean,
+        default: false
+      },
+      //查询后是否滚回第一行
+      isScrollto: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data () {
+      return {
+        dateTime: new Date().getTime(),
+        theadNode: null,
+        tbodyTrNode: null,
+        theadval: null,
+        allTheadRows: null, // 保存所有行的 th，用于显示/隐藏时同时处理
+        modelval: [],
+        all: false,
+        show: false,
+        // 选择的用户
+        rowsdata: [],
+        // 控制全选
+        checkAll : [],
+        // 控制单选
+        radio: []
+      }
+    },
+    ready () {
+      // 做兼容处理
+      if (window.NodeList && !NodeList.prototype.forEach) {
+        NodeList.prototype.forEach = function (callback, thisArg) {
+          thisArg = thisArg || window
+          for (var i = 0; i < this.length; i++) {
+            callback.call(thisArg, this[i], i, this)
+          }
+        }
+      }
+      // var HostApp
+      try {
+        HostApp
+        // 如果为移动端设备，将.span的高度设置为auto
+        let spans = document.getElementsByClassName('span')
+        for (var i = 0; i < spans.length; i++) {
+          spans[i].style.height = 'auto'
+        }
+      } catch (e) {
+      }
+      let el = this.$els.grid
+      let translate = 'translate(' + (el.scrollLeft - (el.scrollWidth - el.offsetWidth) - this.thumbWidth) + 'px,0)'
+      // 新加载时，平移右侧固定列表体
+      el.querySelectorAll('table tbody .stickToRight').forEach((element) => {
+        element.style.transform = translate
+      })
+
+      translate = 'translate(' + (el.scrollLeft - (el.scrollWidth - el.offsetWidth) - this.thumbWidth) + 'px,' + el.scrollTop + 'px)'
+      // 新加载时，平移右侧固定表头
+      el.querySelectorAll('table thead th.stickToRight').forEach((element) => {
+        element.style.transform = translate
+      })
+    },
+    methods: {
+      InitializedData () {
+        this.$nextTick(() => {
+          const theadElement = this.$el.querySelector('thead')
+          // 只获取最后一行的 th 标签（对应实际 td 的列）
+          const trs = theadElement.getElementsByTagName('tr')
+          const lastTr = trs[trs.length - 1]
+          this.theadNode = lastTr ? lastTr.getElementsByTagName('th') : theadElement.getElementsByTagName('th')
+          this.tbodyTrNode = theadElement.nextElementSibling.getElementsByTagName('tr')
+        })
+      },
+      scroll () {
+        let el = this.$els.grid
+        let translate = 'translate(0,' + el.scrollTop + 'px)'
+        // 滚动时，平移除右侧除右侧固定以外的表头
+        el.querySelectorAll('table thead th:not(.stickToRight)').forEach((element) => {
+          element.style.transform = translate
+        })
+        // 滚动时，平移除右侧除左侧侧固定以外的表头
+        el.querySelectorAll('table thead th:not(.stickToLeft)').forEach((element) => {
+          element.style.transform = translate
+        })
+
+        // 滚动时，平移左侧固定的表体
+        translate = 'translate(' + el.scrollLeft + 'px,0)'
+        el.querySelectorAll('table tbody .stickToLeft').forEach((element) => {
+          element.style.transform = translate
+        })
+        // 滚动时，平移右侧固定的表体
+        translate = 'translate(' + (el.scrollLeft - (el.scrollWidth - el.offsetWidth) - this.thumbWidth) + 'px,0)'
+        el.querySelectorAll('table tbody .stickToRight').forEach((element) => {
+          element.style.transform = translate
+        })
+        // 滚动时，平移左侧固定的表头
+        translate = 'translate(' + el.scrollLeft + 'px,' + el.scrollTop + 'px)'
+        el.querySelectorAll('table thead th.stickToLeft').forEach((element) => {
+          element.style.transform = translate
+        })
+        // 滚动时，平移右侧固定的表头
+        translate = 'translate(' + (el.scrollLeft - (el.scrollWidth - el.offsetWidth) - this.thumbWidth) + 'px,' + el.scrollTop + 'px)'
+        el.querySelectorAll('table thead th.stickToRight').forEach((element) => {
+          element.style.transform = translate
+        })
+
+      },
+      dblclickGo (row, index) {
+        this.$dispatch('dblclick', row, index)
+      },
+      headDblclickGo (e) {
+        const theadElement = e.currentTarget
+        // 只获取最后一行的 th 标签（对应实际 td 的列）
+        const trs = theadElement.getElementsByTagName('tr')
+        const lastTr = trs[trs.length - 1]
+        this.theadNode = lastTr ? lastTr.getElementsByTagName('th') : theadElement.getElementsByTagName('th')
+        // 保存所有行的 th，用于显示/隐藏时同时处理
+        this.allTheadRows = []
+        for (let i = 0; i < trs.length; i++) {
+          this.allTheadRows.push(trs[i].getElementsByTagName('th'))
+        }
+        // 保存第一行 th 的【初始】原始 colspan，只在首次或列数变化时记录，
+        // 避免后面我们动态修改 colspan 之后再被当成“原始值”，导致分组错乱
+        if (this.allTheadRows.length > 0) {
+          const firstRowThs = this.allTheadRows[0]
+          if (!this.originalColspans || this.originalColspans.length !== firstRowThs.length) {
+            this.originalColspans = []
+            for (let i = 0; i < firstRowThs.length; i++) {
+              const th = firstRowThs[i]
+              this.originalColspans.push(parseInt(th.getAttribute('colspan') || '1', 10))
+            }
+          }
+        }
+        this.tbodyTrNode = theadElement.nextElementSibling.getElementsByTagName('tr')
+        if (!this.tbodyTrNode.length) {
+          this.$showMessage('当前无数据, 请查询后再试')
+          return
+        }
+        if (!this.theadval) {
+          this.theadval = []
+          for (let i = 0; i < this.theadNode.length; i++) {
+            this.theadval.push({index: i, innerText: this.theadNode[i].innerText.replace(/[\n]/g, "").trim()})
+          }
+        }
+        // 初始化 modelval 为当前所有可见列的索引
+        this.modelval = []
+        for (let i = 0; i < this.theadNode.length; i++) {
+          if (this.theadNode[i].style.display !== 'none') {
+            this.modelval.push(i)
+          }
+        }
+        // 如果所有列都可见，设置全选为 true
+        this.all = this.modelval.length === this.theadNode.length
+        this.show = true
+      },
+      displayColumnSettings (watch) {
+        if (this.modelval.length <= 0) {
+          // 如果是从监听过来的, 不进行提示
+          if (!watch) this.$showMessage('请至少选择一列展示!')
+          return
+        }
+        if (!this.tbodyTrNode || !this.theadNode) return
+        
+        // 将 modelval 中的索引转换为数字数组（因为 v-model 可能返回字符串）
+        const selectedIndices = this.modelval.map(v => parseInt(v, 10))
+        
+        for (let tr of this.tbodyTrNode) {
+          let td = tr.getElementsByTagName('td')
+          for (let i = 0; i < this.theadNode.length; i++) {
+            // 检查 td[i] 是否存在，避免访问 undefined
+            if (i >= td.length) {
+              continue
+            }
+            // 使用索引来判断是否显示，而不是文本
+            const shouldShow = selectedIndices.includes(i)
+            
+            // 显示/隐藏最后一行的 th（对应实际列）
+            if (this.theadNode[i]) {
+              this.theadNode[i].style.display = shouldShow ? '' : 'none'
+            }
+            
+            // 显示/隐藏对应的 td
+            if (td[i]) {
+              td[i].style.display = shouldShow ? '' : 'none'
+            }
+          }
+        }
+        
+        // 处理第一行的 th（根据子列的显示状态来决定是否隐藏）
+        if (this.allTheadRows && this.allTheadRows.length > 1) {
+          this.updateFirstRowThs()
+        }
+        
+        this.show = false
+      },
+      // 更新第一行 th 的显示状态（根据子列的显示状态）
+      updateFirstRowThs () {
+        if (!this.allTheadRows || this.allTheadRows.length < 2 || !this.theadNode || !this.originalColspans) return
+        
+        const firstRowThs = this.allTheadRows[0]
+        let currentColIndex = 0
+        
+        for (let i = 0; i < firstRowThs.length; i++) {
+          const th = firstRowThs[i]
+          const originalColspan = this.originalColspans[i] || parseInt(th.getAttribute('colspan') || '1', 10)
+          
+          // 统计当前分组下可见的子列数量
+          let visibleCount = 0
+          for (let j = 0; j < originalColspan && currentColIndex + j < this.theadNode.length; j++) {
+            const childTh = this.theadNode[currentColIndex + j]
+            if (childTh && childTh.style.display !== 'none') {
+              visibleCount++
+            }
+          }
+
+          // 没有任何可见子列，则隐藏这一组表头
+          if (visibleCount === 0) {
+            if (th) {
+              th.style.display = 'none'
+              // 保留原始的 colspan 记录，方便后续再次计算
+              th.setAttribute('colspan', originalColspan)
+            }
+          } else {
+            // 有可见子列，显示这一组表头，并将 colspan 设置为可见子列数，保证上下表头对齐
+            if (th) {
+              th.style.display = ''
+              th.setAttribute('colspan', visibleCount)
+            }
+          }
+          
+          // 更新列索引（使用原始 colspan，因为我们需要按照原始结构遍历）
+          currentColIndex += originalColspan
+        }
+      },
+      // 多选框初始化
+      selectInit () {
+        this.rowsdata = []
+        this.checkAll = []
+        this.radio = []
+      },
+      // 返回选择数据(合并二维数组并去空)
+      getRowData () {
+        let data = []
+        // 合并
+        for (let array of this.rowsdata) {
+          data.push.apply(data, array)
+        }
+        // 去空
+        data = this.removeEmpty(data)
+        return data
+      },
+      removeEmpty (data) {
+        for (var i = 0; i < data.length; i++) {
+          if (data[i] == "" || typeof (data[i]) == "undefined") {
+            data.splice(i, 1);
+            i--;
+          }
+        }
+        return data;
+      },
+      selectAll () {
+        let index = this.model.pageIndex - 1
+        console.log('全选', this.checkAll[index])
+        if (!this.radio[index]) {
+          this.radio.$set(index, [])
+        }
+        if (this.checkAll[index]) {
+          // 数据
+          this.rowsdata[index] = Object.assign([], this.model.rows)
+          // 勾选
+          for (let i = 0; i < this.model.rows.length; i++) {
+            this.radio[index].$set(i, true)
+          }
+        } else {
+          // 数据
+          this.rowsdata[index] = []
+          // 不勾选
+          for (let i = 0; i < this.model.rows.length; i++) {
+            this.radio[index].$set(i, false)
+          }
+        }
+      },
+      selectOne (event, row, i) {
+        console.log('单选', event.target.checked)
+        let index = this.model.pageIndex - 1
+        if (!this.rowsdata[index]) {
+          this.rowsdata[index] = []
+        }
+        if (!this.radio[index]) {
+          this.radio.$set(index, [])
+        }
+        if (event.target.checked) {
+          // 数据
+          this.rowsdata[index][i] = row
+          // 勾选
+          this.radio[index].$set(i, true)
+          // 判断是否全部选中
+          var allState = true
+          if (this.model.rows.length != this.radio[index].length) {
+            allState = false
+          }
+          for (var state of this.radio[index]) {
+            if (!state) {
+              allState = false
+            }
+          }
+          if (allState) {
+            this.checkAll.$set(index, true)
+          } else {
+            this.checkAll.$set(index, false)
+          }
+        } else {
+          // 数据
+          this.rowsdata[index][i] = []
+          // 不勾选
+          this.radio[index].$set(i, false)
+          // 任意取消一个则全选状态设为false
+          this.checkAll.$set(index, false)
+        }
+      }
+    },
+    watch: {
+      'all' (val) {
+        this.modelval = []
+        if (val) {
+          for (let row of this.theadval) {
+            this.modelval.push(row.index)
+          }
+        }
+      },
+      'model.rows' () {
+        this.selectStore.selected = null
+        if (this.model.rows) {
+          this.displayColumnSettings('watch')
+          this.$dispatch('dataGrid', this.model.rows)
+        }
+      },
+      'model.pageIndex' () {
+        if(this.isScrollto){
+          this.$els.grid.scrollTo(0,0)
+        }
+      },
+      deep: true
+    },
+    computed: {
+      // 判断页面框选中
+      ischecked () {
+        return function (index, i) {
+          // console.log("计算属性")
+          if (!this.radio[index]) {
+            return false
+          }
+          return this.radio[index][i]
+        }
+      }
+    },
+    mixins: [Selector]
+  }
+</script>
+<style>
+  th.stickToLeft {
+    position: relative;
+    z-index: 1;
+  }
+
+  th.stickToRight {
+    position: relative;
+    z-index: 1;
+  }
+</style>
+

package/src/components/sale/config/exportConfig.js

@@ -1904,6 +1904,32 @@ export default {
     'f_first_input_date': '首次抄表时间',
     'f_input_date': '最后通讯日期'
   },
+  GasStatisticsOld: {
+    'f_userinfo_code': '客户编号',
+    'f_user_name': '客户姓名',
+    'f_residential_area': '小区',
+    'f_address': '地址',
+    'f_user_phone': '电话',
+    'f_table_state': '气表状态',
+    'f_gascode': '燃气证号',
+    'f_meternumber': '表号',
+    'f_meter_brand': '气表品牌',
+    'f_meter_classify': '表具类型',
+    'f_meter_title': '表描述',
+    'f_price_name': '气价名称',
+    'f_user_nature': '用气类型',
+    'f_gasproperties': '用气性质',
+    'f_balance': '期初余额',
+    'f_last_tablebase': '起方',
+    'f_tablebase': '止方',
+    'f_oughtamount': '期间用气量',
+    'f_oughtfee': '期间用气金额',
+    'f_collection': '期末充值金额',
+    'f_curbalance': '期末余额',
+    'f_gas_state': '用气状态',
+    'f_changetable_state': '是否换表',
+    'f_input_date': '最后通讯日期'
+  },
   ArrearageConfig: {
     'f_userinfo_code': '客户编号',
     'f_meternumber': '表号',

package/src/components/webmeter/gasStatistics/GasStatistics.vue

@@ -490,7 +490,7 @@
         }
       },
       getfield () {
-        return exportConfig.GasStatistics
+        return exportConfig.GasStatisticsOld
       },
       usertypes() {
         return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('用户类型')]