apply-clients 3.0.4 → 3.0.5-ys

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

@@ -0,0 +1,532 @@
+<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 = '{}'"
+                            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="form-group col-sm-2">-->
+<!--                  <div class="col-sm-12">-->
+<!--                    <input type="text" class="form-control" v-model="model.f_charge_collectors"-->
+<!--                           condition="r.f_charge_collectors = '%{}%'" placeholder='请输入收费员'>-->
+<!--                  </div>-->
+<!--                </div>-->
+
+<!--                <div class="form-group col-sm-2">-->
+<!--                  <button class="btn btn-primary btn-sm" type="button" @click="search(),$parent.$parent.close()">-->
+<!--                    <span class="glyphicon glyphicon-search"></span>查询-->
+<!--                  </button>-->
+<!--                </div>-->
+<!--                <div class="form-group col-sm-2">-->
+<!--                  <button class="btn btn-primary btn-sm" type="button" @click="$parent.$parent.clear()">-->
+<!--                    <span class="glyphicon glyphicon-search"></span>清空-->
+<!--                  </button>-->
+<!--                </div>-->
+<!--                <div class="form-group col-sm-2">-->
+<!--                  <export-excel progress="apply_getExportProgress"-->
+<!--                                :data="{condition: '1 = 1',data: {fengongsi: this.$login.f.orgs, company: $parent.$parent.company_ok}}"-->
+<!--                                :field="$parent.$parent.getfield()"-->
+<!--                                sqlurl="rs/logic/apply_exportfile"-->
+<!--                                sql-name="reportFormCharge"-->
+<!--                                template-name='交费明细报表导出'-->
+<!--                                :choose-col="true">-->
+
+<!--                  </export-excel>-->
+<!--                </div>-->
+<!--              </div>-->
+            </div>
+            <div class="col-sm-12">
+              <div class="form-group col-sm-2">
+                <div class="col-sm-12">
+                  <input type="text" class="form-control" v-model="model.f_charge_collectors"
+                         condition="r.f_charge_collectors = '{}'" placeholder='请输入收费员'>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+<!--                <label class="col-sm-6">收费日期:</label>-->
+                <div class="col-sm-12">
+                  <datepicker  placeholder="收费开始日期"
+                               v-model="model.f_charge_date_start"
+                               :value.sync="model.f_charge_date_start"
+                               :format="'yyyy-MM-dd 00:00:00'"
+                               condition="r.f_charge_date >= '{}'"
+                  ></datepicker>
+                </div>
+              </div>
+              <div class="form-group col-sm-2">
+<!--                <label class="col-sm-6">收费日期:</label>-->
+                <div class="col-sm-12">
+                  <datepicker  placeholder="收费结束日期"
+                               v-model="model.f_charge_date_end"
+                               :value.sync="model.f_charge_date_end"
+                               :format="'yyyy-MM-dd 23:59:59'"
+                               condition="r.f_charge_date <= '{}'"
+                  ></datepicker>
+                </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="col-sm-3">
+                <div class="form-group col-sm-2">
+                  <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-3">
+                  <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-3">
+                  <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="reportFormCharge"
+                                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>
+              <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_charge_money.toFixed(2)}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_payment_method}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_charge_collectors}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_charge_date}}</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></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose">
+              <nobr>{{model.rows[0].f_charge_money_sum.toFixed(2)}}</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>
+          </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/reportFormCharge', 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_charge_money': '实收金额',
+          'f_payment_method': '付款方式',
+          'f_charge_collectors': '收费员',
+          'f_charge_date': '收费日期'
+        }
+        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>