apply-clients 5.0.35-1 → 5.0.35-100

package/src/components/app_apply/ApplyToDoList.vue

@@ -1,183 +1,312 @@
-<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) {
-      var _this = this
-      var pardate = {
-        _this: _this,
-        title: '报建待办详情',
-        safe: true
-      }
-      _this.$dispatch('gotoson',pardate)
-      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
-  },
-  created(){
-    var result = HostApp.readLocalFile('workflow_apply.json')
-    if(result.code == 500){
-      this.$showMessage('获取流程配置文件失败，请联系系统管理员')
-      return
-    }
-    var data = JSON.parse(result.data)
-    console.log('前台存入缓存中的data=>' + JSON.stringify(data))
-    Vue.workflow_vue = Vue.prototype.$workflow_vue = data
-  }
-
-}
-</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>
+<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="padding: 10px 10px;margin: 0 0 0px;color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <div class=" row">
+          待办报建<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">
+          <div style="margin-right: 3%;float:right;height: 30px " class="button_spacing" :class="{'button_shrink_top':criteriaShow,'button_shrink_bottom':!criteriaShow}"  @click="hidden()"></div>
+
+        </div>
+      </blockquote>
+
+    </div>
+    <div style="height: auto;width: 100%" v-if="criteriaShow">
+      <div class="row app-row">
+        <div class="col-xs-4">
+          <img src="../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label  class="font text-left">用户姓名：</label>
+        </div>
+        <div class="col-xs-8" >
+          <input  class="search_input input-font" v-model=model.f_user_name condition="f_user_name like '%{}%'" />
+        </div>
+      </div>
+      <div class="row app-row">
+        <div class="col-xs-4">
+          <img src="../../assets/用户地址.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label  class="font text-left">用户地址：</label>
+        </div>
+        <div class="col-xs-8" >
+          <input  class="search_input input-font" v-model=model.f_address condition="f_user_name like '%{}%'" />
+        </div>
+      </div>
+      <div class="row app-row">
+        <div class="col-xs-4">
+          <img src="../../assets/用户电话.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label  class="font text-left">用户电话：</label>
+        </div>
+        <div class="col-xs-8" >
+          <input  class="search_input input-font" v-model=model.f_phone condition="f_user_name like '%{}%'" />
+        </div>
+      </div>
+    </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.defname}}
+                  </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'
+import  {HttpResetClass} from 'vue-client'
+export default{
+  title: '待办报建列表',
+  data () {
+    return {
+      // rows: Object
+      rows: [],
+      model:{},
+      criteriaShow:false,
+      editshow:false,
+      row:{
+        type:Object,
+        default:{
+
+        }
+      }
+    }
+  },
+  props: {
+    sourcet:{
+      type:String,
+      default:'横屏'
+    }
+  },
+  methods: {
+    hidden() {
+      this.criteriaShow = !this.criteriaShow
+    },
+    selected (row) {
+      var _this = this
+      var pardate = {
+        _this: _this,
+        title: '报建待办详情',
+        safe: true
+      }
+      _this.$dispatch('gotoson',pardate)
+      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 () {
+      // app正式运行程序
+      console.log('------app开始查询本地代办工单------')
+      var condition = "defname in ('现场勘查','验收','通气','现场勘查定价','安装通气')"
+
+      console.log(JSON.stringify(this.model))
+      if (this.model.f_user_name){
+        condition+=` and f_user_name like '%${this.model.f_user_name}%'`
+      }
+      if (this.model.f_address){
+        condition+=` and f_address like '%${this.model.f_address}%'`
+      }
+      if (this.model.f_phone){
+        condition+=` and f_phone like '%${this.model.f_phone}%'`
+      }
+      console.log(`login_user_id=>>>${Vue.user.id}`)
+      console.log(`分公司=>>>${Vue.user.f_fengongsi}`)
+      var param = {condition: condition,condValue:[],data:{"id": Vue.user.id,"fengongsi":Vue.user.f_fengongsi,f_product_id:0}}
+
+      console.log(`param=>>>${JSON.stringify(param)}`)
+      let http=new HttpResetClass()
+      http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/checkuser`,{data:param}).then(res=>{
+        console.log(`前台本地报建代办工单查询结果data=>>>${JSON.stringify(res.data)}`)
+        if(res.data){
+          this.rows = res.data
+        }else{
+          this.rows = []
+        }
+      })
+    },
+    makeAPhoneCall(phoneNumber) {
+      this.$androidUtil.makeAPhoneCall(phoneNumber)
+    },
+    upload () {
+      this.$goto('up-load')
+    },
+    getpinpai(){
+      Vue.prototype.$pinpai=[]
+      let data={
+        items:"id,f_meter_brand",
+        tablename:"t_gasbrand",
+        condition:`f_filialeids = '${Vue.user.f_orgids}'`,
+        orderitem:'id'
+      }
+      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
+        console.log("666666666666666666662")
+        console.log(JSON.stringify(res))
+        console.log(typeof res)
+        //console.log(JSON.stringify(res.data[0]))
+        let result=res.data
+        result.forEach(ress=>{
+          Vue.prototype.$pinpai.push({
+            id:ress.id,
+            label:ress.f_meter_brand,
+            value:ress.f_meter_brand
+          })
+        })
+      })
+    },
+    getqijia(){
+      let data={
+        items:"f_price_name",
+        tablename:"t_stairprice",
+        condition:`f_filialeids = '${Vue.user.f_orgids}' and f_state= '有效' and getdate()>=f_perform_date and getdate()<=f_end_date `,
+        orderitem:'id'
+      }
+      Vue.prototype.$qijia=[]
+      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
+        console.log("66666666666666666666")
+        console.log(JSON.stringify(res))
+        console.log(typeof res)
+        //console.log(JSON.stringify(res.data[0]))
+        let result=res.data
+        result.forEach(ress=>{
+          Vue.prototype.$qijia.push({
+            label:ress.f_price_name,
+            value:ress.f_price_name
+          })
+        })
+      })
+    },
+    getxinghao(){
+      let data={
+        items:"gm.f_meter_style,gb.id",
+        tablename:"t_gasmodel gm left join t_gasbrand gb on  gm.f_gasbrand_id=gb.id",
+        condition:`gb.f_filialeids = '${Vue.user.f_orgids}'`,
+        orderitem:'gm.id'
+      }
+      Vue.prototype.$xinghao=[]
+      new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: data}, {resolveMsg: null, rejectMsg: null}).then(res=>{
+        console.log("66666666666666666666")
+        console.log(JSON.stringify(res))
+        console.log(typeof res)
+        //console.log(JSON.stringify(res.data[0]))
+        let result=res.data
+        result.forEach(ress=>{
+          Vue.prototype.$xinghao.push({
+            id:ress.id,
+            label:ress.f_meter_style,
+            value:ress.f_meter_style
+          })
+        })
+      })
+    }
+  },
+  ready () {
+    this.search()
+    var _this = this;
+    this.timeoutHandle = window.setInterval(function() {
+      _this.search()
+    }, 6000000)//60000
+    this.getpinpai()
+    this.getqijia()
+    this.getxinghao()
+  },
+  created(){
+    let result = HostApp.readLocalFile('workflow_apply.json')
+    if(result.code == 500){
+       this.$showMessage('获取流程配置文件失败，请联系系统管理员')
+       return
+    }
+    let data = JSON.parse(result.data)
+    console.log('前台存入缓存中的data=>' + JSON.stringify(data))
+    Vue.workflow_vue = Vue.prototype.$workflow_vue = data
+  }
+}
+</script>
+
+<style>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.button_shrink_top {
+  width: 30px;
+  height: 30px;
+  background-size: 30px 30px;
+  background-image: url("../../../static/newStyle/stretch_top.png")
+}
+
+.button_shrink_bottom {
+  width: 30px;
+  height: 30px;
+  background-size: 30px 30px;
+  background-image: url("../../../static/newStyle/stretch_bottom.png")
+}
+.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>