apply-clients 3.2.41 → 3.2.50

package/src/components/product/Ledger/ContractManagement/OtherContract/OtherContractInformation.vue

@@ -1,429 +1,429 @@
-<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 class="form-control input_view" style=""
-                     type="text"
-                     :readonly="type !== 'add'"
-                     v-validate:f_supplier = "['required']"
-                     v-model="contract.f_supplier"
-                     :value="contract.f_supplier"/>
-            </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-show="false" v-validate:f_contract_nature = "['required']">
-              <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-show="false" v-validate:f_contract_source = "['required']">
-              <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_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' && type !== 'renew'"
-                     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-show="false" v-validate:f_contract_time = "['required']">
-              <datepicker
-                :disabled="type !== 'add'"
-                :value.sync="contract.f_contract_time"
-                format="yyyy-MM-dd"
-                v-model="contract.f_contract_time">
-              </datepicker>
-            </div>
-          </div>
-          <div 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-show="false" v-validate:f_contract_expiration_date = "['required']">
-              <datepicker
-                :disabled="type !== 'add' && type !== 'renew'"
-                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-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 form-group" v-if="type !== 'add'">
-            <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;" v-if="$parent.$parent.type === 'addMatter'">
-                    <button class="button_new button_spacing"  @click.prevent="$parent.$parent.showMatter = !$parent.$parent.showMatter">添加事项</button>
-                  </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_matter}}</font></nobr>
-                  </td>
-                  <td style="text-align: center;">
-                    <nobr><font>{{row.f_detail}}</font></nobr>
-                  </td>
-                  <td style="text-align: center;">
-                    <nobr><font>{{row.f_price}}</font></nobr>
-                  </td>
-                  <td style="text-align: center;">
-                    <nobr><font>{{row.f_operator}}</font></nobr>
-                  </td>
-                  <td style="text-align: center;">
-                    <nobr><font>{{row.f_operation_date}}</font></nobr>
-                  </td>
-                  <td style="text-align: center;">
-                    <nobr><font>{{row.f_remarks}}</font></nobr>
-                  </td>
-                  <td v-if="$parent.$parent.type === 'addMatter'"></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'>保存</button>
-            <button class="btn btn-primary" v-if="type === 'renew'" @click.prevent="renewContract()" :disabled='!$v.valid'>续签</button>
-          </div>
-
-        </div>
-      </form>
-    </validator>
-  </div>
-  <validator name="mv">
-    <modal v-if="showMatter" :show.sync="showMatter" v-ref:modal :large="true" :backdrop="false" title="添加事项">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
-        <h4 class="modal-title">添加事项</h4>
-      </header>
-      <article slot="modal-body" class="modal-body clearfix">
-        <div class="form-group col-sm-12" :class="[$mv.f_matter.required ? 'has-error' : '']">
-          <label class="col-sm-2 control-label">事项 ：</label>
-          <div class="col-sm-10">
-            <textarea
-              class="form-control"
-              style="width: 100%;height: 100%"
-              v-validate:f_matter = "['required']"
-              :rows="2"
-              v-model="matter.f_matter"
-              :value="matter.f_matter"
-            ></textarea>
-          </div>
-        </div>
-        <div class="form-group col-sm-12" :class="[$mv.f_detail.required ? 'has-error' : '']">
-          <label class="col-sm-2 control-label">详情：</label>
-          <div class="col-sm-10">
-            <textarea
-              class="form-control"
-              style="width: 100%;height: 100%"
-              :rows="2"
-              v-validate:f_detail = "['required']"
-              v-model="matter.f_detail"
-              :value="matter.f_detail"
-            ></textarea>
-          </div>
-        </div>
-        <div class="form-group col-sm-12" :class="[$mv.f_price.required ? 'has-error' : '']">
-          <label class="col-sm-2 control-label">价格：</label>
-          <div class="col-sm-10">
-            <input type="number"
-                   class="form-control input_view"
-                   style="width: 100%"
-                   v-validate:f_price = "['required']"
-                   v-model="matter.f_price" />
-          </div>
-        </div>
-        <div class="form-group col-sm-12">
-          <label class="col-sm-2 control-label">备注：</label>
-          <div class="col-sm-10">
-            <textarea
-              class="form-control input_view"
-              style="width: 100%;height: 100%"
-              :rows="2"
-              v-model="matter.f_remarks"
-              :value="matter.f_remarks"
-            ></textarea>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" @click="addMatter()" :disabled='!$mv.valid'>确认</button>
-      </footer>
-    </modal>
-  </validator>
-</template>
-
-<script>
-import {isEmpty} from '../../../../Util'
-export default {
-  props: ['contract', 'type'],
-  title: '合同信息',
-  data () {
-    return {
-      f_contact_person:[{label:'全部', value:''}, ...this.$appdata.getParam('联系人')],
-      tel:[{label:'全部',value:''}, ...this.$appdata.getParam('电话')],
-      contractSource: [{label:'全部',value:''},... this.$appdata.getParam('合同来源')],
-      contractNature: [{label:'全部',value:''},... this.$appdata.getParam('合同性质')],
-      model: {
-        data: []
-      },
-      matter: {},
-      showMatter: false
-    }
-  },
-  ready () {
-    if (this.type !== 'add') {
-      this.getContractMatter()
-    }
-  },
-  methods: {
-    renewContract () {
-      this.$dispatch('renewContract', this.contract)
-    },
-    // 关闭
-    closeModal () {
-      this.showMatter = false
-      this.matter = null
-    },
-    // 添加事项
-    async addMatter () {
-      let data = {
-        contract: this.contract,
-        matter: this.matter,
-        user: this.$login.f
-      }
-      let res = await this.$resetpost(
-        `rs/logic/addMatter`,
-        {data: data},
-        {resolveMsg: null,rejectMsg: '事项添加失败！！！'}
-      )
-
-      this.$dispatch('breakContract', this.contract)
-    },
-    // 获取合同事项
-    async getContractMatter() {
-      let data = {
-        tablename: 't_contract_matter',
-        condition: `f_contract_id = ${this.contract.id}`
-      }
-
-      let res = await this.$resetpost(
-        `rs/sql/singleTable`,
-        {data: data},
-        {resolveMsg: null,rejectMsg: '合同事项查询失败！！！'}
-      )
-
-      this.model.data = res.data
-    },
-    addContract () {
-      this.$dispatch('addContract', this.contract)
-    },
-    // 时间判断
-    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: {
-  }
-}
-</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 class="form-control input_view" style=""
+                     type="text"
+                     :readonly="type !== 'add'"
+                     v-validate:f_supplier = "['required']"
+                     v-model="contract.f_supplier"
+                     :value="contract.f_supplier"/>
+            </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-show="false" v-validate:f_contract_nature = "['required']">
+              <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-show="false" v-validate:f_contract_source = "['required']">
+              <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_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' && type !== 'renew'"
+                     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-show="false" v-validate:f_contract_time = "['required']">
+              <datepicker
+                :disabled="type !== 'add'"
+                :value.sync="contract.f_contract_time"
+                format="yyyy-MM-dd"
+                v-model="contract.f_contract_time">
+              </datepicker>
+            </div>
+          </div>
+          <div 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-show="false" v-validate:f_contract_expiration_date = "['required']">
+              <datepicker
+                :disabled="type !== 'add' && type !== 'renew'"
+                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-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 form-group" v-if="type !== 'add'">
+            <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;" v-if="$parent.$parent.type === 'addMatter'">
+                    <button class="button_new button_spacing"  @click.prevent="$parent.$parent.showMatter = !$parent.$parent.showMatter">添加事项</button>
+                  </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_matter}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_detail}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_price}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_operator}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_operation_date}}</font></nobr>
+                  </td>
+                  <td style="text-align: center;">
+                    <nobr><font>{{row.f_remarks}}</font></nobr>
+                  </td>
+                  <td v-if="$parent.$parent.type === 'addMatter'"></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'>保存</button>
+            <button class="btn btn-primary" v-if="type === 'renew'" @click.prevent="renewContract()" :disabled='!$v.valid'>续签</button>
+          </div>
+
+        </div>
+      </form>
+    </validator>
+  </div>
+  <validator name="mv">
+    <modal v-if="showMatter" :show.sync="showMatter" v-ref:modal :large="true" :backdrop="false" title="添加事项">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+        <h4 class="modal-title">添加事项</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div class="form-group col-sm-12" :class="[$mv.f_matter.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">事项 ：</label>
+          <div class="col-sm-10">
+            <textarea
+              class="form-control"
+              style="width: 100%;height: 100%"
+              v-validate:f_matter = "['required']"
+              :rows="2"
+              v-model="matter.f_matter"
+              :value="matter.f_matter"
+            ></textarea>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$mv.f_detail.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">详情：</label>
+          <div class="col-sm-10">
+            <textarea
+              class="form-control"
+              style="width: 100%;height: 100%"
+              :rows="2"
+              v-validate:f_detail = "['required']"
+              v-model="matter.f_detail"
+              :value="matter.f_detail"
+            ></textarea>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$mv.f_price.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">价格：</label>
+          <div class="col-sm-10">
+            <input type="number"
+                   class="form-control input_view"
+                   style="width: 100%"
+                   v-validate:f_price = "['required']"
+                   v-model="matter.f_price" />
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">备注：</label>
+          <div class="col-sm-10">
+            <textarea
+              class="form-control input_view"
+              style="width: 100%;height: 100%"
+              :rows="2"
+              v-model="matter.f_remarks"
+              :value="matter.f_remarks"
+            ></textarea>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="addMatter()" :disabled='!$mv.valid'>确认</button>
+      </footer>
+    </modal>
+  </validator>
+</template>
+
+<script>
+import {isEmpty} from '../../../../Util'
+export default {
+  props: ['contract', 'type'],
+  title: '合同信息',
+  data () {
+    return {
+      f_contact_person:[{label:'全部', value:''}, ...this.$appdata.getParam('联系人')],
+      tel:[{label:'全部',value:''}, ...this.$appdata.getParam('电话')],
+      contractSource: [{label:'全部',value:''},... this.$appdata.getParam('合同来源')],
+      contractNature: [{label:'全部',value:''},... this.$appdata.getParam('合同性质')],
+      model: {
+        data: []
+      },
+      matter: {},
+      showMatter: false
+    }
+  },
+  ready () {
+    if (this.type !== 'add') {
+      this.getContractMatter()
+    }
+  },
+  methods: {
+    renewContract () {
+      this.$dispatch('renewContract', this.contract)
+    },
+    // 关闭
+    closeModal () {
+      this.showMatter = false
+      this.matter = null
+    },
+    // 添加事项
+    async addMatter () {
+      let data = {
+        contract: this.contract,
+        matter: this.matter,
+        user: this.$login.f
+      }
+      let res = await this.$resetpost(
+        `rs/logic/addMatter`,
+        {data: data},
+        {resolveMsg: null,rejectMsg: '事项添加失败！！！'}
+      )
+
+      this.$dispatch('breakContract', this.contract)
+    },
+    // 获取合同事项
+    async getContractMatter() {
+      let data = {
+        tablename: 't_contract_matter',
+        condition: `f_contract_id = ${this.contract.id}`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null,rejectMsg: '合同事项查询失败！！！'}
+      )
+
+      this.model.data = res.data
+    },
+    addContract () {
+      this.$dispatch('addContract', this.contract)
+    },
+    // 时间判断
+    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: {
+  }
+}
+</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>