telephone-clients 4.0.0-1-4 → 4.0.0-1-6

package/src/components/workorder/Outlay.vue

@@ -5,7 +5,9 @@
 
       <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>
+          <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">
@@ -40,20 +42,49 @@
           <!--</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>
+            <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 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>
+        <!--        <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>
@@ -62,189 +93,237 @@
           <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" >
+          <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">
+                    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 '../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:''
+import Vue from 'vue'
+import * as Util from '../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
     },
-    data () {
-      return {
-        // pdfurl:'',
-        signType:{
-          type: Boolean,
-          default: true
+    system: '',
+    shutype: 'heng',
+    issee: ''
+  },
+  data () {
+    return {
+      radios: [
+        {
+          label: '满意',
+          value: 0,
+          isChecked: false
         },
-        // 拍照时的文件名
-        imgurl: 'http://192.168.2.77:8081',
-        fileName: '',
-        materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
-          type: Boolean,
-          default: true
+        {
+          label: '基本满意',
+          value: 1,
+          isChecked: false
         },
-        imgtpe:false,
-        isxiangce:this.$appdata.getSingleValue('维修-开启相册')?this.$appdata.getSingleValue('维修-开启相册'):'否',
-        image_length:this.$appdata.getSingleValue('维修图片最大数量')?this.$appdata.getSingleValue('维修图片最大数量'):'99',
-        imgstype:[]
-      }
-    },
-    methods: {
-      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
+        {
+          label: '不满意',
+          value: 2,
+          isChecked: false
         }
+      ],
+      signType: {
+        type: Boolean,
+        default: true
       },
-      // 从图片中删除
-      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
+      // 拍照时的文件名
+      imgurl: 'http://192.168.2.77:8081',
+      fileName: '',
+      materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
+        type: Boolean,
+        default: true
       },
-      //  返回 总材料费   关闭材料费详情界面
-      showchenge(val){
-        this.materialsumshow = true
-        if(!isNaN(val)) {
-          this.model.f_cost_material = val
-        }
+      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
     },
-    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
-        }
+    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
       }
-      if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
-        this.signType = false
+    }
+  },
+  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.model && this.model.f_single_man){
-        this.model.f_single_man = this.f_single_man
+      if (this.imgstype.length > 0) {
+        this.imgtpe = true
       }
-      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 (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
       }
-      // 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
-      //       })
-      //     }
-      //   })
-      // }
+      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,
@@ -256,27 +335,27 @@
 //       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)
-        }
+    //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
-        }
+    }
+  },
+  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>