<!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/lts_result.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/fql.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 list">
            <div class="title">
               <span class="button-blue" :class="queryType==0?'active-btn':''" @click="query(0)">申请查询记录</span>
               <span class="button-blue" :class="queryType==1?'active-btn':''" @click="query(1)">申请结果</span>
               <span>查询结果：共[{{ queryType==0?queryListArr.length:queryResArr.length }}]条记录</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>
            <div class="log-div" v-if="queryType==0">
               <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="" label="申请日期" min-width="160">
                     <template slot-scope="scope">
                        {{scope.row.init_date}} {{scope.row.curr_time}}
                     </template>
                  </el-table-column>
                  <el-table-column prop="gt_ywqqid" label="业务申请号" min-width="100">
                  </el-table-column>
                  <el-table-column prop="client_name" label="客户名称" min-width="100">
                  </el-table-column>
                  <el-table-column prop="gt_ywdm" label="业务代码" min-width="100">
                  </el-table-column>
                  <el-table-column prop="gt_ywmc" label="业务名称" min-width="160">
                  </el-table-column>
                  <el-table-column prop="gt_clzt" label="申请状态" min-width="100">
                     <template slot-scope="scope">
                        {{scope.row.gt_clzt | applyfilter}}
                     </template>
                  </el-table-column>
                  <!-- <el-table-column prop="" label="审批时间" min-width="160">
                     <template slot-scope="scope">
                        {{scope.row.gt_sprq}} {{scope.row.gt_spsj}}
                     </template>
                  </el-table-column> -->
                  <el-table-column prop="deal_info" label="备注" min-width="200">
                  </el-table-column>
               </el-table>
            </div>
            <div class="result-div" v-if="queryType==1">
               <el-table ref="" :data="queryResArr" :height="tableHeight-30" 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="apply_date" label="申请日期" min-width="160">
                     <template slot-scope="scope">
                        {{scope.row.apply_date|datefilter}}
                     </template>
                  </el-table-column>
                  <el-table-column prop="gt_valid_type" label="申请状态" min-width="100">
                     <template slot-scope="scope">
                        {{scope.row.gt_valid_type|validtypefilter}}
                     </template>
                  </el-table-column>
                  <el-table-column prop="begin_date" label="起始日期" min-width="100">
                     <template slot-scope="scope">
                        {{scope.row.begin_date|datefilter}}
                     </template>
                  </el-table-column>
                  <el-table-column prop="end_date" label="到期日期" min-width="160">
                     <template slot-scope="scope">
                        {{scope.row.end_date|datefilter}}
                     </template>
                  </el-table-column>
                  <el-table-column prop="remark" label="备注" min-width="100">
                  </el-table-column>
               </el-table>
               <div>
                  <p class="loadmore" :class="hasMore?'blueColor':''" @click="queryApplyResult('loadmore')">点击加载更多</p>
               </div>
            </div>
         </div>
      </div>
   </div> 
   <script src="./js/md5.js"></script>
   <script src="./js/selfcloseposition.js"></script>
</body>

</html>