telephone-clients 3.0.104-1 → 3.0.104-100

package/src/filiale/yuncheng/pc/DistributeWork.vue

@@ -0,0 +1,199 @@
+<template>
+  <!-- <case-container path="rs/file/vue/工单派发.vue" :data="data" :special="type"></case-container> -->
+
+  <div id="pc-diswork-page" class="flex" v-show="!saveing">
+    <work-busy :is-busy="saveing" v-show="saveing"></work-busy>
+    <!--<label class="control-label text-justify p-left-10" style="line-height: 27px; font-weight: bold;width: 80px">工单类型</label>-->
+    <!--<ul class="nav nav-tabs" style="display: inline-block;">
+      <li :class="{active: worktype === '咨询单'}" v-if="meading == '转站点'"><a class="f_size" href="javascript:void(0)" @click="handWork('咨询单')">咨询单</a></li>
+      <li :class="{active: worktype === '投诉单' }"  v-if="meading == '转站点'"><a class="f_size" href="javascript:void(0)" @click="handWork('投诉单')">投诉单</a></li>
+      <li :class="{active: worktype === '报修单' }"><a class="f_size" href="javascript:void(0)" @click="handWork('报修单')">报修单</a></li>
+      <li :class="{active: worktype === '置换通气' }"><a class="f_size" href="javascript:void(0)" @click="handWork('置换通气')">置换通气</a></li>
+      <li :class="{active: worktype === '工单处理' }"><a class="f_size" href="javascript:void(0)" @click="handWork('工单处理')">工单处理</a></li>
+      &lt;!&ndash;<li :class="{active: worktype === '安装单' }"><a href="javascript:void(0)" @click="handWork('安装单')">安装单</a></li>&ndash;&gt;
+    </ul>-->
+    <ul class="nav nav-pills span" style="height:auto;margin:8px 0px;padding:4px 0;border-bottom: 1px solid #e7e7e7;"
+        class="nav nav-tabs">
+      <li v-if="meading == '转站点'"><a :style="selectFiled == '咨询单'?'color:#333333!important;':'color:#666666!important;'"
+                                     :class="{'tel_voiceActive':selectFiled == '咨询单','tel_f_size':selectFiled != '咨询单'}"
+                                     href="javascript:void(0)" @click="setField('咨询单')">咨询单</a></li>
+      <li v-if="meading == '转站点'"><a :style="selectFiled == '投诉单'?'color:#333333!important;':'color:#666666!important;'"
+                                     :class="{'tel_voiceActive':selectFiled == '投诉单','tel_f_size':selectFiled != '投诉单'}"
+                                     href="javascript:void(0)" @click="setField('投诉单')">投诉单</a></li>
+      <li><a :style="selectFiled == '报修单'?'color:#333333!important;':'color:#666666!important;'"
+             :class="{'tel_voiceActive':selectFiled == '报修单','tel_f_size':selectFiled != '报修单'}"
+             href="javascript:void(0)" @click="setField('报修单')">报修单</a></li>
+      <li v-if="asp == 'true'"><a :style="selectFiled == '置换通气'?'color:#333333!important;':'color:#666666!important;'"
+                                  :class="{'tel_voiceActive':selectFiled == '置换通气','tel_f_size':selectFiled != '置换通气'}"
+                                  href="javascript:void(0)" @click="setField('置换通气')">置换通气</a></li>
+      <li><a :style="selectFiled == '工单处理'?'color:#333333!important;':'color:#666666!important;'"
+             :class="{'tel_voiceActive':selectFiled == '工单处理','tel_f_size':selectFiled != '工单处理'}"
+             href="javascript:void(0)" @click="setField('工单处理')">工单处理</a></li>
+    </ul>
+    <div class="tab-content span" style="overflow-y: auto">
+      <seek-work v-show="worktype === '咨询单'" v-if="meading == '转站点'" :data='user' :cleantf="cleanstart"
+                 :call-obj="callObj" :login-user="loginUser" v-on:commitsus="commit"></seek-work>
+      <complain-work v-show="worktype === '投诉单'" v-if="meading == '转站点'" :data='user' :cleantf="cleanstart"
+                     :call-obj="callObj" :login-user="loginUser" v-on:commitsus="commit"></complain-work>
+      <repairs-work v-show="worktype === '报修单'" :data='user' :cleantf="cleanstart" :type="type" :call-obj="callObj"
+                    :login-user="loginUser" :meading="'转维修员'" v-on:commitsus="commit"></repairs-work>
+      <gas-work v-show="worktype === '置换通气'" :data='user' :cleantf="cleanstart" :type="type" :call-obj="callObj"
+                :login-user="loginUser" :meading="'转维修员'" v-on:saveend="saveend" v-on:saveing="savestart"
+                v-on:commitsus="commit"></gas-work>
+      <!--<install-work v-show="worktype === '安装单'" :cleantf="cleanstart" :type="type" :call-obj="callObj" :login-user="loginUser"  :meading="meading" v-on:saveend="saveend" v-on:saveing="savestart" v-on:commitsus="commit"></install-work>-->
+      <work-center v-show="worktype === '工单处理'" :data='user' :call-obj="callObj" :meading="meading"></work-center>
+    </div>
+    <!--<button type="button" name="button" class="btn btn-primary btn-sm fr btn-img-cl" @click="handWork('工单处理')" >
+        工&nbsp;单&nbsp;处&nbsp;理
+         <span  class="badge" >{{works}}</span>
+       </button>-->
+    <!--<div>
+      <seek-work v-show="worktype === '咨询单'" :data='user' :cleantf="cleanstart" :call-obj="callObj" :login-user="loginUser" v-on:commitsus="commit"></seek-work>
+      <complain-work v-show="worktype === '投诉单'" :data='user' :cleantf="cleanstart" :call-obj="callObj" :login-user="loginUser" v-on:commitsus="commit"></complain-work>
+      <repairs-work v-show="worktype === '报修单'" :data='user' :cleantf="cleanstart" :type="type" :call-obj="callObj" :login-user="loginUser" :meading="'转维修员'" v-on:commitsus="commit"></repairs-work>
+      <gas-work v-show="worktype === '置换通气'" :cleantf="cleanstart" :type="type" :call-obj="callObj" :login-user="loginUser"  :meading="'转维修员'" v-on:saveend="saveend" v-on:saveing="savestart" v-on:commitsus="commit"></gas-work>
+      &lt;!&ndash;<install-work v-show="worktype === '安装单'" :cleantf="cleanstart" :type="type" :call-obj="callObj" :login-user="loginUser"  :meading="meading" v-on:saveend="saveend" v-on:saveing="savestart" v-on:commitsus="commit"></install-work>&ndash;&gt;
+      <work-center v-show="worktype === '工单处理'" :data='user' :call-obj="callObj" :meading="meading"></work-center>
+    </div>-->
+  </div>
+</template>
+
+<script>
+  export default {
+    title: '工单派发',
+    data() {
+      return {
+        worktype: '咨询单',
+        row: '',
+        cleanstart: 0,
+        saveing: false,
+        selectFiled: '咨询单',
+        asp: 'false'
+      }
+    },
+    props: {
+      meading: {
+        type: String,
+        default: '转站点'
+      },
+      user: {},
+      type: {},
+      works: {},
+      callObj: {
+        type: Object
+      },
+      loginUser: {
+        type: Object
+      },
+      findid: {
+        type: Number
+      }
+    },
+    ready() {
+      this.asp = this.$appdata.getSingleValue('置换通气')
+      if (this.meading == '转维修员') {
+        this.worktype = '报修单'
+      }
+    },
+    methods: {
+      setField(type) {
+        this.selectFiled = type
+        this.worktype = type
+      },
+      saveend() {
+        this.saveing = false
+      },
+      savestart() {
+        this.saveing = true
+      },
+      handWork(type) {
+        this.worktype = type
+      },
+      commit(val) {
+        this.cleanstart += 1
+        this.$emit('commit', val)
+      }
+    },
+    events: {
+      distribute(val) {
+        //tag
+        this.$dispatch('useroperate', val)
+
+      }
+    },
+    watch: {
+      'worktype'() {
+        var ev = new Event("resize", {"bubbles": true, "cancelable": false});
+        window.dispatchEvent(ev);
+      },
+    }
+  }
+</script>
+<style lang="less">
+  #pc-diswork-page .row, #pc-diswork-page .form-input-group {
+    margin: 5px 0px;
+    height: auto;
+  }
+
+  /* 禁止textarea横向拉伸 */
+  .ver-textarea {
+    resize: vertical;
+  }
+
+  .btn-img (@url) {
+    width: 100px;
+    background-image: url("@{url}");
+    background-size: 20px;
+    background-position: 5px;
+    text-align: right;
+    background-repeat: no-repeat;
+    border-radius: 0px;
+    font-size: 12px;
+    height: 28px;
+  }
+
+  #pc-diswork-page .btn-img-cl {
+    .btn-img('../../../assets/gongdantixing.png');
+  }
+
+  #pc-diswork-page .btn-img-re {
+    .btn-img('../../../assets/chongxinpaifa.png');
+    margin-right: 10px;
+  }
+
+  .tel_voiceActive {
+    font-family: PingFang-SC-Bold;
+    font-size: 16px;
+    font-weight: normal !important;
+    font-stretch: normal !important;
+    line-height: 18px;
+    letter-spacing: 0px;
+    color: #333333 !important;
+    border-bottom: 3px solid #599fe5;
+    padding: 10px 10px !important;
+  }
+
+  .tel_f_size {
+    font-family: PingFang-SC-Medium;
+    font-size: 16px;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 18px;
+    letter-spacing: 0px;
+    color: #666666 !important;
+    padding: 10px 10px !important;
+  }
+
+  /*#pc-diswork-page {
+    position: relative;
+    margin-top: -5px;
+  }
+  #pc-diswork-page button {
+    position: absolute;
+    right: 15px;
+    bottom: 5px;
+  }
+  .form-input-group .form-control {
+  }*/
+</style>
+