apply-clients 7.1.37 → 7.1.40

package/src/android-bootstrap/less/wells.less

@@ -0,0 +1,29 @@
+//
+// Wells
+// --------------------------------------------------
+
+
+// Base class
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: @well-bg;
+  border: 1px solid @well-border;
+  border-radius: @border-radius-base;
+  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+  blockquote {
+    border-color: #ddd;
+    border-color: rgba(0,0,0,.15);
+  }
+}
+
+// Sizes
+.well-lg {
+  padding: 24px;
+  border-radius: @border-radius-large;
+}
+.well-sm {
+  padding: 9px;
+  border-radius: @border-radius-small;
+}

package/src/android.js

@@ -1,15 +1,18 @@
 import Vue from 'vue'
 import AndroidApp from './AndroidApp'
 import { all } from 'vue-client'
-import apply from './apply'
 import {systemphonegrid} from 'system-phone'
-import applyAndroid from "./applyAndroid";
+import {fadadaAndroid} from 'fadada-clients'
+import applyAndroid from './applyAndroid'
 
 all()
-apply()
 applyAndroid()
 systemphonegrid()
-require('./bootstrap/less/bootstrap.less')
+fadadaAndroid()
+
+require('./android-bootstrap/less/bootstrap.less')
+require('./expandcssAndroid.less')
+
 Vue.android = true
 /* eslint-disable no-new */
 new Vue({

package/src/apply.js

@@ -1,69 +1,86 @@
-import Vue from 'vue'
-Vue.config.silent = true
-import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
-import ApplyLoadParams from './stores/ApplyLoadParams'
-/** ****************服务插件*********************/
-
-export default function () {
-  Vue.use(ApplyGetSaleParam)
-  Vue.use(ApplyLoadParams)
-/** ***************************报建模块*********************************/
-  /**  报建流程业务 **/
-  // 报建流程业务总入口
-  Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
-  // 报建流程业务总入口页面list布局
-  Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
-  // 业务tab(control层)页
-  Vue.component('service-control', (resolve) => { require(['./components/product/Process/Service/ServiceControl'], resolve) })
-  // 公共业务显示(view层)页
-  Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
-  // 显示退回理由tab页
-  Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/ShowBackReason'], resolve) })
-
-  /** 报建监控业务 **/
-  // 流程监控入口页
-  Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
-  // 流程监控列表页
-  Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
-  // 业务tab(control层)页
-  Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
-  // 流程列表页
-  Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
-
-  /** 报建功能业务 **/
-  // 报建功能业务总入口
-  Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
-  // 报建功能工程列表
-  Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
-  // 报建菜单页面控制层
-  Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
-  // 终止报建业务
-  Vue.component('stop-install', (resolve) => { require(['./components/product/Function/functions/StopInstall'], resolve) })
-  // 终止报建列表页
-  Vue.component('stop-apply-cardlist', (resolve) => { require(['./components/product/Function/StopApplyCrrdList'], resolve) })
-  // 撤销报建终止页
-  Vue.component('apply-record-cancel', (resolve) => { require(['./components/product/Function/functions/ApplyRecordCancel'], resolve) })
-
-  /** 报建收费记录 **/
-  Vue.component('apply-charge-search', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeSearch'], resolve) })
-  Vue.component('apply-charge-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeList'], resolve) })
-  Vue.component('apply-charge-report', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeReport'], resolve) })
-
-  // 地址管理
-  Vue.component('apply-address-userinfo-management', (resolve) => { require(['./components/product/Process/Processes/addressAndUserinfoManagement'], resolve) })
-  // 施工安装明细
-  Vue.component('installation-details', (resolve) => { require(['./components/product/Process/Processes/InstallationDetails'], resolve) })
-  // 收费管理
-  Vue.component('apply-charge-management', (resolve) => { require(['./components/product/Process/Processes/chargeManagement'], resolve) })
-  Vue.component('apply-print-charge', (resolve) => { require(['./components/product/Process/Processes/printCharge'], resolve) })
-  // 补充协议
-  Vue.component('supplemental-agreement', (resolve) => { require(['./components/product/Process/Processes/supplementalAgreement'], resolve) })
-  Vue.component('test', (resolve) => { require(['./components/product/Test'], resolve) })
-  // 通气点火汇总报表
-  Vue.component('gas-ignition-summary', (resolve) => { require(['./components/product/ReportForm/GasIgnitionSummary'], resolve) })
-
-  /** VueUtils **/
-  Vue.component('back-page', (resolve) => { require(['./components/product/VueUtils/ToolsPage'], resolve) })
-  Vue.component('tree2', (resolve) => { require(['./components/product/VueUtils/Tree'], resolve) })
-  Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
-}
+import Vue from 'vue'
+Vue.config.silent = true
+import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
+import ApplyLoadParams from './stores/ApplyLoadParams'
+/** ****************服务插件*********************/
+
+export default function () {
+  Vue.use(ApplyGetSaleParam)
+  Vue.use(ApplyLoadParams)
+/** ***************************报建模块*********************************/
+  /**  报建流程业务 **/
+  // 报建流程业务总入口
+  Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
+  // 报建流程业务总入口页面list布局
+  Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
+  // 业务tab(control层)页
+  Vue.component('service-control', (resolve) => { require(['./components/product/Process/Service/ServiceControl'], resolve) })
+  // 公共业务显示(view层)页
+  Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
+  Vue.component('onetomany', (resolve) => { require(['./components/product/Onetomany'], resolve) })
+  // 显示退回理由tab页
+  Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/Service/ShowBackReason'], resolve) })
+
+  /** 报建监控业务 **/
+  // 流程监控入口页
+  Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
+  // 流程监控列表页
+  Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
+  // 业务tab(control层)页
+  Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
+  // 流程列表页
+  Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
+  Vue.component('new-supervisory-chart', (resolve) => { require(['./components/product/Supervisory/NewSupervisoryhCart'], resolve) })
+
+  /** 报建功能业务 **/
+  // 报建功能业务总入口
+  Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
+  // 报建功能工程列表
+  Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
+  // 报建菜单页面控制层
+  Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
+
+  // 终止报建页面入口
+  Vue.component('stop-apply', (resolve) => { require(['./components/product/Stop/StopApply'], resolve) })
+  Vue.component('stop-apply-list', (resolve) => { require(['./components/product/Stop/StopApplyList'], resolve) })
+
+  /** 报建收费记录 **/
+  Vue.component('apply-charge-search', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeSearch'], resolve) })
+  Vue.component('apply-charge-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeList'], resolve) })
+
+  /** 打印施工通知单 **/
+  Vue.component('build-order-list', (resolve) => { require(['./components/product/Print/BuildOrder/buildOrderList'], resolve) })
+  Vue.component('print-build-order', (resolve) => { require(['./components/product/Print/BuildOrder/printBuildOrder'], resolve) })
+
+  /** 点火派单 **/
+  Vue.component('ignition-dispatch', (resolve) => { require(['./components/product/Ignition/IgnitionDispatch'], resolve) })
+  Vue.component('ignition-record', (resolve) => { require(['./components/product/Ignition/IgnitionRecord'], resolve) })
+
+  // 地址管理
+  Vue.component('apply-address-userinfo-management', (resolve) => { require(['./components/product/Process/Processes/addressAndUserinfoManagement'], resolve) })
+  // 施工安装明细
+  Vue.component('installation-details', (resolve) => { require(['./components/product/Process/Processes/InstallationDetails'], resolve) })
+  // 收费管理
+  Vue.component('apply-charge-management', (resolve) => { require(['./components/product/Process/Processes/chargeManagement'], resolve) })
+  Vue.component('exhibition-picture', (resolve) => { require(['./components/product/Process/Processes/ExhibitionPicture'], resolve) })
+
+  // 补充协议
+  Vue.component('supplemental-agreement', (resolve) => { require(['./components/product/Process/Processes/supplementalAgreement'], resolve) })
+  // 选择用户信息
+  Vue.component('select-userinfo', (resolve) => { require(['./components/product/Process/Processes/selectUserinfo'], resolve) })
+  // 选择报建项目
+  Vue.component('select-apply', (resolve) => { require(['./components/product/Process/Processes/selectApply'], resolve) })
+  // 设备管理
+  Vue.component('apply-devices-management', (resolve) => { require(['./components/product/Process/Processes/devicesManagement'], resolve) })
+  Vue.component('apply-map-com', (resolve) => { require(['./components/product/Process/Processes/ApplyMapCom'], resolve) })
+  Vue.component('apply-satisfaction-show', (resolve) => { require(['./components/product/Process/Processes/satisfactionShow.vue'], resolve) })
+  /** VueUtils **/
+  Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
+  Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/HighMeter'], resolve) })
+
+  // 对外提供单页面
+  Vue.component('public-order-apply', (resolve) => { require(['./public/order/PublicOrderApply'], resolve) })
+  Vue.component('public-history-apply', (resolve) => { require(['./public/history/PublicHistoryApply'], resolve) })
+  Vue.component('history-apply-list', (resolve) => { require(['./public/history/HistoryApplyList'], resolve) })
+  Vue.component('public-supervisoryh-cart', (resolve) => { require(['./public/history/PublicSupervisoryhCart'], resolve) })
+}

package/src/applyAndroid.js

@@ -1,39 +1,56 @@
-import Vue from 'vue'
-import { all } from 'vue-client'
-Vue.config.silent = true
-import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
-import ApplyLoadParams from './stores/ApplyLoadParams'
-/** ****************服务插件*********************/
-
-export default function () {
-  Vue.use(ApplyGetSaleParam)
-  Vue.use(ApplyLoadParams)
-/** ***************************报建模块*********************************/
-  // 报建 总入口
-  Vue.component('apply_app', (resolve) => { require(['./components/app_apply/ApplyApp'], resolve) })
-  //报建 待办流程页
-  Vue.component('placecontrolerapp', (resolve) => { require(['./components/app_apply/PlaceControler'], resolve) })
-  //报建 已办事项
-  Vue.component('applydownlist', (resolve) => { require(['./components/app_apply/ApplyDownList'], resolve) })
-  //报建 上传
-  Vue.component('applylistupload', (resolve) => { require(['./components/app_apply/ApplyListUpload'], resolve) })
-  //报建 待办事项
-  Vue.component('applytodolist', (resolve) => { require(['./components/app_apply/ApplyToDoList'], resolve) })
-  //报建 用户信息
-  Vue.component('apply-user-info', (resolve) => { require(['./components/app_apply/ApplyUserInfo'], resolve) })
-  //报建 报建流程信息
-  Vue.component('apply-info', (resolve) => { require(['./components/app_apply/ApplyInfo'], resolve) })
-  //报建 现场勘探
-  Vue.component('fieldexploration', (resolve) => { require(['./components/app_apply/FieldExploration'], resolve) })
-  //报建 竣工验收
-  Vue.component('acceptance', (resolve) => { require(['./components/app_apply/Acceptance'], resolve) })
-  //报建 通气点火
-  Vue.component('ventilation', (resolve) => { require(['./components/app_apply/Ventilation'], resolve) })
-
-  Vue.component('back-page', (resolve) => { require(['./components/app_apply/ToolsPage.vue'], resolve) })
-
-  // 业务tab(control层)页
-  Vue.component('service-control-app', (resolve) => { require(['./components/app_apply/ServiceControl'], resolve) })
-  // 公共业务显示(view层)页
-  Vue.component('service-view-app', (resolve) => { require(['./components/app_apply/ServiceView'], resolve) })
-}
+import Vue from 'vue'
+import { all } from 'vue-client'
+Vue.config.silent = true
+import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
+import ApplyLoadParams from './stores/ApplyLoadParams'
+/** ****************服务插件*********************/
+
+export default function () {
+  Vue.use(ApplyGetSaleParam)
+  Vue.use(ApplyLoadParams)
+  /** ***************************报建模块*********************************/
+  // 报建待办 总入口
+  Vue.component('app-exploration-user', (resolve) => { require(['./components/android/Process/AppExplorationUser'], resolve) })
+  Vue.component('app-service-control', (resolve) => { require(['./components/android/Process/AppServiceControl'], resolve) })
+
+  // 流程监控
+  Vue.component('app-process-supervisory', (resolve) => { require(['./components/android/Supervisory/AppProcessSupervisory'], resolve) })
+  Vue.component('app-supervisory-cart', (resolve) => { require(['./components/android/Supervisory/AppSupervisoryCart'], resolve) })
+
+  // 通用组件
+  Vue.component('app-take-pic', (resolve) => { require(['./components/android/AppTakePic'], resolve) })
+  Vue.component('app-service-view', (resolve) => { require(['./components/android/AppServiceView'], resolve) })
+  Vue.component('app-onetomany', (resolve) => { require(['./components/android/AppOnetomany'], resolve) })
+  Vue.component('task-graph', (resolve) => { require(['./components/android/TaskGraph'], resolve) })
+  Vue.component('app-sign', (resolve) => { require(['./components/android/AppSign'], resolve) })
+  Vue.component('app-upload', (resolve) => { require(['./components/android/AppUpload'], resolve) })
+
+  // 地图任务
+  // 现场勘察
+  Vue.component('survey-tsak', (resolve) => { require(['./components/android/Task/Survey/SurveyTsak'], resolve) })
+  // 工程施工
+  Vue.component('build-tsak', (resolve) => { require(['./components/android/Task/Build/BuildTsak'], resolve) })
+  // 工程派工
+  Vue.component('upbuild-tsak', (resolve) => { require(['./components/android/Task/UpBuild/UpBuildTsak'], resolve) })
+
+  Vue.component('app-installation-details', (resolve) => { require(['./components/android/Process/Processes/AppInstallationDetails'], resolve) })
+  Vue.component('app-devices-management', (resolve) => { require(['./components/android/Process/Processes/AppDevicesManagement'], resolve) })
+  Vue.component('survey-user-sign', (resolve) => { require(['./components/android/Process/Processes/SurveyUserSign'], resolve) })
+
+  // 通气点火
+  Vue.component('ventilation-ignition', (resolve) => { require(['./components/android/Ignition/VentilationIgnition'], resolve) })
+  Vue.component('ventilation-ignition-handle', (resolve) => { require(['./components/android/Ignition/VentilationIgnitionHandle'], resolve) })
+
+  // 签字
+  Vue.component('app-sign-task', (resolve) => { require(['./components/android/Sign/AppSignTask'], resolve) })
+  Vue.component('sign-process', (resolve) => { require(['./components/android/Sign/SignProcess'], resolve) })
+
+  // 出具设计图纸
+  Vue.component('design-rawings', (resolve) => { require(['./components/android/newPackage/designDrawings'], resolve) })
+  // 工程报价
+  Vue.component('project-Price', (resolve) => { require(['./components/android/newPackage/projectPrice'], resolve) })
+  // 客服管理
+  Vue.component('customer-manager', (resolve) => { require(['./components/android/newPackage/customerServiceManager'], resolve) })
+  // 详细数据
+  Vue.component('detailed-data', (resolve) => { require(['./components/android/newPackage/detailedData'], resolve) })
+}

package/src/components/android/AppOnetomany.vue

@@ -0,0 +1,301 @@
+<template>
+  <div>
+    <div class="col-sm-12 col-xs-12 form-group app-btn">
+      <button
+        :class="onetomany.add.class || 'btn btn-info'"
+        @click.prevent="openAdd()"
+        v-if="!onetomany.add.hidden"
+        :style="onetomany.add.style || ''">
+          {{ onetomany.add.text || '添加'}}
+      </button>
+    </div>
+    <div class="col-sm-12 col-xs-12">
+      <list :model="onetomany" partial='list'>
+        <div partial class="auto app-text panel">
+          <div class="panel-body panel-self">
+            <div class="row" v-for="field in $parent.$parent.onetomany.fields" v-if="!field.displayPosition || field.displayPosition === 'list'">
+              <p class="col-xs-3 text-left font label-justify"><b>{{ field.label }}</b></p>
+              <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row[field.field] }}</p>
+            </div>
+            <div class="row text-right" v-if="!$parent.$parent.onetomany.hiddenOperate">
+              <button
+                :class="$parent.$parent.onetomany.update.style || 'btn btn-warning'"
+                @click.prevent="$parent.$parent.openUpdate($index)"
+                v-if="!$parent.$parent.onetomany.update.hidden"
+                :style="$parent.$parent.onetomany.update.style || ''">
+                {{ $parent.$parent.onetomany.update.text || '修改'}}
+              </button>
+              <button
+                :class="$parent.$parent.onetomany.delete.style || 'btn btn-danger'"
+                @click.prevent="$parent.$parent.openDelete($index)"
+                v-if="!$parent.$parent.onetomany.delete.hidden"
+                :style="$parent.$parent.onetomany.delete.style || ''">
+                {{ $parent.$parent.onetomany.delete.text || '删除'}}
+              </button>
+            </div>
+          </div>
+        </div>
+      </list>
+    </div>
+
+
+    <!-- onetomany模态框 -->
+    <modal v-if="showModal" :show.sync="showModal" backdrop="false" :large="onetomany.modalSize === 'large' ? true : false" :small="onetomany.modalSize === 'small' ? true : false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeModal()"><span>&times;</span></button>
+        <span class="modal-title"><font
+          size="3">{{modelTitle}}</font></span>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div v-for="(index,item) in onetomany.fields">
+          <!--input-->
+          <div :style="item.style ? item.style : ''"
+               v-if="(item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email') && !item.hidden && (item.device === 'app' || !item.device)"
+               :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped ? item.bootstraped + ' form-group app-input':'col-xs-12 form-group app-input']">
+            <label class="control-label-justify">{{item.label}}</label>
+            <div :style="item.value_style ? item.value_style:''"
+                 :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
+              <input class="" style="width: 100%"
+                     :type="item.type"
+                     v-model="onetomany.fields[index].value"
+                     :placeholder="item.placeholder"
+                     :value="onetomany.fields[index].value"
+                     :readonly="item.readonly"
+                     :disabled="item.disabled"
+                     @change="onchange(index)"
+                     @blur="onblur(index)"
+                     @input="oninput(index)"
+              />
+            </div>
+          </div>
+
+          <!--select-->
+          <div :style="item.style ? item.style : ''"
+               v-if="item.type==='select' && !item.hidden  && (item.device === 'app' || !item.device)"
+               :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped ? item.bootstraped + ' form-group app-input':'col-xs-12 form-group app-input']">
+            <label class="control-label-justify">{{item.label}}</label>
+            <div :style="item.value_style ? item.value_style:''"
+                 :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
+              <v-select
+                class="select" width="100%" align="right"
+                :placeholder="item.placeholder"
+                :search="item.search"
+                close-on-select value-single
+                :options="item.options"
+                v-model="onetomany.fields[index].value"
+                :value.sync="onetomany.fields[index].value"
+                :readonly="item.readonly"
+                :disabled="item.disabled"
+                @blur="onblur(index)"
+                @change="onchange(index)"
+              ></v-select>
+            </div>
+          </div>
+
+          <!--时间datepicker-->
+          <div :style="item.style ? item.style : ''"
+               v-if="item.type==='datepicker' && !item.hidden  && (item.device === 'app' || !item.device)"
+               :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped ? item.bootstraped+' form-group app-input':'col-xs-12 form-group app-input']">
+            <label class="control-label-justify">{{item.label}}</label>
+            <div :style="item.value_style ? item.value_style:''"
+                 :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
+              <datepicker
+                :placeholder="item.placeholder"
+                :value.sync="onetomany.fields[index].value"
+                :format="item.format ? item.format : 'yyyy-MM-dd'"
+                v-model="onetomany.fields[index].value"
+                :readonly="item.readonly"
+                :disabled="item.disabled"
+                @change="onchange(index)"
+                @blur="onblur(index)"
+                :show-reset-button="true">
+              </datepicker>
+            </div>
+          </div>
+
+          <!--textarea-->
+          <div :style="item.style ? item.style : ''"
+               v-if="item.type==='textarea' && !item.hidden  && (item.device === 'app' || !item.device)"
+               :class="[item.required && !(item.value) ? 'apply-has-error' : '', item.bootstraped?item.bootstraped+' form-group app-input':'col-xs-12 form-group app-input']">
+            <label class="control-label-justify">{{item.label}}</label>
+            <div :style="item.value_style ? item.value_style:''"
+                 :class="item.value_bootstraped ? item.value_bootstraped : 'col-xs-8'">
+              <textarea
+                :readonly="item.readonly"
+                :disabled="item.disabled"
+                class="" rows="1"
+                style="width: 100%;height: 100%"
+                v-model="onetomany.fields[index].value"
+                :value="onetomany.fields[index].value"
+                @change="onchange(index)"
+                @blur="onblur(index)"
+                @input="oninput(index)"
+              ></textarea>
+            </div>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button :class="disableButton?'btn btn-default':'btn btn-primary'"
+                :disabled="disableButton" type="button" @click.prevent="confirmModal()">
+          确认
+        </button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import {guid, toStandardTimeString} from '../Util'
+import Vue from 'vue'
+export default {
+  title: 'onetomany',
+  props: ['onetomany', 'index'],
+  data () {
+    return {
+      showModal: false,
+      disableButton: true,
+      modelTitle: null,
+      rowIndex: null
+    }
+  },
+  ready () {
+  },
+  methods: {
+    confirmModal () {
+      if (this.modelTitle === '新增') {
+        if (this.onetomany.add.event) {
+          this.$dispatch(this.onetomany.add.event, this.index)
+        } else {
+          this.$dispatch('onetomanyadd', this.index)
+        }
+      }
+      if (this.modelTitle === '修改') {
+        if (this.onetomany.update.event) {
+          this.$dispatch(this.onetomany.update.event, this.index, this.rowIndex)
+        } else {
+          this.$dispatch('onetomanyupdate', this.index, this.rowIndex)
+        }
+      }
+
+      this.closeModal()
+    },
+    onchange (fieldIndex) {
+      this.disableModalButton()
+      if (this.onetomany.fields[fieldIndex].onchange) {
+        this.$dispatch(this.onetomany.fields[fieldIndex].onchange, this.index, fieldIndex)
+      } else {
+        this.$dispatch('onchangeModal', this.index, fieldIndex)
+      }
+    },
+    onblur (fieldIndex) {
+      this.disableModalButton()
+      if (this.onetomany.fields[fieldIndex].onblur) {
+        this.$dispatch(this.onetomany.fields[fieldIndex].onblur, this.index, fieldIndex)
+      } else {
+        this.$dispatch('onblurModal', this.index, fieldIndex)
+      }
+    },
+    oninput (fieldIndex) {
+      this.disableModalButton()
+      if (this.onetomany.fields[fieldIndex].oninput) {
+        this.$dispatch(this.onetomany.fields[fieldIndex].oninput, this.index, fieldIndex)
+      } else {
+        this.$dispatch('oninputModal', this.index, fieldIndex)
+      }
+    },
+    openDelete (rowIndex) {
+      this.$showMessage(this.onetomany.delete.message ? this.onetomany.delete.message : '您确定要删除这条记录吗？', ['confirm']).then((res) => {
+        if (res === 'confirm') {
+          if (this.onetomany.delete.event) {
+            this.$dispatch(this.onetomany.delete.event, this.index, rowIndex)
+          } else {
+            this.$dispatch('onetomanydelete', this.index, rowIndex)
+          }
+        }
+      })
+    },
+    // 修改
+    openUpdate (rowIndex) {
+      let row = this.onetomany.rows[rowIndex]
+      for (const item of this.onetomany.fields) {
+        item.value = row[item.field]
+      }
+
+      this.disableModalButton()
+
+      this.modelTitle = '修改'
+      this.rowIndex = rowIndex
+
+      if (this.onetomany.update.openEvent) {
+        this.$dispatch(this.onetomany.update.openEvent, this.index, this.rowIndex)
+      }
+      this.$dispatch('openUpdateModel', this.index, this.rowIndex)
+
+      this.showModal = true
+    },
+    openAdd () {
+      this.disableModalButton()
+      this.modelTitle = '新增'
+
+      if (this.onetomany.add.openEvent) {
+        this.$dispatch(this.onetomany.add.openEvent, this.index)
+      }
+      this.$dispatch('openAddModel', this.index)
+
+      this.showModal = true
+    },
+    closeModal () {
+      this.showModal = false
+      this.disableButton = false
+      this.modelTitle = null
+      this.rowIndex = null
+
+      for (const item of this.onetomany.fields) {
+        item.value = null
+      }
+    },
+    // 是否禁用按钮
+    disableModalButton () {
+      let flag = false
+
+      for (const field of this.onetomany.fields) {
+        if (field.required && !field.value && !field.hidden && field.value !== 0) {
+          flag = true
+        }
+      }
+
+      this.disableButton = flag
+    }
+  },
+  computed: {
+  },
+  events: {
+  }
+}
+</script>
+
+<style scoped>
+.control-label-justify {
+  width: 30%;
+  text-align: justify;
+  text-align-last: justify;
+  font-family: PingFang-SC-Bold;
+  float: left;
+}
+.label-justify {
+  text-align: justify;
+  text-align-last: justify;
+  float: left;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+</style>