<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>自行平仓申请记录查询</title>
   <link rel="stylesheet" href="../../lib/element-ui/css/index.css">
   <link rel="stylesheet" href="./css/selfcloseposition.css">
   <script src="../../lib/vue/vue.min.js"></script>
   <script src="../../lib/vue/axios.min.js"></script>
   <script src="../../lib/element-ui/js/index.js"></script>

   <script src="../../_common/service_fcfg.js"></script>
   <script src="../../_common/fy_client.js"></script>
   <script src="../../_common/service.js"></script>
   <script src="../../_common/service_exports.js"></script>

   <style type="text/css">
      [v-cloak] {
         display: none;
      }
   </style>
</head>

<body>
   <div id="app" v-cloak :class="configSkin == 'default' ? 'default' : 'white'" oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false"
   oncopy=document.selection.empty() onselect=document.selection.empty()>
      <link rel="stylesheet" href="../../lib/common-style/css/default.css" v-if="ifBlack">
      <link rel="stylesheet" href="../../lib/common-style/css/white.css" v-else>
      <div class="application-box">
         <div class="query-list">
            <div class="title">
               <span>申请查询记录</span>
               <span>查询结果：共[{{numStat}}]条记录</span>
            </div>
            <div class="date-box">
               <div>
                  <span>有效开始日期：</span>
                  <el-date-picker type="date" clear-icon v-model="beginDate" @change="getEndDate" :picker-options="startDatePicker" placeholder="请选择">
                  </el-date-picker>
               </div>
               <div class="end-date">
                  <span>有效结束日期：</span>
                  <el-date-picker type="date" clear-icon v-model="endDate" @change="getBeginDate" :picker-options="endDatePicker" placeholder="请选择">
                  </el-date-picker>
               </div>
               <div class="query-btn">
                  <a href="###" @click="query">查询</a>
               </div>
            </div>
            <el-table ref="" :data="queryListArr" :height="tableHeight" border>
               <div slot="empty">
                  <div v-if="nullData">
                     <div>
                        <img src="../../lib/common-style/images/loading000.gif" alt="" v-if="loadingColor">
                        <img src="../../lib/common-style/images/loadingfff.gif" alt="" v-else>
                     </div>
                  </div>
                  <div v-else>{{error_con}}</div>
               </div>
               <el-table-column prop="applydate" label="申请日期" width="100">
                  <template slot-scope="scope">
                     {{scope.row.applydate | datefilter}}
                  </template>
               </el-table-column>
               <el-table-column prop="chkstatus" label="审批状态" width="100">
                  <template slot-scope="scope">
                     <span class="shenpi-status">{{scope.row.chkstatus | checkfilter}}</span>
                  </template>
               </el-table-column>
               <el-table-column prop="status" label="申请状态" width="100">
                  <template slot-scope="scope">
                     {{scope.row.status | applyfilter}}
                  </template>
               </el-table-column>
               <el-table-column prop="" label="有效期限" width="180">
                  <template slot-scope="scope">
                     {{scope.row.begindate | datefilter}}至{{scope.row.enddate | datefilter}}
                  </template>
               </el-table-column>
               <el-table-column prop="chktime" label="审批时间" width="160">
                  <template slot-scope="scope">
                     {{scope.row.chkdate | datefilter}} {{scope.row.chktime | chktimeFilter}}
                  </template>
               </el-table-column>
               <el-table-column prop="chkremark" label="备注">
               </el-table-column>
            </el-table>
         </div>
      </div>
   </div>
   <script src="./js/selfcloseposition.js"></script>
</body>

</html>