apply-clients 5.0.35-6 → 5.0.35-62

package/src/components/app_apply/PlaceControler.vue

@@ -1,256 +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 {
-        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("将去往第三个界面")
-          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.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()
-        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>