apply-clients 7.1.40 → 7.1.41

package/src/components/app_apply/Acceptance.vue

@@ -0,0 +1,298 @@
+<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" :class="[$v.f_constructionunit_name.required ? 'has-error': '']">
+            <label class="text-justify lb-left" for="f_constructionunit_name">施工部门签字人：</label>
+            <input type="text" class="form-control" id="f_constructionunit_name"  v-model="model.f_constructionunit_name" v-validate:f_constructionunit_name='{required: true }'>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.f_constructionunit_date.required ? 'has-error': '']">
+            <label class="text-justify lb-left" for="costmatter">施工部门签字日期：</label>
+            <datepicker
+              v-validate:f_constructionunit_name='{required: true }'
+              :value.sync="model.f_constructionunit_date"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              v-model="model.f_constructionunit_date"
+              :show-reset-button="reset" placeholder="请输入签字日期" style="margin-bottom: 8px">
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.f_install_name.required ? 'has-error': '']">
+            <label class="text-justify lb-left" >安装人员：</label>
+            <input type="text" class="form-control" v-model="model.f_install_name" v-validate:f_install_name='{required: true }' />
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.f_designunit_name.required ? 'has-error': '']">
+            <label class="text-justify lb-left" >设计部门签字人：</label>
+            <input type="text" class="form-control"  v-model="model.f_designunit_name"  v-validate:f_designunit_name='{required: true }' />
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.dunitdate.required ? 'has-error' : '' ]">
+            <label class="text-justify lb-left">设计部门签字日期：</label>
+            <datepicker
+              :value.sync="model.f_designunit_date"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              v-model="model.f_designunit_date"
+              :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" class="" id="f_check_indoorproject" v-model="model.f_check_indoorproject"
+                   v-validate:f_check_indoorproject='{required: true }'/>
+            <label for="f_check_indoorproject" class="text-justify lb-left">户内工程是否验收通过</label>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.f_buildunit_name.required ? 'has-error': '']">
+            <label class="text-justify lb-left" >建设部门签字人：</label>
+            <input type="text" class="form-control"  v-model="model.f_buildunit_name"  v-validate:f_buildunit_name='{required: true }' />
+          </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_buildunit_date"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              v-model="model.f_buildunit_date"
+              :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" class="" id="f_check_outdoorsproject" v-model="model.f_check_outdoorsproject"
+                   v-validate:f_check_outdoorsproject='{required: true }'/>
+            <label for="f_check_outdoorsproject" class="text-justify lb-left">庭院工程是否验收通过</label>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.f_supervisionunit_name.required ? 'has-error': '']">
+            <label class="text-justify lb-left" >监理部门签字人：</label>
+            <input type="text" class="form-control"  v-model="model.f_supervisionunit_name"  v-validate:f_supervisionunit_name='{required: true }' />
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.dunitdate.required ? 'has-error' : '' ]">
+            <label class="text-justify lb-left">监理部门签字日期：</label>
+            <datepicker
+              :value.sync="model.f_upervisionunit_date"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd HH:mm:ss'"
+              v-model="model.f_upervisionunit_date"
+              :show-reset-button="reset" placeholder="请输入监理单位签字日期" style="margin-bottom: 8px">
+            </datepicker>
+          </div>
+          <div class="col-xs-12 col-sm-6 col-md-6 form-input-group" :class="[$v.dunitdate.required ? 'has-error' : '' ]">
+          <label class="text-justify lb-left">实际竣工日期：</label>
+          <datepicker
+            :value.sync="model.f_project_enddate"
+            :disabled-days-of-Week="[]"
+            :format="'yyyy-MM-dd HH:mm:ss'"
+            v-model="model.f_project_enddate"
+            :show-reset-button="reset" placeholder="请输入实际竣工日期" style="margin-bottom: 8px">
+          </datepicker>
+        </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_completed_remarks" ></textarea>
+          </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="text" class="form-control" id="costmatter" v-model="model.f_completed_department" readonly/>
+          </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="text" class="form-control" id="costmatter" v-model="model.f_completed_operator" readonly/>
+          </div>
+        </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_completed_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>
+    </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 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,
+        f_completed_date: '',
+        f_completed_department: '',
+        f_completed_operator: ''
+      }
+    },
+    data () {
+      return {
+        signType:{
+          type: Boolean,
+          default: true
+        },
+      }
+    },
+    methods: {
+      validPageData(){
+        if(!this.model.f_constructionunit_name || '' == this.model.f_constructionunit_name.trim()){
+          this.$showMessage('施工部门签字人不能为空')
+          return false
+        }
+        if(!this.model.f_constructionunit_date || '' == this.model.f_constructionunit_date.trim()){
+          this.$showMessage('施工部门签字日期不能为空')
+          return false
+        }
+        if(!this.model.f_install_name || '' == this.model.f_install_name.trim()){
+          this.$showMessage('安装人员不能为空')
+          return false
+        }
+        if(!this.model.f_designunit_name || '' == this.model.f_designunit_name.trim()){
+          this.$showMessage('设计部门签字人不能为空')
+          return false
+        }
+        if(!this.model.f_designunit_date || '' == this.model.f_designunit_date.trim()){
+          this.$showMessage('设计部门签字日期不能为空')
+          return false
+        }
+        if(!this.model.f_buildunit_name || '' == this.model.f_buildunit_name.trim()){
+          this.$showMessage('建设部门签字人不能为空')
+          return false
+        }
+        if(!this.model.f_buildunit_date || '' == this.model.f_buildunit_date.trim()){
+          this.$showMessage('建设部门签字日期不能为空')
+          return false
+        }
+        if(!this.model.f_supervisionunit_name || '' == this.model.f_supervisionunit_name.trim()){
+          this.$showMessage('监理部门签字人不能为空')
+          return false
+        }
+        if(!this.model.f_upervisionunit_date || '' == this.model.f_upervisionunit_date.trim()){
+          this.$showMessage('监理部门签字日期不能为空')
+          return false
+        }
+        if(!this.model.f_project_enddate || '' == this.model.f_project_enddate.trim()){
+          this.$showMessage('实际竣工日期不能为空')
+          return false
+        }
+        return true
+      },
+      upload() {
+        if(!this.validPageData()){
+          return
+        }
+        // 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() {
+        if(!this.validPageData()){
+          return
+        }
+        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('保存失败！')
+        }
+      }
+    },
+    ready(){
+      if(this.model && this.model.f_completed_date){
+        this.model.f_completed_date = 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
+      }
+      if(Vue.user){
+        console.log('获取到Vue.user')
+        this.model.f_completed_department = Vue.user.f_parentname
+        this.model.f_completed_operator = Vue.user.name
+      }
+    },
+    watch:{
+      'model.f_check_outdoorsproject'(val){
+        // this.$showMessage(val)
+        if(val){
+          this.model.f_check_outdoorsproject = 1
+        }else{
+          this.model.f_check_outdoorsproject = 0
+        }
+      },
+      'model.f_check_indoorproject'(val){
+        if(val){
+          this.model.f_check_indoorproject = 1
+        }else{
+          this.model.f_check_indoorproject = 0
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .radius_btn{
+    border-radius:  5px;
+    margin-top: 0.1rem;
+  }
+
+</style>

package/src/components/app_apply/ApplyApp.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="row auto" style="background-color: #FFFFFF">
+    <div class="col-xs-4 text-center daiban" @click = "gotopage('applytodolist')">
+      <img src="../../assets/applytodo.png" class="imgs" alt="">
+      <p class="text-center name" style="margin: 10px 0;">报建待办</p>
+    </div>
+    <div class="col-xs-4 text-center yiban" @click = "gotopage('applydownlist')">
+      <img src="../../assets/applydown.png" class="imgs" alt="">
+      <p class="text-center name" style="margin: 10px 0;">报建已办</p>
+    </div>
+    <div class="col-xs-4 text-center upload" @click = "gotopage('applylistupload')">
+      <img src="../../assets/applylistupload.png" class="imgs" alt="">
+      <p class="text-center name" style="margin: 10px 0;">批量上传</p>
+    </div>
+  </div>
+</template>
+
+<script>
+
+  import co from 'co'
+  import { PagedList } from 'vue-client'
+  import Vue from 'vue'
+
+  export default {
+    title: '报建模块',
+    data() {
+      return {
+        model: {}
+      }
+    },
+    methods: {
+      gotopage(param) {
+        this.$goto(param)
+      },
+      //头部事件回掉
+      back () {
+        this.$back()
+      },
+    },
+    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 scoped>
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .flex-between span {
+    padding-right: 10px;
+  }
+  .flex-full {
+    flex: 1;
+  }
+  .name{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+  .imgs{
+    width: 60px;
+    margin-top: 15px;
+  }
+  .daiban {
+    border-bottom: 0.5px solid #EAEAEA;
+    border-right: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .yiban{
+    border-bottom: 0.5px solid #EAEAEA;
+    border-right: 0.5px solid #EAEAEA;
+    border-left: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+  .upload{
+    border-bottom: 0.5px solid #EAEAEA;
+    border-left: 0.5px solid #EAEAEA;
+    height: 120px;
+  }
+
+
+</style>

package/src/components/app_apply/ApplyDownList.vue

@@ -0,0 +1,166 @@
+<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 = false
+        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 = \'已上传\' '
+        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/ApplyInfo.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_apply_num}}</p>
+        <p>报建类型： {{service.f_apply_type}}</p>
+        <p>流程状态： {{service.f_order_type}}</p>
+        <p>报建日期： {{service.f_apply_date}}</p>
+        <p>报建备注： {{service.f_apply_remarks}}</p>
+        <failure-show :value='service.failure'>
+        </failure-show>
+      </div>
+    </div>
+  </div>
+  </template>
+  <script>
+  export default {
+    title: '报建流程信息',
+    data () {
+      return {
+        // service: null
+        f_userinfo_code : ''
+      }
+    },
+    props: {
+      service: { // 传入一条报修单信息
+       //"f_apply_num":"123456",
+        type: Object
+      },
+      shutype:'heng'
+    },
+    ready () {
+    },
+    methods: {
+      selfSearch () {
+        if(!this.rowOne) {
+          return
+        }
+      }
+    },
+    watch: {
+      'rowOne' () {
+        this.selfSearch()
+      }
+    },
+    components: {
+
+    }
+  }
+  </script>