apply-clients 5.0.35-1 → 5.0.35-100

package/src/components/app_apply/ezhou/ServiceView.vue

@@ -1,620 +1,745 @@
-<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(index,data.fields[index].required,data.fields[index].value)"
-                       @blur ="check_disable"
-                />
-              </div>
-            </div>
-            <!--number-->
-            <div v-if="item.type==='number'" 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(index,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 +' control-label':'control-label col-sm-6'">{{item.label}}：</label>
-              <div  :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
-                <datepicker
-                  :placeholder="item.placeholder"
-                  :value.sync="data.fields[index].value"
-                  :format="'yyyy-MM-dd HH:mm:ss'"
-                  v-model="data.fields[index].value"
-                  :width="'100%'"
-                  class="form-control"
-                  :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(index,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(index,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="form-group col-sm-11" v-show="isshow">
-          <label class="text-left font">现场照片</label>
-
-          <div class="auto">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                <div class="row" style="height: 240px;overflow: scroll;top: 1px" >
-                  <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px" v-for="(index,img) in model.f_overall_imgs">
-                    <img-self :src="img.f_overall_path" alt="现场照片" :width="140" :height="170"></img-self>
-                    <img src="../../../assets/删除.png" @click="delfile('f_overall_path', img.f_overall_path,index)" style="width: 15px;margin-top: -80px" alt="">
-                  </div>
-                </div>
-                <div class="row text-right div-photo">
-                  <button type="button" name="button" class="btn btn-photo" @click="takePic('f_overall_path', '现场照片')">拍照</button>
-                  <!--<button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_overall_path', '总体安检照片1')">拍照</button>-->
-                  <!--&nbsp;&nbsp;&nbsp;&nbsp;<img src="../../../assets/remove.png" :class="style__" @click="delfile('f_overall_path', img.f_overall_path)" style="width: 25%;"></img>-->
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="form-group col-sm-11" v-show="isshow">
-          <label class="text-left font">用户签名</label>
-          <div class="auto">
-            <div class="panel">
-              <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
-                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
-                  <div class="col-sm-4">
-                    <img  :src="model.f_sign_path" :width="200" :height="150" />
-                  </div>
-                </div>
-                <div class="row text-right div-photo">
-                  <button type="button" name="button" class="btn btn-primary btn-photo" @click="sign">签名</button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="form-group col-sm-11" v-show="kchege&&model.f_user_type=='非民用'">
-          <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#" @click="gotohetong('民用')">居民天然气供用气合同</a></label>
-        </div>
-        <div class="form-group col-sm-11" v-show="kchege&&model.f_user_type=='民用'">
-          <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#" @click="gotohetong('非民用1')">天然气工程建设安装合同</a>,<a href="#" @click="gotohetong('非民用2')">管道燃气供用气合同</a></label>
-        </div>
-        <div class="form-group col-sm-11" v-show="kcbuhege">
-          <div   class="col-sm-12 form-group">
-            <label   class="control-label col-sm-2">不合格原因：</label>
-            <div  class="col-sm-10">
-                <textarea
-                  class="form-control"
-                  v-model="model.f_buhege_reason">
-                </textarea>
-            </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>
-    <div class="form-group col-xs-12" style="height: 10px;width: 100%"></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'
-import * as Util from '../../Util'
-export default {
-  title: '报建业务通用组件',
-  props: ['data'],
-
-  data () {
-    return {
-      isshow:true,
-      kchege:false,
-      kcbuhege:false,
-      model:{
-
-        button:{
-          button_name:null,
-          button_index:null
-        },
-        f_filiale:null,
-        f_parentname:null,
-        f_operate_date:null,
-        f_operator:null
-      },
-      countmoney:[0,0,0],
-      data:null,
-      showmodal:false,
-      disable_button:true
-    }
-  },
-  created(){
-
-    // 初始化数据
-    this.initializtion()
-  },
-  methods: {
-    gotohetong(val){
-      var _this = this
-      var pardate = {
-        _this: _this,
-        title: '合同',
-        safe: true
-      }
-      _this.$dispatch('gotoson',pardate)
-      if (val=='民用'){
-        _this.$goto('minyong', {},'self')
-      }else if (val=='非民用1'){
-        _this.$goto('feiminyongv', {},'self')
-      }else {
-        _this.$goto('feiminyongvv', {},'self')
-      }
-    },
-    cameraCallBack(prop, fileName) {
-      if(prop == 'f_overall_path'){
-        let f_overall_path = fileName + '?' + Math.random()
-        HostApp.__this__.model.f_overall_imgs.push({
-          f_overall_path:f_overall_path,
-          f_overall_name:this.data.title
-        })
-      }else{
-        HostApp.__this__.model[prop] = fileName + '?' + Math.random()
-      }
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    takePic(prop, title,index) {
-      HostApp.__callback__ = this.cameraCallBack
-      HostApp.__this__ = this
-      console.log("prop:" + prop)
-      console.log("this.prop:" + this.model[prop])
-      let fileName
-      if(prop == 'f_overall_path'){
-        if (!this.model.f_overall_imgs[index] || this.model.f_overall_imgs[index].f_overall_path.includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this.model.f_overall_imgs[index].f_overall_path)
-        }
-      }else{
-        if (!this.model[prop] || this.model[prop].includes("nopic.png")) {
-          fileName = Util.guid() + '-' + prop + '.jpg'
-        } else {
-          fileName = Util.getFileName(this.model[prop])
-        }
-      }
-
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
-        }
-      })
-    },
-    signCallback(prop, fileName) {
-      // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
-      HostApp.__this__.$set('model.f_sign_path', fileName)
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    delAudioFile(prop, fileName) {
-      if (!fileName)
-        return
-      else {
-        HostApp.delfile(fileName)
-        this.model[prop] = null
-      }
-    },
-    sign() {
-      // if(!this.model.f_read_instructions){
-      //   this.$showMessage('请先阅读并勾选用户须知内容后进行签名！')
-      //   return
-      // }
-      this.delAudioFile('f_sign_path', this.model.f_sign_path)
-      let prop = 'f_sign_path'
-      let idx = 'aofeng'
-      let fileName
-      if (!this.model.f_sign_path) {
-        fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
-      } else {
-        fileName = Util.getFileName(this.model.f_sign_path)
-      }
-      HostApp.__callback__ = this.signCallback
-      HostApp.__this__ = this
-      HostApp.getSignature({
-        file: fileName,
-        requestCode: 111,
-        callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
-      })
-    },
-    delfile(prop, fileName,index) {
-      if (fileName == Vue.nopic)
-        return
-      else {
-        if(prop == 'f_overall_path'){
-          this.model.f_overall_imgs.splice(index,1)
-          HostApp.delfile(fileName)
-        }else{
-          HostApp.delfile(fileName)
-          this.model[prop] = Vue.nopic
-        }
-      }
-    },
-    // 初始化数据
-    initializtion(){
-      if (this.data.title=='安装通气'){
-        this.isshow=false
-      }
-      console.log("5555555555555")
-      console.log(this.isshow)
-      Vue.nopic = 'file:///android_asset/nopic.png'
-      if (!this.model.f_sign_path)
-        this.$set('model.f_sign_path', Vue.nopic)
-      console.log('!this.model.f_overall_imgs==>'+!this.model.f_overall_imgs)
-      if (!this.model.f_overall_imgs){
-        let imgs = []
-        // imgs.push({f_overall_path:Vue.nopic})
-        this.$set('model.f_overall_imgs', imgs)
-        console.log('进入setmodel.f_overall_imgs')
-      }
-      console.log('进入serviceview的initializtion方法')
-      console.log(JSON.stringify(this.data))
-      // let temp = this.data
-      // let temp = JSON.parse()
-      // this.data = temp
-      // datepicker 没有值给当时值
-      if(this.data.fields){
-        for(let i=0;i<this.data.fields.length;i++){
-          if (this.data.fields[i].value){
-            if (this.data.fields[i].value=='null'){
-              console.log("看看为空的字段名"+this.data.fields[i].label)
-              this.data.fields[i].value=null
-              console.log("赋值完成")
-            }
-          }
-          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.f_filiale
-      } else if (Vue.user.orgs) {
-        this.model.f_filiale = Vue.user.orgs
-      } else {
-        this.model.f_filiale = Vue.user.f_fengongsi
-      }
-      if (this.data.f_parentname) {
-        this.model.f_parentname = this.data.f_parentname
-      } else if (Vue.user.f_department_name) {
-        this.model.f_parentname = Vue.user.f_department_name
-      } 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
-    },
-    watchmoney(val1,val2) {
-      console.log("监听改变的值")
-      console.log(val1)
-      console.log(val2)
-    },
-    // 点击按钮
-    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++){
-        console.log(JSON.stringify(this.data.fields[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
-      modeldatas.f_overall_imgs = this.model.f_overall_imgs
-      modeldatas.f_sign_path = this.model.f_sign_path
-      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(index,required,value){
-      console.log("被检测到的值是什么")
-      console.log(index)
-      console.log(required)
-      console.log(value)
-      console.log(this.data.title)
-      if (this.data.title=='现场勘查定价'){
-        if (index==6||index==7||index==5){
-          this.countmoney[index-5]=parseInt(this.data.fields[index].value)
-          console.log(this.data.fields[index].value)
-          console.log("做出了改变")
-        }
-        console.log(JSON.stringify(this.countmoney))
-        let money=0
-        for (let i = 0; i < this.countmoney.length; i++) {
-          money+=this.countmoney[i]
-        }
-        this.$set('data.fields[8].value',money)
-        this.$set('data.fields[9].value',money)
-        if (index==10){
-          console.log("1111111111"+value)
-          if (value=='合格'){
-            this.kchege=true
-            this.kcbuhege=false
-            console.log("1111111111"+this.kchege)
-          }else if (value=='不合格'){
-            this.kcbuhege=true
-            this.kchege=false
-            console.log("1111111111"+this.kcbuhege)
-          }
-        }
-      }
-      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.filed[12].value'(val){
-      console.log("变动")
-      if (this.data.title=='现场勘查定价'){
-
-      }
-    },
-    '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>
+<template>
+  <div class="auto select-overspread" v-if="refresh">
+    <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' ||item.type === 'tel' " 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="select_change(index),disabled_check(index,data.fields[index].required,data.fields[index].value)"
+                       @blur="check_disable"
+                />
+              </div>
+            </div>
+            <!--number-->
+            <div v-if="item.type==='number'" 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(index,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 +' control-label':'control-label col-sm-6'">{{
+                  item.label
+                }}：</label>
+              <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
+                <datepicker
+                  :placeholder="item.placeholder"
+                  :value.sync="data.fields[index].value"
+                  :format="'yyyy-MM-dd HH:mm:ss'"
+                  v-model="data.fields[index].value"
+                  :width="'100%'"
+                  class="form-control"
+                  :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(index,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(index,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: 6px"
+                   :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" @click="checkboxSelect(index,index2)">
+              </div>
+            </div>
+
+
+          </div>
+        </div>
+        <div class="form-group col-sm-11">
+          <label class="text-left font">现场照片</label>
+
+          <div class="auto">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self"
+                   style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
+                  <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px"
+                       v-for="(index,img) in model.f_overall_imgs">
+                    <img-self :src="img.f_overall_path" alt="现场照片" :width="140" :height="170"></img-self>
+                    <img src="../../../assets/删除.png" @click="delfile('f_overall_path', img.f_overall_path,index)"
+                         style="width: 15px;margin-top: -80px" alt="">
+                  </div>
+                </div>
+                <div class="row text-right div-photo">
+                  <button type="button" name="button" class="btn btn-photo" @click="takePic('f_overall_path', '现场照片')">
+                    拍照
+                  </button>
+                  <!--<button type="button" name="button" class="btn btn-primary btn-photo" @click="takePic('f_overall_path', '总体安检照片1')">拍照</button>-->
+                  <!--&nbsp;&nbsp;&nbsp;&nbsp;<img src="../../../assets/remove.png" :class="style__" @click="delfile('f_overall_path', img.f_overall_path)" style="width: 25%;"></img>-->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-11" v-show="true">
+          <label class="text-left font">用户签名</label>
+          <div class="auto">
+            <div class="panel">
+              <div class="panel-body panel-self"
+                   style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+                <div class="row" style="height: 240px;overflow: scroll;top: 1px">
+                  <div class="col-sm-4">
+                    <img :src="model.f_sign_path" :width="200" :height="150"/>
+                  </div>
+                </div>
+                <div class="row text-right div-photo">
+                  <button type="button" name="button" class="btn btn-primary btn-photo" @click="sign">签名</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!--        <input @click="gotohetong('民用')" type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#" @click="gotohetong('民用')">居民天然气供用气合同</a></label>-->
+        <div class="form-group col-sm-11" v-show="kchege&&data.f_user_type=='民用'&&data.title!='现场勘查'">
+          <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#"
+                                                                                              @click="gotohetong('民用')">居民天然气供用气合同</a></label>
+        </div>
+        <div class="form-group col-sm-11" v-show="kchege&&(data.f_user_type=='非民用'||data.title=='现场勘查')">
+          <input type="checkbox" v-model="model.f_hege"/><label class="text-left font">我已阅读<a href="#"
+                                                                                              @click="gotohetong('非民用1')">天然气工程建设安装合同</a>,<a
+          href="#" @click="gotohetong('非民用2')">管道燃气供用气合同</a></label>
+        </div>
+        <div class="form-group col-sm-11" v-show="kcbuhege">
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">不合格原因：</label>
+            <div class="col-sm-10">
+                <textarea
+                  class="form-control"
+                  v-model="model.f_buhege_reason">
+                </textarea>
+            </div>
+          </div>
+
+
+        </div>
+
+
+
+        <div class="col-sm-11 form-group" v-for="item in onetomany" style="text-align: center">
+
+          <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;" @click="gotoOneToMany(item)">前往{{item.title}}</button>
+
+        </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>
+    <div class="form-group col-xs-12" style="height: 50px;width: 100%"></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'
+import * as Util from '../../Util'
+import  {HttpResetClass} from 'vue-client'
+export default {
+  title: '报建业务通用组件',
+  props: ['data', 'model'],
+
+  data() {
+    return {
+      isshow: true,
+      kchege: false,
+      kcbuhege: false,
+      countmoney: [0, 0, 0],
+      data: null,
+      showmodal: false,
+      disable_button: true,
+      onetomany: [],
+      refresh: true // 控制重新渲染
+    }
+  },
+  created() {
+
+    // 初始化数据
+    this.initializtion()
+  },
+  methods: {
+    gotoOneToMany (item){
+      item.f_process_id = this.data.f_process_id
+      item.f_filiale = this.data.f_filiale
+      item.f_apply_num = this.data.f_apply_num
+      this.$dispatch('onetomany', item)
+    },
+    gotohetong (val) {
+      console.log(val)
+      console.log("进入goto")
+      this.$dispatch('gotonewpage', val)
+    },
+    cameraCallBack (prop, fileName) {
+      if (prop == 'f_overall_path') {
+        let f_overall_path = fileName + '?' + Math.random()
+        HostApp.__this__.model.f_overall_imgs.push({
+          f_overall_path: f_overall_path,
+          f_overall_name: this.data.title
+        })
+      } else {
+        HostApp.__this__.model[prop] = fileName + '?' + Math.random()
+      }
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    takePic (prop, title, index) {
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+      console.log("prop:" + prop)
+      console.log("this.prop:" + this.model[prop])
+      let fileName
+      if (prop == 'f_overall_path') {
+        if (!this.model.f_overall_imgs[index] || this.model.f_overall_imgs[index].f_overall_path.includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model.f_overall_imgs[index].f_overall_path)
+        }
+      } else {
+        if (!this.model[prop] || this.model[prop].includes("nopic.png")) {
+          fileName = Util.guid() + '-' + prop + '.jpg'
+        } else {
+          fileName = Util.getFileName(this.model[prop])
+        }
+      }
+
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+          watermark: title + '\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name
+        }
+      })
+    },
+    signCallback (prop, fileName) {
+      // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
+      HostApp.__this__.$set('model.f_sign_path', fileName)
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    delAudioFile (prop, fileName) {
+      if (!fileName)
+        return
+      else {
+        HostApp.delfile(fileName)
+        this.model[prop] = null
+      }
+    },
+    sign () {
+      this.delAudioFile('f_sign_path', this.model.f_sign_path)
+      let prop = 'f_sign_path'
+      let idx = 'aofeng'
+      let fileName
+      if (!this.model.f_sign_path) {
+        fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
+      } else {
+        fileName = Util.getFileName(this.model.f_sign_path)
+      }
+      HostApp.__callback__ = this.signCallback
+      HostApp.__this__ = this
+      HostApp.getSignature({
+        file: fileName,
+        requestCode: 111,
+        callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
+      })
+    },
+    delfile (prop, fileName, index) {
+      if (fileName == Vue.nopic)
+        return
+      else {
+        if (prop == 'f_overall_path') {
+          this.model.f_overall_imgs.splice(index, 1)
+          HostApp.delfile(fileName)
+        } else {
+          HostApp.delfile(fileName)
+          this.model[prop] = Vue.nopic
+        }
+      }
+    },
+    // 初始化数据
+    initializtion () {
+      if (this.data.title == '现场勘查' || this.data.title == '现场勘查定价') {
+        this.isshow = false
+      }
+      console.log("5555555555555")
+      console.log("f_apply_num",this.data.f_apply_num)
+      console.log("f_filiale",this.data.f_filiale)
+      console.log(this.data.f_user_type)
+      console.log(this.isshow)
+      Vue.nopic = 'file:///android_asset/nopic.png'
+      if (!this.model.f_sign_path)
+        this.$set('model.f_sign_path', Vue.nopic)
+      console.log('!this.model.f_overall_imgs==>' + !this.model.f_overall_imgs)
+      if (!this.model.f_overall_imgs) {
+        let imgs = []
+        this.$set('model.f_overall_imgs', imgs)
+        console.log('进入setmodel.f_overall_imgs')
+      }
+      console.log('进入serviceview的initializtion方法')
+      console.log(JSON.stringify(this.data))
+      if(this.data.onetomany){
+        console.log(JSON.stringify(this.data.onetomany))
+        this.onetomany = this.data.onetomany
+      }
+      if (this.data.fields) {
+        for (let i = 0; i < this.data.fields.length; i++) {
+          if (this.data.fields[i].value) {
+            if (this.data.fields[i].value == 'null') {
+              console.log("看看为空的字段名" + this.data.fields[i].label)
+              this.data.fields[i].value = null
+              console.log("赋值完成")
+            }
+          }
+          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.f_user_type ==='非民用'){
+            this.data.fields[i].required = false
+          }
+          if (this.data.fields[i].label==='气价名称'){
+              this.data.fields[i].options=Vue.prototype.$qijia
+          }
+          if (this.data.fields[i].label==='气表品牌'){
+              this.data.fields[i].options=Vue.prototype.$pinpai
+          }
+        }
+      }
+
+      if (this.data.filiale) {
+        this.model.f_filiale = this.data.f_filiale
+      } else if (Vue.user.orgs) {
+        this.model.f_filiale = Vue.user.orgs
+      } else {
+        this.model.f_filiale = Vue.user.f_fengongsi
+      }
+      if (this.data.f_parentname) {
+        this.model.f_parentname = this.data.f_parentname
+      } else if (Vue.user.f_department_name) {
+        this.model.f_parentname = Vue.user.f_department_name
+      } 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
+    },
+    watchmoney (val1, val2) {
+      console.log("监听改变的值")
+      console.log(val1)
+      console.log(val2)
+    },
+    // 点击按钮
+    clicked (index, button) {
+      console.log(`点击了按钮index:${index}+button:${JSON.stringify(button)}`);
+      if (button.button_name=='提交') {
+        if (!this.model.f_overall_imgs || this.model.f_overall_imgs.length == 0){
+          this.$showMessage("必须有现场照片")
+          return;
+        }
+        if(Vue.nopic==this.model.f_sign_path){
+          this.$showMessage("必须有签名照片")
+          return;
+        }
+        this.model.f_overall_imgs.push({
+          f_overall_path: this.model.f_sign_path,
+          f_overall_name: this.data.title
+        })
+      }
+
+
+      // if ((this.data.title == '现场勘查' || this.data.title == '现场勘查定价') && button.button_name=='提交') {
+      //   if (!this.model.f_overall_imgs || this.model.f_overall_imgs.length == 0){
+      //     this.$showMessage("必须有现场照片")
+      //     return;
+      //   }
+      // }
+      if (this.kchege == 'true') {
+        console.log(this.model.f_hege)
+        if (this.model.f_hege != 'true') {
+          this.$showMessage("请勾选阅读合同")
+          return
+        }
+      }
+      // 组织model.fields数据
+      let modeldatas = {}
+      for (let i = 0; i < this.data.fields.length; i++) {
+        console.log(JSON.stringify(this.data.fields[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
+      modeldatas.f_overall_imgs = this.model.f_overall_imgs
+      modeldatas.f_sign_path = this.model.f_sign_path
+      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 (index, required, value) {
+      console.log("被检测到的值是什么")
+      console.log(index)
+      console.log(required)
+      console.log(value)
+      console.log(this.data.title)
+      if (this.data.fields[index].label=='气表品牌'){
+        console.log("进入改变气表型号")
+        const pinpai = Vue.prototype.$pinpai.filter(res=>res.value===value);
+        const arr = Vue.prototype.$xinghao.filter(res=>res.id==pinpai[0].id)
+        this.$set(`data.fields[${index+1}].options`,arr)
+      }
+      if (this.data.title == '现场勘查') {
+        if (index == 4) {
+          if (value == '合格') {
+            this.kchege = true
+            this.kcbuhege = false
+            console.log("1111111111" + this.kchege)
+          } else if (value == '不合格') {
+            this.kcbuhege = true
+            this.kchege = false
+            console.log("1111111111" + this.kcbuhege)
+          }
+        }
+      }
+      if (this.data.title == '现场勘查定价') {
+        // if (index == 6 || index == 7 || index == 5) {
+        //   this.countmoney[index - 5] = parseInt(this.data.fields[index].value)
+        //   console.log(this.data.fields[index].value)
+        //   console.log("做出了改变")
+        // }
+        // console.log(JSON.stringify(this.countmoney))
+        // let money = 0
+        // for (let i = 0; i < this.countmoney.length; i++) {
+        //   money += this.countmoney[i]
+        // }
+        // this.$set('data.fields[8].value', money)
+        // this.$set('data.fields[9].value', money)
+        if (index == 7) {
+          console.log("1111111111" + value)
+          if (value == '合格') {
+            this.kchege = true
+            this.kcbuhege = false
+            console.log("1111111111" + this.kchege)
+          } else if (value == '不合格') {
+            this.kcbuhege = true
+            this.kchege = false
+            console.log("1111111111" + this.kcbuhege)
+          }
+        }
+      }
+      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
+      }
+    },
+    checkboxSelect (index,index1){
+      console.log("chufa事件");
+      this.$dispatch('checkboxSelectControl', index, index1)
+    },
+    // 强制刷新
+    update (){
+      this.refresh = false
+      this.$nextTick(() => {
+        this.refresh = true
+      })
+      this.initializtion()
+    },
+  },
+  watch: {
+    'data.filed[12].value'(val) {
+      console.log("变动")
+      if (this.data.title == '现场勘查定价') {
+
+      }
+    },
+    '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
+      }
+    },
+    'data.fields' () {
+      this.refresh = false
+      this.$nextTick(() => {
+        this.refresh = true
+      })
+      this.initializtion()
+    },
+    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>