telephone-clients 4.0.0-1-46 → 4.0.0-1-48

package/src/components/workorder/AppInstallationMaterial.vue

@@ -1,497 +1,497 @@
-<template>
-  <work-busy :is-busy="button_state"></work-busy>
-  <div v-for="(i, item) in material " class="y-form">
-    <div class="y-form-head">
-      <span style="text-align: center">材料{{ $index + 1 }}信息</span>
-      <button
-        style="float: right"
-        class="button_delete button_spacing"
-        v-if="i>0"
-        @click.prevent="deleteUserFile(i)"
-      >删除
-      </button>
-    </div>
-
-    <div class="y-form-item">
-      <label>材料名称</label>
-      <input-select
-        class="select select_list y-form-item-input"
-        :value.sync="item.f_typename"
-        v-model="item.f_typename"
-        :options="category.options"
-        @change="item.f_typenumber = undefined"
-        :valueSingle="true">
-      </input-select>
-    </div>
-
-    <div class="y-form-item">
-      <label>材料型号</label>
-      <input-select
-        class="select select_list y-form-item-input"
-        :value.sync="item.f_typenumber"
-        v-model="item.f_typenumber"
-        :options="category.children[item.f_typename].options"
-        :valueSingle="true">
-      </input-select>
-    </div>
-    <div class="y-form-item">
-      <label>单价(元/{{
-          category.children[item.f_typename].children[item.f_typenumber].unit
-        }})</label>
-      <input type="number" class="form-control y-form-item-input" v-model="item.f_material_price"
-             :value="category.children[item.f_typename].children[item.f_typenumber].f_material_price"
-             readonly>
-    </div>
-    <div class="y-form-item">
-      <label>数量</label>
-      <input type="number" class="form-control y-form-item-input" v-model="item.f_material_number">
-    </div>
-    <div class="y-form-item">
-      <label>金额</label>
-      <input type="number" class="form-control y-form-item-input" v-model="item.f_fee"
-             :value="smallnum(item.f_material_price,item.f_material_number)" readonly>
-    </div>
-    <div class="y-form-item">
-      <label>备注</label>
-      <textarea type="text" rows="2" class="form-control y-form-item-input" v-model="item.f_remarks"></textarea>
-    </div>
-  </div>
-  <div style="padding: 10px;display: flex;justify-content: space-around;">
-    <button type="button" class="btn btn-primary" @click="addUserFile">添加</button>
-    <button type="button" class="btn btn-primary" @click="saveMaterial" v-if="baocun == 'true'">保存</button>
-    <button type="button" class="btn btn-primary" @click="showCharge()" v-if="shoufei == 'true'">收费</button>
-  </div>
-  <div v-show="showQrCode">
-    <div class="row">
-      <label class="text-justify lb-left" style="width: 100px">收款</label>
-      <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 v-if="zfCode" style="margin-top: 20px; text-align: center;">
-        <div id="qrcode" style="margin-top: 25px;width: 266px;height: 266px"></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>
-</template>
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from 'vue-client'
-import QRCode from 'qrcodejs2'
-import {getNowDate, isEmpty} from '../../components/Util'
-
-export default {
-  title: '材料添加',
-  props: {
-    selectdata: {
-      type: Object
-    }
-  },
-  data() {
-    return {
-      baocun: this.$appdata.getSingleValue('材料收费保存'),
-      shoufei: this.$appdata.getSingleValue('材料收费收费'),
-      othercharge_id: '',
-      payState: false,
-      zfCode: false,
-      f_out_trade_no: '',
-      payTypes: this.$appdata.getParam('材料收费方式'),
-      payType: '',
-      payNumber: 0,
-      button_state: false,
-      category: {},
-      showFile: false,
-      material: [],
-      positions: this.$appdata.getParam('品名及规格'), // 获取材料名称
-      charge: {
-        payment_terms: [{f_payment_term: '', f_charge_money: '', f_amount_words: '', f_payment_method: ''}]
-      }, // 收费内容
-      timeLeft: 300, // 收费时间
-      title1: '', // 二维码标题
-      showQrCode: false, // 二维码显示
-      order: {}, // 订单信息
-      f_cost_sum: 0, // 总收费
-    }
-  },
-  ready () {
-    this.loadOptions()
-  },
-  methods: {
-    cancel () {
-      this.payNumber = 0
-      this.othercharge_id = ''
-      this.payState = false
-      this.zfCode = false
-      this.showQrCode = false
-      this.payType = ''
-      clearTimeout(this.orderInterval)
-    },
-    getChangePayNumber () {
-      this.payNumber = 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.payNumber += Number(this.material[i].f_fee)
-      }
-    },
-    // 显示收费界面
-    async showCharge () {
-      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_typename) {
-          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;
-        }
-      }
-      await this.getChangePayNumber()
-      this.showQrCode = true
-    },
-    // 保存材料信息
-    async saveMaterial () {
-      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_typename) {
-          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;
-        }
-      }
-      await this.saveUserFile('save')
-      this.$showMessage('材料保存成功!!!')
-    },
-    async beforeSaveCharge () {
-      if (!this.payType) {
-        this.$showMessage(`请选择缴费方式`)
-        return;
-      }
-      if (this.payType.includes('二维码') && this.payNumber > 0) {
-        await this.openQrcode()
-      } else {
-        this.payState = true
-        await this.saveUserFile('save')
-        this.$showMessage('收费成功!!!')
-        this.cancel()
-        this.$emit('close')
-      }
-    },
-    loadOptions () {
-      const data = {
-        tablename: 't_material_management',
-        condition: `1=1`
-      }
-      this.$resetpost(this.$androidUtil.getProxyUrl() + '/af-telephone/rs/sql/tel_singleTable', {data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      }).then((res) => {
-        const categories = []
-        const types = []
-        for (let material of res.data) {
-          if (material.f_material_stype == '分类') {
-            categories.push(material)
-          } else if (material.f_material_stype == '型号') {
-            types.push(material)
-          }
-        }
-        this.category.options = []
-        for (let category of categories) {
-          this.category.options.push({
-            label: category.f_material_name,
-            value: category.f_material_name
-          })
-        }
-
-        this.category.children = {}
-        for (let category of categories) {
-          this.category.children[category.f_material_name] = {
-            options: [],
-            children: {}
-          }
-
-          for (let type of types) {
-            if (type.parent_id == category.id) {
-              this.category.children[category.f_material_name].options.push({
-                label: type.f_material_name,
-                value: type.f_material_name
-              })
-              this.category.children[category.f_material_name].children[type.f_material_name] = type
-            }
-          }
-        }
-        console.log('this.category=', JSON.stringify(this.category))
-      })
-    },
-    // 删除未保存的材料信息
-    async deleteUserFile (index) {
-      this.material.splice(index, 1)
-    },
-    // 追加材料信息
-    addUserFile () {
-      this.material.push({})
-    },
-    // 金额计算
-    smallnum (val, val1) {
-      let num = Number(val) * Number(val1)
-      return num
-    },
-    qrcode (url) {
-      new QRCode('qrcode', {
-        text: url, // 设置二维码内容或跳转地址
-        width: 266, // 设置宽度，单位像素
-        height: 266, // 设置高度，单位像素
-        correctLevel: QRCode.CorrectLevel.L //容错率，L/M/Hs
-      })
-    },
-    clearQrCode () {
-      if (document.getElementById('qrcode')) {
-        document.getElementById('qrcode').innerHTML = ''
-      }
-    },
-    async getOrderInformation () {
-      // 查询订单信息
-      console.log('查询订单信息！！！')
-      let http = new HttpResetClass()
-      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/wx/rs/weixin/orderStatus`, {
-        "f_filiale": "wensuxilong",
-        "out_trade_no": `${this.f_out_trade_no}`
-      }, {
-        resolveMsg: null,
-        rejectMsg: '订单查询失败！！！'
-      })
-      // 支付成功
-      if (res.data.trade_state_desc.includes('成功')) {
-        this.$showMessage('支付成功！！！')
-        await this.saveUserFile('save')
-        this.clearQrCode()
-        this.cancel()
-        this.$emit('close')
-      }
-    },
-    async openQrcode () {
-      this.clearQrCode()
-      let data = {
-        tablename: 't_userfiles',
-        condition: `f_userinfo_id = '${this.selectdata.model.f_userinfo_id}'`
-      }
-      let res = await new HttpResetClass().load('post', this.$androidUtil.getProxyUrl() + '/af-telephone/rs/sql/tel_singleTable', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: '获取数据失败'
-      })
-      let reqdata = {
-        "filiale": "wensuxilong",
-        "money": 1,
-        "str": "材料收费",
-        "attach": {
-          "f_userfiles_id": res.data[0].f_userfiles_id,
-          "f_userinfo_id": this.selectdata.model.f_userinfo_id
-        }
-      }
-      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/wx/rs/weixin/gasgetcode`, reqdata).then(res => {
-        if (res.data.code === 200) {
-          this.f_out_trade_no = res.data.out_trade_no
-          this.zfCode = true
-          this.$nextTick(() => {
-            this.qrcode(res.data.url)
-          })
-          this.orderInterval = setInterval(() => {
-            this.getOrderInformation()
-          }, 3000)
-        } else {
-          this.$showMessage('网络异常。。。')
-        }
-      })
-    },
-    async saveUserFile (type) {
-      for (let i = 0; i < this.material.length; i++) {
-        this.material[i].f_process_id = this.selectdata.f_process_id
-        this.material[i].f_material_name = this.material[i].f_typename
-        this.material[i].f_department = Vue.user.f_department_name
-         this.material[i].f_operator = Vue.user.name
-         this.material[i].f_filiale = Vue.user.orgid
-        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) => {
-          otherdetail.push({
-            f_brand_spec: ['维修'],
-            f_typename: [`${row.material_type ? row.material_type : '材料费'}`],
-            f_typenumber: [],
-            f_unitprice: row.f_material_price,
-            f_number: row.f_material_number
-          })
-        })
-      }
-      let param = {
-        model: this.material,
-        operator_type: type,
-        othercharge_id: this.othercharge_id,
-        f_process_id: this.selectdata.f_process_id,
-        f_userinfo_id: this.selectdata.model.f_userinfo_id,
-        other: {
-          "record_userinfo": this.selectdata.model.f_userinfo_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 && this.order.f_out_trade_no ? '。支付订单号:' + this.order.f_out_trade_no : ''}`,
-          "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 ? this.order.f_out_trade_no : null,
-          "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": otherdetail
-        }
-
-      }
-      console.log("材料收费保存", param)
-      let res = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/saveMaterialService`, param, {
-        resolveMsg: null,
-        rejectMsg: null
-      })
-      if (res.data.code == 200) {
-        if (type !== 'create') {
-          this.$showMessage('材料保存成功!!!')
-        }
-      } else {
-        this.$showMessage(res.data.msg)
-      }
-    },
-  },
-  computed: {
-    paymentMethod () {
-      return this.$appdata.getParam("付款方式")
-    },
-    paymentTerm () {
-      return this.$appdata.getParam("收费项目")
-    }
-  }
-}
-</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;
-}
-
-.y-form {
-  display: flex;
-  flex-flow: column;
-  gap: 10px;
-  padding: 10px 5px;
-
-  .y-form-head {
-    background-color: #e8f4ff;
-    display: flex;
-    padding: 10px 20px;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .y-form-item {
-    display: flex;
-    gap: 10px;
-
-    label {
-      width: 30%;
-      text-align: right;
-    }
-
-    .y-form-item-input {
-      width: 70%;
-    }
-  }
-}
-</style>
+<template>
+  <work-busy :is-busy="button_state"></work-busy>
+  <div v-for="(i, item) in material " class="y-form">
+    <div class="y-form-head">
+      <span style="text-align: center">材料{{ $index + 1 }}信息</span>
+      <button
+        style="float: right"
+        class="button_delete button_spacing"
+        v-if="i>0"
+        @click.prevent="deleteUserFile(i)"
+      >删除
+      </button>
+    </div>
+
+    <div class="y-form-item">
+      <label>材料名称</label>
+      <input-select
+        class="select select_list y-form-item-input"
+        :value.sync="item.f_typename"
+        v-model="item.f_typename"
+        :options="category.options"
+        @change="item.f_typenumber = undefined"
+        :valueSingle="true">
+      </input-select>
+    </div>
+
+    <div class="y-form-item">
+      <label>材料型号</label>
+      <input-select
+        class="select select_list y-form-item-input"
+        :value.sync="item.f_typenumber"
+        v-model="item.f_typenumber"
+        :options="category.children[item.f_typename].options"
+        :valueSingle="true">
+      </input-select>
+    </div>
+    <div class="y-form-item">
+      <label>单价(元/{{
+          category.children[item.f_typename].children[item.f_typenumber].unit
+        }})</label>
+      <input type="number" class="form-control y-form-item-input" v-model="item.f_material_price"
+             :value="category.children[item.f_typename].children[item.f_typenumber].f_material_price"
+             readonly>
+    </div>
+    <div class="y-form-item">
+      <label>数量</label>
+      <input type="number" class="form-control y-form-item-input" v-model="item.f_material_number">
+    </div>
+    <div class="y-form-item">
+      <label>金额</label>
+      <input type="number" class="form-control y-form-item-input" v-model="item.f_fee"
+             :value="smallnum(item.f_material_price,item.f_material_number)" readonly>
+    </div>
+    <div class="y-form-item">
+      <label>备注</label>
+      <textarea type="text" rows="2" class="form-control y-form-item-input" v-model="item.f_remarks"></textarea>
+    </div>
+  </div>
+  <div style="padding: 10px;display: flex;justify-content: space-around;">
+    <button type="button" class="btn btn-primary" @click="addUserFile">添加</button>
+    <button type="button" class="btn btn-primary" @click="saveMaterial" v-if="baocun == 'true'">保存</button>
+    <button type="button" class="btn btn-primary" @click="showCharge()" v-if="shoufei == 'true'">收费</button>
+  </div>
+  <div v-show="showQrCode">
+    <div class="row">
+      <label class="text-justify lb-left" style="width: 100px">收款</label>
+      <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 v-if="zfCode" style="margin-top: 20px; text-align: center;">
+        <div id="qrcode" style="margin-top: 25px;width: 266px;height: 266px"></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>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+import QRCode from 'qrcodejs2'
+import {getNowDate, isEmpty} from '../../components/Util'
+
+export default {
+  title: '材料添加',
+  props: {
+    selectdata: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      baocun: this.$appdata.getSingleValue('材料收费保存'),
+      shoufei: this.$appdata.getSingleValue('材料收费收费'),
+      othercharge_id: '',
+      payState: false,
+      zfCode: false,
+      f_out_trade_no: '',
+      payTypes: this.$appdata.getParam('材料收费方式'),
+      payType: '',
+      payNumber: 0,
+      button_state: false,
+      category: {},
+      showFile: false,
+      material: [],
+      positions: this.$appdata.getParam('品名及规格'), // 获取材料名称
+      charge: {
+        payment_terms: [{f_payment_term: '', f_charge_money: '', f_amount_words: '', f_payment_method: ''}]
+      }, // 收费内容
+      timeLeft: 300, // 收费时间
+      title1: '', // 二维码标题
+      showQrCode: false, // 二维码显示
+      order: {}, // 订单信息
+      f_cost_sum: 0, // 总收费
+    }
+  },
+  ready () {
+    this.loadOptions()
+  },
+  methods: {
+    cancel () {
+      this.payNumber = 0
+      this.othercharge_id = ''
+      this.payState = false
+      this.zfCode = false
+      this.showQrCode = false
+      this.payType = ''
+      clearTimeout(this.orderInterval)
+    },
+    getChangePayNumber () {
+      this.payNumber = 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.payNumber += Number(this.material[i].f_fee)
+      }
+    },
+    // 显示收费界面
+    async showCharge () {
+      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_typename) {
+          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;
+        }
+      }
+      await this.getChangePayNumber()
+      this.showQrCode = true
+    },
+    // 保存材料信息
+    async saveMaterial () {
+      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_typename) {
+          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;
+        }
+      }
+      await this.saveUserFile('save')
+      this.$showMessage('材料保存成功!!!')
+    },
+    async beforeSaveCharge () {
+      if (!this.payType) {
+        this.$showMessage(`请选择缴费方式`)
+        return;
+      }
+      if (this.payType.includes('二维码') && this.payNumber > 0) {
+        await this.openQrcode()
+      } else {
+        this.payState = true
+        await this.saveUserFile('save')
+        this.$showMessage('收费成功!!!')
+        this.cancel()
+        this.$emit('close')
+      }
+    },
+    loadOptions () {
+      const data = {
+        tablename: 't_material_management',
+        condition: `1=1`
+      }
+      this.$resetpost(this.$androidUtil.getProxyUrl() + '/af-telephone/rs/sql/tel_singleTable', {data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      }).then((res) => {
+        const categories = []
+        const types = []
+        for (let material of res.data) {
+          if (material.f_material_stype == '分类') {
+            categories.push(material)
+          } else if (material.f_material_stype == '型号') {
+            types.push(material)
+          }
+        }
+        this.category.options = []
+        for (let category of categories) {
+          this.category.options.push({
+            label: category.f_material_name,
+            value: category.f_material_name
+          })
+        }
+
+        this.category.children = {}
+        for (let category of categories) {
+          this.category.children[category.f_material_name] = {
+            options: [],
+            children: {}
+          }
+
+          for (let type of types) {
+            if (type.parent_id == category.id) {
+              this.category.children[category.f_material_name].options.push({
+                label: type.f_material_name,
+                value: type.f_material_name
+              })
+              this.category.children[category.f_material_name].children[type.f_material_name] = type
+            }
+          }
+        }
+        console.log('this.category=', JSON.stringify(this.category))
+      })
+    },
+    // 删除未保存的材料信息
+    async deleteUserFile (index) {
+      this.material.splice(index, 1)
+    },
+    // 追加材料信息
+    addUserFile () {
+      this.material.push({})
+    },
+    // 金额计算
+    smallnum (val, val1) {
+      let num = Number(val) * Number(val1)
+      return num
+    },
+    qrcode (url) {
+      new QRCode('qrcode', {
+        text: url, // 设置二维码内容或跳转地址
+        width: 266, // 设置宽度，单位像素
+        height: 266, // 设置高度，单位像素
+        correctLevel: QRCode.CorrectLevel.L //容错率，L/M/Hs
+      })
+    },
+    clearQrCode () {
+      if (document.getElementById('qrcode')) {
+        document.getElementById('qrcode').innerHTML = ''
+      }
+    },
+    async getOrderInformation () {
+      // 查询订单信息
+      console.log('查询订单信息！！！')
+      let http = new HttpResetClass()
+      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/wx/rs/weixin/orderStatus`, {
+        "f_filiale": "wensuxilong",
+        "out_trade_no": `${this.f_out_trade_no}`
+      }, {
+        resolveMsg: null,
+        rejectMsg: '订单查询失败！！！'
+      })
+      // 支付成功
+      if (res.data.trade_state_desc.includes('成功')) {
+        this.$showMessage('支付成功！！！')
+        await this.saveUserFile('save')
+        this.clearQrCode()
+        this.cancel()
+        this.$emit('close')
+      }
+    },
+    async openQrcode () {
+      this.clearQrCode()
+      let data = {
+        tablename: 't_userfiles',
+        condition: `f_userinfo_id = '${this.selectdata.model.f_userinfo_id}'`
+      }
+      let res = await new HttpResetClass().load('post', this.$androidUtil.getProxyUrl() + '/af-telephone/rs/sql/tel_singleTable', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: '获取数据失败'
+      })
+      let reqdata = {
+        "filiale": "wensuxilong",
+        "money": 1,
+        "str": "材料收费",
+        "attach": {
+          "f_userfiles_id": res.data[0].f_userfiles_id,
+          "f_userinfo_id": this.selectdata.model.f_userinfo_id
+        }
+      }
+      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/wx/rs/weixin/gasgetcode`, reqdata).then(res => {
+        if (res.data.code === 200) {
+          this.f_out_trade_no = res.data.out_trade_no
+          this.zfCode = true
+          this.$nextTick(() => {
+            this.qrcode(res.data.url)
+          })
+          this.orderInterval = setInterval(() => {
+            this.getOrderInformation()
+          }, 3000)
+        } else {
+          this.$showMessage('网络异常。。。')
+        }
+      })
+    },
+    async saveUserFile (type) {
+      for (let i = 0; i < this.material.length; i++) {
+        this.material[i].f_process_id = this.selectdata.f_process_id
+        this.material[i].f_material_name = this.material[i].f_typename
+        this.material[i].f_department = Vue.user.f_department_name
+         this.material[i].f_operator = Vue.user.name
+         this.material[i].f_filiale = Vue.user.orgid
+        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) => {
+          otherdetail.push({
+            f_brand_spec: ['维修'],
+            f_typename: [`${row.material_type ? row.material_type : '材料费'}`],
+            f_typenumber: [],
+            f_unitprice: row.f_material_price,
+            f_number: row.f_material_number
+          })
+        })
+      }
+      let param = {
+        model: this.material,
+        operator_type: type,
+        othercharge_id: this.othercharge_id,
+        f_process_id: this.selectdata.f_process_id,
+        f_userinfo_id: this.selectdata.model.f_userinfo_id,
+        other: {
+          "record_userinfo": this.selectdata.model.f_userinfo_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 && this.order.f_out_trade_no ? '。支付订单号:' + this.order.f_out_trade_no : ''}`,
+          "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 ? this.order.f_out_trade_no : null,
+          "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": otherdetail
+        }
+
+      }
+      console.log("材料收费保存", param)
+      let res = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/saveMaterialService`, param, {
+        resolveMsg: null,
+        rejectMsg: null
+      })
+      if (res.data.code == 200) {
+        if (type !== 'create') {
+          this.$showMessage('材料保存成功!!!')
+        }
+      } else {
+        this.$showMessage(res.data.msg)
+      }
+    },
+  },
+  computed: {
+    paymentMethod () {
+      return this.$appdata.getParam("付款方式")
+    },
+    paymentTerm () {
+      return this.$appdata.getParam("收费项目")
+    }
+  }
+}
+</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;
+}
+
+.y-form {
+  display: flex;
+  flex-flow: column;
+  gap: 10px;
+  padding: 10px 5px;
+
+  .y-form-head {
+    background-color: #e8f4ff;
+    display: flex;
+    padding: 10px 20px;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .y-form-item {
+    display: flex;
+    gap: 10px;
+
+    label {
+      width: 30%;
+      text-align: right;
+    }
+
+    .y-form-item-input {
+      width: 70%;
+    }
+  }
+}
+</style>