apply-clients 3.0.10-21 → 3.0.10-210

package/src/components/product/ReportForm/ProjectReport.vue

@@ -0,0 +1,447 @@
+<template>
+  <div class="d1">
+    <div class="left col-sm-12">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='search' v-ref:cri
+                  style="padding: 20px;background-color:  #f6f6f6;">
+          <form novalidate class="" partial>
+            <div class="col-sm-12">
+              <div class="form-group col-sm-2" >
+                <!--                <label class="col-sm-6">所属公司:</label>-->
+                <div class="col-sm-12">
+                  <v-select :width ="'100%'" style="width: 100%" :options="$parent.$parent.apply_org" placeholder='所属公司' condition="f_filiale = '{}'"
+                            v-model="model.f_filiale" @change="$parent.$parent.orgChange" :value.sync="model.f_filiale" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <div class="col-sm-12">
+                  <v-select :width ="'100%'" style="width: 100%" :options="$parent.$parent.entry_name" placeholder='项目名称' condition="f_entry_name = '{}'"
+                            v-model="model.f_entry_name" @change="$parent.$parent.entryChange" :value.sync="model.f_entry_name" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+                <div class="col-sm-12">
+                  <v-select :width ="'100%'" style="width: 100%" :options="$parent.$parent.entry_num" placeholder='项目编号' condition="f_entry_num = '{}'"
+                            v-model="model.f_entry_num" :value.sync="model.f_entry_num" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+<!--              <div class="form-group col-sm-2">-->
+<!--                <div class="col-sm-12">-->
+<!--                  <input type="text" class="form-control" v-model="model.f_address"-->
+<!--                         condition="d.f_address like '%{}%'" placeholder='请输入用户地址'>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--              <div class="form-group col-sm-2">-->
+<!--                <div class="col-sm-12">-->
+<!--                  <input type="text" class="form-control" v-model="model.f_user_phone"-->
+<!--                         condition="u.f_user_phone like '%{}%'" placeholder='请输入用户电话'>-->
+<!--                </div>-->
+<!--              </div>-->
+              <div class="form-group col-sm-2">
+                <div class="col-sm-4">
+                  <button class="btn btn-primary btn-sm" type="button" @click="search(),$parent.$parent.count_money_sum(),$parent.$parent.close()">
+                    <span class="glyphicon glyphicon-search"></span>查询
+                  </button>
+                </div>
+                <div class="col-sm-4">
+                  <button class="btn btn-primary btn-sm" type="button" @click="$parent.$parent.clear()">
+                    <span class="glyphicon glyphicon-search"></span>清空
+                  </button>
+                </div>
+                <div class="col-sm-4">
+                  <export-excel progress="apply_getExportProgress"
+                                :data="{condition: condition,data: {fengongsi: this.$login.f.orgs, company: $parent.$parent.company_ok}}"
+                                :field="$parent.$parent.getfield()"
+                                sqlurl="rs/logic/apply_exportfile"
+                                sql-name="reportFormProject"
+                                template-name='项目汇总报表导出'
+                                :choose-col="true">
+
+                  </export-excel>
+                </div>
+              </div>
+            </div>
+          </form>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid class="data-grid" is-fixed='false' style="overflow-x:auto">
+          <template partial='head'>
+            <tr class="title">
+              <th>
+                <nobr>序号</nobr>
+              </th>
+              <th>
+                <nobr>所属公司</nobr>
+              </th>
+              <th>
+                <nobr>项目名称</nobr>
+              </th>
+              <th>
+                <nobr>项目编号</nobr>
+              </th>
+              <th>
+                <nobr>用气性质</nobr>
+              </th>
+              <th>
+                <nobr>户数</nobr>
+              </th>
+              <th>
+                <nobr>应收金额</nobr>
+              </th>
+              <th>
+                <nobr>已收金额</nobr>
+              </th>
+              <th>
+                <nobr>欠费金额</nobr>
+              </th>
+              <th>
+                <nobr>备注</nobr>
+              </th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td  style="text-align: center;">
+                <nobr>{{$index+1}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_filiale}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_entry_name}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_entry_num}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_gasproperties}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.count}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_contract_money_sum.toFixed(2)}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_cumulative_money_sum.toFixed(2)}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_unaccounts_money_sum.toFixed(2)}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_apply_remarks}}</nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+      <table class="table-hover" style="position: fixed; bottom: 0; background: white; width: 100%">
+        <tr style="position: relative" class="table-bordered">
+          <td
+            style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;color: #5CB95C;font-weight: bold">
+            汇总信息
+          </td>
+          <td
+            style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+            户数汇总:&emsp;{{count_sum}}
+          </td>
+          <td
+            style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+            应收金额汇总:&emsp;{{contract_money_sum}}
+          </td>
+          <td
+            style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+            已收金额汇总:&emsp;{{cumulative_money_sum.toFixed(2)}}
+          </td>
+          <td
+            style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
+            欠费金额汇总:&emsp;{{unaccounts_money_sum.toFixed(2)}}
+          </td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</template>
+<script>
+import AppData from '../../../stores/AppData.js'
+import PagedListLogic from '../../../stores/PagedListLogic'
+import getNowDate from '../../getNowDate.js'
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '项目汇总报表',
+  data() {
+    return {
+      applytype: this.$appdata.getParam('报建类型'),
+      applydepartment: this.$appdata.getParam('项目部'),
+      company: this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? " 1 = 1" : " f_filiale = '" + this.$login.f.orgs + "'",
+      company_ok: this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? "a.f_apply_num = '1' or 1 = 1" : '1 = 1',
+      model: new PagedListLogic('rs/sql/reportFormProject', 20, {
+        data: {
+          id: `${this.$login.f.name}`,
+          fengongsi: `${this.$login.f.orgs}`,
+          company: `${this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? "a.f_apply_num = '1' or 1 = 1" : '1 = 1'}`
+        }
+      },{f_now_payment_sum:0}),
+      users:[],
+      defnames:[],
+      condition: '',
+      select: '',
+      sum: 0 ,  //累计总金额
+      entry_name: [], //项目名称
+      entry_num: [], //项目编号
+      apply_org: [],
+
+      count_sum: 0, //户数汇总
+      contract_money_sum: 0,
+      cumulative_money_sum: 0,
+      unaccounts_money_sum: 0
+    }
+  },
+  ready() {
+    this.getEntry()
+    this.getOrgName()
+    this.$refs.cp.$refs.cri.search()
+    if (this.model.condition) {
+      this.count_money_sum()
+    }
+
+  },
+  methods: {
+    // 获取所有组织名称
+    async getOrgName() {
+      let http = new HttpResetClass()
+      let org = this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? " 1 = 1" : " name = '" + this.$login.f.orgs + "'"
+      let data = {
+        tablename: 't_organization',
+        condition: " name != '组织机构' and " + org
+
+      }
+      let res = await http.load('POST','rs/sql/applysingleTable',{data:data}, {
+        resolveMsg: null,
+        rejectMsg: '获取公司名称失败'
+      })
+      for (let i = 0; i < res.data.length; i++) {
+        //  所属公司
+        let data1 = []
+        let array1 = []
+        data1 = res.data.map(item => {
+          return item.name;
+        })
+        for (let q = 0; q < data1.length; q++) {
+          let arraydata = {
+            'label': data1[q],
+            'value': data1[q]
+          }
+          if (array1.length != 0) {
+            for (let w = 0; w < array1.length; w++) {
+              if (array1[w].label == data1[q]) {
+                break
+              }
+              while (w == array1.length - 1) {
+                array1.push(arraydata)
+                break
+              }
+            }
+          } else {
+            array1.push(arraydata)
+          }
+        }
+        this.apply_org = array1
+      }
+    },
+    generateUUID() {
+      var d = new Date().getTime()
+      var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = (d + Math.random() * 16) % 16 | 0
+        d = Math.floor(d / 16)
+        return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
+      })
+      return uuid
+    },
+    async getEntry(val) {
+      // 获取项目名称和项目编号
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_apply',
+        condition: this.company
+      }
+      // 判断是不是总公司得账号
+      if (this.$login.f.orgs == '重庆盛焰集团' || this.$login.f.orgs == '湖南燎原燃气有限公司') {
+        data.condition = " f_filiale = '" + val + "'"
+      }
+      let res = await http.load('POST','rs/sql/applysingleTable',{data:data}, {
+        resolveMsg: null,
+        rejectMsg: '获取项目名称和项目编号失败'
+      })
+      for (let i = 0; i < res.data.length; i++) {
+        //  项目名称
+        let data = []
+        let array = []
+        data = res.data.map(item => {
+          return item.f_entry_name;
+        })
+        for (let q = 0; q < data.length; q++) {
+          let arraydata = {
+            'label': data[q],
+            'value': data[q]
+          }
+          if (array.length != 0) {
+            for (let w = 0; w < array.length; w++) {
+              if (array[w].label == data[q]) {
+                break
+              }
+              while (w == array.length - 1) {
+                array.push(arraydata)
+                break
+              }
+            }
+          } else {
+            array.push(arraydata)
+          }
+        }
+        this.entry_name = array
+
+      }
+    },
+    async getNum(val) {
+      // 获取项目名称和项目编号
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_apply',
+        condition: this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? "f_entry_name = '" + val + "'" : "f_filiale = '" + this.$login.f.orgs + "'" + " and f_entry_name = '" + val + "'"
+      }
+      let res = await http.load('POST','rs/sql/applysingleTable',{data:data}, {
+        resolveMsg: null,
+        rejectMsg: '获取项目名称和项目编号失败'
+      })
+      for (let i = 0; i < res.data.length; i++) {
+        //  项目编号
+        let data1 = []
+        let array1 = []
+        data1 = res.data.map(item => {
+          return item.f_entry_num;
+        })
+        for (let q = 0; q < data1.length; q++) {
+          let arraydata = {
+            'label': data1[q],
+            'value': data1[q]
+          }
+          if (array1.length != 0) {
+            for (let w = 0; w < array1.length; w++) {
+              if (array1[w].label == data1[q]) {
+                break
+              }
+              while (w == array1.length - 1) {
+                array1.push(arraydata)
+                break
+              }
+            }
+          } else {
+            array1.push(arraydata)
+          }
+        }
+        this.entry_num = array1
+      }
+    },
+    entryChange(val) {
+      console.log("被选中的数据:" + val)
+      this.getNum(val)
+    },
+    orgChange(val) {
+      console.log("被选中的数据:" + val)
+      this.getEntry(val)
+    },
+    check(val) {
+      this.$dispatch('check', val)
+    },
+    close(apply) {
+      this.$dispatch('close')
+    },
+    compare(val) {
+      val === '完工'
+      console.log('完工', val)
+      return false
+    },
+    clear() {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = []
+      })
+    },
+    getfield() {
+      let report = {
+        'f_filiale': '所属公司',
+        'f_entry_name': '项目名称',
+        'f_entry_num': '项目编号',
+        'f_gasproperties': '用气性质',
+        'count': '户数',
+        'f_contract_money_sum': '应交金额',
+        'f_cumulative_money_sum': '已收金额',
+        'f_unaccounts_money_sum': '欠费金额',
+        'f_apply_remarks': '备注'
+      }
+      return report
+    },
+    getCondition() {
+      let data = {
+        condition: ` 1 = 1`,
+        data: {
+          fengongsi: `${this.$login.f.f_fengongsi}`
+        }
+      }
+      return data
+    },
+    async count_money_sum() { //户数、金额汇总
+      let http = new HttpResetClass()
+      let data = {
+        condition: this.model.condition,
+        data: {
+          fengongsi: this.$login.f.orgs,
+          company: this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? "f_filiale = '1' or 1 = 1" : '1 = 1'
+        }
+      }
+      let res = await http.load('POST','rs/sql/reportFormProject',{data: data}, {resolveMsg: null, rejectMsg: null})
+
+      if (res.data) {
+        let count = 0
+        let contract_money = 0.00
+        let cumulative_money = 0.00
+        let unaccounts_money = 0.00
+        console.log("数据长度：" + res.data.length)
+        console.log("数据：" + JSON.stringify(res.data))
+        for (let i = 0; i < res.data.length; i++) {
+          count = count + res.data[i].count
+          contract_money = contract_money + res.data[i].f_contract_money_sum
+          cumulative_money = cumulative_money + res.data[i].f_cumulative_money_sum
+          unaccounts_money = unaccounts_money + res.data[i].f_unaccounts_money_sum
+        }
+        this.count_sum = count
+        this.contract_money_sum = contract_money
+        this.cumulative_money_sum = cumulative_money
+        this.unaccounts_money_sum = unaccounts_money
+        console.log("户数汇总：" + count + "应收金额汇总：" + contract_money + "已收金额汇总：" + cumulative_money + "欠费金额汇总：" + unaccounts_money)
+      }
+
+    }
+  },
+  computed: {
+    date() {
+      return getNowDate()
+    },
+    selected() {
+      return this.$refs.cp.$refs.grid.selected
+    },
+    applytype() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')]
+    }
+  }
+}
+</script>
+<style>
+tr.title {
+  background-color: #6666ff;
+}
+
+</style>