telephone-clients 4.0.0-1-5 → 4.0.0-1-6

package/src/filiale/meihekou/android/Outlay.vue

@@ -0,0 +1,361 @@
+<template>
+  <div class="select-overspread repair-bg auto" style="padding-bottom:5px;">
+    <validator name="v">
+      <!-- 费用 -->
+
+      <div class="bq-parent" v-if="shutype == 'heng'">
+        <blockquote class="blockquote">
+          <p>费用<a @click="mute()" style="float:right" href="javascript:void(0)" class="repair-mute-class"><img
+            src="../../../assets/novoice.png" width="25px;" alt=""><span
+            style="margin-left:10px;color: #304A66">关闭声音</span></a></p>
+        </blockquote>
+      </div>
+      <div class="auto repair-info-content compatible" v-if="materialsumshow">
+        <div class="row auto">
+          <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group mg8" :class="$v.f_cost_person.pattern ? 'has-error' : ''">-->
+          <!--<label class="text-justify lb-left" for="f_cost_person">人工费:</label>-->
+          <!--<span v-if="show">{{model.f_cost_person}}元</span>-->
+          <!--<template  v-if="!show">-->
+          <!--<input type="text" class="form-control" id="f_cost_person" v-model="model.f_cost_person" v-validate:f_cost_person="{pattern:'/^[+]{0,1}(\\d+)$|^[+]{0,1}(\\d+\\.\\d+)$/'}">-->
+          <!--</template>-->
+          <!--</div>-->
+          <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group">-->
+          <!--<label class="text-justify lb-left" for="costmatter">材料费:</label>-->
+          <!--<span v-if="show">{{model.f_cost_material}}元</span>-->
+          <!--<input type="text" class="form-control" id="costmatter" v-model="model.f_cost_material" v-if="!show">-->
+          <!--&lt;!&ndash;<button type="button" name="button" class="btn btn-primary"  @click="sumshow">明细</button>&ndash;&gt;-->
+          <!--</div>-->
+          <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group">-->
+          <!--<label class="text-justify lb-left">操作员:</label>-->
+          <!--<span v-if="show" style="font-weight:bold">{{model.f_order_man}}</span>-->
+          <!--<input type="text" class="form-control" v-model="model.f_order_man" v-if="!show" :disabled="issee">-->
+          <!--</div>-->
+          <!--<div class="col-xs-12 col-sm-6 col-md-6 form-input-group">-->
+          <!--<label class="text-justify lb-left">派单员:</label>-->
+          <!--<span v-if="show" style="font-weight:bold">{{f_single_man}}</span>-->
+          <!--<input type="text" class="form-control"  v-model="f_single_man" v-if="!show" readonly >-->
+          <!--</div>-->
+          <!--<div class="col-xs-12 col-sm-12 col-md-12 form-input-group">-->
+          <!--<label class="text-justify lb-left">反馈建议:</label>-->
+          <!--<span v-if="show" style="font-weight:bold">{{model.f_service_idea}}</span>-->
+          <!--<textarea class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="model.f_service_idea" v-if="!show" :disabled="issee"></textarea>-->
+          <!--</div>-->
+          <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+            <label class="text-justify lb-left">备注:</label>
+            <span v-if="show" style="font-weight:bold">{{ model.f_remarks }}</span>
+            <textarea class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="model.f_remarks"
+                      v-if="!show" :disabled="issee"></textarea>
+          </div>
+        </div>
+        <div class="form-group col-md-12 col-sm-12 col-xs-12">
+          <div class="row">
+            <label class="text-left">请对我们的服务做出评价：</label>
+          </div>
+          <div class="col-xs-4 col-sm-4" v-for="item in radios">
+            <input v-model="model.f_client_evaluation" :value="item.label" :checked='item.isChecked'
+                   @click="check(item.value)" type="radio">{{ item.label }}
+          </div>
+        </div>
+
+        <div class="form-group col-md-12 col-sm-12 col-xs-12">
+          <label class="text-left font">反馈录音:</label>
+          <div class="col-md-12 col-sm-12 col-xs-12">
+            <button type="button" name="button" class="btn btn-primary btn-voice" @click="record">
+              <img src="../../../assets/录音.png" style="width: 14%;">
+              <span v-if="!model.f_recording_path">开始录音</span>
+              <span v-if="model.f_recording_path">已录音</span>
+            </button>
+            &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../../assets/remove.png" style="width: 15px;" :class="style__"
+                                         @click="delAudioFile('f_recording_path', model.f_recording_path)"></img>
+          </div>
+        </div>
+        <div class="row auto">
+          <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+            <label class="text-justify lb-left">处理前照片</label>
+            <img-area :model="model.imgs" :sutitle="处理前照片"></img-area>
+          </div>
+        </div>
+        <div class="row auto" v-if="imgtpe">
+          <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-for="row in imgstype">
+            <label class="text-justify lb-left">{{ row.title }}</label>
+            <img-area :model="model.imgs" :sutitle="getsutitle(row.title)" :isxiangce="isxiangce"></img-area>
+          </div>
+        </div>
+        <!--        <div v-if="pdfurl">-->
+        <!--          <iframe class="prism-player" :src="pdfurl" width="100%" height="100%"></iframe>-->
+        <!--        </div>-->
+        <img-area :model="model.imgs" :sutitle="'总体照片'" v-if="!imgtpe" :isxiangce="isxiangce"></img-area>
+        <p style="font-size: 15px;font-weight: bold" v-if="model.f_sign_imgid">客户签名:</p>
+        <div v-if="!show && signType">
+          <Sign :signname="model.f_signname" @input="getSignValue"></Sign>
+        </div>
+        <div v-if="!show && !signType">
+          <new-sign :value="model.f_signname" @input="getSignValue"></new-sign>
+        </div>
+        <div v-if="show && model.f_sign_imgid">
+          <img :src="'rs/file/getfile/' + model.f_sign_imgid" :width="150" :height="200">
+        </div>
+      </div>
+      <material-sum v-if="!materialsumshow" v-on:sumchange="sumchange"
+                    v-on:back="showchenge" :material="model.material" :f_cost_material="model.f_cost_material"
+                    :show="show">
+      </material-sum>
+    </validator>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import * as Util from '../../../components/Util'
+// import {HttpResetClass} from "vue-client";
+export default {
+  title: '费用',
+  props: {
+    // 本次维修, 包含照片数组  材料数组
+    model: {
+      type: Object
+    },
+    service: {
+      type: Object
+    },
+    show: {
+      type: Boolean,
+      default: false
+    },
+    f_single_man: {
+      type: Object
+    },
+    system: '',
+    shutype: 'heng',
+    issee: ''
+  },
+  data () {
+    return {
+      radios: [
+        {
+          label: '满意',
+          value: 0,
+          isChecked: false
+        },
+        {
+          label: '基本满意',
+          value: 1,
+          isChecked: false
+        },
+        {
+          label: '不满意',
+          value: 2,
+          isChecked: false
+        }
+      ],
+      signType: {
+        type: Boolean,
+        default: true
+      },
+      // 拍照时的文件名
+      imgurl: 'http://192.168.2.77:8081',
+      fileName: '',
+      materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
+        type: Boolean,
+        default: true
+      },
+      imgtpe: false,
+      isxiangce: this.$appdata.getSingleValue('维修-开启相册') ? this.$appdata.getSingleValue('维修-开启相册') : '否',
+      image_length: this.$appdata.getSingleValue('维修图片最大数量') ? this.$appdata.getSingleValue('维修图片最大数量') : '99',
+      imgstype: []
+    }
+  },
+  methods: {
+    check (index) {
+      // 先取消所有选中项
+      for (let item of this.radios) {
+        item.isChecked = false
+      }
+      //再设置当前点击项选中
+      this.model.f_client_evaluation = this.radios[index].label
+      // 设置值，以供传递
+      this.radios[index].isChecked = true
+    },
+    amrCallBack (fileName) {
+      HostApp.__this__.$set('model.f_recording_path', fileName)
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    record () {
+      HostApp.__callback__ = this.amrCallBack
+      HostApp.__this__ = this
+      let fileName
+      if (!this.model.f_recording_path) {
+        fileName = Util.guid() + '.amr'
+      } else {
+        fileName = Util.getFileName(this.model.f_recording_path)
+      }
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.AudioClipActivity',
+        param: {file: fileName, requestCode: 111, callback: 'javascript:HostApp.__callback__("%s");'}
+      })
+    },
+    getSignValue (fileName) {
+      //tag
+      //tag
+      this.model.f_signname = fileName
+      this.model.f_sign_path = this.$androidUtil.getFullFileName(fileName)
+    },
+    getsutitle (val) {
+      return val
+    },
+    mute () {
+      HostApp.mute()
+    },
+    // 签名回调
+    signCallback (prop, fileName) {
+      // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
+      HostApp.__this__.$set('model.f_signname', fileName)
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    // 用户签名
+    sign () {
+      this.delAudioFile('f_signname', this.model.f_signname)
+      let prop = 'f_signname'
+      let idx = 'aofeng'
+      let fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
+      HostApp.__callback__ = this.signCallback
+      HostApp.__this__ = this
+      HostApp.getSignature({
+        file: fileName,
+        requestCode: 111,
+        callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
+      })
+    },
+    delAudioFile (prop, fileName) {
+      if (!fileName) {
+        return
+      } else {
+        HostApp.delfile(fileName)
+        this.model[prop] = null
+      }
+    },
+    // 从图片中删除
+    remove (row) {
+      this.$androidUtil.delfile(row.android_file)
+      let pos = this.model.imgs.findIndex((value) => {
+        return value === row
+      })
+      this.model.imgs.splice(pos, 1)
+    },
+    // fileName: 回传文件名,传入的带安卓路径url
+    // prop: 传入的字段名，没做改动
+    cameraCallBack (prop, fileName) {
+      // 当前this只能通过HostApp.__tis__获取
+      let self = this.$androidUtil.getCallBack(this)
+      // 添加新图片
+      self.model.imgs.push({
+        android_file: self.fileName,
+        path: fileName
+      })
+    },
+    takePic () {
+      let prop = 'repair'
+      let idx = 'aofeng'
+      this.fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
+      this.$androidUtil.takePic(this, this.cameraCallBack, this.fileName)
+    },
+    // 明细组件显示
+    sumshow () {
+      this.materialsumshow = false
+    },
+    // 当材料明细发生变化  材料费随之变化
+    sumchange (val) {
+      this.model.f_cost_material = val
+    },
+    //  返回 总材料费   关闭材料费详情界面
+    showchenge (val) {
+      this.materialsumshow = true
+      if (!isNaN(val)) {
+        this.model.f_cost_material = val
+      }
+    }
+  },
+  ready () {
+    if (Vue.config.telephone.Outlay.data != undefined) {
+      //tag
+      //tag)
+      if (this.service.f_user_type == '民用') {
+        this.imgstype = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.service.f_workorder_type].civil)))
+      } else {
+        this.imgstype = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.service.f_workorder_type].nocivil)))
+      }
+      if (this.imgstype.length > 0) {
+        this.imgtpe = true
+      }
+    }
+    if (navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')) {
+      this.signType = false
+    }
+    if (this.model && this.model.f_single_man) {
+      this.model.f_single_man = this.f_single_man
+    }
+    if (!this.show && this.model) {
+      if (Vue.user == undefined) {
+        return
+      }
+      this.model.f_order_man = Vue.user.name
+      this.model.f_order_man_id = Vue.user.id
+    }
+    // if (this.service.f_workorder_type == '置换通气单'){
+    //   new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
+    //     data: {
+    //       items: "*",
+    //       tablename: "t_userinfo",
+    //       condition: ` f_userinfo_id = '${this.model.baseuserinfo.f_userinfo_id}' and f_is_signature is null`,
+    //       orderitem: "id"
+    //     }
+    //   }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+    //     if (res.data.length>0){
+    //       new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/wx/af-telephone/rs/logic/wordToosRept`, {
+    //         data: {
+    //           f_userinfo_id: this.model.baseuserinfo.f_userinfo_id,
+    //         }
+    //       }, {resolveMsg: null, rejectMsg: null}).then((res2) => {
+    //         this.pdfurl = res2.data[0].f_visit_url
+    //       })
+    //     }
+    //   })
+    // }
+//       base64_str = base64.encodeFile(sign_path[0].f_realpath),
+//         pdf2_data={
+//           f_contract_signature_id:pdf[0].f_contract_signature_id,
+//           content: $data:image/png;base64,{base64_str}$,
+//         f_userinfo_id: data.model.f_userinfo_id
+//     },
+//       http1 = $http:/$,
+//       pdf2=restTools.post(${http1}/123.178.164.226:8555/wx/af-telephone/rs/logic/pdfToosSignature$,pdf2_data.toString()),
+//       log.debug($合同结果=========>{pdf2}$)
+//     ),null,
+
+    //tag
+    //tag
+    //tag
+  },
+  watch: {
+    'model.imgs' (val) {
+      if (this.model.imgs.length > this.image_length) {
+        this.$showMessage('最大可上传3张照片')
+        this.model.imgs.splice(0, 1)
+      }
+    }
+  },
+  computed: {
+    Detail () {
+      if (this.model.imgs && this.model.servicerepair.length > 0) {
+        let result = this.model.servicerepair.find((row) => {
+          return row.f_type === this.repairitem.header
+        })
+        return result
+      }
+    }
+  }
+}
+</script>