apply-clients 5.0.36 → 5.0.37-2

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

@@ -0,0 +1,745 @@
+<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>