telephone-clients 3.0.104-10 → 3.0.104-101

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

@@ -0,0 +1,522 @@
+<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-yuncheng islist :userid="userid" :source="source" v-on:re-res="reres" v-ref:f_reciever width="100%"
+                    style="width: 100%">
+
+        </right-tree-yuncheng>
+      </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">-->
+<!--        <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)"/>
+            <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)"/>
+            <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)"/>
+            <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'
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    title: '在线维修处理',
+    props: {
+      userinfo: {
+        type: Object,
+        default: null
+      },
+      f_userinfo_id: {
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {
+        source:
+          'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
+          'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
+        userid: Vue.user.id,
+        is_has_jingweidu: this.$appdata.getSingleValue('照片水印加经纬度') || 'false',
+        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
+          }]
+        },
+        repairstypes: this.$appdata.getParam('报修类型'),
+        failuretypes: this.$appdata.getParam('在线维修故障类型'),
+        user_types: [{label: "民用", value: "民用"},
+          {label: "非民用", value: "非民用"}],
+        repair_types: [{label: "民用", value: "民用"},
+          {label: "非民用", value: "非民用"}],
+        handling_types: [{label: "是", value: "转站点"},
+          {label: "否", value: "转维修员"}]
+      }
+    },
+    methods: {
+      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) {
+        const obj = HostApp.getGpsDetailAddress()
+        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)
+        }
+        let jingweidu = ''
+        if (this.is_has_jingweidu == 'true') {
+          jingweidu = '\t经度：' + obj.longitude + '\t纬度：' + obj.latitude
+        }
+        //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 + jingweidu
+          }
+        })
+      },
+      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
+        }
+        //tag)
+        let data = {
+          model: this.model, loginUser: {
+            name: Vue.user.name,
+            ename: Vue.user.ename
+          }, user: null, callObj: null
+        }
+        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
+        }
+        //tag
+        HostApp.__this__ = this
+        HostApp.logicWithHint({
+          'logic': 'callerSendPhone', 'callback': 'javascript: HostApp.__this__.commitCallBack()',
+          'data': data, 'backresult': 1
+        })
+      },
+      commitCallBack(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)
+      }
+    },
+    ready() {
+      this.changeFailure(this.failure)
+      if (this.f_userinfo_id) {
+        new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_getUserInfoAdress`, {
+          data: {
+            condition: `ti.f_userinfo_id = '${this.f_userinfo_id}'`
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          this.userinfo = res.data[0]
+        })
+      }
+    },
+    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>