telephone-clients 3.0.104-10 → 3.0.104-101

package/src/filiale/qianneng/android/TemporarySingle.vue

@@ -1,537 +1,537 @@
-<template>
-  <div style="height: auto;width: 100%">
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label>用户姓名</label>
-      </div>
-      <div class="col-xs-8">
-        <input class="inputText4" v-model=model.f_user_name style="width: 100%"></input>
-      </div>
-
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label >联系电话</label>
-      </div>
-      <div class="col-xs-8">
-        <input class="input-font inputText4 " v-model=model.f_contact_phone style="width: 100%"></input>
-      </div>
-
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label >详细地址</label>
-      </div>
-      <div class="col-xs-8">
-        <input class="input-font inputText4 " v-model=model.f_address style="width: 100%"></input>
-      </div>
-
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label>用户类型</label>
-      </div>
-      <div class="col-xs-8">
-        <v-select id="f_user_type" :value.sync="model.f_user_type" class="input-font"
-                  :options='user_types' placeholder='请选择用户类型'
-                  class="inputText4"
-                  :width="'100%'"
-                  :value-single="true"
-                  v-model="model.f_user_type" close-on-select clear-button></v-select>
-
-      </div>
-
-    </div>
-
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label>是否上报</label>
-      </div>
-      <div class="col-xs-8">
-        <v-select id="f_user_paidan" :value.sync="model.f_handlingtype" class="input-font"
-                  :options='handling_types' placeholder='请选择是否上报'
-                  class="inputText4"
-                  :width="'100%'"
-                  :value-single="true"
-                  v-model="model.f_handlingtype" close-on-select clear-button></v-select>
-      </div>
-
-    </div>
-    <div class="row app-row" v-if="model.f_handlingtype=='转站点'">
-      <div class="col-xs-4">
-        <label>选择站点</label>
-      </div>
-      <div class="col-xs-8">
-        <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" v-ref:f_reciever width="100%" style="width: 100%">
-
-        </right-tree>
-      </div>
-
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label>警情类别</label>
-      </div>
-      <div class="col-xs-8">
-        <v-select id="f_qiangxiu" :value.sync="model.f_repairtype" class="input-font"
-                  :options='repairstypes' placeholder='警情类别'
-                  class="inputText4"
-                  :width="'100%'"
-                  :value-single="true"
-                  v-model="model.f_repairtype" close-on-select clear-button></v-select>
-      </div>
-
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label>报警内容类别</label>
-      </div>
-      <div class="col-xs-8" @click="getParamFailureTypes()">
-        <v-select id="f_guzhang" :value.sync="failure" class="input-font"
-                  :options='failuretypes' placeholder='报警内容类别'
-                  class="inputText4"
-                  :width="'100%'"
-                  multiple
-                  v-model="failure"  clear-button></v-select>
-      </div>
-
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <label>备注</label>
-      </div>
-      <div class="col-xs-8">
-        <textarea class="input-font " v-model=model.f_remarks style="width: 100%"></textarea>
-      </div>
-
-    </div>
-    隐患前照片:
-    <div class="form-group col-sm-12">
-
-      <div class="panel" style="padding: 10px 10px 5px 10px;">
-        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
-          <div class="row" style="height: 180px;overflow: scroll;top: 1px">
-            <div class="col-sm-4">
-              <img-self :src="model.f_single_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
-            </div>
-          </div>
-
-          <div class="row text-right div-photo" style="height: 50px">
-            <img src="../../../assets/remove.png" @click="delfile('f_single_path', model.f_single_path)" ></img>
-            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_single_path','抢修照片')" >拍照</button>
-
-          </div>
-        </div>
-      </div>
-
-    </div>
-    <div class="form-group col-sm-12">
-
-      <div class="panel" style="padding: 10px 10px 5px 10px;">
-        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
-          <div class="row" style="height: 180px;overflow: scroll;top: 1px">
-            <div class="col-sm-4">
-              <img-self :src="model.f_singlea_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
-            </div>
-          </div>
-
-          <div class="row text-right div-photo" style="height: 50px">
-            <img src="../../../assets/remove.png" @click="delfile('f_singlea_path', model.f_singlea_path)" ></img>
-            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic1('f_singlea_path','抢修照片')" >拍照</button>
-
-          </div>
-        </div>
-      </div>
-
-    </div>
-    <div class="form-group col-sm-12">
-
-      <div class="panel" style="padding: 10px 10px 5px 10px;">
-        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
-          <div class="row" style="height: 180px;overflow: scroll;top: 1px">
-            <div class="col-sm-4">
-              <img-self :src="model.f_singleb_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
-            </div>
-          </div>
-
-          <div class="row text-right div-photo" style="height: 50px">
-            <img src="../../../assets/remove.png" @click="delfile('f_singleb_path', model.f_singleb_path)" ></img>
-            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic2('f_singleb_path','抢修照片')" >拍照</button>
-
-          </div>
-        </div>
-      </div>
-
-    </div>
-    <div class="row app-row text-center" style="margin-top: 20px;">
-      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;" @click="save">保存</button>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-  import * as Util from '../../../components/Util'
-  export default {
-    title: '在线维修处理',
-    props: {
-      userinfo:{
-        type: Object,
-        default: null
-      }
-    },
-    data() {
-      return {
-        source:
-          'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
-          'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
-        userid: Vue.user.id,
-        failure:[],
-        model:{
-          f_userinfo_id:'',
-          f_userinfo_code:'',
-          aState: null,
-          f_address: '',
-          f_area: "",
-          f_attendant: Vue.user.name,
-          f_building: "",
-          f_card_id: "",
-          f_contact_phone: "",
-          f_depid:Vue.user.depids,
-          f_filiale_id: "",
-          f_floor: "",
-          f_handlingtype: "转维修员",
-          f_enter_number:'',
-          f_meetunit: "",
-          f_operator:Vue.user.name,
-          f_operatorid:Vue.user.id,
-          f_orgid:Vue.user.orgid,
-          f_orgname:Vue.user.orgs,
-          f_outlets: "",
-          f_phone: "",
-          f_reciever: "",
-          f_remarks: "",
-          f_repair_date: Util.getNowDate(),
-          f_repairman_phone: "",
-          f_repairtype: "",
-          f_residential_area: "",
-          f_room: "",
-          f_service_id: "",
-          f_source: "临时派单",
-          f_street: "",
-          f_unit: "",
-          f_unit_name: "",
-          f_user_name: "",
-          f_user_type: "",
-          failure: "",
-          f_single_path:'',
-          f_singlea_path:'',
-          f_singleb_path:'',
-          serviceacitivity:[{
-            f_service_acitivity_type: "派单",
-            f_reciever: Vue.user.name
-          }],
-          f_alarm_accident:'',
-          f_alarm_details:''
-        },
-        failuresAll : this.$appdata.getParam('报警内容类别'),
-        repairstypes : this.$appdata.getParam('报修类型'),
-        failuretypes: [],
-        user_types:[{label:"民用",value:"民用"},
-          {label:"非民用",value:"非民用"}],
-        repair_types:[{label:"民用",value:"民用"},
-          {label:"非民用",value:"非民用"}],
-        handling_types:[{label:"是",value:"转站点"},
-          {label:"否",value:"转维修员"}]
-      }
-    },
-    methods: {
-      getParamFailureTypes(){
-        this.failuretypes=[]
-        if (!this.model.f_repairtype){
-          return
-        }
-        for (let i = 0; i < this.failuresAll.length; i++) {
-          if (!this.failuresAll[i].label.startsWith(this.model.f_repairtype)){
-            continue
-          }
-          let tempData = {
-            label: this.failuresAll[i].label.split('-')[this.failuresAll[i].label.split('-').length-1],
-            value: this.failuresAll[i].value.split('-')[this.failuresAll[i].label.split('-').length-1]
-          }
-          this.failuretypes.push(tempData)
-        }
-      },
-      delfile(prop, fileName) {
-        if (fileName == Vue.nopic)
-          return
-        else {
-          HostApp.delfile(fileName)
-          this.model[prop] = Vue.nopic
-        }
-      },
-      cameraCallBack(prop, fileName) {
-        HostApp.__this__.model.f_single_path = fileName + '?' + Math.random()
-        HostApp.__callback__ = null
-        HostApp.__this__ = null
-      },
-      cameraCallBack1(prop, fileName) {
-        HostApp.__this__.model.f_singlea_path = fileName + '?' + Math.random()
-        HostApp.__callback__ = null
-        HostApp.__this__ = null
-      },
-      cameraCallBack2(prop, fileName) {
-        HostApp.__this__.model.f_singleb_path = fileName + '?' + Math.random()
-        HostApp.__callback__ = null
-        HostApp.__this__ = null
-      },
-
-      takePic(prop, title) {
-        HostApp.__callback__ = this.cameraCallBack
-        HostApp.__this__ = this
-        let fileName
-        if (!this.model.f_single_path || this.model.f_single_path.includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this.model.f_single_path)
-        }
-        //tag
-        //tag
-        HostApp._open_a_page({
-          type: 'boomerang',
-          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-          param: {
-            file: fileName,
-            requestCode: 111,
-            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-          }
-        })
-      },
-      takePic1(prop, title) {
-        HostApp.__callback__ = this.cameraCallBack1
-        HostApp.__this__ = this
-        let fileName
-        if (!this.model.f_singlea_path || this.model.f_singlea_path.includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this.model.f_singlea_path)
-        }
-        //tag
-        //tag
-        HostApp._open_a_page({
-          type: 'boomerang',
-          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-          param: {
-            file: fileName,
-            requestCode: 111,
-            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-          }
-        })
-      },
-      takePic2(prop, title) {
-        HostApp.__callback__ = this.cameraCallBack2
-        HostApp.__this__ = this
-        let fileName
-        if (!this.model.f_singleb_path || this.model.f_singleb_path.includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this.model.f_singleb_path)
-        }
-        //tag
-        //tag
-        HostApp._open_a_page({
-          type: 'boomerang',
-          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-          param: {
-            file: fileName,
-            requestCode: 111,
-            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-          }
-        })
-      },
-
-      save() {
-        if (!this.model.f_address){
-          this.$showMessage('请填写地址信息')
-          return
-        }
-        debugger
-        if (!this.model.f_repairtype){
-          this.$showMessage('请填写警情类别')
-          return
-        }
-        if (this.failure.length == 0){
-          this.$showMessage('请填写报警内容类别')
-          return
-        }
-        //tag)
-        let data = {
-          model: this.model, loginUser: {
-            name: Vue.user.name,
-            ename: Vue.user.ename
-          }, user: null, callObj: null
-        }
-        if(data.model.failure){
-          data.model.f_json =  this.trouble(data.model.failure)
-        }
-        if(this.model.f_handlingtype=='转维修员'){
-          data.toRepair = '一级派单'
-          this.model.f_meetunit = Vue.user.deps
-          this.model.f_orgid = Vue.user.orgid
-          this.model.f_filiale = Vue.user.org
-          this.model.f_outlets = Vue.user.deps
-          this.model.f_filiale_id = Vue.user.orgid
-          this.model.serviceacitivity[0].f_reciever = Vue.user.name
-          this.model.serviceacitivity[0].f_meetunit = null
-        }
-        //tag
-        HostApp.__this__ = this
-        HostApp.logicWithHint({'logic': 'callerSendPhone', 'callback': 'javascript: HostApp.__this__.commitCallBack()',
-          'data': data, 'backresult':1
-        })
-      },
-      commitCallBack(jo){
-        console.log('shujui',jo)
-        if (jo.state == "ok"&&this.model.f_handlingtype=='转站点'){
-          this.$showMessage('抢修上报成功', ['confirm']).then((req) => {
-            if (req === 'confirm') {
-              this.$dispatch('confirm')
-            }
-          })
-        }
-        else if (jo.state == "ok"&&this.model.f_handlingtype=='转维修员'){
-          this.$showMessage('抢修上报成功,请前往待办工单页面查看', ['confirm']).then((req) => {
-            if (req === 'confirm') {
-              this.$dispatch('confirm')
-            }
-          })
-        }else{
-          this.$showMessage('服务器内部错误')
-        }
-      },
-      reres(val){
-        if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
-          return
-        }
-        this.model.serviceacitivity[0].f_meetunit = val.res[0]
-        this.model.f_meetunit = val.res[0]
-        this.model.f_filiale_id = val.orgobj[0].parentid
-        this.model.f_filiale = val.orgobj[0].parentname
-        this.model.f_outlets = val.res[0]
-        this.model.serviceacitivity[0].f_reciever = val.resids[0]
-      },
-      changeFailure(val) {
-        let failure = []
-        for (let i = 0; i < val.length; i++) {
-          failure.push({"f_failure_type": val[i], "failurecase": []})
-        }
-        this.model.failure=JSON.stringify(failure)
-      },
-      trouble (val) {
-        let failureall=''
-        let failure = JSON.parse(val)
-        for (let i = 0; i <failure.length; i++) {
-          if (failure[i].failurecase.length>0){
-            failureall+=failure[i].f_failure_type+":"
-            for (let j = 0; j < failure[i].failurecase.length; j++) {
-              failureall+=failure[i].failurecase[j]
-              if (j+1!=failure[i].failurecase.length){
-                failureall+=","
-              }
-            }
-
-          }else{
-            failureall+=failure[i].f_failure_type
-          }
-          if (i+1!=failure.length){
-            failureall+=';'
-          }
-        }
-        return failureall
-      }
-    },
-    ready(){
-      this.changeFailure(this.failure)
-      // let gen = select(this)
-      // co(gen)
-    },
-    watch: {
-      'failure'(val){
-        this.changeFailure(val)
-      },
-      'userinfo'(val){
-        if(val){
-          this.model.f_user_name = val.f_user_name
-          this.model.f_contact_phone = val.f_user_phone
-          this.model.f_userinfo_id = val.f_userinfo_id
-          this.model.f_userinfo_code = val.f_userinfo_code
-          this.model.f_address = val.f_address
-          this.model.f_user_type = val.f_user_type
-          this.model.f_enter_number = val.f_enter_number
-        }
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .inputText4 {
-    font-family:Arial,Helvetica,sans-serif;
-    background:none repeat scroll 0 0 #F5F7FD;
-    border:1px solid #B8BFE9;
-    padding:5px 7px;
-    width:100px;
-    vertical-align:middle;
-    height:30px;
-    font-size:12px;
-    margin:0;
-    list-style:none outside none;
-  }
-  .input-font{
-    font: 15px PingFang-SC-Medium;
-    color: #333333;
-  }
-  .app-row {
-    background-color: white;
-    padding: 10px 10px 0 10px;
-    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-  }
-  .bg {
-    background-color: blue;
-    height: 1px;
-    border: 0;
-  }
-  .app-row {
-    background-color: white;
-    padding: 10px 10px 0 10px;
-    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-  }
-  .search_input {
-    border: 0;
-    outline: none;
-  }
-  .font{
-    font: 15px PingFang-SC-Medium;
-    color: #666666;
-  }
-  .input-font{
-    font: 15px PingFang-SC-Medium;
-    color: #333333;
-  }
-  .btn-font{
-    font:600 16px PingFang-SC-Bold;
-    color: #499EDF;
-  }
-  .btn-color{
-    background-color: #FFFFFF;
-    border-radius: 10px ;
-    border: 1px solid #499EDF;
-  }
-  .app-text {
-    font-size: 12px;
-  }
-</style>
+<template>
+  <div style="height: auto;width: 100%">
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label>用户姓名</label>
+      </div>
+      <div class="col-xs-8">
+        <input class="inputText4" v-model=model.f_user_name style="width: 100%"></input>
+      </div>
+
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label >联系电话</label>
+      </div>
+      <div class="col-xs-8">
+        <input class="input-font inputText4 " v-model=model.f_contact_phone style="width: 100%"></input>
+      </div>
+
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label >详细地址</label>
+      </div>
+      <div class="col-xs-8">
+        <input class="input-font inputText4 " v-model=model.f_address style="width: 100%"></input>
+      </div>
+
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label>用户类型</label>
+      </div>
+      <div class="col-xs-8">
+        <v-select id="f_user_type" :value.sync="model.f_user_type" class="input-font"
+                  :options='user_types' placeholder='请选择用户类型'
+                  class="inputText4"
+                  :width="'100%'"
+                  :value-single="true"
+                  v-model="model.f_user_type" close-on-select clear-button></v-select>
+
+      </div>
+
+    </div>
+
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label>是否上报</label>
+      </div>
+      <div class="col-xs-8">
+        <v-select id="f_user_paidan" :value.sync="model.f_handlingtype" class="input-font"
+                  :options='handling_types' placeholder='请选择是否上报'
+                  class="inputText4"
+                  :width="'100%'"
+                  :value-single="true"
+                  v-model="model.f_handlingtype" close-on-select clear-button></v-select>
+      </div>
+
+    </div>
+    <div class="row app-row" v-if="model.f_handlingtype=='转站点'">
+      <div class="col-xs-4">
+        <label>选择站点</label>
+      </div>
+      <div class="col-xs-8">
+        <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" v-ref:f_reciever width="100%" style="width: 100%">
+
+        </right-tree>
+      </div>
+
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label>警情类别</label>
+      </div>
+      <div class="col-xs-8">
+        <v-select id="f_qiangxiu" :value.sync="model.f_repairtype" class="input-font"
+                  :options='repairstypes' placeholder='警情类别'
+                  class="inputText4"
+                  :width="'100%'"
+                  :value-single="true"
+                  v-model="model.f_repairtype" close-on-select clear-button></v-select>
+      </div>
+
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label>报警内容类别</label>
+      </div>
+      <div class="col-xs-8" @click="getParamFailureTypes()">
+        <v-select id="f_guzhang" :value.sync="failure" class="input-font"
+                  :options='failuretypes' placeholder='报警内容类别'
+                  class="inputText4"
+                  :width="'100%'"
+                  multiple
+                  v-model="failure"  clear-button></v-select>
+      </div>
+
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <label>备注</label>
+      </div>
+      <div class="col-xs-8">
+        <textarea class="input-font " v-model=model.f_remarks style="width: 100%"></textarea>
+      </div>
+
+    </div>
+    隐患前照片:
+    <div class="form-group col-sm-12">
+
+      <div class="panel" style="padding: 10px 10px 5px 10px;">
+        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
+          <div class="row" style="height: 180px;overflow: scroll;top: 1px">
+            <div class="col-sm-4">
+              <img-self :src="model.f_single_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
+            </div>
+          </div>
+
+          <div class="row text-right div-photo" style="height: 50px">
+            <img src="../../../assets/remove.png" @click="delfile('f_single_path', model.f_single_path)" ></img>
+            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_single_path','抢修照片')" >拍照</button>
+
+          </div>
+        </div>
+      </div>
+
+    </div>
+    <div class="form-group col-sm-12">
+
+      <div class="panel" style="padding: 10px 10px 5px 10px;">
+        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
+          <div class="row" style="height: 180px;overflow: scroll;top: 1px">
+            <div class="col-sm-4">
+              <img-self :src="model.f_singlea_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
+            </div>
+          </div>
+
+          <div class="row text-right div-photo" style="height: 50px">
+            <img src="../../../assets/remove.png" @click="delfile('f_singlea_path', model.f_singlea_path)" ></img>
+            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic1('f_singlea_path','抢修照片')" >拍照</button>
+
+          </div>
+        </div>
+      </div>
+
+    </div>
+    <div class="form-group col-sm-12">
+
+      <div class="panel" style="padding: 10px 10px 5px 10px;">
+        <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 90%;margin-left:5%;height: 220px;position: relative">
+          <div class="row" style="height: 180px;overflow: scroll;top: 1px">
+            <div class="col-sm-4">
+              <img-self :src="model.f_singleb_path"  alt="抢修照片" :width="140" :height="170" capture="camera" type="file" @change="upload"></img-self>
+            </div>
+          </div>
+
+          <div class="row text-right div-photo" style="height: 50px">
+            <img src="../../../assets/remove.png" @click="delfile('f_singleb_path', model.f_singleb_path)" ></img>
+            <button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic2('f_singleb_path','抢修照片')" >拍照</button>
+
+          </div>
+        </div>
+      </div>
+
+    </div>
+    <div class="row app-row text-center" style="margin-top: 20px;">
+      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;" @click="save">保存</button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import Vue from 'vue'
+  import * as Util from '../../../components/Util'
+  export default {
+    title: '在线维修处理',
+    props: {
+      userinfo:{
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        source:
+          'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
+          'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
+        userid: Vue.user.id,
+        failure:[],
+        model:{
+          f_userinfo_id:'',
+          f_userinfo_code:'',
+          aState: null,
+          f_address: '',
+          f_area: "",
+          f_attendant: Vue.user.name,
+          f_building: "",
+          f_card_id: "",
+          f_contact_phone: "",
+          f_depid:Vue.user.depids,
+          f_filiale_id: "",
+          f_floor: "",
+          f_handlingtype: "转维修员",
+          f_enter_number:'',
+          f_meetunit: "",
+          f_operator:Vue.user.name,
+          f_operatorid:Vue.user.id,
+          f_orgid:Vue.user.orgid,
+          f_orgname:Vue.user.orgs,
+          f_outlets: "",
+          f_phone: "",
+          f_reciever: "",
+          f_remarks: "",
+          f_repair_date: Util.getNowDate(),
+          f_repairman_phone: "",
+          f_repairtype: "",
+          f_residential_area: "",
+          f_room: "",
+          f_service_id: "",
+          f_source: "临时派单",
+          f_street: "",
+          f_unit: "",
+          f_unit_name: "",
+          f_user_name: "",
+          f_user_type: "",
+          failure: "",
+          f_single_path:'',
+          f_singlea_path:'',
+          f_singleb_path:'',
+          serviceacitivity:[{
+            f_service_acitivity_type: "派单",
+            f_reciever: Vue.user.name
+          }],
+          f_alarm_accident:'',
+          f_alarm_details:''
+        },
+        failuresAll : this.$appdata.getParam('报警内容类别'),
+        repairstypes : this.$appdata.getParam('报修类型'),
+        failuretypes: [],
+        user_types:[{label:"民用",value:"民用"},
+          {label:"非民用",value:"非民用"}],
+        repair_types:[{label:"民用",value:"民用"},
+          {label:"非民用",value:"非民用"}],
+        handling_types:[{label:"是",value:"转站点"},
+          {label:"否",value:"转维修员"}]
+      }
+    },
+    methods: {
+      getParamFailureTypes(){
+        this.failuretypes=[]
+        if (!this.model.f_repairtype){
+          return
+        }
+        for (let i = 0; i < this.failuresAll.length; i++) {
+          if (!this.failuresAll[i].label.startsWith(this.model.f_repairtype)){
+            continue
+          }
+          let tempData = {
+            label: this.failuresAll[i].label.split('-')[this.failuresAll[i].label.split('-').length-1],
+            value: this.failuresAll[i].value.split('-')[this.failuresAll[i].label.split('-').length-1]
+          }
+          this.failuretypes.push(tempData)
+        }
+      },
+      delfile(prop, fileName) {
+        if (fileName == Vue.nopic)
+          return
+        else {
+          HostApp.delfile(fileName)
+          this.model[prop] = Vue.nopic
+        }
+      },
+      cameraCallBack(prop, fileName) {
+        HostApp.__this__.model.f_single_path = fileName + '?' + Math.random()
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      cameraCallBack1(prop, fileName) {
+        HostApp.__this__.model.f_singlea_path = fileName + '?' + Math.random()
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      cameraCallBack2(prop, fileName) {
+        HostApp.__this__.model.f_singleb_path = fileName + '?' + Math.random()
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+
+      takePic(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack
+        HostApp.__this__ = this
+        let fileName
+        if (!this.model.f_single_path || this.model.f_single_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_single_path)
+        }
+        //tag
+        //tag
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+          }
+        })
+      },
+      takePic1(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack1
+        HostApp.__this__ = this
+        let fileName
+        if (!this.model.f_singlea_path || this.model.f_singlea_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_singlea_path)
+        }
+        //tag
+        //tag
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+          }
+        })
+      },
+      takePic2(prop, title) {
+        HostApp.__callback__ = this.cameraCallBack2
+        HostApp.__this__ = this
+        let fileName
+        if (!this.model.f_singleb_path || this.model.f_singleb_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_singleb_path)
+        }
+        //tag
+        //tag
+        HostApp._open_a_page({
+          type: 'boomerang',
+          page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+          param: {
+            file: fileName,
+            requestCode: 111,
+            callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+            watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+          }
+        })
+      },
+
+      save() {
+        if (!this.model.f_address){
+          this.$showMessage('请填写地址信息')
+          return
+        }
+        debugger
+        if (!this.model.f_repairtype){
+          this.$showMessage('请填写警情类别')
+          return
+        }
+        if (this.failure.length == 0){
+          this.$showMessage('请填写报警内容类别')
+          return
+        }
+        //tag)
+        let data = {
+          model: this.model, loginUser: {
+            name: Vue.user.name,
+            ename: Vue.user.ename
+          }, user: null, callObj: null
+        }
+        if(data.model.failure){
+          data.model.f_json =  this.trouble(data.model.failure)
+        }
+        if(this.model.f_handlingtype=='转维修员'){
+          data.toRepair = '一级派单'
+          this.model.f_meetunit = Vue.user.deps
+          this.model.f_orgid = Vue.user.orgid
+          this.model.f_filiale = Vue.user.org
+          this.model.f_outlets = Vue.user.deps
+          this.model.f_filiale_id = Vue.user.orgid
+          this.model.serviceacitivity[0].f_reciever = Vue.user.name
+          this.model.serviceacitivity[0].f_meetunit = null
+        }
+        //tag
+        HostApp.__this__ = this
+        HostApp.logicWithHint({'logic': 'callerSendPhone', 'callback': 'javascript: HostApp.__this__.commitCallBack()',
+          'data': data, 'backresult':1
+        })
+      },
+      commitCallBack(jo){
+        console.log('shujui',jo)
+        if (jo.state == "ok"&&this.model.f_handlingtype=='转站点'){
+          this.$showMessage('抢修上报成功', ['confirm']).then((req) => {
+            if (req === 'confirm') {
+              this.$dispatch('confirm')
+            }
+          })
+        }
+        else if (jo.state == "ok"&&this.model.f_handlingtype=='转维修员'){
+          this.$showMessage('抢修上报成功,请前往待办工单页面查看', ['confirm']).then((req) => {
+            if (req === 'confirm') {
+              this.$dispatch('confirm')
+            }
+          })
+        }else{
+          this.$showMessage('服务器内部错误')
+        }
+      },
+      reres(val){
+        if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
+          return
+        }
+        this.model.serviceacitivity[0].f_meetunit = val.res[0]
+        this.model.f_meetunit = val.res[0]
+        this.model.f_filiale_id = val.orgobj[0].parentid
+        this.model.f_filiale = val.orgobj[0].parentname
+        this.model.f_outlets = val.res[0]
+        this.model.serviceacitivity[0].f_reciever = val.resids[0]
+      },
+      changeFailure(val) {
+        let failure = []
+        for (let i = 0; i < val.length; i++) {
+          failure.push({"f_failure_type": val[i], "failurecase": []})
+        }
+        this.model.failure=JSON.stringify(failure)
+      },
+      trouble (val) {
+        let failureall=''
+        let failure = JSON.parse(val)
+        for (let i = 0; i <failure.length; i++) {
+          if (failure[i].failurecase.length>0){
+            failureall+=failure[i].f_failure_type+":"
+            for (let j = 0; j < failure[i].failurecase.length; j++) {
+              failureall+=failure[i].failurecase[j]
+              if (j+1!=failure[i].failurecase.length){
+                failureall+=","
+              }
+            }
+
+          }else{
+            failureall+=failure[i].f_failure_type
+          }
+          if (i+1!=failure.length){
+            failureall+=';'
+          }
+        }
+        return failureall
+      }
+    },
+    ready(){
+      this.changeFailure(this.failure)
+      // let gen = select(this)
+      // co(gen)
+    },
+    watch: {
+      'failure'(val){
+        this.changeFailure(val)
+      },
+      'userinfo'(val){
+        if(val){
+          this.model.f_user_name = val.f_user_name
+          this.model.f_contact_phone = val.f_user_phone
+          this.model.f_userinfo_id = val.f_userinfo_id
+          this.model.f_userinfo_code = val.f_userinfo_code
+          this.model.f_address = val.f_address
+          this.model.f_user_type = val.f_user_type
+          this.model.f_enter_number = val.f_enter_number
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .inputText4 {
+    font-family:Arial,Helvetica,sans-serif;
+    background:none repeat scroll 0 0 #F5F7FD;
+    border:1px solid #B8BFE9;
+    padding:5px 7px;
+    width:100px;
+    vertical-align:middle;
+    height:30px;
+    font-size:12px;
+    margin:0;
+    list-style:none outside none;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .bg {
+    background-color: blue;
+    height: 1px;
+    border: 0;
+  }
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .app-text {
+    font-size: 12px;
+  }
+</style>