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

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

@@ -0,0 +1,431 @@
+<template>
+  <div style="height: auto;width: 100%" class="repair-bg">
+    <div class="bq-parent">
+      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <p>
+          待派发工单<span v-if="rows">（{{rows.length}}单）</span>
+          <span v-if="!rows">（暂无待派发工单）</span>
+        </p>
+      </blockquote>
+    </div>
+
+    <div>
+      <form>
+        <!--      查询条件-->
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/用户姓名-蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">用户姓名：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input  type="text"  v-model="username" placeholder='用户姓名'
+                    class="search_input input-font" />
+          </div>
+        </div>
+        <div class="row app-row">
+          <div class="col-xs-4">
+            <img src="../../../assets/小区蓝色.png" style="width: 20px;margin-bottom: 5px" alt="">
+            <label for="f_userinfo_code" class="font text-left">用户地址：</label>
+          </div>
+          <div class="col-xs-8" >
+            <input type="text" id="f_userinfo_code" class="search_input input-font"
+                   v-model="address" placeholder='用户地址'  />
+          </div>
+        </div>
+        <!--     分割按钮和条件的高度   -->
+        <div class="row app-row" style="height: 10px;"></div>
+        <!--      按钮    -->
+        <div class="row text-center app-row">
+          <button type="button"  class="btn btn-lg btn-font btn-color" @click="ifsearch()" style="min-width: 25%;">查询</button>
+        </div>
+        <div style="height:30px;" class="app-row"></div>
+      </form>
+    </div>
+    <!--   列表 -->
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <div class="panel panel-default well panel-blue-border"  :class="row.failure.indexOf('漏气') !== -1 ? 'class-a':''" v-for="row in listData.list"  >
+          <div class="panel-body" style="padding: 10px">
+            <div class="row form-group">
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <div class="row" >
+                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    工单编号: {{row.f_service_id}}<span v-if="row.f_remindersign">(催单 {{row.f_reminderdata}}) </span>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    派发时间: {{row.f_created_date}}
+                  </div>
+                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '置换通气单'||worktype == '安装单'">
+                    预约时间: {{row.f_yuyue_date}}
+                  </div>
+                  <!--                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="worktype == '报修单'">
+                                      报修类型: {{row.f_servicerepair_type}}
+                                    </div>-->
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_repairtype">
+                    报修类型: {{row.f_repairtype}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_userinfo_code">
+                    用户编号: {{row.f_userinfo_code}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.f_enter_number">
+                    用户证号: {{row.f_enter_number}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户姓名: {{row.f_user_name}}
+                  </div>
+                  <div v-show="false" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    来电电话: {{row.f_phone}}
+                    <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12">
+                    联系电话: {{row.f_contact_phone}}
+                    <img src="../../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_contact_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户地址: {{row.f_address}}
+                  </div>
+                  <div v-show="row.f_remarks" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    备注信息: {{row.f_remarks}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu" v-if="row.failure">
+                    <failure-show :value='row.failure'>
+                    </failure-show>
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right" @click="selected(row)">下派</button>
+                <button type="button" name="button" class="btn btn-primary btn-sm" style="float: right" @click="caseend(row)">结案</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="height:auto;width: 100%;text-align: center">
+          <a v-if="!listData.isEnd" @click="showMore()">展开更多......</a>
+          <span v-if="listData.isEnd">到底了......</span>
+        </div>
+      </div>
+      <modal :show.sync="sendshow" v-ref:modal :backdrop="false">
+        <div slot="modal-header" class="modal-header">
+          <h4 class="modal-title">
+            派发工单
+          </h4>
+        </div>
+        <div slot="modal-body" class="modal-body">
+          <div class="row" style="margin-top: 6px">
+            <label class="col-xs-4 col-md-4 control-label font text-left">派单方式</label>
+            <div class="col-xs-8">
+              <v-select :value-single="true" :value.sync="f_handlingtype" v-model="f_handlingtype"
+                        :options='repairerType' placeholder='请选择派单方式'
+                        close-on-select></v-select>
+            </div>
+          </div>
+          <div class="row" style="margin-top: 6px" v-if="f_handlingtype == '转维修员'">
+            <label class="col-xs-4 col-md-4 control-label font text-left">维修员</label>
+            <div class="col-xs-8">
+              <v-select :value="sendselected.serviceacitivity[0].f_reciever" :value-single="true"
+                        :options='repairers' placeholder='请选择维修员'
+                        close-on-select v-on:change="repiarmancg"></v-select>
+            </div>
+          </div>
+          <div class="row" style="margin-top: 6px" v-if="f_handlingtype == '转站点'">
+            <label class="col-xs-4 col-md-4 control-label font text-left">站点</label>
+            <input style="width: 60%" type="text" v-show="false" v-model="sendselected.serviceacitivity[0].f_reciever">
+            <right-tree islist :userid="userid" :source="source"  v-on:re-res="reres" :textContent="选择站点管理员">
+
+            </right-tree>
+          </div>
+          <div class="row" style="margin-top: 6px">
+            <label class="control-label font text-left col-md-4 col-xs-4">备注</label>
+            <div class="col-xs-8 col-md-8">
+              <input type="text" v-model="sendselected.f_advice"/>
+            </div>
+          </div>
+        </div>
+        <div slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-default" @click="worksend()">确定</button>
+          <button type="button" class="btn btn-default" @click="undo()">取消</button>
+        </div>
+      </modal>
+      <modal  :show.sync="caseshow" v-ref:modalCase backdrop="false">
+        <header slot="modal-header" class="modal-header">
+          工单结案
+        </header>
+        <article slot="modal-body" class="modal-body">
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">结案备注</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-model="f_caseremarks"/>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-success" @click='caseok'>确定</button>
+          <button type="button" class="btn btn-success" @click='caseclose'>关闭</button>
+        </footer>
+      </modal>
+    </div>
+  </div>
+</template>
+<script>
+import FailureShow from '../../../components/pc/FailureShow'
+import { HttpResetClass } from 'vue-client'
+import Vue from 'vue'
+import * as Util from "../../../components/Util";
+
+export default{
+  title: '移动端站点派发',
+  data () {
+    return {
+      userid: Vue.user.id,
+      source:
+        'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
+        'tool.getFullTree(dep.where(row.hasSpecialRole($派单员$)))',
+      repairName: '',
+      f_handlingtype:'转维修员',
+      repairerType:[{label: '转维修员', value: '转维修员'}, {label: '转站点', value: '转站点'}],
+      repairerStands:[],
+      f_caseremarks:'',
+      selectone:'',
+      rows: [],
+      username:'',
+      address:'',
+      sendshow:false,
+      repairers: [],
+      caseshow:false,
+      sendselected:{
+        serviceacitivity:[
+          {
+            f_service_acitivity_type: '派单',
+            f_reciever:''
+          }
+        ],
+        f_advice:''
+      },
+      number:0,
+      listData: {
+        list: [],
+        isEnd: true,
+        index: 0
+      }
+    }
+  },
+  props: {
+  },
+  methods: {
+    reres(val){
+      if(val.res == undefined || val.res[0] == undefined || val.res[0] == ''){
+        return
+      }
+      this.sendselected.serviceacitivity[0].f_meetunit = val.res[0]
+      this.sendselected.f_meetunit = val.res[0]
+      this.sendselected.f_filiale_id = val.orgobj[0].parentid
+      this.sendselected.f_filiale = val.orgobj[0].parentname
+      this.sendselected.f_outlets = val.res[0]
+      this.sendselected.serviceacitivity[0].f_reciever = val.resids[0]
+    },
+    caseend(val){
+      this.selectone = val
+      this.caseshow = true
+    },
+    // 结案确认
+    caseok(){
+      // 工单结案操作
+      let data = {model: this.selectone, loginUser: {name: Vue.user.name, ename: Vue.user.ename},f_caseremarks:this.f_caseremarks}
+      let HttpReset1 = new HttpResetClass()
+      // 将数据发送给业务逻辑
+      HttpReset1.load('POST',`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/serviceCase`, data).then((res) => {
+        this.f_caseremarks = ''
+        this.caseshow = false
+        this.ifsearch()
+      })
+    },
+    // 结案返回
+    caseclose(){
+      this.f_caseremarks = ''
+      this.caseshow = false
+      this.selectone = ''
+    },
+    worksend() {
+      if (!this.sendselected.serviceacitivity[0].f_reciever) {
+        this.$showMessage(`请选择接单人员!`, ['confirm'])
+        return
+      }
+      let data = {
+        model: this.sendselected,
+        loginUser: {name: Vue.user.name, ename: Vue.user.ename},
+        f_handlingtype: this.f_handlingtype
+      }
+      let HttpReset = new HttpResetClass()
+      // 将数据发送给业务逻辑
+      HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/logic/siteSend`, data).then((res) => {
+        if (res.data.code == 300) {
+          this.sendshow = false
+          this.sendselected = {
+            serviceacitivity: [
+              {
+                f_service_acitivity_type: '派单',
+                f_reciever: ''
+              }
+            ],
+            f_advice: ''
+          }
+          this.ifsearch()
+          this.$showMessage(`该单已被派发!`, ['confirm'])
+          return
+        } else {
+          this.sendshow = false
+          this.sendselected = {
+            serviceacitivity: [
+              {
+                f_service_acitivity_type: '派单',
+                f_reciever: ''
+              }
+            ],
+            f_advice: ''
+          }
+          this.ifsearch()
+          this.$showMessage(`派发成功!`, ['confirm'])
+          return
+        }
+      })
+    },
+    repiarmancg(val){
+      this.sendselected.serviceacitivity[0].f_reciever = val
+    },
+    // 获取维修员
+    getEmp () {
+      // 获取接单人数组
+      let http = new HttpResetClass()
+      var val = {source: `this.getParentByType($organization$).getChildByName($维修员$).getUsers()`, userid: `${Vue.user.id}`}
+      http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        res.data.forEach((item) => {
+          this.repairers.push({label: `${item.name}`, value: item.name})
+        })
+      })
+    },
+    ifsearch(){
+      this.listData.list = []
+      this.listData.index = 0
+      this.listData.isEnd = true
+      var condition = `1 = 1  and tswo.f_workorder_type = '报修单'`
+      if(this.username != ''){
+        condition += " and tswo.f_user_name like '%" + this.username + "%'"
+      }
+      if(this.address != ''){
+        condition += " and tswo.f_address like  '%" + this.address + "%'"
+      }
+      var val = {
+        condition:{
+          condition:condition,
+          sign:'1 = 1'
+        },
+        userid:Vue.user.name
+      }
+      //tag
+      //tag
+      let http = new HttpResetClass()
+      http.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/operatorService`, {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        this.rows = res.data
+        this.showMore()
+      })
+    },
+    selected (row) {
+      this.sendselected = Object.assign({}, this.sendselected, row)
+      this.sendshow =true
+    },
+    undo(){
+      this.sendselected ={
+        serviceacitivity:[
+          {
+            f_service_acitivity_type: '派单',
+            f_reciever:''
+          }
+        ],
+        f_advice:''
+      }
+      this.sendshow = false
+      this.ifsearch()
+    },
+    makeAPhoneCall(phoneNumber) {
+      this.$androidUtil.makeAPhoneCall(phoneNumber)
+    },
+    showMore() {
+      if (!this.rows) {
+        return
+      }
+      let endIndex = this.listData.index + 10
+      if (endIndex > this.rows.length) {
+        endIndex = this.rows.length
+      }
+      for (; this.listData.index < endIndex; this.listData.index++) {
+        this.listData.list.push(this.rows[this.listData.index])
+      }
+      if(this.listData.index == this.rows.length){
+        this.listData.isEnd = true
+      }else {
+        this.listData.isEnd = false
+      }
+    }
+  },
+  ready () {
+    this.getEmp()
+    this.ifsearch()
+  },
+  components: {
+    FailureShow,
+    'failure-show': FailureShow
+  }
+}
+</script>
+<style scoped>
+.searBtn {
+  background: #FFFFFF;
+  color: #0096fb;
+  border: 1px solid #0096fb;
+  border-radius: 5px;
+  padding: 8px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity:0.5;
+  bottom: 50px;
+  margin-top: -10px;
+  height: 40px;
+}
+.bg {
+  background-color: #499edf;
+  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;
+}
+.panel-blue-border {
+  border: 1px solid #499edf;
+  border-radius: 5px;
+}
+</style>