apply-clients 3.2.41 → 3.2.50

package/src/components/product/Ledger/ContractManagement/PurchaseContract/PurchaseContractInformation.vue

@@ -1,682 +1,715 @@
-<template>
-  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
-    <validator name="v">
-      <form class="form-horizontal">
-        <div class="form-group">
-          <div class="col-sm-4 form-group item" :class="[$v.f_contract_number.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">合同编号</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" style=""
-                     type="text"
-                     :readonly="type !== 'add'"
-                     v-validate:f_contract_number = "['required']"
-                     @change="getContractByNumber()"
-                     v-model="contract.f_contract_number"
-                     :value="contract.f_contract_number"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_supplier.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">供方单位</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_supplier" v-validate:f_supplier = "['required']" v-show="false">
-              <input-select
-                class="select select_list"
-                :disable="type !== 'add'"
-                :value.sync="contract.f_supplier"
-                v-model="contract.f_supplier"
-                :options="supplier"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_contact_person.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">联系人</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_contact_person" v-validate:f_contact_person = "['required']" v-show="false">
-              <input-select
-                class="select select_list"
-                :disable="type !== 'add'"
-                :value.sync="contract.f_contact_person"
-                v-model="contract.f_contact_person"
-                :options="f_contact_person"
-                :valueSingle="true">
-              </input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_tel.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">电话</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_tel" v-validate:f_tel = "['required']" v-show="false">
-              <input-select
-                class="select select_list"
-                :disable="type !== 'add'"
-                :value.sync="contract.f_tel"
-                v-model="contract.f_tel"
-                :options="tel"
-                :valueSingle="true">
-              </input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_contract_nature.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">合同性质</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_contract_nature" v-validate:f_contract_nature = "['required']" v-show="false">
-              <input-select
-                class="select select_list"
-                :disable="type !== 'add'"
-                :value.sync="contract.f_contract_nature"
-                v-model="contract.f_contract_nature"
-                :options="contractNature"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_contract_source.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">合同来源</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_contract_source" v-validate:f_contract_source = "['required']" v-show="false">
-              <input-select
-                class="select select_list"
-                :disable="type !== 'add'"
-                :value.sync="contract.f_contract_source"
-                v-model="contract.f_contract_source"
-                :options="contractSource"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_contract_category.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">合同类别</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_contract_category" v-validate:f_contract_category = "['required']" v-show="false">
-              <input-select
-                class="select select_list"
-                :disable="type !== 'add'"
-                @change="changeContractCategory()"
-                :value.sync="contract.f_contract_category"
-                v-model="contract.f_contract_category"
-                :options="contractCategory"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_amount.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">合同份数</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" style=""
-                     type="number"
-                     :readonly="type === 'view'"
-                     v-validate:f_amount = "['required']"
-                     v-model="contract.f_amount"
-                     :value="contract.f_amount"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" :class="[$v.f_contract_time.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">签订时间</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_contract_time" v-validate:f_contract_time = "['required']" v-show="false">
-              <datepicker
-                :disabled="type !== 'add'"
-                :value.sync="contract.f_contract_time"
-                format="yyyy-MM-dd"
-                v-model="contract.f_contract_time">
-              </datepicker>
-            </div>
-          </div>
-          <div v-if="contract.f_contract_nature !== '单次'" class="col-sm-4 form-group item" :class="[$v.f_contract_expiration_date.required ? 'has-error' : '']">
-            <label class="control-label-justify control-label col-sm-6">到期时间</label>
-            <div class="col-sm-6">
-              <input type="text" v-model="contract.f_contract_expiration_date" v-validate:f_contract_expiration_date = "['required']" v-show="false">
-              <datepicker
-                :disabled="type === 'view'"
-                format="yyyy-MM-dd"
-                @change="changeExpirationDate"
-                :value.sync="contract.f_contract_expiration_date"
-                v-model="contract.f_contract_expiration_date">
-              </datepicker>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" v-if="type !== 'add'">
-            <label class="control-label-justify control-label col-sm-6">合同总金额</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" style=""
-                     type="number"
-                     readonly
-                     v-model="contract.f_contract_money"
-                     :value="contract.f_contract_money"/>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item" v-if="type !== 'add'">
-            <label class="control-label-justify control-label col-sm-6">入库次数</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" style=""
-                     type="number"
-                     readonly
-                     v-model="contract.f_warehousing_quantity"
-                     :value="contract.f_warehousing_quantity"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group item">
-            <label class="control-label-justify control-label col-sm-3">备注</label>
-            <div class="col-sm-10">
-              <textarea
-                class="form-control input_view"
-                style="width: 100%;height: 100%"
-                rows="2"
-                :readonly="type !== 'add'"
-                v-model="contract.f_remarks"
-                :value="contract.f_remarks"
-              ></textarea>
-            </div>
-          </div>
-
-          <div class="col-sm-12">
-            <data-grid v-if="contract.f_contract_category === '物料'" :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;" v-if="type !== 'add'">累计数量</th>
-                  <th style="white-space: nowrap;" v-if="$parent.$parent.type !== 'view'">
-                    <button @click="$parent.$parent.showModal = !$parent.$parent.showModal" type="button" class="btn btn-info">
-                      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
-                    </button>
-                    <a href="/download/材料批量导入模板.xlsx" type="button" class="btn btn-info">模板下载</a>
-                    <button @click="$parent.$parent.showFile = !$parent.$parent.showFile" type="button" class="btn btn-info">批量导入</button>
-                  </th>
-                </tr>
-              </template>
-              <template partial='body'>
-                <tr>
-                  <td style="text-align: center;">{{$index+1}}</td>
-                  <td style="text-align: center;">{{row.f_material_name}}</td>
-                  <td style="text-align: center;">{{row.f_material_model}}</td>
-                  <td style="text-align: center;">{{row.f_material_norm}}</td>
-                  <td style="text-align: center;">{{row.f_unit}}</td>
-                  <td style="text-align: center;">{{row.f_price}}</td>
-                  <td style="text-align: center;" v-if="type !== 'add'">{{row.f_total}}</td>
-                  <td style="text-align: center;" v-if="$parent.$parent.type !== 'view'">
-                    <button type="button" v-if="!row.id"  name="button" class="btn btn-link" @click="$parent.$parent.openUpdate($index,row)">修改</button>
-                    <button type="button" v-if="!row.id"  name="button" class="btn btn-link" @click="$parent.$parent.delete($index)">删除</button>
-                  </td>
-                </tr>
-              </template>
-            </data-grid>
-
-            <data-grid v-if="contract.f_contract_category === '设备'" :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;" v-if="type !== 'add'">累计数量</th>
-                  <th style="white-space: nowrap;" v-if="$parent.$parent.type !== 'view'">
-                    <button @click="$parent.$parent.showModal = !$parent.$parent.showModal" type="button" class="btn btn-info">
-                      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
-                    </button>
-                    <a href="/download/设备批量导入模板.xlsx" type="button" class="btn btn-info">模板下载</a>
-                    <button @click="$parent.$parent.showFile = !$parent.$parent.showFile" type="button" class="btn btn-info">批量导入</button>
-                  </th>
-                </tr>
-              </template>
-              <template partial='body'>
-                <tr>
-                  <td style="text-align: center;">{{$index+1}}</td>
-                  <td style="text-align: center;">{{row.f_facility_name}}</td>
-                  <td style="text-align: center;">{{row.f_facility_model}}</td>
-                  <td style="text-align: center;">{{row.f_facility_norm}}</td>
-                  <td style="text-align: center;">{{row.f_facility_money}}</td>
-                  <td style="text-align: center;" v-if="type !== 'add'">{{row.f_total}}</td>
-                  <td style="text-align: center;" v-if="$parent.$parent.type !== 'view'">
-                    <button type="button" v-if="!row.id" name="button" class="btn btn-link" @click="$parent.$parent.openUpdate($index,row)">修改</button>
-                    <button type="button" v-if="!row.id" name="button" class="btn btn-link" @click="$parent.$parent.delete($index)">删除</button>
-                  </td>
-                </tr>
-              </template>
-            </data-grid>
-          </div>
-
-          <div class="col-sm-12 form-group" style="text-align: center">
-            <button class="btn btn-primary" v-if="type === 'add'" @click.prevent="addContract()" :disabled='!($v.valid && model.data.length > 0)'>保存</button>
-            <button class="btn btn-primary" v-if="type === 'renew'" @click.prevent="renewContract()" :disabled='!($v.valid && model.data.length > 0)'>续签</button>
-          </div>
-        </div>
-      </form>
-    </validator>
-
-    <validator name="mv">
-      <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">添加材料</font></span>
-        </header>
-        <article slot="modal-body" class="form-horizontal modal-body clearfix" v-if="contract.f_contract_category === '物料'">
-          <div class="col-sm-12 form-group" :class="[$mv.f_material_name.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">材料名称</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_material_name = "['required']" v-model="material.f_material_name" :value="material.f_material_name"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_material_model.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">材料型号</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_material_model = "['required']" v-model="material.f_material_model" :value="material.f_material_model"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_material_norm.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">材料规格</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_material_norm = "['required']" v-model="material.f_material_norm" :value="material.f_material_norm"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_unit.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">单&emsp;&emsp;位</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_unit = "['required']" v-model="material.f_unit" :value="material.f_unit"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_price.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">单&emsp;&emsp;价</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="number" v-validate:f_price = "['required']" v-model="material.f_price" :value="material.f_price"/>
-            </div>
-          </div>
-        </article>
-        <article slot="modal-body" class="form-horizontal modal-body clearfix" v-if="contract.f_contract_category === '设备'">
-          <div class="col-sm-12 form-group" :class="[$mv.f_facility_name.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">设备名称</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_facility_name = "['required']" v-model="facility.f_facility_name" :value="facility.f_facility_name"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_facility_model.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">设备型号</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_facility_model = "['required']" v-model="facility.f_facility_model" :value="facility.f_facility_model"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_facility_norm.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">设备规格</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" v-validate:f_facility_norm = "['required']" v-model="facility.f_facility_norm" :value="facility.f_facility_norm"/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group" :class="[$mv.f_facility_money.required ? 'has-error' : '']">
-            <label class="control-label col-sm-2">设备金额</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="number" v-validate:f_facility_money = "['required']" v-model="facility.f_facility_money" :value="facility.f_facility_money"/>
-            </div>
-          </div>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button class="btn btn-primary" type="button" @click.prevent="saveOrUpdate()" :disabled='!$mv.valid'>确认</button>
-        </footer>
-      </modal>
-    </validator>
-
-    <modal :show.sync="showFile" v-ref:modal backdrop="true" 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" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer"></footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-import {getNowDate,isEmpty} from '../../../../Util'
-// 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
-}
-export default {
-  props: ['contract', 'type'],
-  title: '合同信息',
-  data () {
-    return {
-      model: {
-        data: []
-      },
-      supplier: [{label: '全部', value: ''}, ...this.$appdata.getParam('供方单位')],
-      contractSource: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同来源')],
-      contractCategory:[{label: '全部', value: ''}, ...this.$appdata.getParam('合同类别')],
-      contractNature:[{label: '全部', value: ''}, ...this.$appdata.getParam('合同性质')],
-      f_contact_person:[{label:'全部', value:''}, ...this.$appdata.getParam('联系人')],
-      tel:[{label:'全部',value:''}, ...this.$appdata.getParam('电话')],
-      showModal: false,
-      material: {},
-      facility: {},
-      index: null,
-      showFile: false
-    }
-  },
-  ready () {
-    if (this.type !== 'add') {
-      this.getData()
-    }
-
-  },
-  methods: {
-    closeFile () {
-      this.showFile = false
-      // 将选的文件清空
-      this.$refs.file.$el.querySelector('input').value = ''
-    },
-    async getData () {
-      let data = {
-        tablename: `${this.contract.f_contract_category === '物料' ? 't_contract_material' : 't_contract_facility'}`,
-        condition: `f_contract_id = '${this.contract.id}'`
-      }
-
-      let res = await this.$resetpost(
-        `rs/sql/singleTable`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: `${this.contract.f_contract_category}查询失败！！！`}
-      )
-
-      this.model.data = res.data
-    },
-    //续签合同
-    renewContract () {
-      let data = {
-        contract: this.contract,
-        data: this.model.data
-      }
-      this.$dispatch('renewContract', data)
-    },
-    // 打开修改
-    openUpdate (index, row) {
-      this.index = index
-      this.material = JSON.parse(JSON.stringify(row))
-      this.facility = JSON.parse(JSON.stringify(row))
-
-      this.showModal = true
-    },
-    // 删除
-    async delete (index) {
-      this.index = index
-      await this.$showMessage('您确定要删除这条记录吗？').then((res) => {
-        if (res === 'confirm') {
-          this.model.data.splice(this.index, 1)
-        }
-      })
-      this.closeModal()
-    },
-    // 保存或修改
-    saveOrUpdate (i) {
-      if (this.contract.f_contract_category === '物料') {
-        let flag = this.model.data.some(item => {
-          if (
-            item.f_material_name === this.material.f_material_name &&
-            item.f_material_norm === this.material.f_material_norm &&
-            item.f_material_model === this.material.f_material_model &&
-            item.f_unit === this.material.f_unit
-          ) {
-            return true
-          }
-          return false
-        })
-        if (flag) {
-          if (isEmpty(i)) {
-            this.$showAlert('该物料已经存在！！！', 'warning', 3000)
-          } else {
-            throw `第${i}行物料已经存在！！！`
-          }
-
-        } else {
-          if (isEmpty(this.index)) {
-            this.model.data.push(this.material)
-          } else {
-            this.model.data.splice(this.index, 1, this.material)
-          }
-        }
-      }
-      if (this.contract.f_contract_category === '设备') {
-        let flag = this.model.data.some(item => {
-          if (
-            item.f_facility_name === this.facility.f_facility_name &&
-            item.f_facility_model === this.facility.f_facility_model &&
-            item.f_facility_norm === this.facility.f_facility_norm
-          ) {
-            return true
-          }
-          return false
-        })
-        if (flag) {
-          if (isEmpty(i)) {
-            this.$showAlert('该设备已经存在！！！', 'warning', 3000)
-          } else {
-            throw `第${i}行设备已经存在！！！`
-          }
-        } else {
-          if (isEmpty(this.index)) {
-            this.model.data.push(this.facility)
-          } else {
-            this.model.data.splice(this.index, 1, this.facility)
-          }
-        }
-      }
-      this.closeModal()
-    },
-    // 关闭模态框
-    closeModal () {
-      this.showModal = false
-      this.material = {}
-      this.facility = {}
-      this.index = null
-    },
-    // 合同类别
-    changeContractCategory () {
-      this.model.data = []
-    },
-    // 添加合同
-    addContract () {
-      let data = {
-        contract: this.contract,
-        data: this.model.data
-      }
-      this.$dispatch('addContract', data)
-    },
-    // 到期时间检查
-    changeExpirationDate () {
-      if (!isEmpty(this.contract.f_contract_expiration_date)) {
-        if (isEmpty(this.contract.f_contract_time)) {
-          this.contract.f_contract_expiration_date = null
-          this.$showAlert('先输入合同签订时间！！！', 'warning', 3000)
-        }
-        if (new Date(this.contract.f_contract_expiration_date) < new Date(this.contract.f_contract_time)) {
-          this.contract.f_contract_expiration_date = null
-          this.$showAlert('到期时间需要大于签订时间！！！', 'warning', 3000)
-        }
-      }
-    },
-    // 查询合同编号
-    async getContractByNumber () {
-      let data = {
-        tablename: 't_contract',
-        condition: `f_contract_number = '${this.contract.f_contract_number}' and f_contract_type = '采购合同'`
-      }
-
-      let res = await this.$resetpost(
-        `rs/sql/singleTable`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '合同编号查询失败！！！'}
-      )
-
-      if (res.data.length > 0) {
-        this.contract.f_contract_number = null
-        this.$showAlert('合同编号已存在！！！', 'warning', 3000)
-      }
-    },
-  },
-  events: {
-    async 'onFileUpload'(file, result) {
-      let data = {
-        type: this.contract.f_contract_category,
-        filepath: result.f_downloadpath
-      }
-      let res = await this.$resetpost(`rs/logic/importPurchaseContractContent`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
-
-      console.log('----------解析内容--------------')
-      console.log(res.data)
-
-      let i = 1
-      for (const item of res.data) {
-        if (this.contract.f_contract_category === '物料') {
-          if (!item.material.f_material_name) {
-            this.$showAlert(`第${i}行数据材料名称不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.material.f_material_model) {
-            this.$showAlert(`第${i}行数据材料型号不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.material.f_material_norm) {
-            this.$showAlert(`第${i}行数据材料规格不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.material.f_unit) {
-            this.$showAlert(`第${i}行数据单位不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.material.f_price) {
-            this.$showAlert(`第${i}行数据单价不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          this.material = item.material
-        }
-        if (this.contract.f_contract_category === '设备') {
-          if (!item.facility.f_facility_name) {
-            this.$showAlert(`第${i}行数据设备名称不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.facility.f_facility_model) {
-            this.$showAlert(`第${i}行数据设备型号不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.facility.f_facility_norm) {
-            this.$showAlert(`第${i}行数据设备规格不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          if (!item.facility.f_facility_money) {
-            this.$showAlert(`第${i}行数据设备价格不存在！！！`, 'warning', 3000)
-            this.closeFile()
-            return
-          }
-          this.facility = item.facility
-        }
-
-        try {
-          this.saveOrUpdate(i)
-        } catch (e) {
-          this.$showAlert(e, 'danger', 3000)
-          this.closeFile()
-          return
-        }
-
-
-        i++
-      }
-      this.$showAlert(`成功导入${i}条数据`, 'success', 3000)
-      this.closeFile()
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .item{
-    height: 40px;
-    margin-bottom: 20px;
-  }
-
-  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: 110px;
-    text-align: justify;
-    font-family: PingFang-SC-Bold;
-  }
-
-  .control-label-justify::after {
-    content: "";
-    display: inline-block;
-    width: 70px;
-    overflow: hidden;
-    height: 0;
-  }
-
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-
-  input[type="number"] {
-    -moz-appearance: textfield;
-  }
-</style>
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_number.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同编号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     :readonly="type !== 'add'"
+                     v-validate:f_contract_number = "['required']"
+                     @change="getContractByNumber()"
+                     v-model="contract.f_contract_number"
+                     :value="contract.f_contract_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_supplier.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">供方单位</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_supplier" v-validate:f_supplier = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_supplier"
+                v-model="contract.f_supplier"
+                :options="supplier"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contact_person.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">联系人</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contact_person" v-validate:f_contact_person = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_contact_person"
+                v-model="contract.f_contact_person"
+                :options="f_contact_person"
+                :valueSingle="true">
+              </input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_tel.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">电话</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_tel" v-validate:f_tel = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_tel"
+                v-model="contract.f_tel"
+                :options="tel"
+                :valueSingle="true">
+              </input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_nature.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同性质</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_nature" v-validate:f_contract_nature = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_contract_nature"
+                v-model="contract.f_contract_nature"
+                :options="contractNature"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_source.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同来源</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_source" v-validate:f_contract_source = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                :value.sync="contract.f_contract_source"
+                v-model="contract.f_contract_source"
+                :options="contractSource"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_category.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同类别</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_category" v-validate:f_contract_category = "['required']" v-show="false">
+              <input-select
+                class="select select_list"
+                :disable="type !== 'add'"
+                @change="changeContractCategory()"
+                :value.sync="contract.f_contract_category"
+                v-model="contract.f_contract_category"
+                :options="contractCategory"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_amount.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同份数</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="number"
+                     :readonly="type != 'add'"
+                     v-validate:f_amount = "['required']"
+                     v-model="contract.f_amount"
+                     :value="contract.f_amount"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_time.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">签订时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_time" v-validate:f_contract_time = "['required']" v-show="false">
+              <datepicker
+                :disabled="type !== 'add'"
+                :value.sync="contract.f_contract_time"
+                format="yyyy-MM-dd"
+                v-model="contract.f_contract_time">
+              </datepicker>
+            </div>
+          </div>
+          <div v-if="contract.f_contract_nature !== '单次'" class="col-sm-4 form-group item" :class="[$v.f_contract_expiration_date.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">到期时间</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="contract.f_contract_expiration_date" v-validate:f_contract_expiration_date = "['required']" v-show="false">
+              <datepicker
+                :disabled="type !== 'add'"
+                format="yyyy-MM-dd"
+                @change="changeExpirationDate"
+                :value.sync="contract.f_contract_expiration_date"
+                v-model="contract.f_contract_expiration_date">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" v-if="type !== 'add'">
+            <label class="control-label-justify control-label col-sm-6">合同总金额</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="number"
+                     readonly
+                     v-model="contract.f_contract_money"
+                     :value="contract.f_contract_money"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" v-if="type !== 'add'">
+            <label class="control-label-justify control-label col-sm-6">入库次数</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="number"
+                     readonly
+                     v-model="contract.f_warehousing_quantity"
+                     :value="contract.f_warehousing_quantity"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group item">
+            <label class="control-label-justify control-label col-sm-3">备注</label>
+            <div class="col-sm-10">
+              <textarea
+                class="form-control input_view"
+                style="width: 100%;height: 100%"
+                rows="2"
+                :readonly="type !== 'add'"
+                v-model="contract.f_remarks"
+                :value="contract.f_remarks"
+              ></textarea>
+            </div>
+          </div>
+
+          <div class="col-sm-12">
+            <data-grid v-if="contract.f_contract_category === '物料'" :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;" v-if="type !== 'add'">累计数量</th>
+                  <th style="white-space: nowrap;" v-if="$parent.$parent.type !== 'view'">
+                    <button @click="$parent.$parent.showModal = !$parent.$parent.showModal" type="button" class="btn btn-info">
+                      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+                    </button>
+                    <a href="/download/材料批量导入模板.xlsx" type="button" class="btn btn-info">模板下载</a>
+                    <button @click="$parent.$parent.showFile = !$parent.$parent.showFile" type="button" class="btn btn-info">批量导入</button>
+                  </th>
+                  <th v-if="$parent.$parent.type === 'view'">
+                    <export-excel :data="$parent.$parent.getCondition"
+                                  :field="$parent.$parent.getfield"
+                                  sqlurl="rs/logic/exportfile"
+                                  sql-name="singleTable"
+                                  template-name='合同材料详情'
+                                  :choose-col="true"></export-excel>
+                  </th>
+                </tr>
+              </template>
+              <template partial='body'>
+                <tr>
+                  <td style="text-align: center;">{{$index+1}}</td>
+                  <td style="text-align: center;">{{row.f_material_name}}</td>
+                  <td style="text-align: center;">{{row.f_material_model}}</td>
+                  <td style="text-align: center;">{{row.f_material_norm}}</td>
+                  <td style="text-align: center;">{{row.f_unit}}</td>
+                  <td style="text-align: center;">{{row.f_price}}</td>
+                  <td style="text-align: center;">{{row.f_noprice}}</td>
+                  <td style="text-align: center;" v-if="type !== 'add'">{{row.f_total}}</td>
+                  <td style="text-align: center;" v-if="$parent.$parent.type !== 'view'">
+                    <button type="button"  name="button" class="btn btn-link" @click="$parent.$parent.openUpdate($index,row)">修改</button>
+                    <button type="button"   name="button" class="btn btn-link" @click="$parent.$parent.delete($index)">删除</button>
+                  </td>
+                </tr>
+              </template>
+            </data-grid>
+
+            <data-grid v-if="contract.f_contract_category === '设备'" :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;" v-if="type !== 'add'">累计数量</th>
+                  <th style="white-space: nowrap;" v-if="$parent.$parent.type !== 'view'">
+                    <button @click="$parent.$parent.showModal = !$parent.$parent.showModal" type="button" class="btn btn-info">
+                      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+                    </button>
+                    <a href="/download/设备批量导入模板.xlsx" type="button" class="btn btn-info">模板下载</a>
+                    <button @click="$parent.$parent.showFile = !$parent.$parent.showFile" type="button" class="btn btn-info">批量导入</button>
+                  </th>
+                </tr>
+              </template>
+              <template partial='body'>
+                <tr>
+                  <td style="text-align: center;">{{$index+1}}</td>
+                  <td style="text-align: center;">{{row.f_facility_name}}</td>
+                  <td style="text-align: center;">{{row.f_facility_model}}</td>
+                  <td style="text-align: center;">{{row.f_facility_norm}}</td>
+                  <td style="text-align: center;">{{row.f_facility_money}}</td>
+                  <td style="text-align: center;" v-if="type !== 'add'">{{row.f_total}}</td>
+                  <td style="text-align: center;" v-if="$parent.$parent.type !== 'view'">
+                    <button type="button" v-if="!row.id" name="button" class="btn btn-link" @click="$parent.$parent.openUpdate($index,row)">修改</button>
+                    <button type="button" v-if="!row.id" name="button" class="btn btn-link" @click="$parent.$parent.delete($index)">删除</button>
+                  </td>
+                </tr>
+              </template>
+            </data-grid>
+          </div>
+
+          <div class="col-sm-12 form-group" style="text-align: center">
+            <button class="btn btn-primary" v-if="type === 'add'" @click.prevent="addContract()" :disabled='!($v.valid && model.data.length > 0)'>保存</button>
+            <button class="btn btn-primary" v-if="type === 'renew'" @click.prevent="renewContract()" :disabled='!($v.valid && model.data.length > 0)'>续签</button>
+          </div>
+        </div>
+      </form>
+    </validator>
+
+    <validator name="mv">
+      <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">添加材料</font></span>
+        </header>
+        <article slot="modal-body" class="form-horizontal modal-body clearfix" v-if="contract.f_contract_category === '物料'">
+          <div class="col-sm-12 form-group" :class="[$mv.f_material_name.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">材料名称</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_material_name = "['required']" v-model="material.f_material_name" :value="material.f_material_name"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_material_model.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">材料型号</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_material_model = "['required']" v-model="material.f_material_model" :value="material.f_material_model"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_material_norm.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">材料规格</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_material_norm = "['required']" v-model="material.f_material_norm" :value="material.f_material_norm"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_unit.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">单&emsp;&emsp;位</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_unit = "['required']" v-model="material.f_unit" :value="material.f_unit"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_price.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">含税单价</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" v-validate:f_price = "['required']" v-model="material.f_price" :value="material.f_price"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_noprice.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">不含税单价</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" v-validate:f_noprice = "['required']" v-model="material.f_noprice" :value="material.f_noprice"/>
+            </div>
+          </div>
+        </article>
+        <article slot="modal-body" class="form-horizontal modal-body clearfix" v-if="contract.f_contract_category === '设备'">
+          <div class="col-sm-12 form-group" :class="[$mv.f_facility_name.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">设备名称</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_facility_name = "['required']" v-model="facility.f_facility_name" :value="facility.f_facility_name"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_facility_model.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">设备型号</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_facility_model = "['required']" v-model="facility.f_facility_model" :value="facility.f_facility_model"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_facility_norm.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">设备规格</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" v-validate:f_facility_norm = "['required']" v-model="facility.f_facility_norm" :value="facility.f_facility_norm"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_facility_money.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">设备金额</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" v-validate:f_facility_money = "['required']" v-model="facility.f_facility_money" :value="facility.f_facility_money"/>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button class="btn btn-primary" type="button" @click.prevent="saveOrUpdate()" :disabled='!$mv.valid'>确认</button>
+        </footer>
+      </modal>
+    </validator>
+
+    <modal :show.sync="showFile" v-ref:modal backdrop="true" 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" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer"></footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+import {getNowDate,isEmpty} from '../../../../Util'
+// 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
+}
+export default {
+  props: ['contract', 'type'],
+  title: '合同信息',
+  data () {
+    return {
+      model: {
+        data: []
+      },
+      supplier: [{label: '全部', value: ''}, ...this.$appdata.getParam('供方单位')],
+      contractSource: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同来源')],
+      contractCategory:[{label: '全部', value: ''}, ...this.$appdata.getParam('合同类别')],
+      contractNature:[{label: '全部', value: ''}, ...this.$appdata.getParam('合同性质')],
+      f_contact_person:[{label:'全部', value:''}, ...this.$appdata.getParam('联系人')],
+      tel:[{label:'全部',value:''}, ...this.$appdata.getParam('电话')],
+      showModal: false,
+      material: {},
+      getfield: {
+        'f_material_name': '材料名称',
+        'f_material_model': '材料型号',
+        'f_material_norm': '材料规格',
+        'f_unit': '单位',
+        'f_price': '单价'
+      },
+      facility: {},
+      index: null,
+      showFile: false
+    }
+  },
+  ready () {
+    if (this.type !== 'add') {
+      this.getData()
+    }
+
+  },
+  methods: {
+    closeFile () {
+      this.showFile = false
+      // 将选的文件清空
+      this.$refs.file.$el.querySelector('input').value = ''
+    },
+    async getData () {
+      let data = {
+        tablename: `${this.contract.f_contract_category === '物料' ? 't_contract_material' : 't_contract_facility'}`,
+        condition: `f_contract_id = '${this.contract.id}'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: `${this.contract.f_contract_category}查询失败！！！`}
+      )
+
+      this.model.data = res.data
+    },
+    //续签合同
+    renewContract () {
+      let data = {
+        contract: this.contract,
+        data: this.model.data
+      }
+      this.$dispatch('renewContract', data)
+    },
+    // 打开修改
+    openUpdate (index, row) {
+      this.index = index
+      this.material = JSON.parse(JSON.stringify(row))
+      this.facility = JSON.parse(JSON.stringify(row))
+
+      this.showModal = true
+    },
+    // 删除
+    async delete (index) {
+      this.index = index
+      await this.$showMessage('您确定要删除这条记录吗？').then((res) => {
+        if (res === 'confirm') {
+          this.model.data.splice(this.index, 1)
+        }
+      })
+      this.closeModal()
+    },
+    // 保存或修改
+    saveOrUpdate (i) {
+      if (this.contract.f_contract_category === '物料') {
+        let flag = this.model.data.some(item => {
+          if (
+            item.f_material_name === this.material.f_material_name &&
+            item.f_material_norm === this.material.f_material_norm &&
+            item.f_material_model === this.material.f_material_model &&
+            item.f_price === this.material.f_price &&
+            item.f_unit === this.material.f_unit
+          ) {
+            return true
+          }
+          return false
+        })
+        if (flag) {
+          if (isEmpty(i)) {
+            this.$showAlert('该物料已经存在！！！', 'warning', 3000)
+          } else {
+            throw `第${i}行物料已经存在！！！`
+          }
+
+        } else {
+          if (isEmpty(this.index)) {
+            this.model.data.push(this.material)
+          } else {
+            this.model.data.splice(this.index, 1, this.material)
+          }
+        }
+      }
+      if (this.contract.f_contract_category === '设备') {
+        let flag = this.model.data.some(item => {
+          if (
+            item.f_facility_name === this.facility.f_facility_name &&
+            item.f_facility_model === this.facility.f_facility_model &&
+            item.f_facility_norm === this.facility.f_facility_norm
+          ) {
+            return true
+          }
+          return false
+        })
+        if (flag) {
+          if (isEmpty(i)) {
+            this.$showAlert('该设备已经存在！！！', 'warning', 3000)
+          } else {
+            throw `第${i}行设备已经存在！！！`
+          }
+        } else {
+          if (isEmpty(this.index)) {
+            this.model.data.push(this.facility)
+          } else {
+            this.model.data.splice(this.index, 1, this.facility)
+          }
+        }
+      }
+      this.closeModal()
+    },
+    // 关闭模态框
+    closeModal () {
+      this.showModal = false
+      this.material = {}
+      this.facility = {}
+      this.index = null
+    },
+    // 合同类别
+    changeContractCategory () {
+      this.model.data = []
+    },
+    // 添加合同
+    addContract () {
+      let data = {
+        contract: this.contract,
+        data: this.model.data
+      }
+      this.$dispatch('addContract', data)
+    },
+    // 到期时间检查
+    changeExpirationDate () {
+      if (!isEmpty(this.contract.f_contract_expiration_date)) {
+        if (isEmpty(this.contract.f_contract_time)) {
+          this.contract.f_contract_expiration_date = null
+          this.$showAlert('先输入合同签订时间！！！', 'warning', 3000)
+        }
+        if (new Date(this.contract.f_contract_expiration_date) < new Date(this.contract.f_contract_time)) {
+          this.contract.f_contract_expiration_date = null
+          this.$showAlert('到期时间需要大于签订时间！！！', 'warning', 3000)
+        }
+      }
+    },
+    // 查询合同编号
+    async getContractByNumber () {
+      let data = {
+        tablename: 't_contract',
+        condition: `f_contract_number = '${this.contract.f_contract_number}' and f_contract_type = '采购合同'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同编号查询失败！！！'}
+      )
+
+      if (res.data.length > 0) {
+        this.contract.f_contract_number = null
+        this.$showAlert('合同编号已存在！！！', 'warning', 3000)
+      }
+    },
+  },
+  events: {
+    async 'onFileUpload'(file, result) {
+      let data = {
+        type: this.contract.f_contract_category,
+        filepath: result.f_downloadpath
+      }
+      let res = await this.$resetpost(`rs/logic/importPurchaseContractContent`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
+
+      console.log('----------解析内容--------------')
+      console.log(res.data)
+
+      let i = 1
+      for (const item of res.data) {
+        if (this.contract.f_contract_category === '物料') {
+          if (!item.material.f_material_name) {
+            this.$showAlert(`第${i}行数据材料名称不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.material.f_material_model) {
+            this.$showAlert(`第${i}行数据材料型号不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.material.f_material_norm) {
+            this.$showAlert(`第${i}行数据材料规格不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.material.f_unit) {
+            this.$showAlert(`第${i}行数据单位不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.material.f_price) {
+            this.$showAlert(`第${i}行数据单价不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          this.material = item.material
+        }
+        if (this.contract.f_contract_category === '设备') {
+          if (!item.facility.f_facility_name) {
+            this.$showAlert(`第${i}行数据设备名称不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.facility.f_facility_model) {
+            this.$showAlert(`第${i}行数据设备型号不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.facility.f_facility_norm) {
+            this.$showAlert(`第${i}行数据设备规格不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          if (!item.facility.f_facility_money) {
+            this.$showAlert(`第${i}行数据设备价格不存在！！！`, 'warning', 3000)
+            this.closeFile()
+            return
+          }
+          this.facility = item.facility
+        }
+
+        try {
+          this.saveOrUpdate(i)
+        } catch (e) {
+          this.$showAlert(e, 'danger', 3000)
+          this.closeFile()
+          return
+        }
+
+
+        i++
+      }
+      this.$showAlert(`成功导入${i}条数据`, 'success', 3000)
+      this.closeFile()
+    }
+  },
+  computed: {
+    getCondition() {
+      return {
+        tablename: `${this.contract.f_contract_category === '物料' ? 't_contract_material' : 't_contract_facility'}`,
+        condition: `f_contract_id = '${this.contract.id}'`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .item{
+    height: 40px;
+    margin-bottom: 20px;
+  }
+
+  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: 110px;
+    text-align: justify;
+    font-family: PingFang-SC-Bold;
+  }
+
+  .control-label-justify::after {
+    content: "";
+    display: inline-block;
+    width: 70px;
+    overflow: hidden;
+    height: 0;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+</style>