telephone-clients 3.0.102 → 3.0.103

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

@@ -1,249 +1,249 @@
-<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="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)"></img-area>
-          </div>
-        </div>
-        <img-area  :model="model.imgs" :sutitle="'总体照片'" v-if="!imgtpe" ></img-area>
-        <div v-if="check" style="margin: 15px 10px; display: flex; flex-direction: column; gap: 10px">
-          <div style="border-left: 5px solid #a9beeb;padding-left: 10px;">请确认并勾选以下事项然后进行签名</div>
-          <div>
-            <input style="margin-right: 5px" type="checkbox" v-model="isCheck" :value.sync="isCheck">
-            {{check}}
-          </div>
-        </div>
-        <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'
-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 {
-      signType:{
-        type: Boolean,
-        default: true
-      },
-      // 拍照时的文件名
-      imgurl: 'http://192.168.2.77:8081',
-      fileName: '',
-      materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
-        type: Boolean,
-        default: true
-      },
-      imgtpe:false,
-      imgstype:[],
-      check: '',
-      isCheck: false
-    }
-  },
-  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
-      }
-    },
-    // 从图片中删除
-    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){
-      this.check = Vue.config.telephone.Outlay.data.check
-      if (!this.check){
-        this.isCheck = true
-      }
-      //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
-    }
-    //tag
-    //tag
-    //tag
-  },
-  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>
+<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="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)"></img-area>
+          </div>
+        </div>
+        <img-area  :model="model.imgs" :sutitle="'总体照片'" v-if="!imgtpe" ></img-area>
+        <div v-if="check" style="margin: 15px 10px; display: flex; flex-direction: column; gap: 10px">
+          <div style="border-left: 5px solid #a9beeb;padding-left: 10px;">请确认并勾选以下事项然后进行签名</div>
+          <div>
+            <input style="margin-right: 5px" type="checkbox" v-model="isCheck" :value.sync="isCheck">
+            {{check}}
+          </div>
+        </div>
+        <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'
+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 {
+      signType:{
+        type: Boolean,
+        default: true
+      },
+      // 拍照时的文件名
+      imgurl: 'http://192.168.2.77:8081',
+      fileName: '',
+      materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
+        type: Boolean,
+        default: true
+      },
+      imgtpe:false,
+      imgstype:[],
+      check: '',
+      isCheck: false
+    }
+  },
+  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
+      }
+    },
+    // 从图片中删除
+    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){
+      this.check = Vue.config.telephone.Outlay.data.check
+      if (!this.check){
+        this.isCheck = true
+      }
+      //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
+    }
+    //tag
+    //tag
+    //tag
+  },
+  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>