apply-clients 4.1.5 → 4.1.7-weinan

package/src/components/app_apply/ServiceView.vue

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