<template>
  <div class="MaxKing_Test">
    <div class="filter-container" style="margin: 10px 0 10px 0">
      <el-row :gutter="10">
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <el-input
              v-model="Name"
              clearable
              class="filter-item"
              style="width: 200px"
              size="small"
              placeholder="请输入角色名称"
              @keyup.enter.native="handleFind"
            />
          </div>
        </el-col>
        <el-col :span="9">
          <div class="grid-content bg-purple">
            <el-button
              class="filter-item"
              size="small"
              type="primary"
              icon="el-icon-search"
              @click="handleFind"
            >搜索
            </el-button>
            <el-button
              class="filter-item"
              size="small"
              type="primary"
              icon="el-icon-refresh"
              @click="handleReset"
            >重置
            </el-button>
            <el-button
              class="filter-item"
              size="small"
              type="primary"
              icon="el-icon-plus"
              @click="handleAdd"
            >添加
            </el-button>
          </div>
        </el-col>
      </el-row>
    </div>
    <el-table v-loading="loading" :data="tableData" border style="width: 100%">
      <el-table-column type="selection" />
      <el-table-column label="分发订单号" width="200" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.orderId }}</span>
        </template>
      </el-table-column>

      <el-table-column label="应用ID" width="200" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.appId }}</span>
        </template>
      </el-table-column>

      <el-table-column label="订单类型" width="200" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.orderType }}</span>
        </template>
      </el-table-column>

      <el-table-column label="产品ID" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.productId }}</span>
        </template>
      </el-table-column>

      <el-table-column label="手机号码" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.usedMobile }}</span>
        </template>
      </el-table-column>

      <el-table-column label="运营商" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.mobileOperator }}</span>
        </template>
      </el-table-column>

      <el-table-column label="归属地" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.mobileHome }}</span>
        </template>
      </el-table-column>

      <el-table-column label="发送日期" width="160" align="center" prop="createTime">
        <template slot-scope="scope">
          <span>{{ scope.row.limitedDate }}</span>
        </template>
      </el-table-column>

      <el-table-column label="回调日期" width="160" align="center" prop="createTime">
        <template slot-scope="scope">
          <span>{{ scope.row.lastModifyDate }}</span>
        </template>
      </el-table-column>

      <el-table-column label="订单状态" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.status }}</span>
        </template>
      </el-table-column>

      <el-table-column label="订单状态中文" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.statusDesc }}</span>
        </template>
      </el-table-column>

      <el-table-column label="用时" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.usedTime }}</span>
        </template>
      </el-table-column>

      <el-table-column label="回调状态" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.dealFlag }}</span>
        </template>
      </el-table-column>

      <el-table-column label="回调状态中文" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.dealFlagDesc }}</span>
        </template>
      </el-table-column>

      <el-table-column label="通道" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.channelName }}</span>
        </template>
      </el-table-column>

      <el-table-column label="通道订单" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.gwSeqNo }}</span>
        </template>
      </el-table-column>

      <el-table-column label="错误原因" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.gwStatus }}</span>
        </template>
      </el-table-column>

      <el-table-column label="错误代码" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.gwErrorCode }}</span>
        </template>
      </el-table-column>
      <el-table-column label="客服单号" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.extorderId }}</span>
        </template>
      </el-table-column>
      <el-table-column label="属性1" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.attr1 }}</span>
        </template>
      </el-table-column>
      <el-table-column label="运营商价格" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.operatorBalancePrice }}</span>
        </template>
      </el-table-column>
      <el-table-column label="客户价格" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.price }}</span>
        </template>
      </el-table-column>
      <el-table-column label="充值面额" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.faceValue }}</span>
        </template>
      </el-table-column>
      <el-table-column label="合作伙伴面额" width="160" align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.partnerBalancePrice }}</span>
        </template>
      </el-table-column>

      <el-table-column label="操作" fixed="right" min-width="150" align="center">
        <template slot-scope="scope">
          <el-button
            type="text"
            icon="el-icon-edit"
            @click="handleEdit(scope.row)"
          >编辑</el-button>
          <el-button
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      Name: '',
      tableData: [
        {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }, {
          orderId: '1215451',
          appId: '15484',
          orderType: '话费',
          productId: '1215',
          usedMobile: '135158',
          mobileOperator: '移动',
          mobileHome: '四川',
          limitedDate: '2021-05-14 13:08:00',
          lastModifyDate: '2021-05-14 13:08:00',
          status: 1,
          statusDesc: 'PASS',
          usedTime: '999',
          dealFlag: 1,
          dealFlagDesc: 'PASS',
          channelName: 'TEST',
          gwSeqNo: 'a',
          gwStatus: 'ERROR',
          gwErrorCode: 1,
          extorderId: '2358954',
          attr1: 'attr',
          operatorBalancePrice: 10.23,
          price: 10.99,
          faceValue: 10,
          partnerBalancePrice: 10.00
        }
      ]
    }
  }
}
</script>

<style>
</style>
