apply-clients 4.1.3 → 4.1.4-weinan

package/src/components/app_apply/PlaceControler.vue

@@ -1,258 +1,258 @@
-<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 android-repair-order" 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 {
-        routeShow:true,
-        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.f_order_type
-          // this.row.fields = new Array()
-          // this.row.buttons = new Array()
-          this.tabs[name].props = {selectdata: 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.f_order_type
-      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: {
-      'close'() {
-        this.$back()
-      }
-    }
-  }
-</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%;
-  }
-  @media screen and (min-width: 768px) {
-    .android-apply-order > div > ul a {
-      font-size: @font-size-h2;
-      margin: 0.3em 0;
-    }
-  }
-
-  .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 android-repair-order" 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 {
+        routeShow:true,
+        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}
+        }
+        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: {
+      'close'() {
+        this.$back()
+      }
+    }
+  }
+</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%;
+  }
+  @media screen and (min-width: 768px) {
+    .android-apply-order > div > ul a {
+      font-size: @font-size-h2;
+      margin: 0.3em 0;
+    }
+  }
+
+  .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>