apply-clients 7.1.36 → 7.1.37

package/src/components/app_apply/ApplyListUpload.vue

@@ -0,0 +1,258 @@
+<template>
+  <div class="repair-bg auto" id="repair-first" style="padding-bottom:5px;overflow:auto">
+    <!--<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="bq-parent">
+      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <p>
+          待上传报建<span v-if="rows">（{{rows.length}}单）</span>
+          <span v-if="!rows">（暂无待上传报建单）</span>
+          <img @click="search" src="../../assets/shuaxindaiban1.png" style="width: 40px;padding: 5px; float:right">
+        </p>
+      </blockquote>
+    </div>
+    <div style="text-align:right">
+      <button  @click="uploadAll" type="button" class="btn btn-primary radius_btn" style="margin-right: 0.5%">批量上传</button>
+  </div>
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <div class="panel panel-default well"  v-for="row in rows"  >
+          <div class="panel-body bg-info" style="padding: 10px">
+            <div class="row form-group">
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <div class="row" >
+                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    报建编号: {{row.f_apply_num}}<!--<span v-if="row.f_remindersign">(催单)</span>-->
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户姓名: {{row.f_user_name}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户类型: {{row.f_user_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户地址: {{row.f_address}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户电话: {{row.f_phone}}
+                    <img src="../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    流程状态: {{row.f_order_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    报建类型: {{row.f_apply_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    报建日期: {{row.f_apply_date}}
+                  </div>
+
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  // import FailureShow from '../pc/FailureShow'
+  import  Vue from 'vue'
+  import * as Util from '../Util'
+  import co from 'co'
+
+  /**
+   *  先将数据发给本地logic，由本地logic请求后台进行数据保存，以及流程更改
+   *  之后修改本地单子的上传状态，并刷新页面
+   * @param self
+   * @param rows 所有数据
+   * @returns {IterableIterator<*>}
+   */
+  let uploadApply = function * (self, rows) {
+    console.log('前台uploadApply接收的rows=>' + JSON.stringify(rows))
+    // var params = []
+    var param = {}
+    for(var i=0; i<rows.length; i++){
+      // rows[i].f_app_upload = '已上传'
+      param = {
+        model: {
+          f_processid: rows[i].f_process_id
+        },
+        loginUser:{
+          id: Vue.user.id,
+          name: Vue.user.name,
+          ename: Vue.user.ename
+        },
+        employeetemplate: self.employeetemplate,// 指派勘察人员
+        subdep: '提交'
+      }
+      rows[i].param = param
+      // params.push(param)
+    }
+    // let res = yield self.$resetpost(url, {data:data})
+    let res = yield self.$androidUtil.bzLogic('uploadallapp', {data:rows})
+    console.log('批量上传返回数据res=>' + JSON.stringify(res))
+    if(!res || res.code != 200){
+      self.$showMessage('批量上传失败')
+      return;
+    }
+    for(var i=0; i<rows.length; i++){
+      self.updateState(rows[i])
+    }
+    self.search()
+    self.$showMessage('批量上传成功！')
+
+
+    // var succ_num = 0
+    // for(var i=0; i<rows.length; i++){
+    //   console.log('rows[' + i + ']=>' + JSON.stringify(rows[i]))
+    //   rows[i].f_app_upload = '已上传'
+    //   var data ={tablename:'t_apply',parameters:rows[i]}
+    //   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('第' + i + '条上传失败,批量上传终止！')
+    //     return;
+    //   }
+    //   data = {
+    //     model: {
+    //       f_processid: rows[i].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)}`)
+    //   let ret = self.$resetpost(self.$androidUtil.getProxyUrl() + '/rs/logic/grantnext',{data: data}).then(() => {
+    //     console.log('修改流程成功，即将更新本地上传状态')
+    //     self.updateState(rows[i])
+    //     // 如果是最后一条上传成功，弹窗显示上传成功,并刷新当前列表
+    //     if(i == rows.length - 1){
+    //       self.$showMessage('批量上传成功！')
+    //       self.search()
+    //     }
+    //   })
+    // }
+  }
+
+  export default{
+    title: '报建批量上传列表',
+    data () {
+      return {
+        // rows: Object
+        rows: [],
+        editshow:false,
+        row:{
+          type:Object,
+          default:{
+
+          }
+        }
+      }
+    },
+    props: {
+      sourcet:{
+        type:String,
+        default:'横屏'
+      }
+    },
+    methods: {
+      selected (row) {
+        if(this.sourcet == '横屏'){
+          this.$goto('placecontrolerapp', {row: row},'self',this.search)
+        }else{
+          this.$goto('placecontrolerapp', {row: row},'self',this.search)
+        }
+      },
+      back () {
+        let _this = this
+        _this.$back()
+      },
+      search () {
+        //pc模拟开发用
+        // console.log('------app开始查询待上传代办工单------')
+        // var condition = ' (u.f_app_upload != \'已上传\' or u.f_app_upload is null) '
+        // this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getapplymobile`, {data: {'condition': condition}}).then((res) => {
+        //   console.log(res)
+        //   console.log(res.data)
+        //   console.log(`res.data.data.rows=> ${res.data.data.rows}`)
+        //   if(res.data){
+        //     this.rows = res.data.data.rows
+        //   }else{
+        //     this.rows = []
+        //   }
+        // })
+
+
+        // app正式运行程序
+        console.log('------app开始查询本地待上传工单------')
+        var condition = ' u.f_app_upload = \'已完成\' '
+        var param = {"condition": condition,"id": Vue.user.id}
+        console.log(`param=>>>${JSON.stringify(param)}`)
+        let res = this.$androidUtil.bzLogic('getapplymobile',param)
+        console.log(`前台本地报建待上传工单查询结果data=>>>${res.data}`)
+        if(res.data){
+          this.rows = res.data.rows
+        }else{
+          this.rows = []
+        }
+      },
+      //批量上传
+      uploadAll(){
+        if(this.rows.length <= 0){
+          this.$showMessage('暂无待上传报建单！')
+          return
+        }
+        let gen = uploadApply(this, this.rows)
+        co(gen)
+      },
+      makeAPhoneCall(phoneNumber) {
+        this.$androidUtil.makeAPhoneCall(phoneNumber)
+      },
+      // 上传完成后回写本地上传状态
+      updateState(row){
+        row.f_app_upload = '已上传'
+        this.$androidUtil.bzLogic('saveapplyforapp', {parameters:row})
+      }
+    },
+    ready () {
+      this.search()
+      var _this = this;
+      this.timeoutHandle = window.setInterval(function() {
+        _this.search()
+      }, 6000000)//60000
+    },
+  }
+</script>
+
+<style>
+  .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;
+  }
+  .class-a{
+    border:1px solid red;
+  }
+  .padd-div-shu{
+    padding-bottom: 5px;
+  }
+</style>

package/src/components/app_apply/ApplyToDoList.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="repair-bg auto" id="repair-first" style="padding-bottom:5px;overflow:auto">
+    <!--<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="bq-parent">
+      <blockquote  style="color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <p>
+          待办报建<span v-if="rows">（{{rows.length}}单）</span>
+          <span v-if="!rows">（暂无待处理报建单）</span>
+          <img @click="search" src="../../assets/shuaxindaiban1.png" style="width: 40px;padding: 5px; float:right">
+        </p>
+      </blockquote>
+    </div>
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <div class="panel panel-default well"  v-for="row in rows"  >
+          <div class="panel-body bg-info" style="padding: 10px">
+            <div class="row form-group">
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <div class="row" >
+                  <div :class="{'text-danger': row.f_remindersign}" class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    报建编号: {{row.f_apply_num}}<!--<span v-if="row.f_remindersign">(催单)</span>-->
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户姓名: {{row.f_user_name}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户类型: {{row.f_user_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户地址: {{row.f_address}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    用户电话: {{row.f_phone}}
+                    <img src="../../assets/telphonesend.png" style="width: 12px;" @click.stop.prevent='makeAPhoneCall(row.f_phone)'>
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    流程状态: {{row.f_order_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    报建类型: {{row.f_apply_type}}
+                  </div>
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    报建日期: {{row.f_apply_date}}
+                  </div>
+
+                </div>
+              </div>
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right" @click="selected(row)">立即处理</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import  Vue from 'vue'
+export default{
+  title: '待办报建列表',
+  data () {
+    return {
+      // rows: Object
+      rows: [],
+      editshow:false,
+      row:{
+        type:Object,
+        default:{
+
+        }
+      }
+    }
+  },
+  props: {
+    sourcet:{
+      type:String,
+      default:'横屏'
+    }
+  },
+  methods: {
+    selected (row) {
+      row.canedit = true
+      if(this.sourcet == '横屏'){
+        this.$goto('placecontrolerapp', {row: row},'self',this.search)
+      }else{
+        this.$goto('placecontrolerapp', {row: row},'self',this.search)
+      }
+    },
+    back () {
+      let _this = this
+      _this.$back()
+    },
+    search () {
+      //pc模拟开发用
+      // console.log('------app开始查询本地代办工单------')
+      // var condition = ' (u.f_app_upload != \'已上传\' or u.f_app_upload is null) and f_order_type  is not null '
+      // this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getapplymobile`, {data: {'condition': condition}}).then((res) => {
+      //   console.log(res)
+      //   console.log(res.data)
+      //   console.log(`res.data.data.rows=> ${res.data.data}`)
+      //   if(res.data){
+      //     this.rows = res.data.data.rows
+      //   }else{
+      //     this.rows = []
+      //   }
+      // })
+
+
+      // app正式运行程序
+      console.log('------app开始查询本地代办工单------')
+      var condition = ' (u.f_app_upload != \'已上传\' or u.f_app_upload is null) '
+      console.log(`login_user_id=>>>${Vue.user.id}`)
+      var param = {"condition": condition,"id": Vue.user.id}
+      console.log(`param=>>>${JSON.stringify(param)}`)
+      let res = this.$androidUtil.bzLogic('getapplymobile',param)
+      console.log(`前台本地报建代办工单查询结果data=>>>${res.data}`)
+      if(res.data){
+         this.rows = res.data.rows
+      }else{
+        this.rows = []
+      }
+      // console.log(`this.rows=>>>${this.rows}`)
+    },
+    makeAPhoneCall(phoneNumber) {
+      this.$androidUtil.makeAPhoneCall(phoneNumber)
+    },
+    upload () {
+      this.$goto('up-load')
+    }
+  },
+  ready () {
+    this.search()
+    var _this = this;
+    this.timeoutHandle = window.setInterval(function() {
+      _this.search()
+    }, 6000000)//60000
+  }
+}
+</script>
+
+<style>
+  .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;
+  }
+  .class-a{
+    border:1px solid red;
+  }
+  .padd-div-shu{
+    padding-bottom: 5px;
+  }
+</style>

package/src/components/app_apply/ApplyUserInfo.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="repair-bg" id="work-history">
+    <div class="bq-parent" v-if="shutype == 'heng'">
+      <blockquote class="blockquote">
+        <p>用户基本信息</p>
+      </blockquote>
+    </div>
+    <!-- 报建流程信息 -->
+    <div class="panel panel-default auto repair-info-content">
+      <div class="panel-body">
+        <p>客户姓名： {{service.f_user_name}}</p>
+        <p>客户电话： {{service.f_phone}}</p>
+        <p>客户地址： {{service.f_address}}</p>
+        <p>客户类型： {{service.f_user_type}}</p>
+        <p>客户片区： {{service.f_residential_area}}</p>
+        <p>客户小区： {{service.f_area}}</p>
+        <!--<p>申请户数： {{service.f_apply_count}}</p>-->
+        <!--<p>房屋类型： {{service.f_house_type}}</p>-->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    title: '用户基本信息',
+    data () {
+      return {
+        // service: null
+        f_userinfo_code : ''
+      }
+    },
+    props: {
+      service: { // 传入一条报修单信息
+        type: Object
+      },
+      shutype:'heng'
+    },
+    ready () {
+    },
+    methods: {
+      selfSearch () {
+        if(!this.rowOne) {
+          return
+        }
+      }
+    },
+    watch: {
+      'rowOne' () {
+        this.selfSearch()
+      }
+    },
+    components: {
+
+    }
+  }
+</script>