apply-clients 3.5.4-66 → 3.5.4-67

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

@@ -1,1081 +1,1081 @@
-<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">
-      <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>
-</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: {
-      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) {
-            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
-        }).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) {
-          otherdetail.push({
-            f_brand_spec: ['维修'],
-            f_typename: ['材料费'],
-            f_typenumber: [],
-            f_unitprice: 0,
-            f_number: this.material.length
-          })
-        } else {
-          this.material.forEach((row) => {
-            if (row.f_material_price != 0) {
-              otherdetail.push({
-                f_brand_spec: [`${row.material_type? row.material_type : '材料费'}`],
-                f_typename: [`${row.f_material_name.name}`],
-                f_typenumber: [`${row.f_typenumber.name}`],
-                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">
+      <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>
+</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: {
+      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) {
+            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
+        }).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) {
+          otherdetail.push({
+            f_brand_spec: ['维修'],
+            f_typename: ['材料费'],
+            f_typenumber: [],
+            f_unitprice: 0,
+            f_number: this.material.length
+          })
+        } else {
+          this.material.forEach((row) => {
+            if (row.f_material_price != 0) {
+              otherdetail.push({
+                f_brand_spec: [`${row.material_type? row.material_type : '材料费'}`],
+                f_typename: [`${row.f_material_name.name}`],
+                f_typenumber: [`${row.f_typenumber.name}`],
+                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>