apply-clients 7.1.35 → 7.1.36-1

package/src/components/product/List/ShowDevices.vue

@@ -0,0 +1,277 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+          <div class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">报建编号：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_apply_num"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="u.f_apply_num like '%{}%'"
+                       placeholder='报建编号'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">用户名称：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_user_name"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="u.f_user_name like '%{}%'"
+                       placeholder='用户名称'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">合同编号：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_contract_number"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="(u.f_contract_number like '%{}%' or u.f_entrust_contract_number like '%{}%' )"
+                       placeholder='合同编号'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">电&emsp;&emsp;话：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_phone"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="u.f_phone like '%{}%'"
+                       placeholder='电话'>
+              </div>
+              <div class="form-group col-sm-3 button-range">
+                <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+                <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
+                <export-excel :data="$parent.$parent.getCondition"
+                              :field="$parent.$parent.getfield"
+                              sqlurl="rs/logic/applyExportfile"
+                              sql-name="getApplyDevices"
+                              template-name='设备记录信息导出'
+                              :choose-col="true"></export-excel>
+                <div
+                  :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                  @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                  class="button_spacing"
+                  style="float: right">
+                </div>
+              </div>
+            </div>
+            <div class="row" v-show="$parent.$parent.criteriaShow">
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">报建类型：</label>
+                <v-select
+                  v-model="model.f_apply_type"
+                  placeholder='请选择'
+                  condition="u.f_apply_type = '{}'"
+                  :value.sync="model.f_apply_type"
+                  :options='$parent.$parent.applytype'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select></v-select>
+              </div>
+              <div class="form-group col-sm-2">
+                <label for="startDate" class="font_normal_body">开始时间：</label>
+                <datepicker id="startDate" placeholder="开始日期"
+                            style="width: 60%!important;"
+                            v-model="model.startDate"
+                            :value.sync="model.startDate"
+                            :format="'yyyy-MM-dd 00:00:00'"
+                            :show-reset-button="true"
+                            condition="ct.f_create_date >= '{}'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-2">
+                <label for="endDate" class="font_normal_body">结束时间：</label>
+                <datepicker id="endDate" placeholder="结束日期"
+                            style="width: 60%!important;"
+                            v-model="model.endDate"
+                            :value.sync="model.endDate"
+                            :format="'yyyy-MM-dd 23:59:59'"
+                            :sho w-reset-button="true"
+                            condition="ct.f_create_date <= '{}'">
+                </datepicker>
+              </div>
+            </div>
+          </div>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+          <template partial='head'>
+            <tr>
+              <th style="white-space: nowrap;">序号</th>
+              <th style="white-space: nowrap;">用户名称</th>
+              <th style="white-space: nowrap;">电话</th>
+              <th style="white-space: nowrap;">施工合同编号</th>
+              <th style="white-space: nowrap;">供气合同编号</th>
+              <th style="white-space: nowrap;">火眼</th>
+              <th style="white-space: nowrap;">小火眼</th>
+              <th style="white-space: nowrap;">壁挂炉</th>
+              <th style="white-space: nowrap;">家用灶</th>
+              <th style="white-space: nowrap;">热水器</th>
+              <th style="white-space: nowrap;">采暖炉</th>
+              <th style="white-space: nowrap;">茶水炉</th>
+              <th style="white-space: nowrap;">蒸车</th>
+              <th style="white-space: nowrap;">蒸汽发生器</th>
+              <th style="white-space: nowrap;">灶具</th>
+              <th style="white-space: nowrap;">压缩机</th>
+              <th style="white-space: nowrap;">模块炉</th>
+              <th style="white-space: nowrap;">单位(KW)</th>
+              <th style="white-space: nowrap;">锅炉单位(MW)</th>
+              <th style="white-space: nowrap;">锅炉吨位(T)</th>
+              <th style="white-space: nowrap;">合同状态</th>
+              <th style="white-space: nowrap;">报建编号</th>
+              <th style="white-space: nowrap;">报建类型</th>
+              <th style="white-space: nowrap;">报建性质</th>
+              <th style="white-space: nowrap;">安装处数</th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td style="text-align: center;">
+                <nobr><font>{{ $index + 1 }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_user_name }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_phone }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_entrust_contract_number }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_contract_number }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.huoyan }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.xiaohuoyan }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.bigualu }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.jiayongzao }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.reshuiqi }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.cainuanlu }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.chashuilu }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.zhengche }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.zhengqifashengqi }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.zaoju }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.yasuoji }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.mokuailu }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.danweikw }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.danweimw }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.dunwei }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_contract_state }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_apply_num }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_apply_type }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.f_apply_nature }}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{ row.count }}</font></nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+  </div>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from '../../Util'
+
+export default {
+  title: '报建设备列表',
+  data () {
+    return {
+      model: new PagedList('rs/sql/getApplyDevices', 30, {
+        data: {
+          f_filiale: this.$login.f.f_fengongsi
+        }
+      }),
+      applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
+      criteriaShow: false,
+      getfield: {
+        'f_apply_num': ' 报 建 编 号 ',
+        'f_user_name': ' 用 户 名 称 ',
+        'f_phone': '  电      话  ',
+        'f_entrust_contract_number': ' 委托合同编号 ',
+        'f_contract_number': ' 供用气合同编号 ',
+        'f_contract_state': ' 合同状态 ',
+        'f_due_money': ' 合同金额 ',
+        'f_charge_date': ' 收费日期 ',
+        'f_apply_type': ' 报 建 类 型 ',
+        'f_apply_nature': ' 报建性质 ',
+        'count': ' 安装处数 ',
+        'huoyan': ' 火眼 ',
+        'xiaohuoyan': ' 小火眼 ',
+        'bigualu': ' 壁挂炉 ',
+        'jiayongzao': ' 家用灶 ',
+        'reshuiqi': ' 热水器 ',
+        'cainuanlu': ' 采暖炉 ',
+        'chashuilu': ' 茶水炉 ',
+        'zhengche': ' 蒸车 ',
+        'zhengqifashengqi': ' 蒸汽发生器 ',
+        'zaoju': ' 灶具 ',
+        'yasuoji': ' 压缩机 ',
+        'mokuailu': ' 模块炉 ',
+        'danweikw': ' 锅炉单位(KW) ',
+        'danweimw': ' 锅炉单位(MW) ',
+        'dunwei': ' 锅炉吨位(T) '
+      }
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search()
+  },
+  methods: {
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = []
+      })
+    },
+    // 查询
+    search () {
+      this.$refs.cp.$refs.cri.search()
+    }
+  },
+  computed: {
+    getCondition () {
+      return {
+        condition: this.$refs.cp.$refs.cri.condition,
+        data: {
+          f_filiale: this.$login.f.f_fengongsi
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

package/src/components/product/Onetomany.vue

@@ -0,0 +1,377 @@
+<template>
+  <div>
+    <data-grid :model="onetomany" class="list_area table_sy">
+      <template partial='head'>
+        <tr>
+          <th style="white-space: nowrap;">序号</th>
+          <th v-for="field in $parent.$parent.onetomany.fields" v-if="!field.displayPosition || field.displayPosition === 'list'">
+            <nobr>{{field.label}}</nobr>
+          </th>
+          <th v-if="!$parent.$parent.onetomany.hiddenOperate">
+            <button :style="$parent.$parent.onetomany.add.style"
+                    :class="$parent.$parent.onetomany.add.class ? $parent.$parent.onetomany.add.class + ' button_spacing' : 'button_new button_spacing'"
+                    v-if="!$parent.$parent.onetomany.add.hidden"
+                    @click.prevent="$parent.$parent.openAdd()" >
+              {{ $parent.$parent.onetomany.add.text || '添加' }}
+            </button>
+            <button :style="$parent.$parent.onetomany.import.style"
+                    :class="$parent.$parent.onetomany.import.class ? $parent.$parent.onetomany.import.class + ' button_spacing' : 'button_export button_spacing'"
+                    v-if="!$parent.$parent.onetomany.import.hidden"
+                    @click.prevent="$parent.$parent.showFile = !$parent.$parent.showFile" >
+              {{ $parent.$parent.onetomany.import.text || '导入' }}
+            </button>
+            <a type="button" style="text-decoration: none"
+               class="button_export button_spacing"
+               v-if="$parent.$parent.onetomany.import.templateUrl"
+               :href="$parent.$parent.onetomany.import.templateUrl" download>模板下载</a>
+            <export-excel
+              v-if="!$parent.$parent.onetomany.export.hidden"
+              :data="$parent.$parent.getCondition"
+              :field="$parent.$parent.getField"
+              sqlurl="rs/logic/applyExportfile"
+              :sql-name="$parent.$parent.onetomany.export.sqlName || 'applySingleTable'"
+              :template-name="$parent.$parent.onetomany.export.templateName || '导出明细'"
+              :btn-name="$parent.$parent.onetomany.export.butName || '导出'"
+              :choose-col="true"></export-excel>
+          </th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr>
+          <td style="text-align: center">
+            <nobr><font>{{$index+1}}</font></nobr>
+          </td>
+          <td class="text-center" style="text-align: center" v-for="key in $parent.$parent.onetomany.fields"  v-if="!key.displayPosition || key.displayPosition === 'list'">
+            {{row[key.field]}}
+          </td>
+          <td style="text-align: center" v-if="!$parent.$parent.onetomany.hiddenOperate">
+            <button :style="$parent.$parent.onetomany.update.style"
+                    :class="$parent.$parent.onetomany.update.class ? $parent.$parent.onetomany.update.class + ' button_spacing' : 'button_search button_spacing'"
+                    v-if="!$parent.$parent.onetomany.update.hidden"
+                    @click.prevent="$parent.$parent.openUpdate($index)" >
+              {{ $parent.$parent.onetomany.update.text || '修改' }}
+            </button>
+            <button :style="$parent.$parent.onetomany.delete.style"
+                    :class="$parent.$parent.onetomany.delete.class ? $parent.$parent.onetomany.delete.class + ' button_spacing' : 'button_delete button_spacing'"
+                    v-if="!$parent.$parent.onetomany.delete.hidden"
+                    @click.prevent="$parent.$parent.openDelete($index)" >
+              {{ $parent.$parent.onetomany.delete.text || '删除' }}
+            </button>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+
+    <!-- onetomany模态框 -->
+    <modal v-if="showModal" :show.sync="showModal" backdrop="false" large>
+      <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 class="form-group" style="padding: 0 150px">
+          <div v-for="(index,item) in onetomany.fields">
+            <div :style="item.style ? item.style : ''" :class="[item.required && !(item.value) ? 'has-error' : '', item.bootstraped ? item.bootstraped + ' form-group' : 'form-group']"
+                 v-if="(item.type==='input' || item.type==='number'||item.type === 'tel'||item.type === 'email') && !item.hidden && (item.device === 'pc' || !item.device)">
+              <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-9'">
+                <input class="form-control input_view"
+                       :placeholder="item.placeholder"
+                       :type="item.type"
+                       v-model="item.value"
+                       :value="item.value"
+                       :readonly="item.readonly"
+                       :disabled="item.disabled"
+                       @change="onchange(index)"
+                       @blur="onblur(index)"
+                       @input="oninput(index)"
+                />
+              </div>
+            </div>
+
+            <!--时间datepicker-->
+            <div :style="item.style ? item.style : ''" :class="[item.required && !(item.value) ? 'has-error' : '', item.bootstraped ? item.bootstraped + ' form-group':'form-group']"
+                 v-if="item.type==='datepicker' && !item.hidden && (item.device === 'pc' || !item.device)">
+              <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-9'">
+                <datepicker
+                  :placeholder="item.placeholder"
+                  :value.sync="item.value"
+                  v-model="item.value"
+                  :readonly="item.readonly"
+                  :disabled="item.disabled"
+                  :format="item.format ? item.format : 'yyyy-MM-dd'"
+                  :show-reset-button="true"
+                  @change="onchange(index)"
+                  @blur="onblur(index)"
+                ></datepicker>
+              </div>
+            </div>
+
+            <!--select-->
+            <div :style="item.style ? item.style : ''" :class="[item.required && !(item.value) ? 'has-error' : '', item.bootstraped ? item.bootstraped + ' form-group':'form-group']"
+                 v-if="item.type==='select' && !item.hidden && (item.device === 'pc' || !item.device)">
+              <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-9'">
+                <input-select
+                  class="select select_list"
+                  :value.sync="item.value"
+                  v-model="item.value"
+                  :options='item.options'
+                  :readonly="item.readonly"
+                  :disable="item.disabled"
+                  :valueSingle="true"
+                  @blur="onblur(index)"
+                  @change="onchange(index)"
+                ></input-select>
+              </div>
+            </div>
+
+            <!--textarea-->
+            <div :style="item.style ? item.style : ''" :class="[item.required && !(item.value) ? 'has-error' : '', item.bootstraped ? item.bootstraped + ' form-group':'form-group']"
+                 v-if="item.type==='textarea' && !item.hidden && (item.device === 'pc' || !item.device)">
+              <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-9'">
+                <textarea
+                  class="form-control input_view"
+                  style="width: 100%;height: 100%"
+                  v-model="item.value"
+                  :value="item.value"
+                  :rows="item.rows"
+                  :readonly="item.readonly"
+                  :disabled="item.disabled"
+                  @change="onchange(index)"
+                  @blur="onblur(index)"
+                  @input="oninput(index)"
+                ></textarea>
+              </div>
+            </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="confirmModal()">
+          确认
+        </button>
+      </footer>
+    </modal>
+
+    <modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeFile()"><span>&times;</span></button>
+        <h4 class="modal-title">选择文件</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="form-group">
+          <file-upload class="my-file-uploader" action="rs/file/uploadFile" tagname="确定" v-ref:file></file-upload>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer"></footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import Vue from 'vue'
+export default {
+  title: 'onetomany',
+  props: {
+    selectdata: {
+      type: Object
+    },
+    onetomany: {
+      type: Object
+    },
+    index: {
+      type: Number
+    }
+  },
+  data () {
+    return {
+      disableButton: false,
+      showModal: false,
+      modelTitle: null,
+      rowIndex: null,
+      showFile: false
+    }
+  },
+  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
+    },
+    // 关闭文件上传对话框
+    closeFile () {
+      this.showFile = false
+      // 将选的文件清空
+      this.$refs.file.$el.querySelector('input').value = ''
+    }
+  },
+  computed: {
+    getField () {
+      if (this.onetomany.export.fields) {
+        return this.onetomany.export.fields
+      }
+      let field = {}
+      for (const item of this.onetomany.fields) {
+        if (item.displayPosition === 'form' || !item.displayPosition) {
+          field[item.field] = item.label
+        }
+      }
+      return field
+    },
+    getCondition () {
+      if (this.onetomany.export.condition) {
+        return this.onetomany.export.condition
+      }
+      return {
+        tablename: this.onetomany.tables[0],
+        condition: `f_process_id='${this.selectdata.f_process_id}'`
+      }
+    }
+  },
+  events: {
+    async 'onFileUpload'(file, result) {
+      if (this.onetomany.import.event) {
+        this.$dispatch(this.onetomany.import.event, this.index, this.onetomany.tables[0], this.onetomany.import.configName, result.f_downloadpath)
+      } else {
+        this.$dispatch('importEvent', this.index, this.onetomany.tables[0], this.onetomany.import.configName, result.f_downloadpath)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.control-label-justify {
+  display: inline-block;
+  vertical-align: top;
+  width: 110px;
+  text-align: justify;
+  font-family: PingFang-SC-Bold;
+}
+
+.control-label-justify::after {
+  content: "";
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  height: 0;
+}
+
+</style>