apply-clients 7.1.40 → 7.1.43

package/src/components/app_apply/FieldExploration.vue

@@ -0,0 +1,267 @@
+<template>
+  <div class="select-overspread repair-bg auto" >
+    <validator name="v" >
+      <div class="auto repair-info-content compatible">
+        <div class="row auto">
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group mg8">
+            <label class="text-justify lb-left" for="f_install_num">实际可安装用户:</label>
+            <input  type="number" class="form-control" id="f_install_num" v-model="model.f_install_num" >
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" >
+            <label class="text-justify lb-left" for="costmatter">缴费户数:</label>
+            <input  type="number" class="form-control" id="costmatter" v-model="model.f_payfee_num" >
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="text-justify lb-left" >用气类型:</label>
+            <!--<v-select @selected="gastype_change" :disabled="!model.canedit" value="model.f_gas_type" :options='fgastype' placeholder='用气类型' close-on-select :value-single="true">-->
+            <!--</v-select>-->
+            <select v-model="model.f_gas_type"  class="form-control">
+              <option v-for="option in fgastype">
+                {{ option.label}}
+              </option>
+            </select>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="text-justify lb-left" >勘察人员:</label>
+            <!--<v-select @selected="surveyname_change" value="model.f_survey_name" :disabled="!model.canedit"  :options='fsurveyname' placeholder='勘察人员' close-on-select  :value-single="true">-->
+            <!--</v-select>-->
+            <select v-model="model.f_survey_name" class="form-control">
+              <option v-for="option in fsurveyname">
+                {{ option.label}}
+              </option>
+            </select>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="text-justify lb-left">勘查日期:</label>
+            <datepicker
+              :value.sync="model.f_survey_time"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              v-model="model.f_survey_time"
+              :show-reset-button="reset" placeholder="请输入勘察日期" style="margin-bottom: 8px"
+             >
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-sm-12 col-md-6 form-input-group">
+            <input  type="checkbox" id="checkbox" v-model="model.f_isdesign"/>
+            <label for="checkbox" class="text-justify lb-left">是否设计出图</label>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="text-justify lb-left">勘察意见:</label>
+            <textarea class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="model.f_survey_remarks" ></textarea>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="text-justify lb-left" for="f_survey_department">部门:</label>
+            <input type="text" class="form-control" id="f_survey_department" v-model="model.f_survey_department" readonly  >
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="text-justify lb-left" for="f_survey_operator">执行人:</label>
+            <input type="text" class="form-control" id="f_survey_operator" v-model="model.f_survey_operator" readonly  >
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="lb-left text-justify">分公司:</label>
+            <input type="text" class="form-control"  v-model="model.f_filiale" readonly  >
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group">
+            <label class="lb-left text-justify">操作日期:</label>
+            <input type="text" class="form-control"  v-model="model.f_survey_date" readonly  >
+          </div>
+        </div>
+        <div style="text-align:center;margin-top: 5px;" v-if="model.canedit">
+          <button  @click="save" type="button" class="btn btn-primary radius_btn" >保存</button>
+          <button  @click="upload" type="button" class="btn btn-primary radius_btn" >上传</button>
+        </div>
+      </div>
+    </validator>
+
+
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import * as Util from '../Util'
+  import co from 'co'
+
+  let uploadApply = function * (self) {
+    // self.model.f_app_upload = '已上传'
+    // var data ={tablename:'t_apply',parameters:self.model}
+    // var url = self.$androidUtil.getProxyUrl() + '/rs/logic/uploadapply'
+    // console.log(`即将上传，url>>>> ${url}`)
+    // let res = yield self.$resetpost(url, {data:data})
+    // console.log(`上传返回json>>>>>>>>>>>> ${JSON.stringify(res)}`)
+    // if(res.data.code != 200){
+    //   self.$showMessage('上传失败！')
+    //   return
+    // }
+    // data = {
+    //   model: {
+    //     f_processid: self.model.f_process_id
+    //   },
+    //   loginUser: {
+    //     id: Vue.user.id,
+    //     name: Vue.user.name,
+    //     ename: Vue.user.ename
+    //   },
+    //   employeetemplate: self.employeetemplate,// 指派勘察人员
+    //   subdep: '提交'
+    // }
+    // console.log(`即将请求后台修改流程，参数>>>> ${JSON.stringify(data)}`)
+    // self.$resetpost(self.$androidUtil.getProxyUrl() + '/rs/logic/grantnext',{data: data}).then(() => {
+    //   self.$showMessage('上传成功！')
+    //   self.updateState()
+    //   self.$parent.$back()
+    // })
+
+
+    // self.model.f_app_upload = '已上传'
+    var param = {
+      model: {
+        f_processid: self.model.f_process_id
+      },
+      loginUser: {
+        id: Vue.user.id,
+        name: Vue.user.name,
+        ename: Vue.user.ename
+      },
+      employeetemplate: self.employeetemplate,// 指派勘察人员
+      subdep: '提交'
+    }
+    var data ={tablename:'t_apply',parameters:self.model,param: param}
+    // var url = self.$androidUtil.getProxyUrl() + '/rs/logic/uploadapply'
+    // console.log(`即将上传，url>>>> ${url}`)
+    // let res = yield self.$resetpost(url, {data:data})
+    let res = yield self.$androidUtil.bzLogic('uploadapply',data)
+    console.log(`上传返回json>>>>>>>>>>>> ${JSON.stringify(res)}`)
+    if(!res){
+      self.$showMessage('上传失败！')
+      return
+    }
+    if(res.code != 200){
+      self.$showMessage('上传失败，原因:' + res.msg)
+      return
+    }
+    self.$showMessage('上传成功！')
+    self.updateState()
+    self.$parent.$back()
+  }
+
+  export default {
+    title: '现场勘探信息',
+    props: {
+      model: { // 传入一条报建信息
+        type: Object
+      }
+    },
+    data () {
+      return {
+        signType:{
+          type: Boolean,
+          default: true
+        },
+        fgastype: this.$appdata.getParam('用气类型'),
+        fsurveyname : this.$appdata.getParam('勘查人员')
+      }
+    },
+    methods: {
+      upload() {
+        var reg = /^\d+$/
+        if (!reg.test(this.model.f_install_num)) {
+          this.$showMessage('实际可安装用户必须为整数！')
+          return false;
+        }
+        if (!reg.test(this.model.f_payfee_num)) {
+          this.$showMessage('缴费户数必须为整数！')
+          return false;
+        }
+        // this.model.f_gas_type = this.model.f_gas_type[0] ? this.model.f_gas_type[0] : ''
+        this.model.f_app_upload = '已完成'
+        console.log(`前台开始本地保存，传入数据json>>>>>>>${JSON.stringify(this.model)}`)
+        let res = this.$androidUtil.bzLogic('saveapplyforapp', {parameters:this.model})
+        if(res.code != 200){
+          this.$showMessage('保存失败,上传终止！')
+          return
+        }
+        let gen = uploadApply(this)
+        co(gen)
+      },
+      mute () {
+        HostApp.mute()
+      },
+      // 上传完成后回写本地上传状态
+      updateState(){
+        console.log(`前台上传完成，开始回写本地上传状态`)
+        this.model.f_app_upload = '已上传'
+        this.$androidUtil.bzLogic('saveapplyforapp', {parameters:this.model})
+      },
+      save() {
+        var reg = /^\d+$/
+        if (!reg.test(this.model.f_install_num)) {
+          this.$showMessage('实际可安装用户必须为整数！')
+          return false;
+        }
+        if (!reg.test(this.model.f_payfee_num)) {
+          this.$showMessage('缴费户数必须为整数！')
+          return false;
+        }
+        // this.model.f_gas_type = this.model.f_gas_type[0] ? this.model.f_gas_type[0] : ''
+        this.model.f_app_upload = '已完成'
+        console.log(`前台开始本地保存，传入数据json>>>>>>>${JSON.stringify(this.model)}`)
+        let res = this.$androidUtil.bzLogic('saveapplyforapp', {parameters:this.model})
+        console.log(`前台保存结束，返回res>>>>>>>${JSON.stringify(res)}`)
+        if(res.code == 200){
+          console.log(`前台保存成功!`)
+          this.$showMessage('保存成功！')
+        }else{
+          console.log('前台保存失败')
+          this.$showMessage('保存失败！')
+        }
+      },
+      //查询勘探信息
+      getFiledApply(){
+        let response = this.$androidUtil.bzLogic('getFiledApply',{})
+        this.$set('model.rows', response.data)
+      }
+    },
+    ready(){
+      console.log('--现场勘探--')
+
+      this.model.f_survey_time = Util.toStandardTimeString()
+      if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
+        this.signType = false
+      }
+      if(this.model && this.model.f_single_man){
+        this.model.f_single_man = this.f_single_man
+      }
+      this.model.f_survey_date = Util.toStandardDateString()
+      if(Vue.user){
+        console.log('获取到Vue.user')
+        this.model.f_survey_department = Vue.user.f_parentname
+        this.model.f_survey_operator = Vue.user.name
+      }
+    },
+    watch:{
+      'model.f_isdesign'(val){
+        // this.$showMessage(val)
+        if(val){
+          this.model.f_isdesign = 1
+        }else{
+          this.model.f_isdesign = 0
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .radius_btn{
+    border-radius:  5px;
+    margin-top: 0.1rem;
+  }
+
+  select{
+    font-family: "微软雅黑";
+    background: rgba(0,0,0,0);
+    text-align: center;
+    border-radius: 5px;
+  }
+
+</style>

package/src/components/app_apply/PlaceControler.vue

@@ -0,0 +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>