apply-clients 3.2.41 → 3.2.50

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

@@ -1,304 +1,304 @@
-<template>
-  <criteria-paged :model="model" v-ref:cp>
-    <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
-      <div class="form-horizontal select-overspread container-fluid auto" partial>
-        <div class="row">
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">合同编号：</label>
-            <input type="text" class="input_search" style="width: 60%" v-model="model.f_contract_number"
-                   v-on:keyup.enter="$parent.$parent.search()" condition="f_contract_number like '%{}%'" placeholder='合同编号'>
-          </div>
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">供方单位：</label>
-            <v-select
-              v-model="model.f_supplier"
-              placeholder='请选择'
-              condition="f_supplier = '{}'"
-              :value.sync="model.f_supplier"
-              :options='$parent.$parent.supplier'
-              class="select select_list"
-              :value-single="true"
-              close-on-select ></v-select>
-          </div>
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">合同状态：</label>
-            <v-select
-              v-model="model.f_contract_status"
-              placeholder='请选择'
-              :value.sync="model.f_contract_status"
-              :options='$parent.$parent.contractStatus'
-              class="select select_list"
-              :value-single="true"
-              close-on-select ></v-select>
-          </div>
-          <div class="form-group col-sm-3 button-range">
-            <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
-            <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
-            <button class="button_new button_spacing"  @click="$parent.$parent.openAddContract()">添加合同</button>
-            <div
-              :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
-              @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
-              class="button_spacing"
-              style="float: right">
-            </div>
-          </div>
-        </div>
-        <div class="row" v-show="$parent.$parent.criteriaShow">
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">联&ensp;系&ensp;人：</label>
-            <input type="text" style="width: 60%" class="input_search" placeholder='联系人' v-model="model.f_contact_person"
-                   v-on:keyup.enter="$parent.$parent.search()"
-                   condition="f_contact_person like '%{}%'">
-          </div>
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">联系电话：</label>
-            <input type="text" style="width: 60%" class="input_search" placeholder='联系电话' v-model="model.f_tel"
-                   v-on:keyup.enter="$parent.$parent.search()"
-                   condition="f_tel like '%{}%'">
-          </div>
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">合同性质：</label>
-            <v-select
-              v-model="model.f_contract_nature"
-              placeholder='请选择'
-              condition="f_contract_nature = '{}'"
-              :value.sync="model.f_contract_nature"
-              :options='$parent.$parent.contractNature'
-              class="select select_list"
-              :value-single="true"
-              close-on-select ></v-select>
-          </div>
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">合同来源：</label>
-            <v-select
-              v-model="model.f_contract_source"
-              placeholder='请选择'
-              condition="f_contract_source = '{}'"
-              :value.sync="model.f_contract_source"
-              :options='$parent.$parent.contractSource'
-              class="select select_list"
-              :value-single="true"
-              close-on-select ></v-select>
-          </div>
-          <div class="form-group col-sm-3">
-            <label class="font_normal_body">合同类别：</label>
-            <v-select
-              v-model="model.f_contract_category"
-              placeholder='请选择'
-              condition="f_contract_category = '{}'"
-              :value.sync="model.f_contract_category"
-              :options='$parent.$parent.contractCategory'
-              class="select select_list"
-              :value-single="true"
-              close-on-select ></v-select>
-          </div>
-        </div>
-      </div>
-    </criteria>
-    <data-grid v-if="$parent.showData"  :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
-      <template partial='head'>
-        <tr>
-          <th style="white-space: nowrap;">序号</th>
-          <th style="white-space: nowrap;">合同编号</th>
-          <th style="white-space: nowrap;">供方单位</th>
-          <th style="white-space: nowrap;">联系人</th>
-          <th style="white-space: nowrap;">电话</th>
-          <th style="white-space: nowrap;">合同性质</th>
-          <th style="white-space: nowrap;">合同来源</th>
-          <th style="white-space: nowrap;">合同类别</th>
-          <th style="white-space: nowrap;">合同份数</th>
-          <th style="white-space: nowrap;">合同金额</th>
-          <th style="white-space: nowrap;">签订时间</th>
-          <th style="white-space: nowrap;">到期时间</th>
-          <th style="white-space: nowrap;">合同状态</th>
-          <th style="white-space: nowrap;">入库次数</th>
-          <th style="white-space: nowrap;">操作</th>
-        </tr>
-      </template>
-      <template partial='body'>
-          <tr >
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{$index+1}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contract_number}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_supplier}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contact_person}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_tel}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contract_nature}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contract_source}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contract_category}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_amount}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contract_money}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{new Date(row.f_contract_time).Format('yyyy-MM-dd')}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{new Date(row.f_contract_expiration_date).Format('yyyy-MM-dd')}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{row.f_contract_nature === '年度' ? (new Date() > new Date(row.f_contract_expiration_date) ? '无效': '有效') : row.f_contract_status}}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
-              <nobr><font>{{ row.f_warehousing_quantity }}</font></nobr>
-            </td>
-            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
-              <dropdown v-if="row.f_contract_status === '有效'">
-                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
-                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
-                </button>
-                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
-                  <li v-if="row.f_contract_nature === '年度'">
-                    <a href="#" @click="$parent.$parent.$parent.openRenew(row)">续签</a>
-                  </li>
-                  <li v-if="row.f_contract_nature === '单次'">
-                    <a href="#" @click="$parent.$parent.$parent.openInvalid(row)">作废</a>
-                  </li>
-                </ul>
-              </dropdown>
-            </td>
-          </tr>
-        </template>
-    </data-grid>
-  </criteria-paged>
-</template>
-
-<script>
-import {PagedList} from 'vue-client'
-import {HttpResetClass} from 'vue-client'
-import {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 {
-  title: '采购合同列表',
-  props: ['showData'],
-  data () {
-    return {
-      model: new PagedList('rs/sql/getContract', 30, {
-        data: {
-          f_contract_type: '采购合同',
-          orgid: this.$login.f.orgid,
-          date: new Date().Format('yyyy-MM-dd')
-        }
-      }),
-      criteriaShow: false,
-      contractStatus: [
-        {
-          'label': '全部',
-          'value': ''
-        },
-        {
-          'label': '有效',
-          'value': `f_contract_expiration_date >= '${new Date().Format('yyyy-MM-dd')}'`
-        },
-        {
-          'label': '预警',
-          'value': `f_contract_early_warning_date < '${new Date().Format('yyyy-MM-dd')}' and f_contract_expiration_date >= '${new Date().Format('yyyy-MM-dd')}'`
-        },
-        {
-          'label': '无效',
-          'value': `f_contract_expiration_date < '${new Date().Format('yyyy-MM-dd')}'`
-        }
-      ],
-      supplier: [{label: '全部', value: ''}, ...this.$appdata.getParam('供方单位')],
-      contractSource: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同来源')],
-      contractCategory: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同类别')],
-      contractNature: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同性质')]
-    }
-  },
-  ready () {
-    // 调用查询
-    this.search()
-  },
-  methods: {
-    openInvalid (row) {
-      this.$dispatch('openInvalid', row)
-    },
-    searchCondition (args) {
-      if (!isEmpty(args.model.f_contract_status)) {
-        args.condition += ` and ${args.model.f_contract_status}`
-      }
-      this.model.search(args.condition, args.model)
-    },
-    openRenew (row) {
-      this.$dispatch('openRenew', row)
-    },
-    // 添加合同
-    openAddContract () {
-      this.$dispatch('openAddContract')
-    },
-    // 查看合同详情
-    openViewContract (row) {
-      this.$dispatch('openViewContract', row)
-    },
-    clear () {
-      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
-        this.$refs.cp.$refs.cri.model[key] = null
-      })
-    },
-    // 查询
-    search () {
-      this.$dispatch('search')
-    },
-  },
-  events: {
-  },
-  computed: {
-    rowclass () {
-      return function (contract) {
-        if (contract.f_contract_nature === '单次' && contract.f_contract_status !== '有效') {
-          return 'danger'
-        }
-        if (contract.f_contract_nature === '年度' && new Date() > new Date(contract.f_contract_expiration_date)) {
-          return 'danger'
-        }
-        if (contract.f_contract_nature === '年度' && new Date() > new Date(contract.f_contract_early_warning_date)) {
-          return 'warning'
-        }
-        return ''
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.warning {
-  background-color: #f0ad4e;
-}
-.danger {
-  background-color: #d9534f;
-}
-</style>
+<template>
+  <criteria-paged :model="model" v-ref:cp>
+    <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
+      <div class="form-horizontal select-overspread container-fluid auto" partial>
+        <div class="row">
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">合同编号：</label>
+            <input type="text" class="input_search" style="width: 60%" v-model="model.f_contract_number"
+                   v-on:keyup.enter="$parent.$parent.search()" condition="f_contract_number like '%{}%'" placeholder='合同编号'>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">供方单位：</label>
+            <v-select
+              v-model="model.f_supplier"
+              placeholder='请选择'
+              condition="f_supplier = '{}'"
+              :value.sync="model.f_supplier"
+              :options='$parent.$parent.supplier'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">合同状态：</label>
+            <v-select
+              v-model="model.f_contract_status"
+              placeholder='请选择'
+              :value.sync="model.f_contract_status"
+              :options='$parent.$parent.contractStatus'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </div>
+          <div class="form-group col-sm-3 button-range">
+            <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+            <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+            <button class="button_new button_spacing"  @click="$parent.$parent.openAddContract()">添加合同</button>
+            <div
+              :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+              @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+              class="button_spacing"
+              style="float: right">
+            </div>
+          </div>
+        </div>
+        <div class="row" v-show="$parent.$parent.criteriaShow">
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">联&ensp;系&ensp;人：</label>
+            <input type="text" style="width: 60%" class="input_search" placeholder='联系人' v-model="model.f_contact_person"
+                   v-on:keyup.enter="$parent.$parent.search()"
+                   condition="f_contact_person like '%{}%'">
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">联系电话：</label>
+            <input type="text" style="width: 60%" class="input_search" placeholder='联系电话' v-model="model.f_tel"
+                   v-on:keyup.enter="$parent.$parent.search()"
+                   condition="f_tel like '%{}%'">
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">合同性质：</label>
+            <v-select
+              v-model="model.f_contract_nature"
+              placeholder='请选择'
+              condition="f_contract_nature = '{}'"
+              :value.sync="model.f_contract_nature"
+              :options='$parent.$parent.contractNature'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">合同来源：</label>
+            <v-select
+              v-model="model.f_contract_source"
+              placeholder='请选择'
+              condition="f_contract_source = '{}'"
+              :value.sync="model.f_contract_source"
+              :options='$parent.$parent.contractSource'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">合同类别：</label>
+            <v-select
+              v-model="model.f_contract_category"
+              placeholder='请选择'
+              condition="f_contract_category = '{}'"
+              :value.sync="model.f_contract_category"
+              :options='$parent.$parent.contractCategory'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </div>
+    </criteria>
+    <data-grid v-if="$parent.showData"  :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+      <template partial='head'>
+        <tr>
+          <th style="white-space: nowrap;">序号</th>
+          <th style="white-space: nowrap;">合同编号</th>
+          <th style="white-space: nowrap;">供方单位</th>
+          <th style="white-space: nowrap;">联系人</th>
+          <th style="white-space: nowrap;">电话</th>
+          <th style="white-space: nowrap;">合同性质</th>
+          <th style="white-space: nowrap;">合同来源</th>
+          <th style="white-space: nowrap;">合同类别</th>
+          <th style="white-space: nowrap;">合同份数</th>
+          <th style="white-space: nowrap;">合同金额</th>
+          <th style="white-space: nowrap;">签订时间</th>
+          <th style="white-space: nowrap;">到期时间</th>
+          <th style="white-space: nowrap;">合同状态</th>
+          <th style="white-space: nowrap;">入库次数</th>
+          <th style="white-space: nowrap;">操作</th>
+        </tr>
+      </template>
+      <template partial='body'>
+          <tr >
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{$index+1}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_contract_number}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_supplier}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_contact_person}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_tel}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_contract_nature}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_contract_source}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_contract_category}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_amount}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_contract_money}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{new Date(row.f_contract_time).Format('yyyy-MM-dd')}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{new Date(row.f_contract_expiration_date).Format('yyyy-MM-dd')}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{row.f_status}}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;" @click="$parent.$parent.$parent.openViewContract(row)">
+              <nobr><font>{{ row.f_warehousing_quantity }}</font></nobr>
+            </td>
+            <td :class="$parent.$parent.$parent.rowclass(row)" style="text-align: center;">
+              <dropdown v-if="row.f_status === '有效'">
+                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
+                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
+                </button>
+                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+                  <li v-if="row.f_contract_nature === '年度'|| row.f_status==='有效'">
+                    <a href="#" @click="$parent.$parent.$parent.openRenew(row)">续签</a>
+                  </li>
+                  <li>
+                    <a href="#" @click="$parent.$parent.$parent.openInvalid(row)">作废</a>
+                  </li>
+                </ul>
+              </dropdown>
+            </td>
+          </tr>
+        </template>
+    </data-grid>
+  </criteria-paged>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+import {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 {
+  title: '采购合同列表',
+  props: ['showData'],
+  data () {
+    return {
+      model: new PagedList('rs/sql/getContract', 30, {
+        data: {
+          f_contract_type: '采购合同',
+          orgid: this.$login.f.orgid,
+          date: new Date().Format('yyyy-MM-dd')
+        }
+      }),
+      criteriaShow: false,
+      contractStatus: [
+        {
+          'label': '全部',
+          'value': ''
+        },
+        {
+          'label': '有效',
+          'value': `f_contract_expiration_date >= '${new Date().Format('yyyy-MM-dd')}'`
+        },
+        {
+          'label': '预警',
+          'value': `f_contract_early_warning_date < '${new Date().Format('yyyy-MM-dd')}' and f_contract_expiration_date >= '${new Date().Format('yyyy-MM-dd')}'`
+        },
+        {
+          'label': '无效',
+          'value': `f_contract_expiration_date < '${new Date().Format('yyyy-MM-dd')}'`
+        }
+      ],
+      supplier: [{label: '全部', value: ''}, ...this.$appdata.getParam('供方单位')],
+      contractSource: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同来源')],
+      contractCategory: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同类别')],
+      contractNature: [{label: '全部', value: ''}, ...this.$appdata.getParam('合同性质')]
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search()
+  },
+  methods: {
+    openInvalid (row) {
+      this.$dispatch('openInvalid', row)
+    },
+    searchCondition (args) {
+      if (!isEmpty(args.model.f_contract_status)) {
+        args.condition += ` and ${args.model.f_contract_status}`
+      }
+      this.model.search(args.condition, args.model)
+    },
+    openRenew (row) {
+      this.$dispatch('openRenew', row)
+    },
+    // 添加合同
+    openAddContract () {
+      this.$dispatch('openAddContract')
+    },
+    // 查看合同详情
+    openViewContract (row) {
+      this.$dispatch('openViewContract', row)
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    // 查询
+    search () {
+      this.$dispatch('search')
+    },
+  },
+  events: {
+  },
+  computed: {
+    rowclass () {
+      return function (contract) {
+        if (contract.f_contract_nature === '单次' && contract.f_contract_status !== '有效') {
+          return 'danger'
+        }
+        if ((contract.f_contract_nature === '年度' && new Date() > new Date(contract.f_contract_expiration_date) )|| contract.f_contract_status === '无效') {
+          return 'danger'
+        }
+        if (contract.f_contract_nature === '年度' && new Date() > new Date(contract.f_contract_early_warning_date)) {
+          return 'warning'
+        }
+        return ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.warning {
+  background-color: #f0ad4e;
+}
+.danger {
+  background-color: #d9534f;
+}
+</style>