apply-clients 3.0.10-21 → 3.0.10-210

package/src/components/app_apply/ServiceView.vue

@@ -1,361 +1,583 @@
-<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" style="display: inline-block;width: 100%">
-            <!--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="select_change(index),disabled_check(data.fields[index].required,data.fields[index].value)"
-                       @blur ="select_change(index),check_disable"
-                />
-              </div>
-            </div>
-            <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(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方法')
-        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].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{
-          this.model.f_filiale = Vue.user.orgs
-        }
-        if(this.data.f_parentname){
-          this.model.f_parentname = this.data.f_parentname
-        }else{
-          this.model.f_parentname = Vue.user.f_department_name
-        }
-        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){
-        console.log("被检测到的值是什么")
-        console.log(required)
-        console.log(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>
+<template>
+  <div class="auto select-overspread"  :style="data.canedit?'pointer-events: auto':'pointer-events: none'">
+    <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" style="display: inline-block;width: 100%">
+            <!--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="select_change(index),disabled_check(data.fields[index].required,data.fields[index].value)"
+                       @blur ="select_change(index),check_disable"
+                />
+              </div>
+            </div>
+            <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(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'"  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>
+              <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" v-show="data.canedit">
+      <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 {HttpResetClass} from 'vue-client'
+
+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
+      },
+      countmoney:[0,0],
+      f_meter_brand:'',
+      data:null,
+      showmodal:false,
+      disable_button:true
+    }
+  },
+  created(){
+    console.log("233333333333333")
+    console.log(this.data.canedit)
+    // 初始化数据
+    this.initializtion()
+  },
+  methods: {
+    // 初始化数据
+    smalltoBIG(n) {
+      let fraction = ['角', '分'];
+      let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+      let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
+      let head = n < 0 ? '欠' : '';
+      n = Math.abs(n);
+
+      let s = '';
+
+      for (var i = 0; i < fraction.length; i++) {
+        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+      }
+      s = s || '整';
+      n = Math.floor(n);
+
+      for (var i = 0; i < unit[0].length && n > 0; i++) {
+        let p = '';
+        for (var j = 0; j < unit[1].length && n > 0; j++) {
+          p = digit[n % 10] + unit[1][j] + p;
+          n = Math.floor(n / 10);
+        }
+        s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
+      }
+      return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
+    },
+    initializtion(){
+      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].label=='气表品牌'){
+            let condition = "f_orgid = '" + Vue.user.orgid + "'"
+            new HttpResetClass().load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/applysingleTable`,{data:{tablename:'t_gasbrand',condition:condition}}, {resolveMsg: null, rejectMsg: null}).then(res=>{
+              let data = []
+              let array = []
+              data = res.data.map(item => {
+                return item.f_meter_brand;
+              })
+              for (let q = 0; q < data.length; q++) {
+                let arraydata = {
+                  'label': data[q],
+                  'value': data[q]
+                }
+                if (array.length != 0) {
+                  for (let w = 0; w < array.length; w++) {
+                    if (array[w].label == data[q]) {
+                      break
+                    }
+                    while (w == array.length - 1) {
+                      array.push(arraydata)
+                      break
+                    }
+                  }
+                } else {
+                  array.push(arraydata)
+                }
+              }
+              this.data.fields[i].options  = array
+              console.log("气表品牌选择框数据：" + JSON.stringify(this.data.fields[i].options))
+            })
+          }
+          if (this.data.fields[i].label=='气表品牌'){
+            console.log("给表号赋值")
+            this.f_meter_brand=this.data.fields[i].value
+            console.log(this.data.fields[i].value)
+            console.log(this.f_meter_brand)
+
+          }
+          if (this.data.fields[i].label === '通气人'){
+            console.log("通气人")
+            this.data.fields[i].value = Vue.user.name
+          }
+          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.title=='通气') {
+        let http2 = new HttpResetClass()
+        console.log(this.f_meter_brand)
+        console.log("拿到表号")
+        http2.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/queryGasType`, {
+          data: {
+            f_orgid: Vue.user.orgid,
+            f_meter_brand: this.f_meter_brand
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then(res2=>{
+          console.log("气表型号查询数据" + JSON.stringify(res2))
+          console.log("气表型号查询数据" + JSON.stringify(res2.data))
+          if (res2.data[0].f_meter_type == '机表') {
+            for (let i = 0; i < this.data.fields.length; i++) {
+              if (this.data.fields[i].label == '抄表本') {
+                let condition = " f_orgname = '" + Vue.user.orgs + "'"
+                console.log("77777777777777")
+                console.log(condition)
+                new HttpResetClass().load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/applysingleTable`,{data:{tablename: 't_meter_book', condition: condition}}, {resolveMsg: null, rejectMsg: "获取抄表本失败"}).then(res=>{
+                  let data = []
+                  let array = []
+                  data = res.data.map(item => {
+                    return item.f_book_name;
+                  })
+                  for (let q = 0; q < data.length; q++) {
+                    let arraydata = {
+                      'label': data[q],
+                      'value': data[q]
+                    }
+                    if (array.length != 0) {
+                      for (let w = 0; w < array.length; w++) {
+                        if (array[w].label == data[q]) {
+                          break
+                        }
+                        while (w == array.length - 1) {
+                          array.push(arraydata)
+                          break
+                        }
+                      }
+                    } else {
+                      array.push(arraydata)
+                    }
+                  }
+                  console.log("抄表册查询数据：" + JSON.stringify(res.data))
+                  console.log("抄表册查询数据：" + JSON.stringify(array))
+                      this.data.fields[i].options = array
+                      this.data.fields[i].hidden = false
+                      this.data.fields[i].required = true
+                })
+
+
+              }
+            }
+          }
+          if (res2.data[0].f_meter_type != '机表') {
+            console.log("进入非机表")
+            for (let i = 0; i < this.data.fields.length; i++) {
+              if (this.data.fields[i].label == '抄表本') {
+                this.data.fields[i].hidden = true
+                this.data.fields[i].required = false
+
+              }
+            }
+          }
+        })
+
+
+      }
+      if(this.data.filiale){
+        this.model.f_filiale = this.data.f_filiale
+      }else{
+        this.model.f_filiale = Vue.user.orgs
+      }
+      if(this.data.f_parentname){
+        this.model.f_parentname = this.data.f_parentname
+      }else{
+        this.model.f_parentname = Vue.user.f_department_name
+      }
+      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){
+      console.log("99999999999999")
+      if (this.data.title=='安装施工'){
+        console.log("进入")
+        console.log(this.data.fields[13].value)
+        if (index==13){
+          let style=this.data.fields[13].value
+          new HttpResetClass().load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/queryGasType`,{data:{f_orgid:Vue.user.orgid,f_meter_brand:style}}, {resolveMsg: null, rejectMsg: null}).then(res2=>{
+            console.log("气表型号查询数据" + JSON.stringify(res2.data))
+            let data = []
+            let data2 = []
+            let array = []
+            data = res2.data.map(item => {
+              return item.f_meter_style;
+            })
+            data2 = res2.data.map(item => {
+              return item.f_type;
+            })
+            console.log("是不是来过这儿1")
+            for (let q = 0; q < data.length; q++) {
+              let arraydata = {
+                'label': data[q] + data2[q],
+                'value': data[q] + data2[q]
+              }
+              let then = data[q] + data2[q]
+              if (array.length != 0) {
+                for (let w = 0; w < array.length; w++) {
+                  if (array[w].label == then) {
+                    break
+                  }
+                  while (w == array.length - 1) {
+                    array.push(arraydata)
+                    break
+                  }
+                }
+              } else {
+                array.push(arraydata)
+              }
+            }
+            this.data.fields[14].options = array
+            console.log("选择框数据：" + JSON.stringify(this.data.fields[14].options))
+
+          })
+        }
+      }
+      if (this.data.title=='报建缴费' || this.data.title=='现场勘察'){
+        if (index==14 && this.data.title=='报建缴费'){
+
+          console.log("14141414")
+          let unaccounts_money=this.data.fields[13].value?parseFloat(this.data.fields[13].value):0-this.data.fields[14].value?parseFloat(this.data.fields[14].value):0
+          let bignumber=this.smalltoBIG(this.data.fields[14].value?parseFloat(this.data.fields[14].value):0)
+          this.$set('data.fields[15].value',unaccounts_money)
+          this.$set('data.fields[17].value',bignumber)
+
+        }
+        if (index==11||index==12){
+          this.countmoney[index-11]=this.data.fields[index].value?parseFloat(this.data.fields[index].value):0
+          console.log(this.data.fields[index].value)
+          console.log("做出了改变")
+        }else{
+          this.countmoney[0]=this.data.fields[11].value?parseFloat(this.data.fields[11].value):0
+          this.countmoney[1]=this.data.fields[12].value?parseFloat(this.data.fields[12].value):0
+        }
+        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[13].value',money)
+        if(this.data.title=='现场勘察'){
+          this.$set('data.fields[14].value',money)
+        }
+        //this.$set('data.fields[9].value',money)
+      }
+      //this.$dispatch('select_cascade',index)
+    },
+    // 检测按钮的disable
+    disabled_check(required,value){
+      console.log("被检测到的值是什么")
+      console.log(required)
+      console.log(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>