apply-clients 3.0.4 → 3.0.5-ys

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

@@ -0,0 +1,451 @@
+<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="a.f_filiale = '{}'" @change="$parent.$parent.orgChange"
+                            v-model="model.f_filiale" :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-12">
+                  <v-select :width ="'100%'" style="width: 100%" :options="$parent.$parent.projecttype" placeholder='项目类型' condition="f_project_type = '{}'"
+                            v-model="model.f_project_type" :value.sync="model.f_project_type" close-on-select>
+                  </v-select>
+                </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.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="reportFormSummary"
+                                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>
+              <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_entry_name}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_entry_num}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.defname}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_gasproperties}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_user_name}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_user_phone}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_address}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_apply_type}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_project_type}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_contract_money.toFixed(2)}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_cumulative_money.toFixed(2)}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_unaccounts_money.toFixed(2)}}</nobr>
+              </td>
+            </tr>
+          </template>
+          <template partial='foot'>
+            <td style="text-align: center;background-color: mistyrose"><nobr>
+              <span >合计</span>
+            </nobr> </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr>{{model.rows[0].f_contract_money_sum.toFixed(2)}}</nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr>{{model.rows[0].f_cumulative_money_sum.toFixed(2)}}</nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr>{{model.rows[0].f_unaccounts_money_sum.toFixed(2)}}</nobr>
+            </td>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </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('项目部'),
+      projecttype: 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/reportFormSummary', 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: []
+    }
+  },
+  ready() {
+    this.getEntry()
+    this.getOrgName()
+    this.$refs.cp.$refs.cri.search()
+  },
+  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_entry_name': '项目名称',
+        'f_entry_num': '项目编号',
+        'defname': '流程状态',
+        'f_gasproperties': '用气性质',
+        'f_user_name': '用户名称',
+        'f_user_phone': '用户电话',
+        'f_address': '用户地址',
+        'f_apply_type': '报建类型',
+        'f_contract_money': '应交金额',
+        'f_cumulative_money': '累计缴费金额',
+        'f_unaccounts_money': '欠费金额'
+      }
+      return report
+    },
+    getCondition() {
+      let data = {
+        condition: ` 1 = 1`,
+        data: {
+          fengongsi: `${this.$login.f.f_fengongsi}`
+        }
+      }
+      return data
+    }
+  },
+  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>