apply-clients 4.1.10-11 → 4.1.10-weinan

package/src/components/product/ServiceView.vue

@@ -1,119 +1,138 @@
 <template>
-  <div class="auto select-overspread" v-if="refresh">
-    <div class="panel panel-info" v-if="!data.titlehidden">
-      <div class="panel-heading">
-        <h3 class="panel-title">
-          <span>{{data.title}}</span>
-        </h3>
-      </div>
-    </div>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
     <validator name="v">
       <form class="form-horizontal">
-        <div class="col-sm-12 form-group">
-          <div v-for="(index,item) in data.fields">
+        <div class="form-group">
+          <div v-for="(index,item) in data.fields" style="">
             <!--input-->
-            <div :style="item.style? item.style+';height: 34px;':'height: 34px;'"
+            <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
                  v-if="item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email'"
                  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 :style="item.label_style? item.label_style:''"
-                     :class="item.label_bootstraped?item.label_bootstraped+' control-label-justify control-label':item.label_style?'':'control-label-justify control-label col-sm-6'">{{item.label}}</label>
-              <div :style="item.value_style? item.value_style:''"
-                   :class="item.value_bootstraped?item.value_bootstraped:item.value_style?'':'col-sm-6'">
-                <input class="form-control" style="background-color: #f7fbff;"
+                 :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped ? item.bootstraped + ' form-group':'col-sm-4 form-group']">
+              <label :style="item.label_style ? item.label_style : ''"
+                     :class="item.label_bootstraped ? item.label_bootstraped+' control-label-justify control-label' : 'control-label-justify control-label col-sm-6'">{{item.label}}</label>
+              <div :style="item.value_style ? item.value_style:''"
+                   :class="item.value_bootstraped ? item.value_bootstraped : 'col-sm-6'">
+                <input class="form-control input_view" style=""
                        :type="item.type"
                        v-model="data.fields[index].value"
                        :placeholder="item.placeholder"
                        :value="data.fields[index].value"
                        :readonly="item.readonly"
                        :disabled="item.disabled"
-                       @change="select_change(index),disabled_check(data.fields[index].required,data.fields[index].value)"
-                       @blur="select_change(index),check_disable"
+                       @change="onchange(index)"
+                       @blur="onblur(index)"
+                       @input="oninput(index)"
                 />
                 <span
-                  v-if="data.fields[index].error&&data.fields[index].error.msg&&data.fields[index].error.flag"
-                  style="color: red">{{data.fields[index].error.msg}}</span>
+                  v-if="item.error&&item.error.msg&&item.error.flag"
+                  style="color: red">{{item.error.msg}}</span>
               </div>
             </div>
             <!--时间datepicker-->
-            <div :style="item.style? item.style+';height: 34px;':'height: 34px;'" v-if="item.type==='datepicker'"
+            <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
+                 v-if="item.type==='datepicker'"
                  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']">
+                 :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped ? item.bootstraped+' form-group':'col-sm-4 form-group']">
               <label
-                :class="item.label_bootstraped?item.label_bootstraped+' control-label-justify control-label':'control-label control-label-justify col-sm-6'">{{item.label}}</label>
-              <div :class="item.value_bootstraped?item.value_bootstraped:'col-sm-6'">
+                :class="item.label_bootstraped ? item.label_bootstraped+' control-label-justify control-label' : 'control-label control-label-justify col-sm-6'">{{item.label}}</label>
+              <div :style="item.value_style ? item.value_style:''"
+                   :class="item.value_bootstraped ? item.value_bootstraped : 'col-sm-6'">
                 <datepicker
-                  @change="select_change(index),disabled_check(data.fields[index].required,data.fields[index].value)"
-                  @blur="select_change(index),check_disable"
+                  @change="onchange(index)"
+                  @blur="onblur(index)"
                   :placeholder="item.placeholder"
                   :value.sync="data.fields[index].value"
-                  :format="'yyyy-MM-dd'"
+                  :format="item.format ? item.format : 'yyyy-MM-dd'"
                   v-model="data.fields[index].value"
-                  :readonly="showadd_fields.fields[index].readonly"
+                  :readonly="item.readonly"
                   :disabled="item.disabled"
                   :show-reset-button="reset">
                 </datepicker>
               </div>
               <span
-                v-if="showadd_fields.fields[index].error&&showadd_fields.fields[index].error.msg&&showadd_fields.fields[index].error.flag"
-                style="color: red">{{showadd_fields.fields[index].error.msg}}</span>
+                v-if="item.error&&item.error.msg&&item.error.flag"
+                style="color: red">{{item.error.msg}}</span>
             </div>
 
             <!--textarea-->
-            <div :style="item.style? item.style:'height: 34px;'" v-if="item.type==='textarea'" 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-12 form-group']">
-              <label :style="item.label_style? item.label_style:''"
-                     :class="item.label_bootstraped?item.label_bootstraped+' control-label-justify control-label':item.label_style?'':'control-label-justify control-label col-sm-3'">{{item.label}}</label>
-              <div :style="item.value_style? item.value_style:''"
-                   :class="item.value_bootstraped?item.value_bootstraped:item.value_style?'':'col-sm-10'">
+            <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
+                 v-if="item.type==='textarea'" v-show="!item.hidden"
+                 :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-12 form-group']">
+              <label :style="item.label_style ? item.label_style : ''"
+                     :class="item.label_bootstraped ? item.label_bootstraped + ' control-label-justify control-label' : 'control-label-justify control-label col-sm-3'">{{item.label}}</label>
+              <div :style="item.value_style ? item.value_style:''"
+                   :class="item.value_bootstraped ? item.value_bootstraped : 'col-sm-10'">
                 <textarea
                   :readonly="item.readonly"
                   :disabled="item.disabled"
-                  class="form-control"
-                  style="background-color: #f7fbff;"
+                  class="form-control input_view"
+                  style="width: 100%;height: 100%"
                   :rows="item.rows"
                   v-model="data.fields[index].value"
-                  @change="disabled_check(data.fields[index].required,data.fields[index].value)"
-                  @blur="check_disable"
+                  :value="data.fields[index].value"
+                  @change="onchange(index)"
+                  @blur="onblur(index)"
+                  @input="oninput(index)"
                 >
                 </textarea>
               </div>
+              <span
+                v-if="item.error&&item.error.msg&&item.error.flag"
+                style="color: red">{{item.error.msg}}</span>
             </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']">
+            <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
+              v-if="item.type==='radio'"
+              :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-12 form-group']">
               <label v-if="item.label"
                      :class="item.label_bootstraped?item.label_bootstraped+' control-label-justify control-label':'control-label-justify control-label col-sm-2'">{{item.label}}</label>
               <div
+                :style="item.value_style ? item.value_style:''"
                 :class="item.value_bootstraped?item.value_bootstraped:item.items.length%2 == 0?'col-sm-5': 'col-sm-3'"
                 v-for="(index2,row) in item.items">
-                <label for="row.label"
+                <label :for="row.label"
                        :class="item.items.length%2 == 0?'col-sm-3 control-label': 'col-sm-2 control-label'">{{row.label}}</label>
-                <input @blur="check_disable"
+                <input @blur="onblur(index)"
                        :class="item.items.length%2 == 0?'col-sm-3 control-label': 'col-sm-2 control-label'"
                        :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>
+              <span
+                v-if="item.error&&item.error.msg&&item.error.flag"
+                style="color: red">{{item.error.msg}}</span>
             </div>
 
             <!--select-->
-            <div style="height: 34px" 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']">
+            <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
+                 v-if="item.type==='select'" v-show="!item.hidden"
+                 :class="[item.required && !(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped+' form-group':'col-sm-4 form-group']">
               <label
-                :class="item.label_bootstraped?item.label_bootstraped+' control-label control-label-justify':'control-label-justify 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" :disabled="item.disabled" :value.sync="data.fields[index].value"
-                            v-model="data.fields[index].value"
-                            :options='data.fields[index].options' :valueSingle="true"></input-select>
-
+                :class="item.label_bootstraped ? item.label_bootstraped+' control-label control-label-justify':'control-label-justify control-label col-sm-6'">{{item.label}}</label>
+              <div :style="item.value_style ? item.value_style:''"
+                   :class="item.value_bootstraped ? item.value_bootstraped : 'col-sm-6'">
+                <input-select
+                  class="select select_list"
+                  @blur="onblur(index)"
+                  @change="onchange(index)"
+                  :readonly="item.readonly"
+                  :disable="item.disabled"
+                  :value.sync="data.fields[index].value"
+                  v-model="data.fields[index].value"
+                  :options='data.fields[index].options'
+                  :valueSingle="true"></input-select>
+              </div>
+              <span
+                v-if="item.error&&item.error.msg&&item.error.flag"
+                style="color: red">{{item.error.msg}}</span>
             </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']">
+            <div :style="item.style ? item.style+';height: 40px;margin-bottom: 20px':'height: 40px;margin-bottom: 20px'"
+              v-if="item.type==='checkbox'"
+              :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.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"
@@ -121,100 +140,172 @@
                    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">
+                       :id="row.label" v-model="data.fields[index].items[index2].value" @blur="onblur(index)" >
               </div>
             </div>
           </div>
-          <!-- onetomany -->
-          <div class="col-sm-12" v-for="(i,datagrid) in data.onetomany">
-            <h5 v-show="datagrid.title" style="text-align: center;color: darkcyan;background-color: #00A3F0">
-              {{datagrid.title}}</h5>
-            <table v-show="!datagrid.hidden" class="table table-bordered table-striped table-hover">
-              <tr style="background-color: #00A3F0">
-                <th style="text-align: center;border-color: #00A3F0"><font color="white">序号</font></th>
-                <th v-for="labels in datagrid.fields" style="text-align: center;border-color: #00A3F0">
-                  <nobr><font color="white">{{labels.label}}</font></nobr>
-                </th>
-                <th style="text-align: center;border-color: #00A3F0;padding: 0px">
-                  <button type="button" @click="$dispatch('add',i)" class="btn btn-warning"
-                          v-if="!data.onetomany[i].nopower && showprint">
-                    +
-                  </button>
-                </th>
-              </tr>
-              <tr v-for="(j,row) in model.rows[i]">
-                <td style="text-align: center">{{$index+1}}</td>
-                <td v-for="key in surBodyData[i]" style="text-align: center">
-                  {{row[key]}}
-                </td>
-                <td style="text-align: center">
-                  <a href="#" @click="delete(i,j)" v-if="!data.onetomany[i].nopower">删除</a>
-                </td>
-              </tr>
-            </table>
-          </div>
         </div>
+        <!-- onetomany -->
+        <div class="" v-for="(i,item) in data.onetomany" style="overflow:auto;width:100%">
+          <table v-show="!item.hidden" class="table table-bordered table-striped table-hover" style="white-space:nowrap">
+            <tr>
+              <th>序号</th>
+              <th v-for="field in item.fields" v-if="!field.displayPosition || field.displayPosition === '*' || field.displayPosition === 'list'">
+                <nobr>{{field.label}}</nobr>
+              </th>
+              <th v-if="!item.hiddenOperate">
+                <button type="button" @click="add(i)" class="btn btn-info"
+                        v-if="showprint && !item.addHidden">
+                  <span v-if="item.addText === 'default' || !item.addText" class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+                  <span v-else :style="item.addStyle">{{item.addText}}</span>
+                </button>
+              </th>
+            </tr>
+            <tr v-for="(j,row) in item.rows" style="">
+              <td style="text-align: center">{{$index+1}}</td>
+              <td v-for="key in item.fields"  v-if="!key.displayPosition || key.displayPosition === '*' || key.displayPosition === 'list'" style="text-align: center">
+                {{row[key.field]}}
+              </td>
+              <td style="text-align: center" v-if="!item.hiddenOperate">
+                <span @click="update(i,j)" v-if="showprint && !item.updateHidden">
+                  <span v-if="item.updateText === 'default' || !item.updateText" class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
+                  <span v-else :style="item.updateStyle">{{item.updateText}}</span>
+                </span>
+                <span @click="delete(i,j)" v-if="showprint && !item.deleteHidden" style="margin-left: 10px">
+                  <span v-if="item.deleteText === 'default' || !item.deleteText" class="glyphicon glyphicon-trash" aria-hidden="true"></span>
+                  <span v-else :style="item.deleteStyle">{{item.deleteText}}</span>
+                </span>
+              </td>
+            </tr>
+          </table>
+        </div>
+
+        <div v-for="(i,item) in data.components">
+          <component :is="item.name" :selectdata="data" :mark="item.mark" ></component>
+        </div>
+
+        <!--自定义组件-->
+        <slot></slot>
+        <!--公司等属性-->
         <div class="col-sm-12 form-group text-center" style="padding-top:8px">
-          <div class="form-group  col-sm-3" align="content-center">
-            <label class=" col-sm-4 control-label">所属公司：</label>
-            <div class="col-sm-8">
-              <input class="form-control" type="text" v-model="model.f_filiale" disabled>
+          <div class="col-sm-3 form-group center-block">
+            <label class="col-sm-5">所属公司：</label>
+            <div class="col-sm-6" style="text-align: left">
+              {{model.f_filiale}}
             </div>
           </div>
-<!--          <div class="col-sm-1 form-group center-block">-->
-<!--          </div>-->
-          <div class="col-sm-2 form-group" style="margin-left: 50px">
-            <label class="control-label col-sm-4">部门：</label>
-            <div class="col-sm-8">
-              <input type="text" class="form-control" disabled v-model="model.f_parentname"/>
+          <div class="col-sm-3 form-group center-block">
+            <label class="col-sm-5">部门：</label>
+            <div class="col-sm-6" style="text-align: left">
+              {{model.f_parentname}}
             </div>
           </div>
-<!--          <div class="col-sm-1 form-group center-block">-->
-<!--          </div>-->
-          <div class="col-sm-2 form-group" style="margin-left: 50px">
-            <label class="control-label col-sm-6">操作人：</label>
-            <div class="col-sm-6 ">
-              <input type="text" class="form-control" disabled v-model="model.f_operator"/>
+          <div class="col-sm-3 form-group center-block">
+            <label class="col-sm-5">操作人：</label>
+            <div class="col-sm-6 " style="text-align: left">
+              {{model.f_operator}}
             </div>
           </div>
-<!--          <div class="col-sm-1 form-group center-block">-->
-<!--          </div>-->
-          <div class="col-sm-2 form-group" style="margin-left: 50px">
-            <label class="control-label col-sm-5">操作日期：</label>
-            <div class="col-sm-7">
-              <input type="text" class="form-control" disabled v-model="model.f_operate_date"/>
+          <div class="col-sm-3 form-group center-block">
+            <label class="col-sm-5">操作日期：</label>
+            <div class="col-sm-6" style="text-align: left">
+              {{model.f_operate_date}}
             </div>
           </div>
         </div>
+
       </form>
     </validator>
-    <div class="from-group col-sm-11">
+
+    <!-- 按钮组 -->
+    <div class="from-group col-sm-12" style="margin-top: 20px;height: 100px">
       <center>
         <!-- 按钮组 -->
         <button v-for="(index,button) in data.buttons"
                 :disabled="(button.button_name==='提交'||button.button_name==='下发')&&disable_button" type="button"
                 @click="clicked(index,button)"
                 :class="(button.button_name==='提交'||button.button_name==='下发')&&disable_button?'btn btn-default':'btn btn-primary'"
-                style="width:80px; margin-left:50px;">
+                v-if="!button.hidden"
+                style="min-width:100px; margin-right:50px;">
           {{button.button_name}}
         </button>
       </center>
     </div>
+
+    <!-- onetomany模态框 -->
+    <modal v-if="show" :show.sync="show" backdrop="false" :large="modalSize === 'large' ? true : false" :small="modalSize === 'small' ? true : false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closemodal(modeltitle)"><span>&times;</span></button>
+        <span class="modal-title"><font
+          size="3">{{modeltitle}}</font></span>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div
+          :class="[item.required&&!(item.value) ? 'has-error' : '',item.bootstraped?item.bootstraped:'col-sm-12']"
+          v-for="(index,item) in data.onetomany[onetomany_index].fields" v-if="!item.displayPosition || item.displayPosition === '*' || item.displayPosition === 'from'">
+          <label v-show="!item.hidden" :class="item.label_bootstraped ? item.label_bootstraped + ' control-label' : 'control-label col-sm-3'" style="margin-top: 10px">{{item.label}}：</label>
+          <div :class="item.value_bootstraped ? item.value_bootstraped : 'col-sm-7'" v-show="!item.hidden">
+            <!--时间datepicker-->
+            <datepicker
+              v-if="item.type=='datepicker'"
+              @change="onchange_modal(index)"
+              @blur="onblur_modal(index)"
+              :placeholder="item.placeholder"
+              :value.sync="data.onetomany[onetomany_index].fields[index].value"
+              :format="'yyyy-MM-dd'"
+              v-model="data.onetomany[onetomany_index].fields[index].value"
+              :readonly="item.readonly"
+              :disabled="item.disabled"
+              :show-reset-button="reset">
+            </datepicker>
+            <!--select-->
+            <input-select
+              @change="onchange_modal(index)"
+              v-if="item.type=='select'"
+              @blur="onblur_modal(index)"
+              :value.sync="data.onetomany[onetomany_index].fields[index].value"
+              v-model="data.onetomany[onetomany_index].fields[index].value"
+              :options='data.onetomany[onetomany_index].fields[index].options'>
+            </input-select>
+            <!-- input -->
+            <input v-if="item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email'"
+                   class="form-control"
+                   :type="item.type"
+                   v-model="data.onetomany[onetomany_index].fields[index].value"
+                   :placeholder="item.placeholder"
+                   :value="data.onetomany[onetomany_index].fields[index].value"
+                   :readonly="item.readonly"
+                   :disabled="item.disabled"
+                   @change="onchange_modal(index)"
+                   @blur="onblur_modal(index)"
+                   @input="oninput_modal(index)"
+            />
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button :class="disable_button_onetomany?'btn btn-default':'btn btn-primary'"
+                :disabled="disable_button_onetomany" type="button" @click="confirm_modal(modeltitle)">
+          确认
+        </button>
+      </footer>
+    </modal>
+
     <!-- 按钮模态框 -->
-    <modal v-if="showmodal" :show.sync="showmodal" v-ref:modal backdrop="false">
+    <modal v-if="showbutmodal" :show.sync="showbutmodal" v-ref:modal backdrop="false">
       <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closemodal"><span>&times;</span></button>
+        <button type="button" class="close" @click="closemodal('but')"><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-12" v-for="(index,button) in data.buttons[model.button.button_index].button_fields">
+          <label class="control-label col-sm-3" style="margin-top: 10px">{{button.label}}：</label>
           <div class="col-sm-7">
             <!--select-->
-            <input-select v-if="button_field.type=='select'"
+            <input-select v-if="button.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>
+                          :options='button.options'></input-select>
             <!-- input -->
             <input v-else type="text" class="form-control"
                    v-model="data.buttons[model.button.button_index].button_fields[index].value"/>
@@ -222,101 +313,30 @@
         </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>
+        <button type="button" class="btn btn-primary" :disabled="disable_button_but" @click='confirm_but_modal()'>确认</button>
       </footer>
     </modal>
-
-
-    <!-- onetomany新增模态框 -->
-    <div class="auto onetomanymodal"
-         style="z-index:8888;box-shadow: 0px 0px 100px 10px grey;position: fixed;"
-         v-if="showadd">
-
-      <div class="auto">
-
-        <div style="padding-top: 15px;padding-left: 15px;padding-right: 15px;">
-          <button type="button" class="close" @click="closemodal(modeltitle)"><span>&times;</span></button>
-          <span class="modal-title" style="border-bottom: 1px solid #e5e5e5;"><font
-            size="3">{{modeltitle}}</font></span>
-        </div>
-                   
-        <div style="padding-top: 15px;border-top: 0px solid #e5e5e5;border-bottom: 0px solid #e5e5e5;">
-          <div class="col-sm-12" v-for="(index,showadd_field) in showadd_fields.fields" v-if="refresh_modal">
-            <label v-show="!showadd_field.hidden" class="control-label  col-sm-3" style="margin-top: 10px">{{showadd_field.label}}：</label>
-            <div class="col-sm-7" v-show="!showadd_field.hidden">
-              <!--时间datepicker-->
-              <div v-if="showadd_field.type=='datepicker'"
-                   :class="[showadd_fields[index].required&&!(showadd_fields.fields[index].value) ? 'has-error' : '']">
-                <div>
-                  <datepicker
-                    @change="select_change_modal(index),disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                    @blur="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                    :placeholder="showadd_field.placeholder"
-                    :value.sync="showadd_fields.fields[index].value"
-                    :format="'yyyy-MM-dd'"
-                    v-model="showadd_fields.fields[index].value"
-                    :readonly="showadd_fields.fields[index].readonly"
-                    :disabled="showadd_fields.fields[index].disabled"
-                    :show-reset-button="reset">
-                  </datepicker>
-                </div>
-              </div>
-              <!--select-->
-              <input-select
-                @change="select_change_modal(index),disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                v-if="showadd_field.type=='select'"
-                @blur="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                :mouseout="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                :value.sync="showadd_fields.fields[index].value"
-                v-model="showadd_fields.fields[index].value"
-                :options='showadd_fields.fields[index].options'>
-              </input-select>
-              <!-- input -->
-              <input :type="showadd_field.type"
-                     @change="select_change_modal(index),check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                     v-if="(showadd_field.type=='input'||showadd_field.type=='number')&&!showadd_field.hidden"
-                     @blur="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                     :mouseout="check_disable_modal,disabled_check_modal(showadd_fields.fields[index].required,showadd_fields.fields[index].value)"
-                     :readonly="showadd_field.readonly" class="form-control"
-                     v-model="showadd_fields.fields[index].value"
-                     :value.sync="showadd_fields[index].value"/>
-              <span
-                v-if="showadd_fields.fields[index].error&&showadd_fields.fields[index].error.msg&&showadd_fields.fields[index].error.flag"
-                style="color: red">{{showadd_fields.fields[index].error.msg}}</span>
-            </div>
-          </div>
-        </div>
-
-        <div style="padding-top: 15px;padding-left: 15px;padding-right: 15px;text-align: right;">
-          <button :class="disable_button_modal?'btn btn-default':'btn btn-primary'" v-show="showadd"
-                  :disabled="disable_button_modal" type="button" @click="acknowledge(modeltitle)">
-            确认
-          </button>
-        </div>
-
-      </div>
-       
-    </div>
-
   </div>
 </template>
 <script>
   import Vue from 'vue'
+  import {HttpResetClass, PagedList} from "vue-client";
   // 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;
+      '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
   }
 
   export default {
@@ -332,248 +352,154 @@
     },
     data() {
       return {
-        data: {
-          onetomany: {
-            fields: []
-          }
-        },
-        surBodyData: [],
-        refresh: true, // 控制重新渲染
-        model: {
-          rows: [],
-          button: {
-            button_name: null,
-            button_index: null
-          },
-          f_filiale: null,
-          f_parentname: null,
-          f_operate_date: null,
-          f_operator: null
-        },
-        showadd: false, // onetomany 新增模态框
-        showadd_fields: [],  // onetomany 新增模态框的字段配置
-        data: null,
-        modeltitle: '',
-        tempid: null,
-        showadd_index: null,
-        showmodal: false,
-        disable_button: true,
-        disable_button_modal: true,
-        refresh_modal: true
+        model: {}, // 公司等属性
+        disable_button: true, // 控制按钮禁用
+        show: false, // 控制onetomany模态框
+        disable_button_onetomany: true, // 控制onetomany模态框按钮
+        onetomany_index: null, // 当前选择的下标
+        update_onetomany_index: null, // 当前需要修改的下标
+        modeltitle: null, // 模态框标题
+        modalSize: null, // 模态框大小
+        showbutmodal: false,
+        showcheck: false,
+        back: '',
       }
     },
+    ready() {
+      console.log("7777777")
+      console.log(this.data)
+    },
+    watch: {
+      deep: true,
+    },
     created() {
       // 初始化数据
       this.initializtion()
-    },
-    events: {
-      async 'add'(index) {
-        let templet = new Object()
-        templet = this.data.onetomany[index]
-        let count = 0
-        for (let j = 0; j < templet.fields.length; j++) {
-          templet.fields[j].value = ''
-          if (templet.fields[j].type == 'datepicker') {
-            templet.fields[j].value = new Date().Format("yyyy-MM-dd")
-          }
-          if (templet.fields[j].required) {
-            count++
-          }
-        }
-        if (count == 0) {
-          this.disable_button_modal = false
-        }
-        this.modeltitle = '新增'
-        this.showadd_fields = templet
-        this.showadd_index = index
-        this.showadd = true
-      }
+      this.$dispatch('initializtionView')
+
+      this.disableButton()
     },
     methods: {
-      // 获取组件中的数据
-      getmodel() {
+      // 按钮模态框确定
+      confirm_but_modal() {
+        for (const item of this.data.buttons[this.model.button.button_index].button_fields) {
+          this.model.button.button_fields[item.field] = item.value
+        }
+        this.showbutmodal = false
+        this.disable_button_but = true
+        this.$dispatch('button', this.model)
+      },
+      // 点击按钮组按钮
+      async clicked(index, button) {
+        this.disable_button = true
+        console.log("this.data")
+        console.log(this.data)
+        console.log(button)
         // 组织model.fields数据
-        let modeldatas = {}
-        for (let i = 0; i < this.data.fields.length; i++) {
+        for (const item of this.data.fields) {
           // 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
+          if (item.type === 'checkbox') {
+            for (let j = 0; j < item.items.length; j++) {
+              this.model[item.items[j].field] = item.items[j].value
             }
           } else {
-            modeldatas[this.data.fields[i].field] = this.data.fields[i].value
+            this.model[item.field] = item.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
-        return modeldatas
-      },
-      // 修改
-      revise(index, index2) {
-        this.showadd_fields = []
-        let templet = new Object()
-        templet = this.data.onetomany[index]
-        for (let j = 0; j < templet.fields.length; j++) {
-          if (templet.fields[j].type == 'input') {
-            templet[j] = {}
-            templet[j].value = this.model.rows[index][index2][templet.fields[j].field]
-            templet.fields[j].value = this.model.rows[index][index2][templet.fields[j].field]
-          } else {
-            templet.fields[j].value = this.model.rows[index][index2][templet.fields[j].field]
-            if (templet.fields[j].type == 'datepicker') {
-              templet.fields[j].value = new Date().Format("yyyy-MM-dd")
-            }
-          }
-        }
-        this.tempid = this.model.rows[index][index2].id
-        this.modeltitle = '修改'
-        this.showadd_fields = templet
-        this.showadd_index = index
-        this.showadd = true
-      },
-      // 检测模态框按钮的disable
-      disabled_check_modal(required, value) {
-        if (required && value) {
-          this.disable_button_modal = false
-
-          let fields = this.showadd_fields.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_modal = flag
+        this.model.f_process_id = this.data.f_process_id
+
+        // 初始化model.button数据
+        let buttondatas = {
+          button_fields: {}
         }
-      },
-      // 检测模态框按钮的disable,反向检查
-      check_disable_modal() {
-        let fields = this.showadd_fields.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
+        buttondatas.button_name = button.button_name
+        buttondatas.button_index = index
+        if (button.button_fields) {
+          for (const item of button.button_fields) {
+            buttondatas.button_fields[item.field] = item.value
           }
         }
-        let count = 0
-        for (let i = 0; i < fields.length; i++) {
-          if (fields[i].type !== 'checkbox' && !fields[i].required) {
-            count++
+        this.model.button = buttondatas
+        this.model.title = this.data.title
+        this.model.fields = this.data.fields
+        this.model.onetomany = this.data.onetomany
+        if (this.data.defname === '通气点火') {
+          if (this.data.processname === '工商户报建流程' || this.data.processname === '开发商集体报建流程') {
+            let http = new HttpResetClass()
+            let condition = `f_blobid = '${this.data.f_process_id}'`
+            let res = await http.load('POST', 'rs/sql/singleTable', {
+              data: {
+                tablename: 't_files',
+                condition: condition
+              }
+            }, {resolveMsg: null, rejectMsg: null})
+            console.log("res_________________")
+            console.log(res)
+            if (res.data.length === 0) {
+              this.$showMessage("未上传图纸")
+              return
+            }
           }
         }
-        if (count == 0) {
-          flag = false
-        }
-        this.disable_button_modal = flag
-      },
-      // 模态框监听
-      select_change_modal(index) {
-        if (this.showadd_fields.fields[index].value) {
-          this.showadd_fields[index] = {}
-          this.showadd_fields[index].value = this.showadd_fields.fields[index].value
-        } else if (this.showadd_fields[index] && this.showadd_fields[index].value) {
-          this.showadd_fields.fields[index].value = this.showadd_fields[index].value
-        }
-        this.refresh_modal = false
-        this.$nextTick(() => {
-          this.refresh_modal = true
-        })
-        this.$dispatch('select_cascade_modal', this.showadd_index, index)
-        if (this.showadd_fields.fields[index].type == 'datepicker' || this.showadd_fields.fields[index].error) {
-          this.$dispatch('modal_error_check', this.showadd_index, index)
+        // if (this.data.defname === '合同签订') {
+        // console.log("ddddd",this.data)
+        // }
+        // if (this.data.defname === '竣工验收') {
+        //   // if (this.data.processname !== '工商户报建流程') {
+        //   //     let t=this.selecteddd
+        //   //     let diff = this.all.filter(function (val) {
+        //   //       return t.indexOf(val) === -1
+        //   //     })
+        //   //     console.log("diff", diff)
+        //   //     for(let index = 0;index < diff.length; index++){
+        //   //       let data = {
+        //   //         code:diff[index].f_userinfo_code
+        //   //       }
+        //   //       console.log("code", data.code)
+        //   //       let http = new HttpResetClass()
+        //   //       http.load('POST', 'rs/logic/batchcheck', {data:data}, {resolveMsg: null, rejectMsg: null})
+        //   //
+        //   //   }
+        //   // }
+        // }
+        if (button.button_name === '退回') {
+          this.showbutmodal = true
+        } else if (button.button_name === '下发') {
+          this.showbutmodal = true
+        } else if (button.button_name === '验收') {
+          this.showbutmodal = true
+        } else if (button.event) {
+          this.$dispatch(button.event)
+        } else {
+          this.$dispatch('button', this.model)
         }
       },
-      // 更新showadd模态框
-      update_showadd_fields_value(index, value) {
-        this.showadd_fields.fields[index].value = value
-        this.showadd_fields[index] = {}
-        this.showadd_fields[index].value = value
-      },
-      // 清理showadd模态框
-      clear_showadd_fields_value(index) {
-        this.showadd_fields.fields[index].value = ''
-        this.showadd_fields[index].value = ''
-      },
-      // 删除
-      delete(i, j) {
-        this.$showMessage("您确定要删除这条记录吗？", ['confirm']).then((res) => {
-          if (res == 'confirm') {
-            this.$dispatch('onetomanydelete', i, j)
-          }
-        })
-      },
-      // 强制刷新
-      update() {
-        this.refresh = false
-        this.$nextTick(() => {
-          this.refresh = true
-        })
-        this.initializtion()
-      },
       // 初始化数据
       initializtion() {
-        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
-          }
-        }
-        let count = 0
-        for (let i = 0; i < fields.length; i++) {
-          if (fields[i].type !== 'checkbox' && !fields[i].required) {
-            count++
-          }
-        }
-        if (count = 0) {
-          flag = false
-        }
-        this.disable_button = flag
-
-        this.model.rows = []
-        this.surBodyData = []
-        if (this.data.onetomany && this.data.onetomany.length > 0) {
-          for (let i = 0; i < this.data.onetomany.length; i++) {
-            let temp = []
-            for (let j = 0; j < this.data.onetomany[i].fields.length; j++) {
-              temp.push(this.data.onetomany[i].fields[j].field)
-            }
-            this.surBodyData.push(temp)
-          }
-          for (let i = 0; i < this.data.onetomany.length; i++) {
-            if (this.data.onetomany[i].rows) {
-              this.model.rows.push(this.data.onetomany[i].rows)
-            }
-          }
+        // 是否禁用按钮
+        this.disableButton()
 
-        }
         // datepicker 没有值给当时值
-        if (this.data.fields && this.data.fields.length > 0) {
-          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")
-            }
+        for (const item of this.data.fields) {
+          if (item.type === 'datepicker' && !item.value) {
+            item.value = new Date().Format('yyyy-MM-dd HH:mm:ss')
           }
-        } else {
-          this.disable_button = false
         }
+        // 公司等属性初始化
         if (this.data.filiale) {
           this.model.f_filiale = this.data.filiale
         } else {
-          this.model.f_filiale = this.$login.f.f_fengongsi
+          this.model.f_filiale = this.$login.f.orgs
         }
         if (this.data.f_parentname) {
           this.model.f_parentname = this.data.f_parentname
         } else {
-          this.model.f_parentname = this.$login.f.f_parentname
+          this.model.f_parentname = this.$login.f.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")
+          this.model.f_operate_date = new Date().Format('yyyy-MM-dd')
         }
         if (this.data.operator) {
           this.model.f_operator = this.data.operator
@@ -581,207 +507,277 @@
           this.model.f_operator = this.$login.f.name
         }
       },
-      // 模态框点击确定按钮
-      acknowledge(val) {
-        if (val == '新增') {
-          let temp = {}
-          for (let i = 0; i < this.showadd_fields.fields.length; i++) {
-            if (this.showadd_fields.fields[i].value) {
-              temp[this.showadd_fields.fields[i].field] = this.showadd_fields.fields[i].value
-            } else if (this.showadd_fields && this.showadd_fields[i] && this.showadd_fields[i].value) {
-              temp[this.showadd_fields.fields[i].field] = this.showadd_fields[i].value
+      // 是否禁用按钮
+      disableButton() {
+        let fields = this.data.fields
+
+        let flag = false
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required && !item.value) {
+            if (item.value === 0) {
+              flag = false
+            } else {
+              flag = true
             }
           }
-          this.model.rows[this.showadd_index].push(temp)
-          this.$dispatch('confirm', this.data.onetomany[this.showadd_index].tables, temp, this.showadd_index, this.model.rows[this.showadd_index].length - 1)
-          this.showadd_fields = null
-          this.showadd_index = null
-          this.closemodal(val)
-        } else {
-          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(val) {
-        if (this.showadd_fields && this.showadd_fields.fields && this.showadd_fields.fields.length) {
-          for (let i = 0; i < this.showadd_fields.fields.length; i++) {
-            if (this.showadd_fields[i] && this.showadd_fields[i].value) {
-              this.showadd_fields[i].value = ''
-            }
-            if (this.showadd_fields.fields[i] && this.showadd_fields.fields[i].value) {
-              this.showadd_fields.fields[i].value = ''
-            }
+          // 任何选择框只要是否都不能提交
+          if (item.type === 'select' && (item.value === '否' || item.value === '未开工') && item.disabledButton) {
+            flag = true
           }
         }
 
-        if (val != '新增' || val != '修改' || val != '删除') {
-          this.disable_button = false
-        }
-        this.showmodal = false
-        if (val == '新增') {
-          this.showadd = false
-        }
-        this.showadd_fields = null
-        this.disable_button_modal = true
-        this.modeltitle = null
-        this.tempid = null
-      },
-      // 点击按钮
-      clicked(index, button) {
-        // onetomany 处理
-        // if(this.data.onetomany&&this.data.onetomany.fields.length>0){
-        //   let temp = {}
-        //   temp['tables'] = this.data.onetomany.tables
-        //   temp['rows'] = this.model.rows
-        //   this.$dispatch('onetomanyevent',temp)
-        // }
-        this.disable_button = true
-        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
+        let count = 0
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required) {
+            count++
           }
         }
-        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: {}
-        }
-        if (button.button_event) {
-          buttondatas.button_event = button.button_event
+        if (count === 0) {
+          flag = false
         }
-        if (button.button_node) {
-          buttondatas.button_node = button.button_node
+
+        this.disable_button = flag
+      },
+      // 失去焦点触发，无论值是否发生变化
+      onblur(index) {
+        // 是否禁用按钮
+        this.disableButton()
+
+        this.$dispatch('onblur', index)
+        // 如果有错误信息提示走错误信息判断处理
+
+        if (this.data.fields[index].error && this.data.fields[index].type === 'datepicker') {
+          this.$dispatch('error_check', index)
         }
-        if (button.button_person) {
-          buttondatas.button_person = button.button_person
+      },
+      // 失去焦点且值最终发生变化触发
+      onchange(index) {
+        // 是否禁用按钮
+        this.disableButton()
+
+        // this.data.fields[index].value = this.data.fields[index].value.trim()
+
+        if (this.data.fields[index].prefix && this.data.fields[index].value !== '') {
+          this.data.fields[index].value = this.data.fields[index].prefix + this.data.fields[index].value
         }
-        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.data[this.data.fields[index].field] = this.data.fields[index].value
+
+        if (this.data.fields[index].onchange) {
+          this.$dispatch(this.data.fields[index].onchange, index)
         }
-        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)
+        this.$dispatch('onchange', index)
+
+        // 如果有错误信息提示走错误信息判断处理
+        if (this.data.fields[index].error && this.data.fields[index].type === 'datepicker') {
+          this.$dispatch('error_check', index)
         }
       },
-      // 监听
-      select_change(index) {
-        this.$dispatch('select_cascade', index)
+      oninput(index) {
+        // 是否禁用按钮
+        this.disableButton()
+
+        this.$dispatch('oninput', index)
+
         // 如果有错误信息提示走错误信息判断处理
-        if (this.data.fields[index].error || this.data.fields[index].type == 'datepicker') {
+        if (this.data.fields[index].error && this.data.fields[index].type === 'datepicker') {
           this.$dispatch('error_check', 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
-            }
+      // 模态框确认按钮
+      confirm_modal(title) {
+        if (title === '新增') {
+          if (this.data.onetomany[this.onetomany_index].addEvent === 'default' || !this.data.onetomany[this.onetomany_index].addEvent) {
+            this.$dispatch('onetomanyadd', this.onetomany_index)
+          } else {
+            this.$dispatch(this.data.onetomany[this.onetomany_index].addEvent, this.onetomany_index)
           }
-          this.disable_button = flag
-        }
-      }
-    },
-    watch: {
-      'data.operate_date'() {
-        if (this.data.filiale) {
-          this.model.f_filiale = this.data.filiale
         } else {
-          this.model.f_filiale = this.$login.f.f_fengongsi
+          if (this.data.onetomany[this.onetomany_index].updateEvent === 'default' || !this.data.onetomany[this.onetomany_index].updateEvent) {
+            this.$dispatch('onetomanyupdate', this.onetomany_index, this.update_onetomany_index)
+          } else {
+            this.$dispatch(this.data.onetomany[this.onetomany_index].updateEvent, this.onetomany_index, this.update_onetomany_index)
+          }
         }
-        if (this.data.f_parentname) {
-          this.model.f_parentname = this.data.f_parentname
-        } else {
-          this.model.f_parentname = this.$login.f.f_parentname
+
+        this.closemodal()
+      },
+      // 删除
+      delete(i, j) {
+        this.$showMessage((this.data.onetomany[i].deleteMessage === 'default' || !this.data.onetomany[i].deleteMessage) ? '您确定要删除这条记录吗？' : this.data.onetomany[i].deleteMessage, ['confirm']).then((res) => {
+          if (res === 'confirm') {
+            if (this.data.onetomany[i].deleteEvent === 'default' || !this.data.onetomany[i].deleteEvent) {
+              this.$dispatch('onetomanydelete', i, j)
+            } else {
+              this.$dispatch(this.data.onetomany[i].deleteEvent, i, j)
+            }
+          }
+        })
+      },
+      // 修改
+      update(i, j) {
+        let onetomany = this.data.onetomany[i]
+        let item = this.data.onetomany[i].rows[j]
+        let count = 0
+        for (let k = 0; k < onetomany.fields.length; k++) {
+          // 防止初始化的时候没有value
+          Vue.set(this.data.onetomany[i].fields[k], 'value', item[this.data.onetomany[i].fields[k].field])
+
+          if (onetomany.fields[j].required) {
+            count++
+          }
         }
-        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")
+        if (count === 0) {
+          this.disable_button_onetomany = false
         }
-        if (this.data.operator) {
-          this.model.f_operator = this.data.operator
-        } else {
-          this.model.f_operator = this.$login.f.name
+        this.modeltitle = '修改'
+        this.modalSize = this.data.onetomany[i].modalSize
+        this.onetomany_index = i
+        this.update_onetomany_index = j
+
+        this.$dispatch('openUpdateModel', i, j)
+
+        this.show = true
+      },
+      // 添加
+      add(index) {
+        let count = 0
+        for (const item of this.data.onetomany[index].fields) {
+          if (item.type === 'datepicker') {
+            item.value = new Date().Format('yyyy-MM-dd')
+          }
+          if (item.required) {
+            count++
+          }
+        }
+
+        if (count === 0) {
+          this.disable_button_onetomany = false
         }
+        this.modeltitle = '新增'
+        this.modalSize = this.data.onetomany[index].modalSize
+        this.onetomany_index = index
+
+        this.$dispatch('openAddModel', index)
+
+        this.show = true
       },
-      'data.fields'() {
-        this.refresh = false
-        this.$nextTick(() => {
-          this.refresh = true
-        })
-        this.initializtion()
+      // 关闭模态框
+      closemodal(val) {
+        if (val === 'but') {
+          this.disableButton()
+          this.showbutmodal = false
+          return
+        }
+        for (const item of this.data.onetomany[this.onetomany_index].fields) {
+          item.value = ''
+        }
+        this.show = false
+        this.disable_button_onetomany = true
+        this.onetomany_index = null
+        this.update_onetomany_index = null
+        this.modeltitle = null
+        this.modalSize = null
       },
-      deep: true
-    },
-    computed: {
-      // 输入后按钮检测
-      check_disable: function () {
-        let fields = this.data.fields
+      // 是否禁用模态框按钮
+      disableModalButton() {
+        let fields = this.data.onetomany[this.onetomany_index].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
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required && !item.value) {
+            if (item.value === 0) {
+              flag = false
+            } else {
+              flag = true
+            }
           }
         }
+
         let count = 0
-        for (let i = 0; i < fields.length; i++) {
-          if (fields[i].type !== 'checkbox' && !fields[i].required) {
+        for (const item of fields) {
+          if (item.type !== 'checkbox' && item.required) {
             count++
           }
         }
-        if (count == 0) {
+        if (count === 0) {
           flag = false
         }
-        this.disable_button = flag
+        this.disable_button_onetomany = flag
       },
-      refreshed() {
-        let fields = this.data.fields
-        this.data.fields = fields
+      // 监听模态框属性失去焦点
+      onchange_modal(index) {
+        this.disableModalButton()
+        this.$dispatch('onchange_modal', this.onetomany_index, index)
+      },
+      // 监听模态框属性失去焦点
+      onblur_modal(index) {
+        this.disableModalButton()
+        this.$dispatch('onblur_modal', this.onetomany_index, index)
+      },
+      // input输入属性值发生变化监听
+      oninput_modal(index) {
+        this.disableModalButton()
+        this.$dispatch('oninput_modal', this.onetomany_index, index)
       }
     }
   }
 </script>
+<style>
+  .datepicker{
+    width: 100%!important;
+  }
+  .datepicker-input{
+    background-color: #ffffff!important;
+    width: 100%!important;
+  }
+  .datepicker-input:disabled{
+    border: 1px solid #DDD!important;
+    color: #ACA899!important;
+    width: 100%!important;
+  }
+</style>
 <style scoped>
-  th {
+  th{
+    font-size: 15px !important;
+    text-align: center !important;
+    background-color: #dfedfb!important;
+    color: #666666 !important;
+    font-family: PINGFANG-BOLD !important;
+    font-weight: normal!important;
+  }
+  /*清除model中的浮动*/
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+
+  .input_view{
+    padding: 8px;
+    background-color: #ffffff;
+    border-radius: 2px;
+    border: solid 1px #c7c7c7!important;
+    color: #333333!important;
+    font-size: 15px!important;
+  }
 
+  .input_view[readonly]{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+  .input_view:disabled{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
   }
 
   .control-label-justify {
     display: inline-block;
     vertical-align: top;
-    width: 70px;
+    width: 110px;
     text-align: justify;
     font-family: PingFang-SC-Bold;
   }
@@ -803,18 +799,4 @@
     -moz-appearance: textfield;
   }
 
-  .onetomanymodal {
-    background-color: #fff;
-    left: 40%;
-    margin: -300/2 0 0 -300/2;
-    position: fixed;
-    top: 15%;
-    width: 500px;
-    height: auto;
-    z-index: 25;
-  }
-
-  tr {
-    height: 34px;
-  }
 </style>