apply-clients 3.0.4 → 3.0.5-ys

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

@@ -0,0 +1,472 @@
+<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>
+
+          </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>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td  style="text-align: center;">
+                <nobr>{{$index+1}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_install_price}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_payment_number}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_payment_subtotal}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_payment_remarks}}</nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+    <modal :show.sync="recordAdd" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="close"><span>&times;</span></button>
+        <h4 class="modal-title">新增记录</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div v-if="recordAdd">
+          <div class="from-group" :class="addItem.f_filiale ? '':'has-error'">
+            <label>公司名称</label>
+            <input-select v-model="addItem.f_filiale" :options='apply_org' :value.sync="addItem.f_filiale" :valueSingle="true"></input-select>
+          </div>
+          <div class="from-group" :class="addItem.f_entry_name ? '':'has-error'">
+            <label>项目名称</label>
+            <input-select v-model="addItem.f_entry_name" :options='project_name' :value.sync="addItem.f_entry_name" :valueSingle="true"></input-select>
+          </div>
+          <div class="from-group" :class="addItem.f_install_money ? '':'has-error'">
+            <label>安装费单价</label>
+            <input type="number" class="form-control" v-model="addItem.f_install_money" @change="moneyChange">
+          </div>
+          <div class="from-group" :class="addItem.f_payment_count ? '':'has-error'">
+            <label>户数</label>
+            <input type="number" class="form-control" v-model="addItem.f_payment_count" @change="moneyChange">
+          </div>
+          <div class="from-group" :class="addItem.f_payment_money ? '':'has-error'">
+            <label>金额</label>
+            <input type="number" class="form-control" v-model="addItem.f_payment_money" :value.sync="addItem.f_payment_money">
+          </div>
+          <div class="from-group" :class="addItem.f_payment_date ? '':'has-error'">
+            <label>打款日期</label>
+            <div>
+              <datepicker
+                          style="width: 568px"
+                          :value.sync="addItem.f_payment_date"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          v-model="addItem.f_payment_date"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+          </div>
+          <div class="from-group">
+            <label>备注</label>
+            <input type="text" class="form-control" v-model="addItem.f_payment_remarks">
+          </div>
+
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-default" @click='close'>取消</button>
+        <button type="button" class="btn btn-success" @click='confirm'>确认</button>
+      </footer>
+    </modal>
+
+    <modal :show.sync="recordAdd" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="close"><span>&times;</span></button>
+        <h4 class="modal-title">收款明细</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div v-if="recordAdd">
+
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-default" @click='close'>取消</button>
+        <button type="button" class="btn btn-success" @click='confirm'>确认</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+import AppData from '../../../stores/AppData.js'
+import PagedListLogic from '../../../stores/PagedListLogic'
+import getNowDate from '../../getNowDate.js'
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from '../../Util'
+
+export default {
+  title: '打款记录报表',
+  props: ['condition','f_payment_record_id'],
+  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 === '湖南燎原燃气有限公司' ? "f_filiale = '1' or 1 = 1" : '1 = 1',
+      model: new PagedListLogic('rs/sql/reportFormPaymentDetailed', 20, {
+        data: {
+          id: `${this.$login.f.name}`,
+          fengongsi: `${this.$login.f.orgs}`,
+          company: `${this.$login.f.orgs === '重庆盛焰集团' || this.$login.f.orgs === '湖南燎原燃气有限公司' ? "f_filiale = '1' or 1 = 1" : '1 = 1'}`,
+          condition: this.condition,
+          f_payment_record_id: this.f_payment_record_id
+        }
+      },{f_now_payment_sum:0}),
+      users:[],
+      defnames:[],
+      condition: '',
+      select: '',
+      sum: 0 ,  //累计总金额
+      entry_name: [], //项目名称
+      entry_num: [], //项目编号
+      apply_org: [],
+      recordAdd: false,  //打款记录新增记录开关
+      recordSearch: false,  //打款记录明细开关
+      addItem: {
+        f_payment_money: 0
+      },
+      searchItem: {
+
+      },
+      project_name: this.$appdata.getParam('项目名称')
+    }
+  },
+  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_payment_record',
+        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)
+    },
+    async moneyChange() {
+      // if (isEmpty(this.addItem.f_install_money)) {
+      //   if (isEmpty(this.addItem.f_payment_count)) {
+          this.addItem.f_payment_money = this.addItem.f_install_money * this.addItem.f_payment_count
+          console.log("进入金额计算：" + this.addItem.f_payment_money)
+      //   }
+      //
+      // }
+
+    },
+    examine(f_payment_state,id) {
+      if (this.$login.f.rolesnames.includes("打款审核")) {
+        if (f_payment_state != '审核中') {
+          this.$showMessage('该记录无需审核！')
+        } else {
+          this.$showMessage('是否已确认财务到账？', ['confirm', 'cancel']).then(async (res) => {
+            if (res === 'confirm') {
+              let http = new HttpResetClass()
+              let data = {
+                tablename: 't_payment_record',
+                parameters: {
+                  id: id,
+                  f_payment_state: '有效'
+                }
+              }
+
+              let result = await http.load('POST','rs/logic/apply_save',{data: data}, {
+                resolveMsg: null,
+                rejectMsg: '审核失败'
+              })
+              console.log("审核成功：" + result.data.id)
+              if (result.data.id) {
+                this.$refs.cp.$refs.cri.search()
+                this.$showMessage("审核成功！")
+              }
+            }
+          })
+        }
+
+      } else {
+        this.$showMessage("您没有此操作权限！")
+      }
+
+
+    },
+    check(val) {
+      this.$dispatch('check', val)
+    },
+    close(apply) {
+      this.recordAdd = false
+      this.addItem = {
+        f_payment_money: 0
+      }
+      this.$dispatch('close')
+    },
+    async confirm() {
+      if (isEmpty(this.addItem.f_filiale)) {
+        this.$showAlert('请选择公司名称！！！', 'warning', 3000)
+        return
+      }
+      if (isEmpty(this.addItem.f_entry_name)) {
+        this.$showAlert('请选择项目名称！！！', 'warning', 3000)
+        return
+      }
+      if (isEmpty(this.addItem.f_install_money)) {
+        this.$showAlert('请输入安装费单价！！！', 'warning', 3000)
+        return
+      }
+      if (isEmpty(this.addItem.f_payment_count)) {
+        this.$showAlert('请输入户数！！！', 'warning', 3000)
+        return
+      }
+      if (isEmpty(this.addItem.f_payment_money)) {
+        this.$showAlert('请输入金额！！！', 'warning', 3000)
+        return
+      }
+      if (this.addItem.f_payment_money) {
+        // this.addItem.f_payment_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
+        // this.addItem.f_operate_date = new Date().Format('yyyy-MM-dd HH:mm:ss')
+        this.addItem.f_operator = this.$login.f.name
+        this.addItem.f_payment_state = '有效'
+
+        let http = new HttpResetClass()
+        let data = {
+          tablename: 't_payment_record',
+          parameters: this.addItem
+        }
+        let res = await http.load('POST','rs/logic/apply_save',{data: data}, {
+          resolveMsg: null,
+          rejectMsg: '新增打款记录失败'
+        })
+        console.log("添加成功：" + res.data.id)
+        if (res.data.id) {
+          this.close()
+          this.$refs.cp.$refs.cri.search()
+          this.$showMessage("添加成功！")
+        }
+
+      }
+
+    },
+    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] = []
+      })
+    },
+    add() {
+      this.recordAdd = true
+    },
+    getfield() {
+      let report = {
+        'f_filiale': '所属公司',
+        'f_entry_name': '项目名称',
+        'f_install_money': '安装费单价',
+        'f_payment_count': '户数',
+        'f_payment_money': '金额',
+        'f_operator': '收费员',
+        'f_payment_date': '打款日期',
+        'f_payment_remarks': '备注',
+        'f_payment_state': '打款状态'
+      }
+      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>

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

@@ -0,0 +1,60 @@
+<template>
+  <div class="auto">
+    <partial-view v-ref:pv>
+      <table class="table table-bordered table-condensed self-table" id="table" >
+        <thead>
+          <tr style="text-align: center">
+            <td style="text-align: center">序号</td>
+            <td style="text-align: center">单价</td>
+            <td style="text-align: center">户数</td>
+            <td style="text-align: center">小计</td>
+            <td style="text-align: center">备注</td>
+          </tr>
+        </thead>
+        <tbody v-for="row in model">
+          <tr style="text-align: center">
+            <td style="text-align: center">{{$index+1}}</td>
+            <td style="text-align: center">{{row.f_install_price}}</td>
+            <td style="text-align: center">{{row.f_payment_number}}</td>
+            <td style="text-align: center">{{row.f_payment_subtotal}}</td>
+            <td style="text-align: center">{{row.f_payment_remarks}}</td>
+          </tr>
+        </tbody>
+      </table>
+    </partial-view>
+  </div>
+</template>
+
+<script>
+import Table from '../../Table'
+export default {
+  title: '档案变更详情',
+  props: ['data'],
+  data () {
+    return {
+      model: {}
+    }
+  },
+  ready () {
+    let sql = 'reportFormPaymentDetailed'
+    let condition = this.data.id
+    this.$info(`加载数据中..., sql:${sql}`)
+    this.$refs.pv.load('rs/sql/reportFormPaymentDetailed', {data: {f_payment_record_id: condition}}).then((a) => {
+      this.$info(`成功获取到数据！, data:${JSON.stringify(a.data)}`)
+      this.model = a.data
+    }).catch((error) => {
+      if (error.status) {
+        this.$warn(`加载数据出错, ${JSON.stringify(error)}`)
+        return
+      }
+      throw error
+    })
+  },
+  methods: {
+    // 获取表中字段对应的中文名
+    getValue (key) {
+      return Table.data[key]
+    }
+  }
+}
+</script>