apply-clients 3.2.30-13 → 3.2.30-14

package/index.html

@@ -6,7 +6,7 @@
   <META HTTP-EQUIV="pragma" CONTENT="no-cache">
   <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
   <META HTTP-EQUIV="expires" CONTENT="0">
-  <title>榆林榆川燃气</title>
+  <title>报建系统</title>
   <script  src="https://webapi.amap.com/maps?v=1.4.2&key=4889f1e58df01cb40415536c8907bf64"></script>
   <!--引入UI组件库（1.1版本） -->
   <script src="https://webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apply-clients",
-  "version": "3.2.30-13",
+  "version": "3.2.30-14",
   "description": "报建前端模块",
   "main": "src/index.js",
   "directories": {
@@ -29,13 +29,12 @@
   "dependencies": {
     "@logicflow/core": "^0.4.3",
     "co": "4.6.0",
-    "install": "^0.13.0",
     "jsencrypt": "^3.0.0-rc.1",
     "less": "^2.7.1",
     "less-loader": "^2.2.3",
     "lib-flexible": "^0.3.2",
-    "npm": "^8.0.0",
     "px2rem-loader": "^0.1.9",
+    "qrcodejs2": "0.0.2",
     "vue": "^1.0.17",
     "vue-bubble": "^1.0.3"
   },
@@ -94,9 +93,9 @@
     "style": "0.0.3",
     "style-loader": "^0.20.3",
     "system-clients": "3.1.87",
-    "system-phone": "1.1.18",
+    "system-phone": "1.2.80-49",
     "url-loader": "^0.5.7",
-    "vue-client": "1.24.22",
+    "vue-client": "1.24.33",
     "vue-hot-reload-api": "^1.2.0",
     "vue-html-loader": "^1.0.0",
     "vue-loader": "^8.2.1",

package/src/AndroidApp.vue

@@ -4,8 +4,8 @@
     <article>
 <!--      <route :comp="{name: 'login-app'}" name="root"></route>-->
 <!--      <route :comp="{name: 'apply-reserve'}" name="root"></route>-->
-<!--      <route :comp="{name: 'task-graph'}" name="root"></route>-->
-      <route :comp="{name: 'app-exploration-user'}" name="root"></route>
+      <route :comp="{name: 'survey-tsak'}" name="root"></route>
+<!--      <route :comp="{name: 'app-exploration-user'}" name="root"></route>-->
     </article>
     <time-out></time-out>
     <message-box>

package/src/apply.js

@@ -1,86 +1,81 @@
-import Vue from 'vue'
-Vue.config.silent = true
-import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
-import ApplyLoadParams from './stores/ApplyLoadParams'
-/** ****************服务插件*********************/
-
-export default function (filiale) {
-  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/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('order-apply', (resolve) => { require(['./components/product/Order/OrderApply'], resolve) })
-  Vue.component('order-apply-list', (resolve) => { require(['./components/product/Order/OrderApplyList'], resolve) })
-  Vue.component('order-message', (resolve) => { require(['./components/product/Order/OrderMessage'], 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('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-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) })
-
-  /** 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) })
-
-  if (filiale) {
-    let filialeComp = require(`./filiale/${filiale}/pc`).specialComp
-    for (let key in filialeComp) {
-      Vue.component(key, filialeComp[key])
-    }
-  }
-}
+import Vue from 'vue'
+Vue.config.silent = true
+import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
+import ApplyLoadParams from './stores/ApplyLoadParams'
+/** ****************服务插件*********************/
+
+export default function (filiale) {
+  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('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('order-apply', (resolve) => { require(['./components/product/Order/OrderApply'], resolve) })
+  Vue.component('order-apply-list', (resolve) => { require(['./components/product/Order/OrderApplyList'], resolve) })
+  Vue.component('order-message', (resolve) => { require(['./components/product/Order/OrderMessage'], 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('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('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) })
+
+  /** VueUtils **/
+  Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
+  Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/HighMeter'], resolve) })
+
+  if (filiale) {
+    let filialeComp = require(`./filiale/${filiale}/pc`).specialComp
+    for (let key in filialeComp) {
+      Vue.component(key, filialeComp[key])
+    }
+  }
+}

package/src/applyAndroid.js

@@ -18,6 +18,7 @@ export default function (filiale) {
   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-installation-details', (resolve) => { require(['./components/android/Process/Processes/AppInstallationDetails'], resolve) })
 

package/src/components/android/AppOnetomany.vue

@@ -1,26 +1,147 @@
 <template>
   <div>
-    <div class="row" v-if="!onetomany.hiddenOperate">
-      <button class="btn btn-primary" @click.prevent="add()" v-if="!onetomany.addHidden" :style="onetomany.addStyle">{{ onetomany.addText === 'default' || !onetomany.addText ? '添加' : onetomany.addText }}</button>
+    <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>
-    <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.model.fields" v-if="!field.displayPosition || field.displayPosition === '*' || field.displayPosition === 'list'">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">{{ field.label }}</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row[field.field] }}</p>
+    <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 class="row text-right" v-if="!$parent.$parent.onetomany.hiddenOperate">
-            <button class="btn btn-warning" @click.prevent="$parent.$parent.update($index)" v-if="!$parent.$parent.onetomany.updateHidden">
-              {{ $parent.$parent.onetomany.updateText === 'default' || !$parent.$parent.onetomany.updateText ? '修改' : $parent.$parent.onetomany.updateText }}
-            </button>
-            <button class="btn btn-danger" @click.prevent="$parent.$parent.delete($index)" v-if="!$parent.$parent.onetomany.deleteHidden">
-              {{ $parent.$parent.onetomany.deleteText === 'default' || !$parent.$parent.onetomany.deleteText ? '删除' : $parent.$parent.onetomany.deleteText }}
-            </button>
+        </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>
-      </div>
-    </list>
+      </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>
 
@@ -33,19 +154,119 @@ export default {
   props: ['onetomany', 'index'],
   data () {
     return {
+      showModal: false,
+      disableButton: true,
+      modelTitle: null,
+      rowIndex: null
     }
   },
   ready () {
   },
   methods: {
-    add () {
-      this.$dispatch('add', this.index)
+    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)
+      }
     },
-    update (i) {
-      this.$dispatch('update', this.index, i)
+    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)
+      }
     },
-    delete (i) {
-      this.$dispatch('delete', this.index, i)
+    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: {
@@ -57,22 +278,16 @@ export default {
 
 <style scoped>
 .control-label-justify {
-  display: inline-block;
-  vertical-align: top;
-  width: 100%;
+  width: 30%;
   text-align: justify;
+  text-align-last: justify;
   font-family: PingFang-SC-Bold;
+  float: left;
 }
-
-.control-label-justify::after {
-  content: "";
-  display: inline-block;
-  width: 100%;
-  overflow: hidden;
-  height: 0;
-}
-.app-text {
-  font-size: 12px;
+.label-justify {
+  text-align: justify;
+  text-align-last: justify;
+  float: left;
 }
 .panel-self{
   border-radius: 10px;
@@ -83,8 +298,4 @@ export default {
   font: 15px PingFang-SC-Medium;
   color: #666666;
 }
-.input-font{
-  font: 15px PingFang-SC-Medium;
-  color: #333333;
-}
 </style>