sale-client 4.2.7 → 4.2.9

package/src/components/revenue/recordMainten/sellinggas/AddWarehousemain.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="auto">
+    <validator name='v'>
+      <form novalidate class="form-horizontal">
+        <p class="bg-info text-center" style="padding: 8px;font-size: 20px">操作记录</p>
+        <!-- <data-grid :model="inData" v-ref:grid  partial='list'>
+           <template partial='head'>-->
+        <table style="width: 100%" class="table table-bordered">
+          <thead>
+            <tr>
+              <th style="text-align: center">序号</th>
+              <th style="text-align: center">修改内容</th>
+              <th style="text-align: center">变更前</th>
+              <th style="text-align: center">变更后</th>
+              <th style="text-align: center">状态</th>
+              <th style="text-align: center">修改时间</th>
+              <th style="text-align: center">操作人</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="row in recordlist">
+              <td style="text-align: center;">{{$index + 1}}</td>
+              <td style="text-align: center;">{{row.chinesename}}</td>
+              <td style="text-align: center;">{{row.oldvalue}}</td>
+              <td style="text-align: center;">{{row.newvalue}}</td>
+              <td style="text-align: center;">{{row.state}}</td>
+              <td style="text-align: center;">{{row.modifitime}}</td>
+              <td style="text-align: center;">{{row.operator}}</td>
+            </tr>
+          </tbody>
+        </table>
+      </form>
+    </validator>
+  </div>
+</template>
+
+<script>
+
+
+  export default {
+    name: 'addwarehouse',
+
+    data () {
+      return {
+        inData: [],
+        obj: {},
+        userid: this.$login.f.id
+
+      }
+    },
+    props: {
+      recordlist: Array
+    },
+    created () {
+    },
+    ready () {
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="less">
+</style>

package/src/components/revenue/recordMainten/sellinggas/MeterOperateAdd.vue

@@ -0,0 +1,483 @@
+<template>
+  <div class="auto">
+    <validator name='a' @valid="addressValid(true)" @invalid="addressValid(false)">
+      <form class="form-horizontal">
+        <div class="row">
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">用户编号</label>
+            <input type="text" v-model="model.f_userinfo_code" style="width: 60%" @blur="selectUserInfo" class="input_search">
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">用户姓名</label>
+            <input type="text" v-model="model.f_user_name" disabled="disabled" style="width: 60%" class="input_search">
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body" title="参数:收费状态">收费状态</label>
+            <v-select :value.sync="model.f_state" v-model="model.f_state"
+                      :value-single="true"
+                      :search="false"
+                      :options='positions' placeholder='收费状态'
+                      close-on-select>
+
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body" title="参数:写卡状态">写卡状态</label>
+            <v-select :value.sync="model.f_write_card" v-model="model.f_write_card"
+                      :options='writeCards' placeholder='写卡状态'
+                      disabled
+                      :value-single="true"
+                      :search="false"
+                      close-on-select>
+            </v-select>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-12 form-group">
+            <label class="font_normal_body">地&emsp;&emsp;址</label>
+            <input type="text" v-model="model.f_address" disabled="disabled" style="width: 86.5%" class="input_search">
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body" title="打印格式">气表类型</label>
+            <v-select id="f_meter_type"
+                      placeholder='气表类型'
+                      :value-single="true"
+                      :value.sync="model.f_meter_type"
+                      v-model="model.f_meter_type"
+                      :options='meterType'
+                      @change="changeMeterType"
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body" title="参数:付款方式">付款方式</label>
+            <!--            <input type="text" v-model="model.f_payment" style="width: 60%" class="input_search">-->
+            <v-select :value.sync="model.f_payment" v-model="model.f_payment"
+                      :options='payments' placeholder='付款方式'
+                      :value-single="true"
+                      :search="false"
+                      close-on-select>
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body" title="打印格式">收据类型</label>
+            <v-select id="f_bill_style"
+                      placeholder='收据类型'
+                      :value-single="true"
+                      :value.sync="model.f_bill_style"
+                      :options='equipmentType'
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">操作时间</label>
+            <!--<input type="text" v-model="model.f_delivery_date"  style="width: 60%"  class="input_search">-->
+            <datepicker id="f_delivery_date" placeholder="操作时间" style="width:60%"
+                        v-model="model.f_operate_date"
+                        :value.sync="model.f_operate_date"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+                        :show-reset-button="true" @change="isNowYear">
+            </datepicker>
+          </div>
+          <div class="col-sm-4 form-group" v-if="unitPriceInp">
+            <label class="font_normal_body">购气单价</label>
+            <input type="text" v-model="model.unitPrice" @blur="usePreBtn" style="width: 60%" class="input_search">
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">购气金额</label>
+            <input type="text" v-model="model.f_preamount" :disabled="preamountDIS" style="width: 60%" class="input_search" @blur="preamountCollecation">
+          </div>
+          <div class="col-sm-4 form-group" v-if="pregasInp">
+            <label class="font_normal_body">购气气量</label>
+            <input type="text" v-model="model.f_pregas" :disabled="pergasDIS" style="width: 60%" class="input_search" @blur="pregasCollecation">
+          </div>
+          <div class="col-sm-4 form-group" v-if="collectionInp">
+            <label class="font_normal_body" >收款金额</label>
+            <input type="text" v-model="model.f_collection" :disabled="collectionDIS" style="width: 60%" class="input_search">
+          </div>
+        </div>
+        <div class="row">
+          <!--          <res-select-group :show-component="resshow" :style="style" @re-res="getRes" :initres="initres"  :mul="false" v-ref:sel></res-select-group>-->
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">操作人员</label>
+            <input type="text" v-model="model.f_operator" disabled="disabled" style="width: 60%" class="input_search">
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">所属部门</label>
+            <input type="text" v-model="model.f_depname"style="width: 60%" disabled="disabled" class="input_search">
+          </div>
+
+
+        </div>
+
+        <div class="row">
+          <div class="col-sm-12 form-group">
+            <label class="font_normal_body">所属公司</label>
+            <input type="text" v-model="model.f_orgname" disabled="disabled" style="width: 86.5%" class="input_search">
+          </div>
+
+        </div>
+        <div class="row">
+          <div class="col-sm-12 form-group">
+            <label class="font_normal_body">备注信息</label>
+            <input type="text" v-model="model.f_comments"  style="width: 85%" class="input_search">
+          </div>
+        </div>
+      </form>
+      <div style="float: right">
+        <span v-if="mess" style="color: red">机表不允许此操作</span>
+        <button class="button_search" :disabled="!saveBtn || mess" @click="save">提交</button>
+        <button class="button_clear" @click="cancel">取消</button>
+      </div>
+    </validator>
+    <modal :show.sync="showfiles" width="80%" style="width:auto;"  v-ref:modal  backdrop="false">
+      <article slot="modal-body">
+        <upload :blodid="model.f_userinfo_id"  :businessid="model.id" v-ref:upload  fusetype="收费" isremark="true" style="width:auto" ></upload>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '基本信息',
+
+  data () {
+    return {
+      unitPriceInp: false,
+      pregasInp: false,
+      collectionInp: false,
+      mess: false,
+      pergasDIS: false,
+      collectionDIS: false,
+      preamountDIS: false,
+      style: {
+        type: String,
+        default: 'col-sm-2 form-group reshowtype'
+      },
+      equipmentType: this.$appdata.getParam('打印格式') ? [{label: '', value: ''}, ...this.$appdata.getParam('打印格式')] : [],
+      // 构建数组来存储对象
+      editbank: true,
+      uploadText: '收费',
+      showfiles: false,
+      recordList: [],
+      saveBtn: false,
+      initres: {
+        org: [this.$login.f.orgid],
+        dep: [this.$login.f.depids],
+        user: [this.$login.f.id]
+      },
+      findInfo: {
+        f_userfiles_id: ''
+      },
+      chargeprice: {},
+      model: {
+        f_state: '有效',
+        f_userinfo_code: '',
+        f_user_name: '',
+        f_address: '',
+        f_operator: this.$login.f.name,
+        f_depname: this.$login.f.f_department_name,
+        f_orgname: this.$login.f.orgs,
+        f_bill_style: '普通收据',
+        f_payment: '现金缴费',
+        f_meter_type: '',
+        f_write_card: '已写卡',
+        f_userfiles_id: '',
+        f_user_id: '',
+        f_use_type: '',
+        f_operate_date: '',
+        f_pregas: '',
+        f_preamount: '',
+        f_collection: '',
+        unitPrice: ''
+      },
+      isNowDateYear: true,
+      resshow: ['operator'],
+      fileNameSet: {
+        'f_payment': '付款方式',
+        'f_comments': '备注信息'
+      }
+    }
+  },
+  props: {
+  },
+
+  ready () {
+  },
+  created () {
+  },
+  methods: {
+    preamountCollecation () {
+      let isGasValue = 1
+      if(this.model.f_operate_date !== '' ) {
+        if (this.isNowDateYear || this.model.f_meter_type === '物联网表')
+          this.calculationAmount(isGasValue, this.model.f_preamount)
+        else if (this.model.f_meter_type === '气量卡表'){
+          this.calculationAmount(isGasValue,this.model.f_preamount)
+        }
+      }
+    },
+    pregasCollecation () {
+      let isGasValue = 0
+      if (this.model.f_operate_date !== '') {
+        if (this.isNowDateYear || this.model.f_meter_type === '物联网表')
+          this.calculationAmount(isGasValue, this.model.f_pregas)
+        else if (this.model.f_meter_type === '气量卡表') {
+          // this.model.unitPrice
+          this.calculationAmount(isGasValue,this.model.f_pregas)
+        }
+      }
+    },
+    getRes (obj , objs) {
+      if (objs.operatornames.length > 0) {
+        this.model.f_operator_id = objs.operatornames[0]
+      }
+    },
+    changeMeterType () {
+      this.mess = false
+      this.pregasInp = false
+      this.collectionInp = false
+      if (this.model.f_meter_type === '气量卡表') {
+        this.isNowYear()
+        this.saveBtn = true
+        this.pregasInp = true
+        this.collectionInp = true
+        console.log('气量卡表')
+      } else if (this.model.f_meter_type === '物联网表') {
+        this.saveBtn = true
+        this.isNowYear()
+        console.log('物联网表')
+      } else if (this.model.f_meter_type === '机表') {
+        this.isNowYear()
+        this.mess = true
+      } else {
+        this.saveBtn = false
+      }
+    },
+    selectUserInfo () {
+      this.saveBtn = false
+      if (this.model.f_userinfo_code !== '') {
+        this.model.f_user_name = ''
+        // console.log("this.f_user_name",this.model.f_user_name)
+        this.model.f_address = ''
+        this.model.f_userinfo_id = ''
+        this.model.f_meter_type = ''
+        let f_userinfo_code = this.model.f_userinfo_code
+        if (f_userinfo_code === '') {
+          return null
+        }
+        console.log("用户编号", f_userinfo_code)
+        let http = new HttpResetClass()
+        http.load('POST','rs/logic/findUserinfo',
+          {f_userinfo_code: f_userinfo_code,f_orgid: this.$login.f.orgid},
+          {resolveMsg: null, rejectMsg: '查询失败'}).then((res) => {
+          // console.log("kanak,res", res.data[0])
+          // this.saveBtn = false
+          if (res.data[0] !== undefined) {
+            // if (res.data[0].f_meter_classify === '机表')
+            // this.model.f_meter_type = res.data[0].f_meter_classify
+            this.model.f_user_name = res.data[0].f_user_name
+            // console.log("this.f_user_name",this.model.f_user_name)
+            this.model.f_address = res.data[0].f_address
+            this.model.f_userinfo_id = res.data[0].f_userinfo_id
+            this.model.f_meter_type = res.data[0].f_meter_classify
+            this.findInfo.f_userfiles_id = res.data[0].f_userfiles_id
+            // console.log("this.f_address", this.model.f_address)
+            console.log("*****************===================", this.$login)
+            this.saveBtn = true
+          }else
+          {
+            this.$showAlert('无此用户','warning',2500)
+          }
+          }
+        )
+      } else {
+        this.saveBtn = false
+      }
+    },
+    cancel () {
+      this.model = []
+      this.chargeprice = {}
+      this.model.f_operator = this.$login.f.name
+      this.model.f_depname = this.$login.f.f_department_name
+      this.model.f_orgname = this.$login.f.orgs
+      this.model.f_bill_style = '普通收据'
+      this.model.f_payment = '现金缴费'
+      this.$parent.$parent.addBtn = false
+      this.$dispatch('close')
+    },
+    uploadFiles(){
+      this.showfiles = !this.showfiles
+    },
+    addressValid (val) {
+    },
+    isNowYear () {
+      this.unitPriceInp = false
+      this.isNowDateYear = true
+      this.pergasDIS = false
+      this.collectionDIS = false
+      this.preamountDIS = false
+      if (this.model.f_operate_date !== '') {
+        let selectYear = this.model.f_operate_date
+        selectYear = selectYear.trim().substr(0, 4)
+        let downYear = new Date().getUTCFullYear().toString()
+        if (selectYear === downYear) {
+          this.isNowDateYear = true
+        } else if (selectYear < downYear) {
+          this.isNowDateYear = false
+          if (this.model.f_meter_type === '气量卡表') {
+            this.unitPriceInp = true
+            this.pergasDIS = true
+            this.collectionDIS = true
+            this.preamountDIS = true
+          }
+        } else {
+          console.log("请确认时间")
+        }
+      }
+    },
+    usePreBtn () {
+      if (this.unitPriceInp) {
+        if (this.model.unitPrice !== '') {
+          this.pergasDIS = false
+          this.collectionDIS = false
+          this.preamountDIS = false
+        } else {
+          this.pergasDIS = true
+          this.collectionDIS = true
+          this.preamountDIS = true
+        }
+      }
+    },
+    calculationAmount (isGasValue , value) {
+      if(this.unitPriceInp) {
+          if (isGasValue === 1){
+            this.model.f_pregas = (this.model.f_preamount * 1.0) / this.model.unitPrice
+            this.model.f_collection = this.model.f_preamount
+          } else if (isGasValue === 0){
+            this.model.f_preamount = this.model.f_pregas * this.model.unitPrice
+            this.model.f_collection = this.model.f_preamount
+          }
+        this.chargeprice.f_price_name = '固定气价'
+        this.chargeprice.f_price = this.model.unitPrice
+        this.chargeprice.f_gas = this.model.f_pregas
+        this.chargeprice.f_money = this.model.f_collection
+      }else {
+        let http = new HttpResetClass()
+        http.load('POST', 'rs/logic/commonCal',
+          {data: {model: this.findInfo, isGasValue: isGasValue, value: value}},
+          {resolveMsg: null, rejectMsg: '获取阶梯使用情况出错'}).then((res) => {
+          this.chargeprice = res.data.chargeprice
+          var chargeprice = res.data.chargeprice
+          if (isGasValue === 1) {
+            var pregas = chargeprice[0].f_gas + chargeprice[1].f_gas + chargeprice[2].f_gas
+            this.model.f_pregas = pregas
+            this.model.f_collection = this.model.f_preamount
+          } else {
+            var preamount = chargeprice[0].f_money + chargeprice[1].f_money + chargeprice[2].f_money
+            this.model.f_preamount = preamount
+            this.model.f_collection = preamount
+          }
+        })
+      }
+    },
+    save () {
+      if (this.model.f_preamount === '' || this.model.f_operate_date === '' || this.model.f_payment === '' ||this.model.f_bill_style === '' ||
+        this.model.f_user_name === '') {
+        console.log('请确认信息')
+        this.$showAlert('请确认信息完整','warning',2500)
+        return null
+      }
+      // f_preamount f_operate_date f_user_id f_meter_type f_payment f_bill_style
+      var dataModel = {
+        f_userinfo_code: this.model.f_userinfo_code,
+        f_userinfo_id: this.model.f_userinfo_id,
+        f_user_name: this.model.f_user_name,
+        f_state: this.model.f_state,
+        f_write_card: this.model.f_write_card,
+        f_address: this.model.f_address,
+        f_payment: this.model.f_payment,
+        f_collection: this.model.f_collection,
+        f_operate_date: this.model.f_operate_date,
+        f_pregas: this.model.f_pregas,
+        f_preamount: this.model.f_preamount,
+        f_operator: this.model.f_operator,
+        f_bill_style: this.model.f_bill_style,
+        f_comments: this.model.f_comments,
+        f_orgid: this.$login.f.orgid,
+        f_orgname: this.model.f_orgname,
+        f_depid: this.$login.f.depids,
+        f_depname: this.model.f_depname,
+        f_operatorid: this.$login.f.id,
+        f_zoneid: this.$login.f.zoneid,
+        f_zones: this.$login.f.zones,
+        f_meter_type: this.model.f_meter_type,
+        chargeprice: this.chargeprice
+
+      }
+      if (this.model.f_operate_date !== '') {
+        this.$resetpost('rs/logic/chargerecords', {data: dataModel}).then((res) => {
+          console.log('dataModel--------------------------------', dataModel)
+          if (res !== null) {
+              this.model.f_state = '有效'
+              this.model.f_userinfo_code = ''
+              this.model.f_user_name = ''
+              this.model.f_address = ''
+              this.model.f_operator = this.$login.f.name
+              this.model.f_depname = this.$login.f.f_department_name
+              this.model.f_orgname = this.$login.f.orgs
+              this.model.f_bill_style = '普通收据'
+              this.model.f_payment = '现金缴费'
+              this.model.f_meter_type = ''
+              this.model.f_userfiles_id = ''
+              this.model.f_user_id = ''
+              this.model.f_use_type = ''
+              this.model.f_operate_date = ''
+              this.model.f_pregas = ''
+              this.model.f_preamount = ''
+              this.model.f_collection = ''
+              this.model.unitPrice = ''
+              this.chargeprice = {}
+          }
+        })
+      }
+    }
+  },
+  computed: {
+    positions () {
+      return this.$appdata.getParam('收费状态')
+    },
+    payments () {
+      return this.$appdata.getParam('付款方式')
+    },
+    writeCards () {
+      return this.$appdata.getParam('写卡状态')
+    },
+    billStyles () {
+      return this.$appdata.getParam('收据类型')
+    },
+    meterType () {
+      return this.$appdata.getParam('气表类型')
+    }
+  }
+}
+</script>
+<style >
+.reshowtype {
+  width:50%;
+}
+</style>
+