apply-clients 7.1.40 → 7.1.41

package/src/components/app_apply/ServiceControl.vue

@@ -0,0 +1,267 @@
+<template>
+  <service-view-app v-ref:service_show :data="show_data" v-if="showview"></service-view-app>
+</template>
+<script>
+  import co from 'co'
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '报建流程业务控制层',
+    props: ['selectdata'],
+    data () {
+      return {
+        data:null, // 数据库数据，json配置文件数据的数据集合
+        json_datas:null, // Json配置文件集合
+        showview:false, // 控制显示service-view组件
+        show_data:null, // 给view层显示的数据
+        department_search:null // 当前部门下所有人
+      }
+    },
+    methods: {
+      // 特殊化处理
+      async special(model){
+        console.log('进入async special方法')
+        if(this.data.distribute_async && model.button.button_name==='下发'){
+          // 流程异步处理
+          let http = new HttpResetClass();
+          let res = await http.load('POST',this.$androidUtil.getProxyUrl() + '/rs/logic/syncprocess',{data:{model:model,loginUser:this.$login.f}}, {resolveMsg: null, rejectMsg: '流程异步下发据保存失败'})
+          console.log("流程的异步处理：",JSON.stringify(res.data))
+        }
+        if(this.data.distribute_async && model.button.button_name==='完成'){
+          // 强制结束
+          let http = new HttpResetClass();
+          let res = await http.load('POST',this.$androidUtil.getProxyUrl() + '/rs/logic/stoprocess',{data:{model:model,loginUser:this.$login.f}}, {resolveMsg: null, rejectMsg: '流程异步完成数据保存失败'})
+          console.log("流程的异步处理：",JSON.stringify(res.data))
+        }
+      },
+      // 组件初始化操作
+       refurbish(){
+         if(!this.$workflow_vue){
+            this.$showMessage('流程配置文件不存在，请反馈系统管理员')
+            return
+         }
+         console.log('内存中的流程配置文件数据=>' + JSON.stringify(this.$workflow_vue))
+        this.json_datas=this.$workflow_vue
+        let sum = 0
+        let jsonData ={}
+        for(let i=0;i<this.json_datas.activitys.length;i++){
+          if(this.selectdata.defname==this.json_datas.activitys[i].title){
+            jsonData = this.json_datas.activitys[i]
+            sum++
+          }
+        }
+         console.log('sum=>' + sum)
+        if(sum==1){
+          this.data =null
+          this.data = jsonData
+          console.log('调用initializtion前的this.data=>' + JSON.stringify(this.data))
+          this.initializtion()
+
+        } else if(sum==0) {
+          this.$showMessage(`没有在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置`)
+        } else {
+          this.$showMessage(`在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置:${sum}个`)
+        }
+      },
+      // json配置数据处理 比如下拉框的options
+      async initializtion() {
+        console.log('进入initializtion()方法')
+        // 下发人 options 处理，options初始化
+        if(this.selectdata.actorexpression){
+          let http = new HttpResetClass()
+          var url = this.$androidUtil.getProxyUrl() + '/rs/search'
+          console.log('即将请求后台获取下发人员，url=>' + url)
+          let res = await http.load('POST', url, this.selectdata.actorexpression, {resolveMsg: null, rejectMsg: '获取当前部门人员失败'})
+          console.log("请求后台获取下发人员结果转换=>" + JSON.stringify(res))
+          let jsonString = JSON.stringify(res.data)
+          let jsonArray = []
+          if(jsonString.startsWith("{")){
+            jsonArray.push(res.data)
+            res.data = jsonArray
+          }
+          this.department_search = res.data
+        }
+
+        // data 填充 selectdata
+        console.log('即将合并data与selectdata,selectdata数据=>' + JSON.stringify(this.selectdata))
+        this.data = Object.assign({},this.data, this.selectdata)
+        console.log('this.data的值=>' + JSON.stringify(this.data))
+
+        // 初始化 fields
+        console.log('this.data.fields.length=>' + this.data.fields.length)
+        for(let i=0;i<this.data.fields.length;i++){
+          // 如果selectdata有这些key，则把selectdata的value赋值给data的value
+          if(this.selectdata[this.data.fields[i].field]){
+            this.data.fields[i].value = this.selectdata[this.data.fields[i].field]
+          }
+          // 如果配置类型为select,优先从参数列表获取options
+          if(this.data.fields[i].type == 'select'){
+            console.log('进入下拉框参数获取方法,参数名称=>' + this.data.fields[i].label)
+            console.log('$appdata中的缓存参数与单值=>' + JSON.stringify(this.$appdata))
+            var param = this.$appdata.getParam(this.data.fields[i].label)
+            console.log(param)
+            this.data.fields[i].options = param
+
+          }
+        }
+        // 初始化 buttons_fields
+        for(let i=0;i<this.data.buttons.length;i++){
+          if(this.data.buttons[i].button_fields){
+            for(let j=0;j<this.data.buttons[i].button_fields.length;j++){
+              // 如果selectdata有这些key，则把selectdata的value赋值给data的value
+              if(this.selectdata[this.data.buttons[i].button_fields[j].field]){
+                this.data.buttons[i].button_fields[j].value = this.selectdata[this.data.buttons[i].button_fields[j].field]
+              }
+              // 如果配置类型为select,优先从参数列表获取options
+              if(this.data.buttons[i].button_fields[j].type==='select'&&this.$appdata.getParam(this.data.buttons[i].button_fields[j].label)){
+                this.data.buttons[i].button_fields[j].options=this.$appdata.getParam(this.data.buttons[i].button_fields[j].label)
+              }
+              // 下发特殊配置
+              if(this.data.buttons[i].button_name==='下发'){
+                if(this.data.buttons[i].button_fields.length===1){
+                  // value初始化
+                  // if(this.department_search){
+                  if(this.selectdata[this.data.buttons[i].button_fields[0].field]){
+                    for(let k=0;k<this.department_search.length;k++){
+                      // 将id转换为name
+                      if(Number(this.department_search[k].id) === Number(this.selectdata[this.data.buttons[i].button_fields[0].field])){
+                        this.data.buttons[i].button_fields[0].value=this.department_search[k].name
+                      }
+                    }
+                  }
+
+                  if(this.department_search){
+                    let array = []
+                    for(let k=0;k<this.department_search.length;k++){
+                      array.push({label:this.department_search[k].name,value:this.department_search[k].name})
+                    }
+                    this.data.buttons[i].button_fields[0].options = array
+                  }
+                }else {
+                  this.$showMessage("下发按钮必须满足 当且仅当一个字段")
+                }
+              }
+            }
+          }
+        }
+        // 消除双向绑定，避免子组件（显示层）数据更改，父组件（控制层）也更改
+        let temp = JSON.parse(JSON.stringify(this.data))
+        // 退回原因展示
+        if(this.selectdata.f_back_reason){
+          temp['back_reason'] = this.selectdata.f_back_reason
+        }
+        console.log('即将给show_data赋值temp=>' + JSON.stringify(temp))
+        this.show_data = temp
+        console.log('initializtion()方法结束,showview')
+        this.showview = true
+      },
+      deleteLocalApply(model){
+        console.log(`前台上传完成，开始删除本地报建工单`)
+        this.$androidUtil.bzLogic('deleteApply', {data:model})
+      }
+    },
+    events: {
+      // 任意select选中时触发事件
+      'select_cascade'(index){
+        // this.$refs.service_show.model_temp // 子业务显示组件
+        // 级联操作示例：
+        /*
+         if(this.$refs.service_show.model_temp.activitys.ields[index].label==='报建类型'){
+          for(let i=0;i<this.$refs.service_show.model_temp.activitys.fields.length;i++){
+            // 控制设置级联
+            // 源select所选的值 this.$refs.service_show.model_temp.activitys.fields[index].value
+            if(this.$refs.service_show.model_temp.activitys.fields[i].label==='级联测试2'){
+              this.$refs.service_show.model_temp.activitys.fields[i].options=[
+                {label:'级联选项1',value:'级联选项1'},{label:'级联选项2',value:'级联选项2'},{label:'级联选项3',value:'级联选项3'}
+              ]
+            }
+          }
+        }
+        */
+      },
+      // 获取view层button事件
+      async 'button'(model){
+        console.log('进入async button事件方法')
+        var delteLocal = true
+        // 点击保存与重置按钮不需要修改本地工单状态
+        if(model.button.button_name == '保存' || model.button.button_name==='重置'){
+          delteLocal = false
+        }
+        // 点击重置按钮就重置数据
+        if(model.button.button_name==='重置'){
+          this.initializtion()
+          return
+        }
+        if(model.button.button_name==='下发'){
+           let person_name = model.button.button_fields[this.show_data.buttons[model.button.button_index].button_fields[0].field]
+          for(let i=0;i<this.department_search.length;i++){
+             // 找到人名为person_name 的人，然后把人名换成id
+            if(this.department_search[i].name === person_name){
+              model.button.button_fields[this.show_data.buttons[model.button.button_index].button_fields[0].field] = this.department_search[i].id
+            }
+          }
+        }
+        console.log("button事件接收参数model=>" + JSON.stringify(model))
+        model=Object.assign({},this.selectdata,model)
+        console.log('合并selectdata与model后的model=>' + JSON.stringify(model))
+        let http = new HttpResetClass()
+        var url = this.$androidUtil.getProxyUrl() + '/rs/logic/ApplyProductService'
+        // let res = await http.load('POST',url,{data:{tables:this.data.tables,start_activity:this.$workflow_vue.start_activity,model:model,loginUser:Vue.user}}, {resolveMsg: null, rejectMsg: null})
+        // // 先判断是否包含code，如果服务端异常，可能不存在code
+        // console.log("service处理完成返回数据=>" + res)
+        // if(!res.code){
+        //   console.log("service处理完成返回数据=>" + res)
+        //   this.$showMessage('操作异常,原因:' + res)
+        // }else{
+        //   console.log("service处理完成返回数据=>" + JSON.stringify(res))
+        //   if(res.code = 200){
+        //     this.showview = false
+        //     // 特殊处理
+        //     this.special(model)
+        //     this.$dispatch('close')
+        //     this.initializtion()
+        //     this.$showMessage('操作成功')
+        //   }else{
+        //     this.$showMessage('操作失败,原因:' + res.data.msg)
+        //   }
+        // }
+        let btn = btn_operate(this, url, http, model, delteLocal)
+        co(btn)
+      }
+    },
+    watch:{
+      // 监听selectdata的变化
+      'selectdata'() {
+          console.log('进入selectdata改变事件data=>' + JSON.stringify(this.selectdata))
+          this.refurbish()
+      },
+      deep:true
+    }
+  }
+
+  let btn_operate = function * (self, url, http, model, delteLocal) {
+    // 下发，提交，保存，退回都在后台处理
+    console.log('即将请求后台url=>' + url)
+    http.load('POST',url,{data:{tables:self.data.tables,start_activity:self.$workflow_vue.start_activity,model:model,loginUser:Vue.user}}, {resolveMsg: null, rejectMsg: null})
+      .then((res) => {
+        console.log(JSON.stringify(res))
+        if(res.code = 200){
+          self.showview = false
+          // 如果需要删除本地记录则去删除
+          if(delteLocal){
+            self.deleteLocalApply(model)
+          }
+          // 特殊处理
+          self.special(model)
+          self.$dispatch('close')
+          self.initializtion()
+          self.$showMessage('操作成功')
+        }else{
+          self.$showMessage('操作失败,原因:' + res.data.msg)
+        }
+      })
+      .catch((ret) => {
+        self.$showMessage('操作异常,原因:' + JSON.stringify(ret.data))
+      })
+  }
+</script>

package/src/components/app_apply/ServiceView.vue

@@ -0,0 +1,355 @@
+<template>
+  <div class="auto select-overspread">
+    <div  v-if="data.back_reason"  class="panel panel-info">
+      <span style="color: red">    请注意被退回原因为:{{data.back_reason}}</span>
+    </div>
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="col-sm-11 form-group">
+          <div v-for="(index,item) in data.fields">
+            <!--input-->
+            <div v-if="item.type==='input'" v-show="!item.hidden" :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
+              <label :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{item.label}}：</label>
+              <div  :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
+                <input class="form-control"
+                       :type="item.type"
+                       v-model="data.fields[index].value"
+                       :placeholder="item.placeholder"
+                       :value="data.fields[index].value"
+                       :readonly="item.readonly"
+                       :disable="item.disable"
+                       @change="disabled_check(data.fields[index].required,data.fields[index].value)"
+                       @blur ="check_disable"
+                />
+              </div>
+            </div>
+            <!--时间datepicker-->
+            <div v-if="item.type==='datepicker'" :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-xs-12 form-group']">
+              <label  style="margin-top: 0.7em"  :class="item.label_bootstraped?item.label_bootstraped + '':'col-xs-12'">{{item.label}}：</label>
+              <div  :class="item.value_bootstraped?item.value_bootstraped:'col-xs-12'">
+                <datepicker
+                  :placeholder="item.placeholder"
+                  :value.sync="data.fields[index].value"
+                  :format="'yyyy-MM-dd HH:mm:ss'"
+                  v-model="data.fields[index].value"
+                  :readonly="item.readonly"
+                  :disabled="item.disabled"
+                  @blur ="check_disable"
+                  :show-reset-button="reset">
+                </datepicker>
+              </div>
+            </div>
+
+
+            <!--textarea-->
+            <div v-if="item.type==='textarea'"  :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
+              <label   :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{item.label}}：</label>
+              <div  :class="item.value_bootstraped?item.value_bootstraped:'col-sm-10'">
+                <textarea
+                  :readonly="item.readonly"
+                  :disabled="item.disabled"
+                  class="form-control"
+                  :rows="item.rows"
+                  v-model="data.fields[index].value"
+                  @change="disabled_check(data.fields[index].required,data.fields[index].value)"
+                  @blur ="check_disable"
+                >
+                </textarea>
+              </div>
+            </div>
+
+            <!--radio-->
+            <div v-if="item.type==='radio'" :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
+              <label  v-if="item.label" :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{item.label}}：</label>
+              <div class="col-xs-12">
+                <div  :class="item.value_bootstraped?item.value_bootstraped:item.items.length%2 == 0?'col-xs-5': 'col-xs-3'" v-for="(index2,row) in item.items">
+                  <label style="margin-top: 0.7em" for="row.label" :class="item.items.length%2 == 0?'col-xs-4': 'col-xs-2'">{{row.label}}</label>
+                  <input @blur ="check_disable" :class="item.items.length%2 == 0?'col-xs-1': 'col-xs-1'" :readonly="item.readonly" :disabled="item.disabled" style="margin-top: 10px"  type="radio" :name="index"  :id="row.label" v-bind:value="data.fields[index].items[index2].value"  v-model="data.fields[index].value">
+                </div>
+              </div>
+            </div>
+
+            <!--select-->
+            <div v-if="item.type==='select'"  :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-4 form-group']">
+              <label  :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-6'">{{item.label}}：</label>
+              <input-select :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'" @blur ="check_disable"  @change="select_change(index),disabled_check(data.fields[index].required,data.fields[index].value)" :readonly="item.readonly" :disable="item.disabled"  :value.sync="data.fields[index].value" v-model="data.fields[index].value"
+                            :options='item.options' :valueSingle="true"></input-select>
+
+            </div>
+
+            <!--checkbox-->
+            <div v-if="item.type==='checkbox'" :class="[data.fields[index].required&&!(data.fields[index].value) ? 'has-error' : '',data.fields[index].bootstraped?data.fields[index].bootstraped+' form-group':'col-sm-12 form-group']">
+              <label  v-if="item.label"   :class="item.label_bootstraped?item.label_bootstraped+' control-label':'control-label col-sm-2'">{{item.label}}：</label>
+              <div  style="margin-top: 0.7em" :class="item.value_bootstraped?item.value_bootstraped:'control-label col-sm-2'" v-for="(index2,row) in item.items">
+                <label  class="font-size form-group col-sm-6">{{row.label}}</label>
+                <input  :readonly="item.readonly"  :disabled="item.disabled" type="checkbox" class="col-sm-6" :id="row.label" v-model="data.fields[index].items[index2].value">
+              </div>
+            </div>
+
+
+          </div>
+        </div>
+        <div class="col-sm-11 form-group">
+          <div class="form-group  col-sm-6">
+            <label class=" col-sm-4 control-label">分公司：</label>
+            <div class="col-sm-5">
+              <input class="form-control" type="text" v-model="model.f_filiale"  disabled>
+            </div>
+          </div>
+          <div class="col-sm-6 form-group">
+            <label class="control-label col-sm-6">部门：</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" disabled v-model="model.f_parentname"/>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11 form-group">
+          <div class="col-sm-6 form-group">
+            <label class="control-label col-sm-4">操作日期：</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" disabled v-model="model.f_operate_date"/>
+            </div>
+          </div>
+          <div class="col-sm-6 form-group">
+            <label class="control-label col-sm-6">操作人：</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" disabled v-model="model.f_operator"/>
+            </div>
+          </div>
+        </div>
+
+      </form>
+    </validator>
+    <div class="from-group col-xs-12">
+      <center>
+        <div v-for="(index,button) in data.buttons" :class="[data.buttons.length==4?'col-xs-3':'',data.buttons.length==3?'col-xs-4':'',data.buttons.length==2?'col-xs-6':'']">
+          <!-- 按钮组 -->
+          <button  :disabled="(button.button_name==='提交'||button.button_name==='下发')&&disable_button"
+                   type="button"  @click="clicked(index,button)"  style="border-radius:5px; "
+                   :class="[(button.button_name==='提交'||button.button_name==='下发')&&disable_button?'btn btn-default':'btn btn-primary',data.buttons.length==4 ? 'col-xs-2 col-xs-offset-1':'',data.buttons.length==3 ? 'col-xs-2 col-xs-offset-2':'',data.buttons.length==2 ? 'col-xs-4 col-xs-offset-2':'']">
+            {{button.button_name}}
+          </button>
+        </div>
+      </center>
+    </div>
+    <!-- 模态框 -->
+    <modal v-if="showmodal" :show.sync="showmodal" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closemodal"><span>&times;</span></button>
+        <h4 class="modal-title">{{model.button.button_name}}</h4>
+      </header>
+      <article  slot="modal-body" class="modal-body">
+        <div  class="col-sm-12" v-for="(index,button_field) in data.buttons[model.button.button_index].button_fields">
+          <label  class="control-label col-sm-3" style="margin-top: 10px">{{button_field.label}}：</label>
+          <div  class="col-sm-7">
+            <!--select-->
+            <input-select v-if="button_field.type=='select'"  :value.sync="data.buttons[model.button.button_index].button_fields[index].value" v-model="data.buttons[model.button.button_index].button_fields[index].value"
+                          :options='button_field.options'></input-select>
+            <!-- input -->
+            <input v-else type="text" class="form-control" v-model="data.buttons[model.button.button_index].button_fields[index].value"/>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" style="border-top:none" class="modal-footer">
+        <button v-show="showmodal" type="button" class="btn btn-primary" @click='acknowledge'>确认</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+
+  // Date格式化
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      "M+": this.getMonth() + 1, //月份
+      "d+": this.getDate(), //日
+      "H+": this.getHours(), //小时
+      "m+": this.getMinutes(), //分
+      "s+": this.getSeconds(), //秒
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+      "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var k in o)
+      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+    return fmt;
+  }
+
+  import Vue from 'vue'
+
+  export default {
+    title: '报建业务通用组件',
+    props: ['data'],
+    data () {
+      return {
+        model:{
+          button:{
+            button_name:null,
+            button_index:null
+          },
+          f_filiale:null,
+          f_parentname:null,
+          f_operate_date:null,
+          f_operator:null
+        },
+        data:null,
+        showmodal:false,
+        disable_button:true
+      }
+    },
+    created(){
+      // 初始化数据
+      this.initializtion()
+    },
+    methods: {
+      // 初始化数据
+      initializtion(){
+        console.log('进入serviceview的initializtion方法')
+        // let temp = this.data
+        // let temp = JSON.parse(JSON.stringify(this.data))
+        // this.data = temp
+        // datepicker 没有值给当时值
+        if(this.data.fields){
+          for(let i=0;i<this.data.fields.length;i++){
+            if(this.data.fields[i].type==='datepicker'&&!this.data.fields[i].value){
+              this.data.fields[i].value=new Date().Format("yyyy-MM-dd HH:mm:ss")
+            }
+          }
+        }
+
+        if(this.data.filiale){
+          this.model.f_filiale = this.data.filiale
+        }else{
+          this.model.f_filiale = Vue.user.f_parentname
+        }
+        if(this.data.f_parentname){
+          this.model.f_parentname = this.data.f_parentname
+        }else{
+          this.model.f_parentname = Vue.user.f_parentname
+        }
+        if(this.data.operate_date){
+          this.model.f_operate_date = this.data.operate_date
+        }else{
+          this.model.f_operate_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
+        }
+        if(this.data.operator){
+          this.model.f_operator = this.data.operator
+        }else{
+          this.model.f_operator = Vue.user.name
+        }
+      },
+      // 模态框点击确定按钮
+      acknowledge(){
+        for(let i=0;i<this.data.buttons[this.model.button.button_index].button_fields.length;i++){
+          this.model.button.button_fields[this.data.buttons[this.model.button.button_index].button_fields[i].field] = this.data.buttons[this.model.button.button_index].button_fields[i].value
+        }
+        this.showmodal=false
+        this.$dispatch('button',this.model)
+      },
+      // 关闭模态框
+      closemodal(){
+        this.showmodal=false
+      },
+      // 点击按钮
+      clicked(index,button){
+        console.log(`点击了按钮index:${index}+button:${JSON.stringify(button)}`);
+        // 组织model.fields数据
+        let modeldatas = {}
+        for(let i=0;i<this.data.fields.length;i++){
+          // checkbox特殊处理
+          if(this.data.fields[i].type==='checkbox'){
+            for(let j=0;j<this.data.fields[i].items.length;j++){
+              modeldatas[this.data.fields[i].items[j].field]=this.data.fields[i].items[j].value
+            }
+          }else{
+            modeldatas[this.data.fields[i].field]=this.data.fields[i].value
+          }
+        }
+        modeldatas.f_process_id = this.data.f_process_id
+        modeldatas.f_filiale = this.model.f_filiale
+        modeldatas.f_parentname = this.model.f_parentname
+        modeldatas.f_operator = this.model.f_operator
+        modeldatas.f_operate_date = this.model.f_operate_date
+        this.model = null
+        this.model = modeldatas
+        // 初始化model.button数据
+        let buttondatas = {
+          button_fields:{}
+        }
+        buttondatas.button_name=button.button_name
+        buttondatas.button_index=index
+        if(button.button_fields){
+          for(let i=0;i<button.button_fields.length;i++){
+            buttondatas.button_fields[button.button_fields[i].field]=button.button_fields[i].value
+          }
+        }
+        this.model.button =buttondatas
+
+        if(button.button_name==='退回'){
+          this.showmodal=true
+        }else if(button.button_name==='下发'){
+          this.showmodal=true
+        }else{
+          this.$dispatch('button',this.model)
+        }
+      },
+      // 级联操作预留
+      select_change(index){
+        this.$dispatch('select_cascade',index)
+      },
+      // 检测按钮的disable
+      disabled_check(required,value){
+        if(required&&value){
+          this.disable_button = false
+
+          let fields = this.data.fields
+          let flag = false
+          for(let i = 0;i<fields.length;i++){
+            if(fields[i].type!=='checkbox'&&fields[i].required&&!fields[i].value){
+              flag = true
+            }
+          }
+          this.disable_button = flag
+        }
+      }
+    },
+    watch:{
+      'data.operate_date'(){
+        if(this.data.filiale){
+          this.model.f_filiale = this.data.filiale
+        }else{
+          this.model.f_filiale = Vue.user.f_parentname
+        }
+        if(this.data.f_parentname){
+          this.model.f_parentname = this.data.f_parentname
+        }else{
+          this.model.f_parentname = Vue.user.f_parentname
+        }
+        if(this.data.operate_date){
+          this.model.f_operate_date = this.data.operate_date
+        }else{
+          this.model.f_operate_date = new Date().Format("yyyy-MM-dd HH:mm:ss")
+        }
+        if(this.data.operator){
+          this.model.f_operator = this.data.operator
+        }else{
+          this.model.f_operator = Vue.user.name
+        }
+      },
+      deep:true
+    },
+    computed: {
+      // 输入后按钮检测
+      check_disable: function (){
+        let fields = this.data.fields
+        let flag = false
+        for(let i = 0;i<fields.length;i++){
+          if(fields[i].type!=='checkbox'&&fields[i].required&&!fields[i].value){
+            flag = true
+          }
+        }
+        this.disable_button = flag
+      }
+    }
+  }
+</script>

package/src/components/app_apply/ToolsPage.vue

@@ -0,0 +1,51 @@
+<template>
+  <div class="page-header app-header auto">
+    <div @click='back()' v-show="needBack">
+     <img src="../../assets/back.png"/>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    title: '底部返回组件',
+    data () {
+      return {}
+    },
+    props: {
+      title: {
+        type: String,
+        default: '燃气应用'
+      },
+      needBack: {
+        type: Boolean,
+        default: true
+      }
+    },
+    methods: {
+      back () {
+        // console.log('发送返回事件')
+        this.$emit('flag')
+      },
+      // 关闭新消息响铃（静音）
+      mute () {
+        HostApp.mute()
+      },
+    }
+  }
+</script>
+<style scoped>
+  .app-header {
+    border-radius: 50%;
+    position:fixed;
+    background: rgba(73, 158, 223, 0.12);
+    color: #FFF;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity:0.5;
+    bottom: 50px;
+    margin-top: -20px;
+  }
+</style>