apply-clients 5.0.35-89 → 5.0.35-91

package/src/components/app_apply/PlaceControler.vue

@@ -1,299 +1,299 @@
-<template>
-  <!--<div class="app-botton" @click="back()">-->
-  <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
-  <!--</div>-->
-  <!--  <back-page :need-back='true'  @flag="back()"></back-page>-->
-  <div class="no-close row" style="background-color: #ffffff">
-    <div class="col-sm-12 col-xs-12" >
-      <ul class="nav nav-tabs" style="background:#ffffff;">
-        <div>
-          <li v-for="(key, value) in tabs" @click="tabSelect(key,$index)" :class="{active1: key === componentName}"
-              v-if="$index < number+1">
-            <a href="#" style="text-decoration : none;background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="value.class">
-              <span class="spanboder">{{value.header}}</span>
-              <img class="butt2" :src="imgback(key === componentName)"></a>
-            <p></p>
-          </li>
-        </div>
-        <div class="col-sm-12 col-xs-12 repair-bg"  v-show="routeShow">
-          <route name='apply' :reuse="false"></route>
-        </div>
-        <div>
-          <li v-for="(key, value) in tabs" @click="tabSelect(key,$index)" :class="{active1: key === componentName}"
-              v-if="$index > number">
-            <a href="#" style="text-decoration : none;background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="value.class">
-              <span class="spanboder">{{value.header}}</span>
-              <img class="butt2" :src="imgback(key === componentName)"></a>
-            <p></p>
-          </li>
-        </div>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-import ApplyUserInfo from "./ApplyUserInfo";
-import ApplyInfo from "./ApplyInfo";
-// import FieldExploration from "./FieldExploration";
-// import Ventilation from "./Ventilation";
-// import Acceptance from "./Acceptance";
-import ServiceControl from "./ServiceControl";
-
-export default {
-  title: '报建代办详情',
-  props: {
-    //分辨平板还是pc
-    system: '',
-    // 要处理的工单
-    row: {
-      type: Object
-    },
-    // 要显示的维修单
-    apply: {
-      type: Object
-    },
-    // 是否是显示
-    show: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-
-  data() {
-    return {
-      show_data: {
-        ppp:{}
-      },
-      routeShow:true,
-      model:{
-        button:{
-          button_name:null,
-          button_index:null
-        },
-        f_filiale:null,
-        f_parentname:null,
-        f_operate_date:null,
-        f_operator:null,
-        f_hege:false
-      },
-      number:0,
-      // shupingshow:false,
-      pipeline: {},
-      componentName: 'apply-user-info',
-      tabs: {
-        // 参数全部设置成空，在ready时，等model处理好了，再添加
-        'apply-user-info': {
-          header: '基本信息', class: 'apply-user-info-class', props: null
-        },
-        'apply-info': {
-          header: '流程信息', class: 'apply-info-class', props: null
-        },
-        'apply-defame-work': {
-          header: null, class: 'apply-info-class', props: null
-        }
-      },
-      // actName: this.$appdata.getParam('用气类型'),  // 报建app需提取的流程名称
-      faultshow: 8     // 控制 故障汇总 在 菜单里显示与否
-    }
-  },
-
-  methods: {
-    imgback(val){
-      if(val && this.routeShow){
-        return require('../../assets/xiangxia1.png')
-      }else{
-        return require('../../assets/xiangyou1.png')
-      }
-    },
-    back () {
-      let _this = this
-      this.$showMessage('您是否确认返回', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          _this.$back()
-        }
-      })
-    },
-    // 选择tab
-    tabSelect (name,number) {
-      this.number = number
-      this.tabs[name].props = null
-      // 处理关闭/显示 内容
-      if(this.componentName == name && !this.routeShow ){
-        this.routeShow = true
-      }else if(this.componentName == name && this.routeShow){
-        this.routeShow = false
-      }else if(this.componentName != name){
-        this.routeShow = true
-      }
-      this.componentName = name
-      console.log('name=>' + name)
-      if(name == 'apply-user-info' || name == 'apply-info'){
-        this.tabs[name].props = {service: this.row, shutype: 'shu'}
-      }else{
-        this.row.defname = this.row.defname
-        // this.row.fields = new Array()
-        // this.row.buttons = new Array()
-        this.tabs[name].props = {selectdata: this.row,show_data:this.show_data,selectmodel:this.model}
-        console.log("将去往第三个界面")
-        console.log("这就是我要的selectdata"+JSON.stringify(this.row))
-      }
-      console.log('即将goto=>' + name + ',props:' + JSON.stringify(this.tabs[name].props))
-      this.$goto(name, this.tabs[name].props, 'apply')
-      // this.shupingshow = true
-    },
-    setProps() {
-      // 给各自组件添加参数
-      this.tabs['apply-user-info'].props = {service: this.row, shutype: 'shu'}
-      // this.tabs['apply-info'].props = {service: this.row, shutype: 'shu'}
-      // this.tabs['apply-defame-work'].props = {model: this.row, shutype: 'shu'}
-
-      this.$goto('apply-user-info', this.tabs[this.componentName].props, 'apply')
-    },
-  },
-  ready () {
-    var keyName = 'apply-defame-work'
-    var valueHeader = this.row.defname
-    var value = {
-      header:valueHeader,
-      class: 'apply-info-class',
-      props: null
-    }
-    this.tabs[keyName] = value
-    console.log( 'this.number=>' + this.number)
-    // this.$set('tabs.' + keyName ,value)
-    this.setProps()
-  },
-  components: {
-    'apply-info': ApplyInfo,
-    'apply-user-info':ApplyUserInfo,
-    // 'fieldexploration': FieldExploration,
-    // 'acceptance': Acceptance,
-    // 'ventilation':Ventilation
-    'apply-defame-work': ServiceControl
-  },
-  events: {
-    'gotonewpage': function (val) {
-      console.log("wheregoto")
-      var _this = this
-      var pardate = {
-        _this: _this,
-        title: '合同',
-        safe: false
-      }
-      _this.$dispatch('gotoson',pardate)
-      if (val=='民用'){
-        _this.$goto('minyong', {},'self')
-      }else if (val=='非民用1'){
-        _this.$goto('feiminyongv', {},'self')
-      }else {
-        _this.$goto('feiminyongvv', {},'self')
-      }
-    },
-    'onetomany': function (val) {
-      console.log('6666666666')
-      console.log('item',val)
-      var _this = this
-      var pardate = {
-        _this: _this,
-        title: val.title,
-        safe: false
-      }
-      _this.$dispatch('gotoson',pardate)
-      _this.$goto('one-to-many', {item: val},'self')
-    },
-    'close'() {
-      //this.$back()
-      this.$dispatch('confirm')
-    }
-  }
-}
-</script>
-<style lang="less">
-/*@import "../../../src/bootstrap/less/variables.less";*/
-
-.tab-befor-img (@url) {
-  content: '';
-  background-image: url("@{url}");
-  background-size: 20px;
-  display: inline-block;
-  margin-right: 8px;
-  margin-top: 0.3em;
-  height: 1.3em;
-  width: 1.3em;
-  vertical-align: -35%;
-}
-
-
-.apply-info-class {
-
-  &::before {
-    .tab-befor-img("../../assets/baoxiuxinxi1.png");
-  }
-}
-
-.apply-user-info-class {
-  &::before {
-    .tab-befor-img("../../assets/jibenxinxi1.png")
-  }
-}
-
-.field-exploration-class {
-  &::before {
-    .tab-befor-img("../../assets/feiyong1.png")
-  }
-}
-.acceptance-class {
-  &::before {
-    .tab-befor-img("../../assets/feiyong1.png")
-  }
-}
-.ventilation-class {
-  &::before {
-    .tab-befor-img("../../assets/feiyong1.png")
-  }
-}
-
-.job-upload-class {
-  &::before {
-    .tab-befor-img("../../assets/guzhanghuizong1.png")
-  }
-}
-.butt2 {
-  display: inline;
-  width: 10px;
-  text-align: center;
-  align-items:center;
-}
-.linesty{
-  display: inline-block;
-  height:1px;
-  width:100%;
-  background:#d0d0d0;
-  overflow:hidden;
-  vertical-align: middle;
-}
-.spanboder{
-  border-bottom:2px solid #499edf;
-  padding-bottom: 8px
-}
-.app-botton {
-  position:fixed;
-  background: #87b2dd;
-  color: #FFF;
-  padding: 8px;
-  text-align: center;
-  font-size: 1.2em;
-  z-index: 10;
-  opacity:0.5;
-  bottom: 50px;
-  margin-top: -10px;
-  height: 40px;
-}
-/*.android-apply-order > div > ul a {*/
-/*  font-size: 12px;*/
-/*  color: #333333;*/
-/*  padding: 13px 16px;*/
-/*}*/
-</style>
+<template>
+  <!--<div class="app-botton" @click="back()">-->
+  <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
+  <!--</div>-->
+  <!--  <back-page :need-back='true'  @flag="back()"></back-page>-->
+  <div class="no-close row" style="background-color: #ffffff">
+    <div class="col-sm-12 col-xs-12" >
+      <ul class="nav nav-tabs" style="background:#ffffff;">
+        <div>
+          <li v-for="(key, value) in tabs" @click="tabSelect(key,$index)" :class="{active1: key === componentName}"
+              v-if="$index < number+1">
+            <a href="#" style="text-decoration : none;background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="value.class">
+              <span class="spanboder">{{value.header}}</span>
+              <img class="butt2" :src="imgback(key === componentName)"></a>
+            <p></p>
+          </li>
+        </div>
+        <div class="col-sm-12 col-xs-12 repair-bg"  v-show="routeShow">
+          <route name='apply' :reuse="false"></route>
+        </div>
+        <div>
+          <li v-for="(key, value) in tabs" @click="tabSelect(key,$index)" :class="{active1: key === componentName}"
+              v-if="$index > number">
+            <a href="#" style="text-decoration : none;background-color: #ffffff;color: #666666;font-size: 16px;font-family:SimSun" :class="value.class">
+              <span class="spanboder">{{value.header}}</span>
+              <img class="butt2" :src="imgback(key === componentName)"></a>
+            <p></p>
+          </li>
+        </div>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import ApplyUserInfo from "./ApplyUserInfo";
+import ApplyInfo from "./ApplyInfo";
+// import FieldExploration from "./FieldExploration";
+// import Ventilation from "./Ventilation";
+// import Acceptance from "./Acceptance";
+import ServiceControl from "./ServiceControl";
+
+export default {
+  title: '报建代办详情',
+  props: {
+    //分辨平板还是pc
+    system: '',
+    // 要处理的工单
+    row: {
+      type: Object
+    },
+    // 要显示的维修单
+    apply: {
+      type: Object
+    },
+    // 是否是显示
+    show: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+
+  data() {
+    return {
+      show_data: {
+        ppp:{}
+      },
+      routeShow:true,
+      model:{
+        button:{
+          button_name:null,
+          button_index:null
+        },
+        f_filiale:null,
+        f_parentname:null,
+        f_operate_date:null,
+        f_operator:null,
+        f_hege:false
+      },
+      number:0,
+      // shupingshow:false,
+      pipeline: {},
+      componentName: 'apply-user-info',
+      tabs: {
+        // 参数全部设置成空，在ready时，等model处理好了，再添加
+        'apply-user-info': {
+          header: '基本信息', class: 'apply-user-info-class', props: null
+        },
+        'apply-info': {
+          header: '流程信息', class: 'apply-info-class', props: null
+        },
+        'apply-defame-work': {
+          header: null, class: 'apply-info-class', props: null
+        }
+      },
+      // actName: this.$appdata.getParam('用气类型'),  // 报建app需提取的流程名称
+      faultshow: 8     // 控制 故障汇总 在 菜单里显示与否
+    }
+  },
+
+  methods: {
+    imgback(val){
+      if(val && this.routeShow){
+        return require('../../assets/xiangxia1.png')
+      }else{
+        return require('../../assets/xiangyou1.png')
+      }
+    },
+    back () {
+      let _this = this
+      this.$showMessage('您是否确认返回', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          _this.$back()
+        }
+      })
+    },
+    // 选择tab
+    tabSelect (name,number) {
+      this.number = number
+      this.tabs[name].props = null
+      // 处理关闭/显示 内容
+      if(this.componentName == name && !this.routeShow ){
+        this.routeShow = true
+      }else if(this.componentName == name && this.routeShow){
+        this.routeShow = false
+      }else if(this.componentName != name){
+        this.routeShow = true
+      }
+      this.componentName = name
+      console.log('name=>' + name)
+      if(name == 'apply-user-info' || name == 'apply-info'){
+        this.tabs[name].props = {service: this.row, shutype: 'shu'}
+      }else{
+        this.row.defname = this.row.defname
+        // this.row.fields = new Array()
+        // this.row.buttons = new Array()
+        this.tabs[name].props = {selectdata: this.row,show_data:this.show_data,selectmodel:this.model}
+        console.log("将去往第三个界面")
+        console.log("这就是我要的selectdata"+JSON.stringify(this.row))
+      }
+      console.log('即将goto=>' + name + ',props:' + JSON.stringify(this.tabs[name].props))
+      this.$goto(name, this.tabs[name].props, 'apply')
+      // this.shupingshow = true
+    },
+    setProps() {
+      // 给各自组件添加参数
+      this.tabs['apply-user-info'].props = {service: this.row, shutype: 'shu'}
+      // this.tabs['apply-info'].props = {service: this.row, shutype: 'shu'}
+      // this.tabs['apply-defame-work'].props = {model: this.row, shutype: 'shu'}
+
+      this.$goto('apply-user-info', this.tabs[this.componentName].props, 'apply')
+    },
+  },
+  ready () {
+    var keyName = 'apply-defame-work'
+    var valueHeader = this.row.defname
+    var value = {
+      header:valueHeader,
+      class: 'apply-info-class',
+      props: null
+    }
+    this.tabs[keyName] = value
+    console.log( 'this.number=>' + this.number)
+    // this.$set('tabs.' + keyName ,value)
+    this.setProps()
+  },
+  components: {
+    'apply-info': ApplyInfo,
+    'apply-user-info':ApplyUserInfo,
+    // 'fieldexploration': FieldExploration,
+    // 'acceptance': Acceptance,
+    // 'ventilation':Ventilation
+    'apply-defame-work': ServiceControl
+  },
+  events: {
+    'gotonewpage': function (val) {
+      console.log("wheregoto")
+      var _this = this
+      var pardate = {
+        _this: _this,
+        title: '合同',
+        safe: false
+      }
+      _this.$dispatch('gotoson',pardate)
+      if (val=='民用'){
+        _this.$goto('minyong', {},'self')
+      }else if (val=='非民用1'){
+        _this.$goto('feiminyongv', {},'self')
+      }else {
+        _this.$goto('feiminyongvv', {},'self')
+      }
+    },
+    'onetomany': function (val) {
+      console.log('6666666666')
+      console.log('item',val)
+      var _this = this
+      var pardate = {
+        _this: _this,
+        title: val.title,
+        safe: false
+      }
+      _this.$dispatch('gotoson',pardate)
+      _this.$goto('one-to-many', {item: val},'self')
+    },
+    'close'() {
+      //this.$back()
+      this.$dispatch('confirm')
+    }
+  }
+}
+</script>
+<style lang="less">
+/*@import "../../../src/bootstrap/less/variables.less";*/
+
+.tab-befor-img (@url) {
+  content: '';
+  background-image: url("@{url}");
+  background-size: 20px;
+  display: inline-block;
+  margin-right: 8px;
+  margin-top: 0.3em;
+  height: 1.3em;
+  width: 1.3em;
+  vertical-align: -35%;
+}
+
+
+.apply-info-class {
+
+  &::before {
+    .tab-befor-img("../../assets/baoxiuxinxi1.png");
+  }
+}
+
+.apply-user-info-class {
+  &::before {
+    .tab-befor-img("../../assets/jibenxinxi1.png")
+  }
+}
+
+.field-exploration-class {
+  &::before {
+    .tab-befor-img("../../assets/feiyong1.png")
+  }
+}
+.acceptance-class {
+  &::before {
+    .tab-befor-img("../../assets/feiyong1.png")
+  }
+}
+.ventilation-class {
+  &::before {
+    .tab-befor-img("../../assets/feiyong1.png")
+  }
+}
+
+.job-upload-class {
+  &::before {
+    .tab-befor-img("../../assets/guzhanghuizong1.png")
+  }
+}
+.butt2 {
+  display: inline;
+  width: 10px;
+  text-align: center;
+  align-items:center;
+}
+.linesty{
+  display: inline-block;
+  height:1px;
+  width:100%;
+  background:#d0d0d0;
+  overflow:hidden;
+  vertical-align: middle;
+}
+.spanboder{
+  border-bottom:2px solid #499edf;
+  padding-bottom: 8px
+}
+.app-botton {
+  position:fixed;
+  background: #87b2dd;
+  color: #FFF;
+  padding: 8px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity:0.5;
+  bottom: 50px;
+  margin-top: -10px;
+  height: 40px;
+}
+/*.android-apply-order > div > ul a {*/
+/*  font-size: 12px;*/
+/*  color: #333333;*/
+/*  padding: 13px 16px;*/
+/*}*/
+</style>