apply-clients 3.5.6-13 → 3.5.6-14

package/src/filiale/yangchunboneng/android/AppInstallationMaterial.vue

@@ -1,1144 +1,1144 @@
-<template>
-  <work-busy :is-busy="button_state"></work-busy>
-  <div>
-    <div style="height: auto;width: 100%;margin: 30px 0" v-if="showQrCode">
-      <div partial>
-        <div class="" align="center">
-          <div style="margin-bottom:10px "><img src="../../../assets/scanCode.png">请扫描下方二维码进行付款</div>
-          <div class="row app-row">
-            <div class="col-xs-12">
-              <label class="font text-left">订单编号:{{ order.body.tradeNo }}</label>
-            </div>
-            <!--          <div class="col-xs-8">
-                        <input type="text" class ="search_input input-font" v-model="order.body.tradeNo" />
-                      </div>-->
-          </div>
-          <!--        <div class="row app-row">
-                    <div class="col-xs-4">
-                      <label class="font text-left">订单状态:</label>
-                    </div>
-                    <div class="col-xs-8">
-                      <input type="text" class ="search_input input-font" v-model="orderstatus.msg" />
-                    </div>
-                  </div>-->
-          <!--<div @click="callBack('支付成功')">返回</div>-->
-        </div>
-        <div class="" align="center">
-          <div class="QR-code" v-if="payType=='二维码支付'">
-            <img src="../../../assets/qrcode_no.png" v-show="isTimeout" style="width: 266px;height: 266px"/>
-            <div id="qrcode" style="margin-top: 25px;width: 266px;height: 266px"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-show="!showQrCode">
-      <div style="max-height: 70vh; overflow-y: auto;">
-        <apply-material-one v-for="(i, item) in material " :index="$index" :item="item"
-                            :materialnameandcode="materialnameandcode"
-                            :newmaterialnameandcode="newmaterialnameandcode"
-                            :newmaterialnameandtype="newmaterialnameandtype"
-                            :typenumbers="materialtypenumber" @number_chenge="getChangePayNumber"
-                            @delete_material="delete_material"></apply-material-one>
-        <div style="padding: 10px;display: flex;justify-content: space-around;">
-          <button type="button" class="btn btn-primary" @click="addUserFile">添加</button>
-        </div>
-
-        <div class="row">
-          <label class="text-justify lb-left" style="width: 100px">收款</label>
-          <!--        <div class="row">
-
-                    <data-grid partial='list' v-ref:grid :model="{rows:summarize}" v-show="summarize.length>0" class="list_area table_sy">
-                      <template partial='head'>
-                        <tr>
-                          <th>
-                            <nobr>收费类型</nobr>
-                          </th>
-                          <th>
-                            <nobr>数量</nobr>
-                          </th>
-                          <th>
-                            <nobr>总金额</nobr>
-                          </th>
-                        </tr>
-                      </template>
-                      <template partial='body'>
-                        <td  style="text-align: center;">
-                          <nobr>{{row.material_type }}</nobr>
-                        </td>
-                        <td  style="text-align: center;">
-                          <nobr>{{ row.amount }}</nobr>
-                        </td>
-                        <td  style="text-align: center;">
-                          <nobr>{{ row.money }}</nobr>
-                        </td>
-                      </template>
-                    </data-grid>
-                    &lt;!&ndash;          <div v-for="item in summarize" style="display: flex;justify-content: center;">
-                                {{item.}} - {{item.}} - {{item.}}
-                              </div>&ndash;&gt;
-                  </div>-->
-          <div class="row row_sty">
-            <label class="lab_sty col-xs-4">收费优惠金额</label>
-            <div class="col-xs-8">
-              <input type="number" class="form-control" v-model="f_discounts_money_materials" :value.sync="f_discounts_money_materials" @change="getChangePayNumber()">
-            </div>
-          </div>
-          <div class="row row_sty">
-            <label class="lab_sty col-xs-4">总优惠金额</label>
-            <div class="col-xs-8">
-              <input type="number" class="form-control" v-model="f_discounts_money" :value.sync="f_discounts_money" readonly>
-            </div>
-          </div>
-          <div class="row row_sty">
-            <label class="lab_sty col-xs-4">合计金额</label>
-            <div class="col-xs-8">
-              <input type="number" class="form-control" v-model="payNumber" :value.sync="payNumber" readonly>
-            </div>
-          </div>
-          <div class="row row_sty">
-            <label class="lab_sty col-xs-4">收款方式</label>
-            <div class="col-xs-8">
-              <v-select
-                :width="'100%'"
-                :value.sync="payType"
-                v-model="payType"
-                :options='payTypes'
-                placeholder='请选择'
-                close-on-select
-                :value-single="true"
-              ></v-select>
-            </div>
-          </div>
-          <!--      <div class="y-form-item" v-if="payType=='二维码支付'">
-                    <div  id="qrcode" class="qrcode" v-ref:qrcode></div>
-                  </div>-->
-        </div>
-        <div style="padding: 10px;display: flex;justify-content: space-around;">
-          <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;"
-                  @click="beforeSaveCharge()">保存
-          </button>
-          <button type="button" class="btn btn-primary" @click="cancel">取消</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from 'vue-client'
-import QRCode from 'qrcodejs2'
-import {isEmpty} from '../../../components/Util'
-
-export default {
-  title: '材料添加',
-  props: {
-    selectdata: {
-      type: Object
-    }
-  },
-  data() {
-    return {
-      f_discounts_money_materials:0,
-      f_discounts_money:0,
-      materialname: [],
-      materialTYPE: [],
-      materialnameandcode: [],
-      newmaterialnameandcode: [],
-      materialtypenumber: [],
-      newmaterialnameandtype: [],
-      category: {},
-      //支付方式
-      payType: '',
-      //支付总额
-      payNumber: 0,
-      newPayNumber: 0,
-      //支付方式选择框
-      // payTypes: [{label: '现金', value: '现金'}, {label: '二维码支付', value: '二维码支付'}],
-      payTypes: [{label: '现金', value: '现金'},{label: '扫码支付', value: '扫码支付'}],
-      materialImges: [],
-      showFile: false,
-      material: [],
-      positions: this.$appdata.getParam('品名及规格'), // 获取材料名称
-      charge: {
-        payment_terms: [{f_payment_term: '', f_charge_money: '', f_amount_words: '', f_payment_method: ''}]
-      }, // 收费内容
-      showCharge: false, // 收费显示
-      timeLeft: 300, // 收费时间
-      title1: '', // 二维码标题
-      showQrCode: false, // 二维码显示
-      order: {}, // 订单信息
-      f_cost_sum: 0, // 总收费
-      othercharge_id: '',
-      button_state: false,
-      summarize: []//材料收费方式汇总
-    }
-  },
-  ready() {
-
-    //this.search()
-    this.getAllMaterial()
-    // this.getmaterial()
-    // this.getmaterialTYPE()
-
-  },
-  methods: {
-   async getdefaultmaterial() {
-     this.material = []
-      let datarow = {
-        workname: 'materials'
-      }
-      let http = new HttpResetClass()
-      let row = await http.load(
-        'POST',
-        `${this.$androidUtil.getProxyUrl()}/rs/logic/ApplyGetConfigs`,
-        {data: datarow},
-        {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'})
-      let material = row.data[this.selectdata.f_apply_type]
-      if (!isEmpty(material)&& material.length>0){
-        for (let i = 0; i < material.length; i++){
-          this.material.push({
-            f_material_name: material[i].f_material_name,
-            f_material_style: material[i].f_material_style,
-            f_overlength_unitprice:"0",
-            f_overlength_number:"0",
-            f_discounts_money_detail:"0",
-            f_actual_materials_detail:"0"
-          })
-        }
-      }
-    },
-    delete_material(i) {
-      console.log('删除项====', i)
-      this.material.splice(i, 1)
-      this.getChangePayNumber()
-    },
-    async beforeSaveCharge() {
-      console.log("977666")
-      if (this.material.length == 0) {
-        return this.$showMessage(`请先添加消耗的材料！`)
-      }
-      for (let index = 0; index < this.material.length; index++) {
-        const item = this.material[index]
-        if (!item.f_material_name) {
-          this.$showMessage(`请选择材料${index + 1}的材料名称`)
-          return;
-        }
-        if (!item.f_typenumber) {
-          this.$showMessage(`请选择材料${index + 1}的型号`)
-          return;
-        }
-        if (!item.f_material_price) {
-          this.$showMessage(`请填写材料${index + 1}的单价`)
-          return;
-        }
-        if (!item.f_material_number || item.f_material_number == 0) {
-          this.$showMessage(`请填写材料${index + 1}的数量`)
-          return;
-        }
-      }
-      /*if(this.materialImges.length===0){
-        this.$showMessage(`至少有一张材料照片`)
-        return;
-      }*/
-      if (!this.payType) {
-        this.$showMessage(`请选择缴费方式`)
-        return;
-      }
-      this.button_state = true
-      try {
-        if (this.payType.indexOf('现金') != -1 || this.payType.indexOf('扫码支付') != -1) {
-          await this.saveUserFile('save')
-        } else {
-          await this.openQrCode()
-        }
-        this.button_state = false
-      } catch (e) {
-        this.$showMessage(`材料收费失败！请检查网络`)
-        this.button_state = false
-      }
-    },
-    cancel() {
-      this.$emit('aftersave')
-    },
-    getAllMaterial() {
-      new HttpResetClass().load('POST', this.$androidUtil.getProxyUrl() + `/rs/sql/tel_singleTable_OrderBy?pageNo=1&pageSize=99999`, {
-        data: {
-          items: '*',
-          tablename: 't_material_info',
-          condition: `org_id = '${Vue.user.orgid}'`,
-          orderitem: 'id desc'
-        }
-      }, {resolveMsg: null, rejectMsg: null}).then(res => {
-        const typeNames = res.data.filter((item) => item.type === '报建')
-        const materialNames = res.data.filter((item) => item.type === '材料')
-        const materialNumbers = res.data.filter((item) => item.type === '型号')
-        console.log(typeNames, materialNames, materialNumbers)
-        const newMaterialNames = materialNames.map((item) => {
-          const typeName = typeNames.filter((res) => {
-            return res.id == item.parent_id
-          })
-          return {
-            id: item.id,
-            typeName: typeName[0],
-            materialName: item
-          }
-        })
-        //所有材料
-        console.log("988", newMaterialNames)
-        for (let i = 0; i < newMaterialNames.length ; i++) {
-          this.newmaterialnameandcode.push({
-            label: newMaterialNames[i].materialName.name,
-            value: newMaterialNames[i].materialName,
-          })
-        }
-        // 所有型号
-        this.newmaterialnameandtype =materialNumbers
-        this.getdefaultmaterial()
-      }).catch((e) => {
-        console.log("933", e)
-      })
-    },
-    sortArrayByCodeAscending(dataArray) {
-      // Convert the "code" property to a number for sorting
-      dataArray.forEach(item => {
-        item.newCode = parseFloat(item.code);
-      });
-
-      // Sort the array based on the "code" property
-      dataArray.sort((a, b) => a.newCode - b.newCode);
-
-      return dataArray;
-    },
-    getChangePayNumber() {
-      this.payNumber = 0
-      this.summarize = []
-      this.f_discounts_money = 0
-      for (let i = 0; i < this.material.length; i++) {
-        this.material[i].f_fee = (this.material[i].f_material_price * this.material[i].f_material_number) + (this.material[i].f_overlength_unitprice * this.material[i].f_overlength_number) - this.material[i].f_discounts_money_detail
-        this.payNumber += Number(this.material[i].f_fee)
-        this.f_discounts_money += Number(this.material[i].f_discounts_money_detail)
-        // let res=this.checkSummarize(this.material[i].material_type)
-        /* if(res.has){
-          this.summarize[res.idx].amount+= 1
-          this.summarize[res.idx].money+= Number(this.material[i].f_fee)
-        }else{
-          this.summarize.push({material_type:this.material[i].material_type,amount:1,money:this.material[i].f_fee})
-        } */
-      }
-      this.payNumber -= Number(this.f_discounts_money_materials)
-      this.f_discounts_money += Number(this.f_discounts_money_materials)
-      console.log('this.summarize------------', this.summarize)
-    },
-    checkSummarize(name) {
-      let result = {idx: null, has: false}
-      this.summarize.forEach((item, idx) => {
-        if (item.material_type == name) {
-          result.idx = idx
-          result.has = true
-        }
-      })
-      console.log('result', result)
-      return result
-    },
-    getsutitle(val) {
-      return val
-    },
-    loadOptions(index) {
-      // const data = {
-      //   tablename: 't_material_info',
-      //   condition: "1 = 1 and code = '" + this.material[index].f_material_code + "'"
-      // }
-      // this.$resetpost(this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data}, {
-      //   resolveMsg: null,
-      //   rejectMsg: '获取数据失败'
-      // }).then((res) => {
-      //   for (let material of res.data) {
-      //     switch (material.type) {
-      //       case '分类' :
-      //         this.$set('material[' + index + '].f_typename', material.name)
-      //         break
-      //       case '品名' :
-      //         this.$set('material[' + index + '].f_material_name', material.name)
-      //         break
-      //       case '型号' :
-      //         this.$set('material[' + index + '].f_typenumber', material.name)
-      //         this.$set('material[' + index + '].unit', material.unit)
-      //         this.$set('material[' + index + '].f_material_price', material.price)
-      //         break
-      //     }
-      //   }
-      //   this.$set('material', JSON.parse(JSON.stringify(this.material)))
-      // })
-      const data = {
-        code: this.material[index].f_material_code
-      }
-      this.$resetpost(this.$androidUtil.getProxyUrl() + '/rs/sql/getMaterialByCode', {data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      }).then((res) => {
-        for (let material of res.data) {
-          this.$set('material[' + index + '].f_typename', material.f_typename)
-          this.$set('material[' + index + '].f_material_name', material.f_material_name)
-          this.$set('material[' + index + '].f_typenumber', material.f_typenumber)
-          this.$set('material[' + index + '].unit', material.unit)
-          this.$set('material[' + index + '].f_material_price', material.f_material_price)
-        }
-        this.$set('material', JSON.parse(JSON.stringify(this.material)))
-      })
-
-    },
-    // 删除未保存的材料信息
-    async deleteUserFile(index) {
-      this.material.splice(index, 1)
-    },
-    // 追加材料信息
-    addUserFile() {
-      this.material.push({
-        f_material_name: "",
-        unit: 0,
-        f_material_price: 0,
-        f_typenumber: "",
-        f_typename: "",
-        material_type: "",
-        f_overlength_unitprice:"0",
-        f_overlength_number:"0",
-        f_discounts_money_detail:"0",
-        f_actual_materials_detail:"0"
-      })
-    },
-    getmaterialTYPE() {
-      let http = new HttpResetClass()
-      let data = {
-        tablename: 't_material_service',
-        condition: `1=1`
-      }
-      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      }).then(res => {
-        console.log("XXX", res.data.length)
-        for (let i = 0; i < res.data.length; i++) {
-
-          this.materialTYPE.push({
-            label: res.data[i].f_typenumber,
-            value: res.data[i].f_typenumber
-          })
-        }
-        if (this.materialTYPE.length <= 0) {
-          this.materialTYPE = [{}]
-        }
-        this.materialtypenumber = Array.from(new Set(this.materialTYPE.map(item => item.label)))
-          .map(label => {
-            return this.materialTYPE.find(item => item.label === label);
-          })
-        console.log("XXX", this.materialtypenumber)
-      })
-      return this.materialtypenumber
-    },
-    getmaterial() {
-      let http = new HttpResetClass()
-      let data = {
-        tablename: 't_material_service',
-        condition: `1=1`
-      }
-      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      }).then(res => {
-        console.log("XXX", res.data.length)
-        for (var i = 0; i < res.data.length; i++) {
-
-          this.materialname.push({
-              label: '[' + res.data[i].f_material_code + ']' + res.data[i].f_material_name,
-              value: res.data[i].f_material_name
-            }
-          )
-        }
-        if (this.materialname.length <= 0) {
-          this.materialname = [{}]
-        }
-        this.materialnameandcode = Array.from(new Set(this.materialname.map(item => item.label)))
-          .map(label => {
-            return this.materialname.find(item => item.label === label);
-          })
-        this.materialname = this.materialname.map(item => {
-          item.label = item.label.replace(/null/g, "空")
-          return item;
-        });
-        console.log("XXX", this.materialnameandcode)
-      })
-      return this.materialnameandcode
-    },
-    search() {
-      let http = new HttpResetClass()
-      let data = {
-        tablename: 't_material_service',
-        condition: `f_process_id = '${this.selectdata.f_process_id}'`
-      }
-      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      }).then(res => {
-        this.material = res.data
-        if (this.material.length <= 0) {
-          this.addUserFile()
-        } else {
-          this.getAllMaterialImg()
-          this.getChangePayNumber()
-        }
-      })
-
-
-    },
-    getAllMaterialImg() {
-      let http = new HttpResetClass()
-      let data = {
-        tablename: 't_material_img',
-        condition: `f_process_id = '${this.selectdata.f_process_id}'`
-      }
-      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      }).then(result => {
-        let tempArr = []
-        let tempArrary = []
-        result = result.data
-        for (let i = 0; i < result.length; i++) {
-
-          if (!tempArr.includes(result[i].f_path)) {
-            let temp = {}
-            temp.id = result[i].id
-            temp.android_file = result[i].f_path
-            temp.imgpath = ''
-            temp.path = 'http://newimg/storage/emulated/0/Download/safecheck/' + result[i].f_path
-            tempArr.push(result[i].f_path)
-            tempArrary.push(temp)
-          }
-        }
-        this.materialImges = tempArrary
-      })
-    },
-    // 获取品名规格
-    setTypename(i, val) {
-      let ac = this.$appdata.getParam(val)
-      this.$set('material[' + i + '].typeNameList', ac)
-      this.$set('material[' + i + '].typeNumberList', [])
-      this.$set('material[' + i + '].f_typenumber', null)
-      this.$set('material[' + i + '].f_material_price', 0)
-    },
-    // 获取类型
-    setTypenumber(i, val) {
-      let ac = this.$appdata.getParam(val)
-      this.$set('material[' + i + '].typeNumberList', ac)
-      this.$set('material[' + i + '].f_material_price', 0)
-    },
-    // 获取单价
-    setmaterialprice(i, val) {
-      var num
-      if (val == null) {
-        num = 0
-      }
-      num = this.$appdata.getSingleValue(val)
-      this.$set('material[' + i + '].f_material_price', num)
-    },
-    // 金额计算
-    smallnum(val, val1) {
-      let num = Number(val) * Number(val1)
-      return num
-    },
-    getCheckMessage() {
-      let tempArr = this.material
-      if (!tempArr.length > 0) {
-        return '请选择材料后上传'
-      }
-      for (let i = 0; i < tempArr.length; i++) {
-        if (tempArr[i].f_process_id) {
-          continue
-        }
-
-        if (!tempArr[i].f_material_price) {
-          return '请输入材料单价'
-        }
-        if (!tempArr[i].f_material_number) {
-          return '请输入材料数量'
-        }
-      }
-      /* if (this.materialImges.length == 0) {
-        return '材料清单需拍照'
-      } */
-      return null
-
-    },
-    /*async saveUserFile1() {
-      let message = this.getCheckMessage()
-      if (message) {
-        this.$showMessage(message)
-        return
-      }
-      let imgs = []
-      for (let i = 0; i < this.materialImges.length; i++) {
-        let it = {}
-        if (this.materialImges[i].id) {
-          it = {
-            f_path: this.materialImges[i].path,
-            id: this.materialImges[i].id,
-            f_process_id: this.selectdata.f_process_id
-          }
-        } else {
-          it = {
-            f_path: this.materialImges[i].path,
-            f_process_id: this.selectdata.f_process_id
-          }
-        }
-        imgs.push(it)
-      }
-      for (let i = 0; i < this.material.length; i++) {
-        this.material[i].f_process_id = this.selectdata.f_process_id
-        if (isEmpty(this.material[i].f_state)) {
-          this.material[i].f_state = '未收费'
-        }
-      }
-      let data = {
-        model: this.material,
-        imgs: imgs,
-        f_process_id: this.selectdata.f_process_id
-      }
-      console.log('------------------',data)
-      new HttpResetClass().load('POST',this.$androidUtil.getProxyUrl() +`/rs/logic/saveMaterialService`, data,{resolveMsg:null,rejectMsg:null}).then(res=>{
-        console.log(res)
-        this.model.rows=res.data
-      }).catch((e)=>{
-        console.log("933",e)
-      })
-      /!* console.log('------------------',data)
-      HostApp.__this__ = this
-      HostApp.logicWithHint({
-        // logic别名，key必须为logic
-        'logic': 'saveMaterialServiceAndroid',
-        // 回调执行方法名，key必须为callback
-        'callback': 'javascript:HostApp.__this__.uploadCallback1()',
-        // logic执行需要的业务参数
-        'data': data,
-        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
-        // 执行回调方法传入key为backresult
-        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
-        'backresult': 1
-      }) *!/
-    },*/
-    uploadCallback1(result) {
-
-      if (result.state == 'ok' && JSON.parse(result.result).code == 200) {
-        this.$showMessage('材料保存成功!!!')
-      } else {
-        this.$showMessage(JSON.parse(result.result).msg)
-      }
-    },
-    async saveUserFile(type) {
-      for (let i = 0; i < this.material.length; i++) {
-        this.material[i].f_material_name=this.material[i].f_material_name.name
-        this.material[i].f_typenumber=this.material[i].f_typenumber.name
-        this.material[i].f_process_id = this.selectdata.f_process_id
-        this.material[i].f_department = Vue.user.f_department_name
-        this.material[i].f_fee = this.material[i].f_material_price * this.material[i].f_material_number
-        if (isEmpty(this.material[i].f_state)) {
-          this.material[i].f_state = null
-        }
-      }
-      await this.saveOrder(type)
-    },
-    async saveOrder(type) {
-      console.log('this.material', this.material)
-      let otherdetail = []
-      if (this.payNumber == 0) {
-        if(this.material.length>0){
-          var  str="报建通气物料"
-          this.material.forEach((row) => {
-            str="报建通气物料"
-              if(row.f_material_name=="自闭阀"){
-                str=this.$appdata.getSingleValue(`报建自闭阀收费类型`)
-              }
-              if(row.f_material_name=="燃具管(连接管)"){
-                str=this.$appdata.getSingleValue(`报建燃具管收费类型`)
-              }
-              if(row.f_material_name=="家用报警器"){
-                str=this.$appdata.getSingleValue(`报建家用报警器收费类型`)
-              }
-              otherdetail.push({
-                f_brand_spec: [`${str}`],
-                f_typename: [`${row.f_material_name}`],
-                f_typenumber: [`${row.f_typenumber}`],
-                f_unitprice: row.f_material_price,
-                f_number: row.f_material_number,
-                f_overlength_unitprice:row.f_overlength_unitprice,
-                f_overlength_number:row.f_overlength_number,
-                f_discounts_money_detail:row.f_discounts_money_detail,
-                f_actual_materials_detail:row.f_actual_materials_detail
-              })
-          })
-        }else {
-          otherdetail.push({
-            f_brand_spec: ['报建通气物料 '],
-            f_typename: ['材料费'],
-            f_typenumber: [],
-            f_unitprice: 0,
-            f_number: this.material.length
-          })
-        }
-      } else {
-        var  str="报建通气物料"
-        this.material.forEach((row) => {
-          str="报建通气物料"
-            if(row.f_material_name=="自闭阀"){
-              str=this.$appdata.getSingleValue(`报建自闭阀收费类型`)
-            }
-            if(row.f_material_name=="燃具管(连接管)"){
-              str=this.$appdata.getSingleValue(`报建燃具管收费类型`)
-            }
-            if(row.f_material_name=="家用报警器"){
-              str=this.$appdata.getSingleValue(`报建家用报警器收费类型`)
-            }
-            otherdetail.push({
-              f_brand_spec: [`${str}`],
-              f_typename: [`${row.f_material_name}`],
-              f_typenumber: [`${row.f_typenumber}`],
-              f_unitprice: row.f_material_price,
-              f_number: row.f_material_number,
-              f_overlength_unitprice:row.f_overlength_unitprice,
-              f_overlength_number:row.f_overlength_number,
-              f_discounts_money_detail:row.f_discounts_money_detail,
-              f_actual_materials_detail:row.f_actual_materials_detail
-            })
-        })
-      }
-      let param = {
-        model: this.material,
-        operator_type: type,
-        othercharge_id: this.othercharge_id,
-        f_process_id: this.selectdata.f_process_id,
-        other: {
-          "record_userinfo": this.selectdata.model.f_userinfo_id,
-          //"f_userfiles_id": '',
-          //"f_user_id": '',
-          "f_user_name": this.selectdata.model.f_user_name,
-          "f_address": this.selectdata.model.f_address,
-          "f_user_type": this.selectdata.model.f_user_type,
-          "f_gasproperties": "",
-          "f_collection": this.payNumber,
-          "f_comments": `${Vue.user.name}进行维修材料收费，收费方式-${this.payType} ${this.order.body && this.order.body.tradeNo ? '。支付订单号:' + this.order.body.tradeNo : ''}`,
-          "f_payment": this.payType,
-          "f_voucher_number": this.selectdata.f_process_id,
-          "f_bill_style": "普通收据",
-          "f_userinfo_id": this.selectdata.model.f_userinfo_id,
-          "f_service_person": Vue.user.name,
-          "f_operat_type": "维修收费",
-          "f_describe": "",
-          "f_serial_id": this.order.body ? this.order.body.tradeNo : null,
-          "f_state": type == 'create' ? '无效' : '有效',
-          "f_operator": Vue.user.name,
-          "f_discounts_money_materials": this.f_discounts_money_materials,
-          "f_discounts_money": this.f_discounts_money,
-          "f_operatorid": Vue.user.id,
-          "f_orgid": Vue.user.orgid,
-          "f_orgname": Vue.user.orgs,
-          "f_depid": Vue.user.depids,
-          "f_depname": Vue.user.f_department_name,
-          "t_userfees": "",
-          "f_fee_type": "维修费用",
-          "f_fee_time": "12",
-          "otherdetail": otherdetail
-        }
-      }
-      console.log("要保存了666-------data2", param)
-      let res = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/saveMaterialService`, param, {
-        resolveMsg: null,
-        rejectMsg: null
-      })
-      console.log('res.data', res.data)
-      if (res.data.code == 200) {
-        if (type === 'create') {
-          // this.$showMessage('收费记录创建成功!!!')
-          this.othercharge_id = res.data.othercharge_id
-          // this.$emit('aftersave')
-        } else {
-          this.$showMessage('材料保存成功!!!')
-          this.$emit('aftersave')
-        }
-
-      } else {
-        this.$showMessage(res.data.msg)
-      }
-    },
-    uploadCallback(result) {
-      if (result.state == 'ok' && JSON.parse(result.result).code == 200) {
-        this.$showMessage('材料保存成功!!!')
-      } else {
-        this.$showMessage(JSON.parse(result.result).msg)
-      }
-    },
-    // 关闭对话框
-    closeModal() {
-      this.showCharge = false
-      this.charge = {
-        payment_terms: [{
-          f_payment_term: '',
-          f_charge_money: '',
-          f_amount_words: '',
-          f_payment_method: this.charge.f_payment_method
-        }]
-      }
-    },
-    // 金额转大写
-    handleInput(index) {
-      // 通过正则过滤小数点后两位
-      console.log('-----------------------')
-      this.charge.payment_terms[index].f_charge_money = (this.charge.payment_terms[index].f_charge_money.match(/^\d*(\.?\d{0,2})/g)[0]) || null
-      this.charge.payment_terms[index].f_amount_words = this.smalltoBIG(this.charge.payment_terms[index].f_charge_money)
-    },
-    // 金额转大写
-    smalltoBIG(n) {
-      let fraction = ['角', '分'];
-      let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
-      let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
-      let head = n < 0 ? '欠' : '';
-      n = Math.abs(n);
-
-      let s = '';
-
-      for (var i = 0; i < fraction.length; i++) {
-        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
-      }
-      s = s || '整';
-      n = Math.floor(n);
-
-      for (var i = 0; i < unit[0].length && n > 0; i++) {
-        let p = '';
-        for (var j = 0; j < unit[1].length && n > 0; j++) {
-          p = digit[n % 10] + unit[1][j] + p;
-          n = Math.floor(n / 10);
-        }
-        s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
-      }
-      return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
-    },
-    moneyChange(index) {
-      console.log(`当前下标----${index}`)
-      if (isEmpty(this.charge.payment_terms[index].f_charge_money) || Number(this.charge.payment_terms[index].f_charge_money) === 0) {
-        this.$showMessage('单笔收费不能为0元！！！', 'warning', 3000)
-        this.charge.payment_terms[index].f_charge_money = null
-        return
-      }
-    },
-    async TimeQrCode() {
-      this.qrcodeTimer = setTimeout(() => {
-        // 关闭二维码
-        this.clearQrCode()
-        // 将定时器清除
-        this.qrcodeTimer = null;
-        clearInterval(this.orderInterval)
-      }, 60 * 1000)
-
-    },
-    generateRandomString(length) {
-      let result = new Date().getTime().toString()
-      const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
-      const charactersLength = characters.length;
-      for (let i = 0; i < length; i++) {
-        result += characters.charAt(Math.floor(Math.random() * charactersLength));
-      }
-      return result.substring(0, 30);
-    },
-    // 打开二维码
-    async openQrCode() {
-      const merchantMsg = Vue.config.telephone.ApproveConfig.merchantMsg
-      if (!merchantMsg){
-        this.$showMessage('未配备商户号,请联系管理员！')
-        return
-      }
-      const outTradeNo = this.generateRandomString(30)
-      // 下订单
-      let http = new HttpResetClass()
-      const val = {
-        "body": "燃气费",
-        "detail": "燃气费",
-        "totalAmount": (this.payNumber * 100).toString(),
-        "merchantMsg": merchantMsg,//商户id
-        "outTradeNo": outTradeNo,//随机数30位
-        "service": "nativePay",//死值
-        "tradeType": "wechat_jsapi"//死值
-      }
-      try {
-        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/bank/rs/logic/BC_10001`, {data: val}, {
-          resolveMsg: null,
-          rejectMsg: null
-        })
-        if (res.data.status === 200) {
-          console.log("调用结果", res.data, res.data.body.url)
-          try {
-            this.order = res.data
-            this.othercharge_id = ''
-            await this.saveOrder('create')
-            if (this.othercharge_id) {
-              this.isTimeout = false
-              this.showQrCode = true
-              console.log(this.order)
-              this.$nextTick(() => {
-                this.qrcode(res.data.body.url)
-              })
-              if (this.order.body.tradeNo) {
-                this.timer1 = window.setInterval(this.getOrderInformation, 3000)
-              }
-            } else {
-              this.$showMessage('创建订单失败！')
-            }
-          } catch (e) {
-            this.$showMessage('创建订单失败！')
-          }
-        } else {
-          this.$showMessage('获取二维码失败！')
-        }
-
-      } catch (e) {
-        this.$showMessage('获取二维码失败，请检查网络！')
-      }
-    },
-    qrcode(url) {
-      new QRCode('qrcode', {
-        text: url, // 设置二维码内容或跳转地址
-        width: 266, // 设置宽度，单位像素
-        height: 266, // 设置高度，单位像素
-        correctLevel: QRCode.CorrectLevel.L //容错率，L/M/Hs
-      })
-    },
-    // 获取订单信息
-    async getOrderInformation() {
-      const merchantMsg = Vue.config.telephone.ApproveConfig.merchantMsg
-      // 查询订单信息
-      console.log('查询订单信息！！！', this.order)
-      try {
-        let http = new HttpResetClass()
-        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/bank/rs/logic/BC_10003`, {
-          data: {
-            "service": "queryOrder",
-            "outTradeNo": this.order.body.outTradeNo,
-            "merchantMsg": merchantMsg,
-            "tradeNo": ""
-          }
-        }, {
-          resolveMsg: null,
-          rejectMsg: null
-        })
-        // 支付成功
-        this.orderstatus = res.data
-        console.log('查询结果=======', res.data)
-        if (res.data.status == '200') {
-          window.clearInterval(this.timer1)
-          console.log('支付成功', this.orderstatus)
-          this.saveUserFile('update')
-          this.order = {}
-        }
-      } catch (e) {
-        window.clearInterval(this.timer1)
-        this.$showMessage('创建订单失败！')
-        this.order = {}
-      }
-    },
-    getPaymentTerm() {
-      let term = ''
-      this.charge.payment_terms.forEach((row) => {
-        term += `${row.f_payment_term} `
-      })
-      return term
-    },
-    closeQRCode() {
-      clearTimeout(this.paymentInterval)
-      clearTimeout(this.orderInterval)
-      this.timeLeft = 300
-      this.closeOrder()
-      // 清除二维码
-      this.clearQrCode()
-      this.showQrCode = false
-    },
-    clearQrCode() {
-      document.getElementById('qrcode').innerHTML = ''
-    },
-    /* async closeOrder() {
-       let data = {
-         "flag": "JsApiWeiNan",
-         "f_filiale": "weinanchengtou",
-         "f_out_trade_no": this.order.f_out_trade_no,// 商户单号
-         "isClose": "是",
-         "f_sys_trace": this.order.f_sys_trace // 交易流水号
-       }
-       let http = new HttpResetClass()
-       let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/wx/rs/pay/microPayOrderStatus`, data, {
-         resolveMsg: null,
-         rejectMsg: '关闭失败！！！'
-       })
-     },*/
-    async update() {
-      let http = new HttpResetClass()
-      for (let i = 0; i < this.material.length; i++) {
-        if (this.material[i].f_state == '未收费') {
-          this.material[i].f_state = '已收费'
-        }
-      }
-      let data = {
-        model: this.material
-      }
-      let res = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/logic/saveweinanmaterial', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '保存失败'
-      })
-      this.search()
-    },
-    async saveother() {
-      let http = new HttpResetClass()
-      let data1 = {
-        tablename: 't_material_service',
-        condition: `f_process_id = '${this.selectdata.f_process_id}' and f_state = '未收费'`
-      }
-      let res1 = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data1}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      })
-      let data = {
-        tablename: 't_userfiles',
-        condition: `f_userinfo_id = '${this.selectdata.model.f_userinfo_id}'`
-      }
-      let res = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      })
-      let otherdetails = []
-      for (let i = 0; i < res1.data.length; i++) {
-        otherdetails.push(
-          {
-            "f_brand_spec": [res1.data[i].f_material_name],
-            "f_unitprice": res1.data[i].f_material_price,
-            "f_typename": [res1.data[i].f_typename],
-            "f_typenumber": [res1.data[i].f_typenumber],
-            "f_number": res1.data[i].f_material_number
-          }
-        )
-      }
-
-      console.log("查询的用户信息", otherdetails)
-      let data2 = {
-        "record_userinfo": this.selectdata.model.f_userinfo_id,
-        "f_userfiles_id": res.data[0].f_userfiles_id,
-        "f_user_id": res.data[0].f_user_id,
-        "f_user_name": this.selectdata.model.f_user_name,
-        "f_address": this.selectdata.model.f_address,
-        "f_user_type": this.selectdata.model.f_user_type,
-        "f_gasproperties": "",
-        "f_collection": this.f_cost_sum,
-        "f_comments": "",
-        "f_payment": this.charge.f_payment_method,
-        "f_voucher_number": "",
-        "f_bill_style": "普通收据",
-        "f_userinfo_id": this.selectdata.model.f_userinfo_id,
-        "f_service_person": Vue.user.name,
-        "f_operat_type": "其他收费",
-        "f_describe": "",
-        "f_state": "有效",
-        "f_operator": Vue.user.name,
-        "f_operatorid": Vue.user.id,
-        "f_orgid": Vue.user.orgid,
-        "f_orgname": Vue.user.orgs,
-        "f_depid": Vue.user.depids,
-        "f_depname": Vue.user.f_department_name,
-        "t_userfees": "",
-        "f_fee_type": "其他费用",
-        "f_fee_time": "12",
-        "otherdetail": otherdetails
-      }
-
-      let res2 = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/sale_othercharge_logic`, {data: data2}, {
-        resolveMsg: null,
-        rejectMsg: '保存数据失败'
-      })
-    },
-    async shoufei() {
-      let http = new HttpResetClass()
-      let data = {
-        tablename: 't_material_service',
-        condition: `f_process_id = '${this.selectdata.f_process_id}' and f_state = '未收费'`
-      }
-      let res = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      })
-      if (res.data.length <= 0) {
-        this.$showMessage('请先添加未收费的材料！！！')
-        return
-      }
-      this.f_cost_sum = 0
-      for (let i = 0; i < res.data.length; i++) {
-        this.f_cost_sum += Number(res.data[i].f_fee)
-      }
-      this.showCharge = true
-      this.charge.payment_terms[0].f_charge_money = this.f_cost_sum
-    },
-    accMul(arg1, arg2) {
-      let m = 0, s1 = arg1.toString(), s2 = arg2.toString();
-      try {
-        m += s1.split(".")[1].length
-      } catch (e) {
-      }
-      try {
-        m += s2.split(".")[1].length
-      } catch (e) {
-      }
-      return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
-    },
-  },
-  beforeDestroy() {
-    console.log('销毁了-----111', this.timer1)
-    window.clearInterval(this.timer1)
-  },
-  events: {},
-  computed: {
-    paymentMethod() {
-      return this.$appdata.getParam("付款方式")
-    },
-    paymentTerm() {
-      return this.$appdata.getParam("收费项目")
-    }
-  },
-  watch: {}
-}
-</script>
-<style lang="less" scoped>
-.head-but {
-  margin-left: 5px;
-  height: 34px;
-  /*background-color: #6aa6e2;*/
-  border-radius: 4px;
-  font-family: PingFang;
-  color: #ffffff;
-}
-
-/*清除model中的浮动*/
-.clearfix:after, .clearfix:before {
-  display: table;
-}
-
-.clearfix:after {
-  clear: both;
-}
-
-.lab_sty {
-  margin-bottom: 0;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-}
-
-.row_sty {
-  display: flex;
-  align-items: center;
-  margin: 5px;
-}
-
-</style>
+<template>
+  <work-busy :is-busy="button_state"></work-busy>
+  <div>
+    <div style="height: auto;width: 100%;margin: 30px 0" v-if="showQrCode">
+      <div partial>
+        <div class="" align="center">
+          <div style="margin-bottom:10px "><img src="../../../assets/scanCode.png">请扫描下方二维码进行付款</div>
+          <div class="row app-row">
+            <div class="col-xs-12">
+              <label class="font text-left">订单编号:{{ order.body.tradeNo }}</label>
+            </div>
+            <!--          <div class="col-xs-8">
+                        <input type="text" class ="search_input input-font" v-model="order.body.tradeNo" />
+                      </div>-->
+          </div>
+          <!--        <div class="row app-row">
+                    <div class="col-xs-4">
+                      <label class="font text-left">订单状态:</label>
+                    </div>
+                    <div class="col-xs-8">
+                      <input type="text" class ="search_input input-font" v-model="orderstatus.msg" />
+                    </div>
+                  </div>-->
+          <!--<div @click="callBack('支付成功')">返回</div>-->
+        </div>
+        <div class="" align="center">
+          <div class="QR-code" v-if="payType=='二维码支付'">
+            <img src="../../../assets/qrcode_no.png" v-show="isTimeout" style="width: 266px;height: 266px"/>
+            <div id="qrcode" style="margin-top: 25px;width: 266px;height: 266px"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-show="!showQrCode">
+      <div style="max-height: 70vh; overflow-y: auto;">
+        <apply-material-one v-for="(i, item) in material " :index="$index" :item="item"
+                            :materialnameandcode="materialnameandcode"
+                            :newmaterialnameandcode="newmaterialnameandcode"
+                            :newmaterialnameandtype="newmaterialnameandtype"
+                            :typenumbers="materialtypenumber" @number_chenge="getChangePayNumber"
+                            @delete_material="delete_material"></apply-material-one>
+        <div style="padding: 10px;display: flex;justify-content: space-around;">
+          <button type="button" class="btn btn-primary" @click="addUserFile">添加</button>
+        </div>
+
+        <div class="row">
+          <label class="text-justify lb-left" style="width: 100px">收款</label>
+          <!--        <div class="row">
+
+                    <data-grid partial='list' v-ref:grid :model="{rows:summarize}" v-show="summarize.length>0" class="list_area table_sy">
+                      <template partial='head'>
+                        <tr>
+                          <th>
+                            <nobr>收费类型</nobr>
+                          </th>
+                          <th>
+                            <nobr>数量</nobr>
+                          </th>
+                          <th>
+                            <nobr>总金额</nobr>
+                          </th>
+                        </tr>
+                      </template>
+                      <template partial='body'>
+                        <td  style="text-align: center;">
+                          <nobr>{{row.material_type }}</nobr>
+                        </td>
+                        <td  style="text-align: center;">
+                          <nobr>{{ row.amount }}</nobr>
+                        </td>
+                        <td  style="text-align: center;">
+                          <nobr>{{ row.money }}</nobr>
+                        </td>
+                      </template>
+                    </data-grid>
+                    &lt;!&ndash;          <div v-for="item in summarize" style="display: flex;justify-content: center;">
+                                {{item.}} - {{item.}} - {{item.}}
+                              </div>&ndash;&gt;
+                  </div>-->
+          <div class="row row_sty">
+            <label class="lab_sty col-xs-4">收费优惠金额</label>
+            <div class="col-xs-8">
+              <input type="number" class="form-control" v-model="f_discounts_money_materials" :value.sync="f_discounts_money_materials" @change="getChangePayNumber()">
+            </div>
+          </div>
+          <div class="row row_sty">
+            <label class="lab_sty col-xs-4">总优惠金额</label>
+            <div class="col-xs-8">
+              <input type="number" class="form-control" v-model="f_discounts_money" :value.sync="f_discounts_money" readonly>
+            </div>
+          </div>
+          <div class="row row_sty">
+            <label class="lab_sty col-xs-4">合计金额</label>
+            <div class="col-xs-8">
+              <input type="number" class="form-control" v-model="payNumber" :value.sync="payNumber" readonly>
+            </div>
+          </div>
+          <div class="row row_sty">
+            <label class="lab_sty col-xs-4">收款方式</label>
+            <div class="col-xs-8">
+              <v-select
+                :width="'100%'"
+                :value.sync="payType"
+                v-model="payType"
+                :options='payTypes'
+                placeholder='请选择'
+                close-on-select
+                :value-single="true"
+              ></v-select>
+            </div>
+          </div>
+          <!--      <div class="y-form-item" v-if="payType=='二维码支付'">
+                    <div  id="qrcode" class="qrcode" v-ref:qrcode></div>
+                  </div>-->
+        </div>
+        <div style="padding: 10px;display: flex;justify-content: space-around;">
+          <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right;margin-right:10px;"
+                  @click="beforeSaveCharge()">保存
+          </button>
+          <button type="button" class="btn btn-primary" @click="cancel">取消</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+import QRCode from 'qrcodejs2'
+import {isEmpty} from '../../../components/Util'
+
+export default {
+  title: '材料添加',
+  props: {
+    selectdata: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      f_discounts_money_materials:0,
+      f_discounts_money:0,
+      materialname: [],
+      materialTYPE: [],
+      materialnameandcode: [],
+      newmaterialnameandcode: [],
+      materialtypenumber: [],
+      newmaterialnameandtype: [],
+      category: {},
+      //支付方式
+      payType: '',
+      //支付总额
+      payNumber: 0,
+      newPayNumber: 0,
+      //支付方式选择框
+      // payTypes: [{label: '现金', value: '现金'}, {label: '二维码支付', value: '二维码支付'}],
+      payTypes: [{label: '现金', value: '现金'},{label: '扫码支付', value: '扫码支付'}],
+      materialImges: [],
+      showFile: false,
+      material: [],
+      positions: this.$appdata.getParam('品名及规格'), // 获取材料名称
+      charge: {
+        payment_terms: [{f_payment_term: '', f_charge_money: '', f_amount_words: '', f_payment_method: ''}]
+      }, // 收费内容
+      showCharge: false, // 收费显示
+      timeLeft: 300, // 收费时间
+      title1: '', // 二维码标题
+      showQrCode: false, // 二维码显示
+      order: {}, // 订单信息
+      f_cost_sum: 0, // 总收费
+      othercharge_id: '',
+      button_state: false,
+      summarize: []//材料收费方式汇总
+    }
+  },
+  ready() {
+
+    //this.search()
+    this.getAllMaterial()
+    // this.getmaterial()
+    // this.getmaterialTYPE()
+
+  },
+  methods: {
+   async getdefaultmaterial() {
+     this.material = []
+      let datarow = {
+        workname: 'materials'
+      }
+      let http = new HttpResetClass()
+      let row = await http.load(
+        'POST',
+        `${this.$androidUtil.getProxyUrl()}/rs/logic/ApplyGetConfigs`,
+        {data: datarow},
+        {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'})
+      let material = row.data[this.selectdata.f_apply_type]
+      if (!isEmpty(material)&& material.length>0){
+        for (let i = 0; i < material.length; i++){
+          this.material.push({
+            f_material_name: material[i].f_material_name,
+            f_material_style: material[i].f_material_style,
+            f_overlength_unitprice:"0",
+            f_overlength_number:"0",
+            f_discounts_money_detail:"0",
+            f_actual_materials_detail:"0"
+          })
+        }
+      }
+    },
+    delete_material(i) {
+      console.log('删除项====', i)
+      this.material.splice(i, 1)
+      this.getChangePayNumber()
+    },
+    async beforeSaveCharge() {
+      console.log("977666")
+      if (this.material.length == 0) {
+        return this.$showMessage(`请先添加消耗的材料！`)
+      }
+      for (let index = 0; index < this.material.length; index++) {
+        const item = this.material[index]
+        if (!item.f_material_name) {
+          this.$showMessage(`请选择材料${index + 1}的材料名称`)
+          return;
+        }
+        if (!item.f_typenumber) {
+          this.$showMessage(`请选择材料${index + 1}的型号`)
+          return;
+        }
+        if (!item.f_material_price) {
+          this.$showMessage(`请填写材料${index + 1}的单价`)
+          return;
+        }
+        if (!item.f_material_number || item.f_material_number == 0) {
+          this.$showMessage(`请填写材料${index + 1}的数量`)
+          return;
+        }
+      }
+      /*if(this.materialImges.length===0){
+        this.$showMessage(`至少有一张材料照片`)
+        return;
+      }*/
+      if (!this.payType) {
+        this.$showMessage(`请选择缴费方式`)
+        return;
+      }
+      this.button_state = true
+      try {
+        if (this.payType.indexOf('现金') != -1 || this.payType.indexOf('扫码支付') != -1) {
+          await this.saveUserFile('save')
+        } else {
+          await this.openQrCode()
+        }
+        this.button_state = false
+      } catch (e) {
+        this.$showMessage(`材料收费失败！请检查网络`)
+        this.button_state = false
+      }
+    },
+    cancel() {
+      this.$emit('aftersave')
+    },
+    getAllMaterial() {
+      new HttpResetClass().load('POST', this.$androidUtil.getProxyUrl() + `/rs/sql/tel_singleTable_OrderBy?pageNo=1&pageSize=99999`, {
+        data: {
+          items: '*',
+          tablename: 't_material_info',
+          condition: `org_id = '${Vue.user.orgid}'`,
+          orderitem: 'id desc'
+        }
+      }, {resolveMsg: null, rejectMsg: null}).then(res => {
+        const typeNames = res.data.filter((item) => item.type === '报建')
+        const materialNames = res.data.filter((item) => item.type === '材料')
+        const materialNumbers = res.data.filter((item) => item.type === '型号')
+        console.log(typeNames, materialNames, materialNumbers)
+        const newMaterialNames = materialNames.map((item) => {
+          const typeName = typeNames.filter((res) => {
+            return res.id == item.parent_id
+          })
+          return {
+            id: item.id,
+            typeName: typeName[0],
+            materialName: item
+          }
+        })
+        //所有材料
+        console.log("988", newMaterialNames)
+        for (let i = 0; i < newMaterialNames.length ; i++) {
+          this.newmaterialnameandcode.push({
+            label: newMaterialNames[i].materialName.name,
+            value: newMaterialNames[i].materialName,
+          })
+        }
+        // 所有型号
+        this.newmaterialnameandtype =materialNumbers
+        this.getdefaultmaterial()
+      }).catch((e) => {
+        console.log("933", e)
+      })
+    },
+    sortArrayByCodeAscending(dataArray) {
+      // Convert the "code" property to a number for sorting
+      dataArray.forEach(item => {
+        item.newCode = parseFloat(item.code);
+      });
+
+      // Sort the array based on the "code" property
+      dataArray.sort((a, b) => a.newCode - b.newCode);
+
+      return dataArray;
+    },
+    getChangePayNumber() {
+      this.payNumber = 0
+      this.summarize = []
+      this.f_discounts_money = 0
+      for (let i = 0; i < this.material.length; i++) {
+        this.material[i].f_fee = (this.material[i].f_material_price * this.material[i].f_material_number) + (this.material[i].f_overlength_unitprice * this.material[i].f_overlength_number) - this.material[i].f_discounts_money_detail
+        this.payNumber += Number(this.material[i].f_fee)
+        this.f_discounts_money += Number(this.material[i].f_discounts_money_detail)
+        // let res=this.checkSummarize(this.material[i].material_type)
+        /* if(res.has){
+          this.summarize[res.idx].amount+= 1
+          this.summarize[res.idx].money+= Number(this.material[i].f_fee)
+        }else{
+          this.summarize.push({material_type:this.material[i].material_type,amount:1,money:this.material[i].f_fee})
+        } */
+      }
+      this.payNumber -= Number(this.f_discounts_money_materials)
+      this.f_discounts_money += Number(this.f_discounts_money_materials)
+      console.log('this.summarize------------', this.summarize)
+    },
+    checkSummarize(name) {
+      let result = {idx: null, has: false}
+      this.summarize.forEach((item, idx) => {
+        if (item.material_type == name) {
+          result.idx = idx
+          result.has = true
+        }
+      })
+      console.log('result', result)
+      return result
+    },
+    getsutitle(val) {
+      return val
+    },
+    loadOptions(index) {
+      // const data = {
+      //   tablename: 't_material_info',
+      //   condition: "1 = 1 and code = '" + this.material[index].f_material_code + "'"
+      // }
+      // this.$resetpost(this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data}, {
+      //   resolveMsg: null,
+      //   rejectMsg: '获取数据失败'
+      // }).then((res) => {
+      //   for (let material of res.data) {
+      //     switch (material.type) {
+      //       case '分类' :
+      //         this.$set('material[' + index + '].f_typename', material.name)
+      //         break
+      //       case '品名' :
+      //         this.$set('material[' + index + '].f_material_name', material.name)
+      //         break
+      //       case '型号' :
+      //         this.$set('material[' + index + '].f_typenumber', material.name)
+      //         this.$set('material[' + index + '].unit', material.unit)
+      //         this.$set('material[' + index + '].f_material_price', material.price)
+      //         break
+      //     }
+      //   }
+      //   this.$set('material', JSON.parse(JSON.stringify(this.material)))
+      // })
+      const data = {
+        code: this.material[index].f_material_code
+      }
+      this.$resetpost(this.$androidUtil.getProxyUrl() + '/rs/sql/getMaterialByCode', {data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      }).then((res) => {
+        for (let material of res.data) {
+          this.$set('material[' + index + '].f_typename', material.f_typename)
+          this.$set('material[' + index + '].f_material_name', material.f_material_name)
+          this.$set('material[' + index + '].f_typenumber', material.f_typenumber)
+          this.$set('material[' + index + '].unit', material.unit)
+          this.$set('material[' + index + '].f_material_price', material.f_material_price)
+        }
+        this.$set('material', JSON.parse(JSON.stringify(this.material)))
+      })
+
+    },
+    // 删除未保存的材料信息
+    async deleteUserFile(index) {
+      this.material.splice(index, 1)
+    },
+    // 追加材料信息
+    addUserFile() {
+      this.material.push({
+        f_material_name: "",
+        unit: 0,
+        f_material_price: 0,
+        f_typenumber: "",
+        f_typename: "",
+        material_type: "",
+        f_overlength_unitprice:"0",
+        f_overlength_number:"0",
+        f_discounts_money_detail:"0",
+        f_actual_materials_detail:"0"
+      })
+    },
+    getmaterialTYPE() {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_material_service',
+        condition: `1=1`
+      }
+      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      }).then(res => {
+        console.log("XXX", res.data.length)
+        for (let i = 0; i < res.data.length; i++) {
+
+          this.materialTYPE.push({
+            label: res.data[i].f_typenumber,
+            value: res.data[i].f_typenumber
+          })
+        }
+        if (this.materialTYPE.length <= 0) {
+          this.materialTYPE = [{}]
+        }
+        this.materialtypenumber = Array.from(new Set(this.materialTYPE.map(item => item.label)))
+          .map(label => {
+            return this.materialTYPE.find(item => item.label === label);
+          })
+        console.log("XXX", this.materialtypenumber)
+      })
+      return this.materialtypenumber
+    },
+    getmaterial() {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_material_service',
+        condition: `1=1`
+      }
+      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      }).then(res => {
+        console.log("XXX", res.data.length)
+        for (var i = 0; i < res.data.length; i++) {
+
+          this.materialname.push({
+              label: '[' + res.data[i].f_material_code + ']' + res.data[i].f_material_name,
+              value: res.data[i].f_material_name
+            }
+          )
+        }
+        if (this.materialname.length <= 0) {
+          this.materialname = [{}]
+        }
+        this.materialnameandcode = Array.from(new Set(this.materialname.map(item => item.label)))
+          .map(label => {
+            return this.materialname.find(item => item.label === label);
+          })
+        this.materialname = this.materialname.map(item => {
+          item.label = item.label.replace(/null/g, "空")
+          return item;
+        });
+        console.log("XXX", this.materialnameandcode)
+      })
+      return this.materialnameandcode
+    },
+    search() {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_material_service',
+        condition: `f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      }).then(res => {
+        this.material = res.data
+        if (this.material.length <= 0) {
+          this.addUserFile()
+        } else {
+          this.getAllMaterialImg()
+          this.getChangePayNumber()
+        }
+      })
+
+
+    },
+    getAllMaterialImg() {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_material_img',
+        condition: `f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      }).then(result => {
+        let tempArr = []
+        let tempArrary = []
+        result = result.data
+        for (let i = 0; i < result.length; i++) {
+
+          if (!tempArr.includes(result[i].f_path)) {
+            let temp = {}
+            temp.id = result[i].id
+            temp.android_file = result[i].f_path
+            temp.imgpath = ''
+            temp.path = 'http://newimg/storage/emulated/0/Download/safecheck/' + result[i].f_path
+            tempArr.push(result[i].f_path)
+            tempArrary.push(temp)
+          }
+        }
+        this.materialImges = tempArrary
+      })
+    },
+    // 获取品名规格
+    setTypename(i, val) {
+      let ac = this.$appdata.getParam(val)
+      this.$set('material[' + i + '].typeNameList', ac)
+      this.$set('material[' + i + '].typeNumberList', [])
+      this.$set('material[' + i + '].f_typenumber', null)
+      this.$set('material[' + i + '].f_material_price', 0)
+    },
+    // 获取类型
+    setTypenumber(i, val) {
+      let ac = this.$appdata.getParam(val)
+      this.$set('material[' + i + '].typeNumberList', ac)
+      this.$set('material[' + i + '].f_material_price', 0)
+    },
+    // 获取单价
+    setmaterialprice(i, val) {
+      var num
+      if (val == null) {
+        num = 0
+      }
+      num = this.$appdata.getSingleValue(val)
+      this.$set('material[' + i + '].f_material_price', num)
+    },
+    // 金额计算
+    smallnum(val, val1) {
+      let num = Number(val) * Number(val1)
+      return num
+    },
+    getCheckMessage() {
+      let tempArr = this.material
+      if (!tempArr.length > 0) {
+        return '请选择材料后上传'
+      }
+      for (let i = 0; i < tempArr.length; i++) {
+        if (tempArr[i].f_process_id) {
+          continue
+        }
+
+        if (!tempArr[i].f_material_price) {
+          return '请输入材料单价'
+        }
+        if (!tempArr[i].f_material_number) {
+          return '请输入材料数量'
+        }
+      }
+      /* if (this.materialImges.length == 0) {
+        return '材料清单需拍照'
+      } */
+      return null
+
+    },
+    /*async saveUserFile1() {
+      let message = this.getCheckMessage()
+      if (message) {
+        this.$showMessage(message)
+        return
+      }
+      let imgs = []
+      for (let i = 0; i < this.materialImges.length; i++) {
+        let it = {}
+        if (this.materialImges[i].id) {
+          it = {
+            f_path: this.materialImges[i].path,
+            id: this.materialImges[i].id,
+            f_process_id: this.selectdata.f_process_id
+          }
+        } else {
+          it = {
+            f_path: this.materialImges[i].path,
+            f_process_id: this.selectdata.f_process_id
+          }
+        }
+        imgs.push(it)
+      }
+      for (let i = 0; i < this.material.length; i++) {
+        this.material[i].f_process_id = this.selectdata.f_process_id
+        if (isEmpty(this.material[i].f_state)) {
+          this.material[i].f_state = '未收费'
+        }
+      }
+      let data = {
+        model: this.material,
+        imgs: imgs,
+        f_process_id: this.selectdata.f_process_id
+      }
+      console.log('------------------',data)
+      new HttpResetClass().load('POST',this.$androidUtil.getProxyUrl() +`/rs/logic/saveMaterialService`, data,{resolveMsg:null,rejectMsg:null}).then(res=>{
+        console.log(res)
+        this.model.rows=res.data
+      }).catch((e)=>{
+        console.log("933",e)
+      })
+      /!* console.log('------------------',data)
+      HostApp.__this__ = this
+      HostApp.logicWithHint({
+        // logic别名，key必须为logic
+        'logic': 'saveMaterialServiceAndroid',
+        // 回调执行方法名，key必须为callback
+        'callback': 'javascript:HostApp.__this__.uploadCallback1()',
+        // logic执行需要的业务参数
+        'data': data,
+        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
+        // 执行回调方法传入key为backresult
+        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
+        'backresult': 1
+      }) *!/
+    },*/
+    uploadCallback1(result) {
+
+      if (result.state == 'ok' && JSON.parse(result.result).code == 200) {
+        this.$showMessage('材料保存成功!!!')
+      } else {
+        this.$showMessage(JSON.parse(result.result).msg)
+      }
+    },
+    async saveUserFile(type) {
+      for (let i = 0; i < this.material.length; i++) {
+        this.material[i].f_material_name=this.material[i].f_material_name.name
+        this.material[i].f_typenumber=this.material[i].f_typenumber.name
+        this.material[i].f_process_id = this.selectdata.f_process_id
+        this.material[i].f_department = Vue.user.f_department_name
+        this.material[i].f_fee = this.material[i].f_material_price * this.material[i].f_material_number
+        if (isEmpty(this.material[i].f_state)) {
+          this.material[i].f_state = null
+        }
+      }
+      await this.saveOrder(type)
+    },
+    async saveOrder(type) {
+      console.log('this.material', this.material)
+      let otherdetail = []
+      if (this.payNumber == 0) {
+        if(this.material.length>0){
+          var  str="报建通气物料"
+          this.material.forEach((row) => {
+            str="报建通气物料"
+              if(row.f_material_name=="自闭阀"){
+                str=this.$appdata.getSingleValue(`报建自闭阀收费类型`)
+              }
+              if(row.f_material_name=="燃具管(连接管)"){
+                str=this.$appdata.getSingleValue(`报建燃具管收费类型`)
+              }
+              if(row.f_material_name=="家用报警器"){
+                str=this.$appdata.getSingleValue(`报建家用报警器收费类型`)
+              }
+              otherdetail.push({
+                f_brand_spec: [`${str}`],
+                f_typename: [`${row.f_material_name}`],
+                f_typenumber: [`${row.f_typenumber}`],
+                f_unitprice: row.f_material_price,
+                f_number: row.f_material_number,
+                f_overlength_unitprice:row.f_overlength_unitprice,
+                f_overlength_number:row.f_overlength_number,
+                f_discounts_money_detail:row.f_discounts_money_detail,
+                f_actual_materials_detail:row.f_actual_materials_detail
+              })
+          })
+        }else {
+          otherdetail.push({
+            f_brand_spec: ['报建通气物料 '],
+            f_typename: ['材料费'],
+            f_typenumber: [],
+            f_unitprice: 0,
+            f_number: this.material.length
+          })
+        }
+      } else {
+        var  str="报建通气物料"
+        this.material.forEach((row) => {
+          str="报建通气物料"
+            if(row.f_material_name=="自闭阀"){
+              str=this.$appdata.getSingleValue(`报建自闭阀收费类型`)
+            }
+            if(row.f_material_name=="燃具管(连接管)"){
+              str=this.$appdata.getSingleValue(`报建燃具管收费类型`)
+            }
+            if(row.f_material_name=="家用报警器"){
+              str=this.$appdata.getSingleValue(`报建家用报警器收费类型`)
+            }
+            otherdetail.push({
+              f_brand_spec: [`${str}`],
+              f_typename: [`${row.f_material_name}`],
+              f_typenumber: [`${row.f_typenumber}`],
+              f_unitprice: row.f_material_price,
+              f_number: row.f_material_number,
+              f_overlength_unitprice:row.f_overlength_unitprice,
+              f_overlength_number:row.f_overlength_number,
+              f_discounts_money_detail:row.f_discounts_money_detail,
+              f_actual_materials_detail:row.f_actual_materials_detail
+            })
+        })
+      }
+      let param = {
+        model: this.material,
+        operator_type: type,
+        othercharge_id: this.othercharge_id,
+        f_process_id: this.selectdata.f_process_id,
+        other: {
+          "record_userinfo": this.selectdata.model.f_userinfo_id,
+          //"f_userfiles_id": '',
+          //"f_user_id": '',
+          "f_user_name": this.selectdata.model.f_user_name,
+          "f_address": this.selectdata.model.f_address,
+          "f_user_type": this.selectdata.model.f_user_type,
+          "f_gasproperties": "",
+          "f_collection": this.payNumber,
+          "f_comments": `${Vue.user.name}进行维修材料收费，收费方式-${this.payType} ${this.order.body && this.order.body.tradeNo ? '。支付订单号:' + this.order.body.tradeNo : ''}`,
+          "f_payment": this.payType,
+          "f_voucher_number": this.selectdata.f_process_id,
+          "f_bill_style": "普通收据",
+          "f_userinfo_id": this.selectdata.model.f_userinfo_id,
+          "f_service_person": Vue.user.name,
+          "f_operat_type": "维修收费",
+          "f_describe": "",
+          "f_serial_id": this.order.body ? this.order.body.tradeNo : null,
+          "f_state": type == 'create' ? '无效' : '有效',
+          "f_operator": Vue.user.name,
+          "f_discounts_money_materials": this.f_discounts_money_materials,
+          "f_discounts_money": this.f_discounts_money,
+          "f_operatorid": Vue.user.id,
+          "f_orgid": Vue.user.orgid,
+          "f_orgname": Vue.user.orgs,
+          "f_depid": Vue.user.depids,
+          "f_depname": Vue.user.f_department_name,
+          "t_userfees": "",
+          "f_fee_type": "维修费用",
+          "f_fee_time": "12",
+          "otherdetail": otherdetail
+        }
+      }
+      console.log("要保存了666-------data2", param)
+      let res = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/saveMaterialService`, param, {
+        resolveMsg: null,
+        rejectMsg: null
+      })
+      console.log('res.data', res.data)
+      if (res.data.code == 200) {
+        if (type === 'create') {
+          // this.$showMessage('收费记录创建成功!!!')
+          this.othercharge_id = res.data.othercharge_id
+          // this.$emit('aftersave')
+        } else {
+          this.$showMessage('材料保存成功!!!')
+          this.$emit('aftersave')
+        }
+
+      } else {
+        this.$showMessage(res.data.msg)
+      }
+    },
+    uploadCallback(result) {
+      if (result.state == 'ok' && JSON.parse(result.result).code == 200) {
+        this.$showMessage('材料保存成功!!!')
+      } else {
+        this.$showMessage(JSON.parse(result.result).msg)
+      }
+    },
+    // 关闭对话框
+    closeModal() {
+      this.showCharge = false
+      this.charge = {
+        payment_terms: [{
+          f_payment_term: '',
+          f_charge_money: '',
+          f_amount_words: '',
+          f_payment_method: this.charge.f_payment_method
+        }]
+      }
+    },
+    // 金额转大写
+    handleInput(index) {
+      // 通过正则过滤小数点后两位
+      console.log('-----------------------')
+      this.charge.payment_terms[index].f_charge_money = (this.charge.payment_terms[index].f_charge_money.match(/^\d*(\.?\d{0,2})/g)[0]) || null
+      this.charge.payment_terms[index].f_amount_words = this.smalltoBIG(this.charge.payment_terms[index].f_charge_money)
+    },
+    // 金额转大写
+    smalltoBIG(n) {
+      let fraction = ['角', '分'];
+      let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+      let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
+      let head = n < 0 ? '欠' : '';
+      n = Math.abs(n);
+
+      let s = '';
+
+      for (var i = 0; i < fraction.length; i++) {
+        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+      }
+      s = s || '整';
+      n = Math.floor(n);
+
+      for (var i = 0; i < unit[0].length && n > 0; i++) {
+        let p = '';
+        for (var j = 0; j < unit[1].length && n > 0; j++) {
+          p = digit[n % 10] + unit[1][j] + p;
+          n = Math.floor(n / 10);
+        }
+        s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
+      }
+      return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
+    },
+    moneyChange(index) {
+      console.log(`当前下标----${index}`)
+      if (isEmpty(this.charge.payment_terms[index].f_charge_money) || Number(this.charge.payment_terms[index].f_charge_money) === 0) {
+        this.$showMessage('单笔收费不能为0元！！！', 'warning', 3000)
+        this.charge.payment_terms[index].f_charge_money = null
+        return
+      }
+    },
+    async TimeQrCode() {
+      this.qrcodeTimer = setTimeout(() => {
+        // 关闭二维码
+        this.clearQrCode()
+        // 将定时器清除
+        this.qrcodeTimer = null;
+        clearInterval(this.orderInterval)
+      }, 60 * 1000)
+
+    },
+    generateRandomString(length) {
+      let result = new Date().getTime().toString()
+      const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
+      const charactersLength = characters.length;
+      for (let i = 0; i < length; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+      }
+      return result.substring(0, 30);
+    },
+    // 打开二维码
+    async openQrCode() {
+      const merchantMsg = Vue.config.telephone.ApproveConfig.merchantMsg
+      if (!merchantMsg){
+        this.$showMessage('未配备商户号,请联系管理员！')
+        return
+      }
+      const outTradeNo = this.generateRandomString(30)
+      // 下订单
+      let http = new HttpResetClass()
+      const val = {
+        "body": "燃气费",
+        "detail": "燃气费",
+        "totalAmount": (this.payNumber * 100).toString(),
+        "merchantMsg": merchantMsg,//商户id
+        "outTradeNo": outTradeNo,//随机数30位
+        "service": "nativePay",//死值
+        "tradeType": "wechat_jsapi"//死值
+      }
+      try {
+        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/bank/rs/logic/BC_10001`, {data: val}, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+        if (res.data.status === 200) {
+          console.log("调用结果", res.data, res.data.body.url)
+          try {
+            this.order = res.data
+            this.othercharge_id = ''
+            await this.saveOrder('create')
+            if (this.othercharge_id) {
+              this.isTimeout = false
+              this.showQrCode = true
+              console.log(this.order)
+              this.$nextTick(() => {
+                this.qrcode(res.data.body.url)
+              })
+              if (this.order.body.tradeNo) {
+                this.timer1 = window.setInterval(this.getOrderInformation, 3000)
+              }
+            } else {
+              this.$showMessage('创建订单失败！')
+            }
+          } catch (e) {
+            this.$showMessage('创建订单失败！')
+          }
+        } else {
+          this.$showMessage('获取二维码失败！')
+        }
+
+      } catch (e) {
+        this.$showMessage('获取二维码失败，请检查网络！')
+      }
+    },
+    qrcode(url) {
+      new QRCode('qrcode', {
+        text: url, // 设置二维码内容或跳转地址
+        width: 266, // 设置宽度，单位像素
+        height: 266, // 设置高度，单位像素
+        correctLevel: QRCode.CorrectLevel.L //容错率，L/M/Hs
+      })
+    },
+    // 获取订单信息
+    async getOrderInformation() {
+      const merchantMsg = Vue.config.telephone.ApproveConfig.merchantMsg
+      // 查询订单信息
+      console.log('查询订单信息！！！', this.order)
+      try {
+        let http = new HttpResetClass()
+        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/bank/rs/logic/BC_10003`, {
+          data: {
+            "service": "queryOrder",
+            "outTradeNo": this.order.body.outTradeNo,
+            "merchantMsg": merchantMsg,
+            "tradeNo": ""
+          }
+        }, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+        // 支付成功
+        this.orderstatus = res.data
+        console.log('查询结果=======', res.data)
+        if (res.data.status == '200') {
+          window.clearInterval(this.timer1)
+          console.log('支付成功', this.orderstatus)
+          this.saveUserFile('update')
+          this.order = {}
+        }
+      } catch (e) {
+        window.clearInterval(this.timer1)
+        this.$showMessage('创建订单失败！')
+        this.order = {}
+      }
+    },
+    getPaymentTerm() {
+      let term = ''
+      this.charge.payment_terms.forEach((row) => {
+        term += `${row.f_payment_term} `
+      })
+      return term
+    },
+    closeQRCode() {
+      clearTimeout(this.paymentInterval)
+      clearTimeout(this.orderInterval)
+      this.timeLeft = 300
+      this.closeOrder()
+      // 清除二维码
+      this.clearQrCode()
+      this.showQrCode = false
+    },
+    clearQrCode() {
+      document.getElementById('qrcode').innerHTML = ''
+    },
+    /* async closeOrder() {
+       let data = {
+         "flag": "JsApiWeiNan",
+         "f_filiale": "weinanchengtou",
+         "f_out_trade_no": this.order.f_out_trade_no,// 商户单号
+         "isClose": "是",
+         "f_sys_trace": this.order.f_sys_trace // 交易流水号
+       }
+       let http = new HttpResetClass()
+       let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/wx/rs/pay/microPayOrderStatus`, data, {
+         resolveMsg: null,
+         rejectMsg: '关闭失败！！！'
+       })
+     },*/
+    async update() {
+      let http = new HttpResetClass()
+      for (let i = 0; i < this.material.length; i++) {
+        if (this.material[i].f_state == '未收费') {
+          this.material[i].f_state = '已收费'
+        }
+      }
+      let data = {
+        model: this.material
+      }
+      let res = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/logic/saveweinanmaterial', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '保存失败'
+      })
+      this.search()
+    },
+    async saveother() {
+      let http = new HttpResetClass()
+      let data1 = {
+        tablename: 't_material_service',
+        condition: `f_process_id = '${this.selectdata.f_process_id}' and f_state = '未收费'`
+      }
+      let res1 = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data1}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      })
+      let data = {
+        tablename: 't_userfiles',
+        condition: `f_userinfo_id = '${this.selectdata.model.f_userinfo_id}'`
+      }
+      let res = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      })
+      let otherdetails = []
+      for (let i = 0; i < res1.data.length; i++) {
+        otherdetails.push(
+          {
+            "f_brand_spec": [res1.data[i].f_material_name],
+            "f_unitprice": res1.data[i].f_material_price,
+            "f_typename": [res1.data[i].f_typename],
+            "f_typenumber": [res1.data[i].f_typenumber],
+            "f_number": res1.data[i].f_material_number
+          }
+        )
+      }
+
+      console.log("查询的用户信息", otherdetails)
+      let data2 = {
+        "record_userinfo": this.selectdata.model.f_userinfo_id,
+        "f_userfiles_id": res.data[0].f_userfiles_id,
+        "f_user_id": res.data[0].f_user_id,
+        "f_user_name": this.selectdata.model.f_user_name,
+        "f_address": this.selectdata.model.f_address,
+        "f_user_type": this.selectdata.model.f_user_type,
+        "f_gasproperties": "",
+        "f_collection": this.f_cost_sum,
+        "f_comments": "",
+        "f_payment": this.charge.f_payment_method,
+        "f_voucher_number": "",
+        "f_bill_style": "普通收据",
+        "f_userinfo_id": this.selectdata.model.f_userinfo_id,
+        "f_service_person": Vue.user.name,
+        "f_operat_type": "其他收费",
+        "f_describe": "",
+        "f_state": "有效",
+        "f_operator": Vue.user.name,
+        "f_operatorid": Vue.user.id,
+        "f_orgid": Vue.user.orgid,
+        "f_orgname": Vue.user.orgs,
+        "f_depid": Vue.user.depids,
+        "f_depname": Vue.user.f_department_name,
+        "t_userfees": "",
+        "f_fee_type": "其他费用",
+        "f_fee_time": "12",
+        "otherdetail": otherdetails
+      }
+
+      let res2 = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/sale_othercharge_logic`, {data: data2}, {
+        resolveMsg: null,
+        rejectMsg: '保存数据失败'
+      })
+    },
+    async shoufei() {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_material_service',
+        condition: `f_process_id = '${this.selectdata.f_process_id}' and f_state = '未收费'`
+      }
+      let res = await http.load('post', this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      })
+      if (res.data.length <= 0) {
+        this.$showMessage('请先添加未收费的材料！！！')
+        return
+      }
+      this.f_cost_sum = 0
+      for (let i = 0; i < res.data.length; i++) {
+        this.f_cost_sum += Number(res.data[i].f_fee)
+      }
+      this.showCharge = true
+      this.charge.payment_terms[0].f_charge_money = this.f_cost_sum
+    },
+    accMul(arg1, arg2) {
+      let m = 0, s1 = arg1.toString(), s2 = arg2.toString();
+      try {
+        m += s1.split(".")[1].length
+      } catch (e) {
+      }
+      try {
+        m += s2.split(".")[1].length
+      } catch (e) {
+      }
+      return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
+    },
+  },
+  beforeDestroy() {
+    console.log('销毁了-----111', this.timer1)
+    window.clearInterval(this.timer1)
+  },
+  events: {},
+  computed: {
+    paymentMethod() {
+      return this.$appdata.getParam("付款方式")
+    },
+    paymentTerm() {
+      return this.$appdata.getParam("收费项目")
+    }
+  },
+  watch: {}
+}
+</script>
+<style lang="less" scoped>
+.head-but {
+  margin-left: 5px;
+  height: 34px;
+  /*background-color: #6aa6e2;*/
+  border-radius: 4px;
+  font-family: PingFang;
+  color: #ffffff;
+}
+
+/*清除model中的浮动*/
+.clearfix:after, .clearfix:before {
+  display: table;
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.lab_sty {
+  margin-bottom: 0;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+}
+
+.row_sty {
+  display: flex;
+  align-items: center;
+  margin: 5px;
+}
+
+</style>