rpa
/
eladmin-web
5
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Rap 原分销系统代码Web
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
2 коммитов
2 Ветки
3.1MB
Дерево: 4319823210
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из '4319823210'
${ noResults }
eladmin-web/.svn/pristine/9b/9bb80e00c1195a93f3372ba72a2...

1533 строки
51KB
Исходник Blame История 

  1. <template>

  2.   <div class="app-container">

  3.     <div style="margin-bottom:10px">

  4.       <el-button type="success" @click="addBtn">新增</el-button>

  5.       <el-button type="success" @click="importBtn">导入</el-button>

  6.       <el-button type="success" @click="exportTempBtn">模版下载</el-button>

  7.     </div>

  8.     <!--搜索-->

  9.     <el-form class="mt_15" ref="form" inline size="small">

  10.       <el-form-item label="账号">

  11.         <el-input v-model.trim="searchParm.account" clearable placeholder="账号"></el-input>

  12.       </el-form-item>

  13.       <el-form-item label="昵称">

  14.         <el-input v-model.trim="searchParm.nickName" clearable></el-input>

  15.       </el-form-item>

  16.       <el-form-item label="密码">

  17.         <el-input v-model.trim="searchParm.pwd" clearable></el-input>

  18.       </el-form-item>

  19.       <el-form-item label="公司">

  20.         <el-select v-model.trim="searchParm.companyId" placeholder="请选择">

  21.           <el-option v-for="item in companys" :key="item.name" :label="item.name" :value="item.id"></el-option>

  22.         </el-select>

  23.       </el-form-item>

  24.       <el-form-item label="平台">

  25.         <el-select v-model.trim="searchParm.platformId" placeholder="请选择">

  26.           <el-option

  27.             v-for="item in platformList"

  28.             :key="item.id"

  29.             :label="item.name"

  30.             :value="item.id"

  31.           ></el-option>

  32.         </el-select>

  33.       </el-form-item>

  34.       <el-form-item>

  35.         <el-button type="primary" @click="goSearch">搜索</el-button>

  36.         <el-button type="warning" @click="resetForm">重置</el-button>

  37.       </el-form-item>

  38.     </el-form>

  39.     <!--表格渲染-->

  40.     <el-table

  41.       ref="table"

  42.       border

  43.       size="small"

  44.       :data="list"

  45.       :header-cell-style="{textAlign:'center'}"

  46.       :cell-style="{textAlign:'center'}"

  47.     >

  48.       <el-table-column label="序号" type="index" width="50" />

  49.       <el-table-column label="账号" prop="account" />

  50.       <el-table-column label="昵称" prop="nickName" />

  51.       <el-table-column label="密码" prop="pwd" />

  52.       <el-table-column label="公司" prop="companyName" />

  53.       <el-table-column label="平台" prop="platformName" />

  54.       <el-table-column label="VPNIP" prop="ipAddress" />

  55.       <el-table-column label="信用卡卡号" prop="number" />

  56.       <el-table-column label="州" prop="state" />

  57.       <el-table-column label="国家" prop="contntryShort" />

  58.       <el-table-column label="地址1" prop="addressline1" />

  59.       <el-table-column label="状态" prop="status">

  60.         <template slot-scope="scope">{{ scope.row.status | getStatus}}</template>

  61.       </el-table-column>

  62.       <el-table-column label="创建时间" prop="createdAt" />

  63.       <el-table-column label="修改时间" prop="updatedAt" />

  64.       <el-table-column label="操作" width="220">

  65.         <template slot-scope="scope">

  66.           <el-button type="info" @click="getBtnById(scope.row.id)">查看</el-button>

  67.           <el-button type="warning" @click="editById(scope.row)">修改</el-button>

  68.           <span v-if="scope.row.status != 7" slot="footer">

  69.             <el-button type="danger" @click="delById(scope.row.id)" style="margin-left: 10px">删除</el-button>

  70.           </span>

  71.         </template>

  72.       </el-table-column>

  73.     </el-table>

  74.     <!--分页-->

  75.     <div class="mt_15">

  76.       <el-pagination

  77.         @size-change="handleSizeChange"

  78.         @current-change="handleCurrentChange"

  79.         :current-page="searchParm.page"

  80.         :page-sizes="[10, 20, 30, 40, 50]"

  81.         :page-size="searchParm.pageSize"

  82.         layout="total, sizes, prev, pager, next, jumper"

  83.         :total="total"

  84.       ></el-pagination>

  85.     </div>

  86. 

  87.     <!--新增弹窗-->

  88.     <el-dialog :visible.sync="dialogAddVisible" :title="dialogAddTitle" center width="45%">

  89.       <div class="dialog-content">

  90.         <el-form ref="addParm" size="small" :model="addParm" :rules="rules" label-width="100px">

  91.           <el-form-item label="账号" prop="account">

  92.             <el-input v-model.trim="addParm.account" clearable></el-input>

  93.           </el-form-item>

  94.           <el-form-item label="昵称" prop="nickName">

  95.             <el-input v-model.trim="addParm.nickName" clearable></el-input>

  96.           </el-form-item>

  97.           <el-form-item label="密码" prop="pwd">

  98.             <el-input v-model.trim="addParm.pwd" clearable></el-input>

  99.           </el-form-item>

  100.           <el-form-item label="公司" prop="companyId">

  101.             <el-select v-model.trim="addParm.companyId" placeholder="请选择">

  102.               <el-option

  103.                 v-for="item in companys"

  104.                 :key="item.name"

  105.                 :label="item.name"

  106.                 :value="item.id"

  107.               ></el-option>

  108.             </el-select>

  109.           </el-form-item>

  110.           <el-form-item label="平台" prop="platformId">

  111.             <el-select v-model.trim="addParm.platformId" placeholder="请选择">

  112.               <el-option

  113.                 v-for="item in platformList"

  114.                 :key="item.name"

  115.                 :label="item.name"

  116.                 :value="item.id"

  117.               ></el-option>

  118.             </el-select>

  119.           </el-form-item>

  120.           <!--国家-->

  121.           <el-form-item label="所属国家" prop="contntryShort">

  122.             <el-input v-model.trim="addParm.contntryShort" clearable></el-input>

  123.           </el-form-item>

  124.           <!--VPN vpnId -->

  125.           <el-input v-model.trim="addParm.vpnId" type="hidden" clearable></el-input>

  126.           <el-form-item label="VPN地址" prop="vpnIp">

  127.             <el-input v-model.trim="addParm.vpnIp" style="width:230px"></el-input>

  128.             <el-button

  129.               type="primary"

  130.               icon="el-icon-search"

  131.               @click="goSearchVpn"

  132.               style="width:130px"

  133.             >请选择VPN</el-button>

  134.           </el-form-item>

  135.           <!--信用卡ID  cardId -->

  136.           <el-input v-model.trim="addParm.cardId" type="hidden" clearable></el-input>

  137.           <el-form-item label="信用卡号" prop="cardNumber">

  138.             <el-input v-model.trim="addParm.cardNumber" style="width:230px"></el-input>

  139.             <el-button

  140.               type="primary"

  141.               icon="el-icon-search"

  142.               @click="goSearchCard"

  143.               style="width:130px"

  144.             >请选择信用卡</el-button>

  145.           </el-form-item>

  146.           <!--用户等级    level -->

  147.           <el-form-item label="用户等级" prop="level">

  148.             <el-select v-model.trim="addParm.level" placeholder="请选择">

  149.               <el-option

  150.                 v-for="item in levelList"

  151.                 :key="item.name"

  152.                 :label="item.name"

  153.                 :value="item.id"

  154.               ></el-option>

  155.             </el-select>

  156.           </el-form-item>

  157.           <!--占用状态 occupyStatus -->

  158.           <el-form-item label="占用状态" prop="occupyStatus">

  159.             <el-select v-model.trim="addParm.occupyStatus" placeholder="请选择">

  160.               <el-option

  161.                 v-for="item in occupyStatusList"

  162.                 :key="item.name"

  163.                 :label="item.name"

  164.                 :value="item.id"

  165.               ></el-option>

  166.             </el-select>

  167.           </el-form-item>

  168.           <!--状态 status -->

  169.           <el-form-item label="状态" prop="status">

  170.             <el-select v-model.trim="addParm.status" placeholder="请选择">

  171.               <el-option

  172.                 v-for="item in statusList"

  173.                 :key="item.name"

  174.                 :label="item.name"

  175.                 :value="item.id"

  176.               ></el-option>

  177.             </el-select>

  178.           </el-form-item>

  179.           <!-- ********地址相关信息******** -->

  180.           <!--firstname-->

  181.           <el-form-item label="firstname" prop="firstname">

  182.             <el-input v-model.trim="addParm.firstname" clearable></el-input>

  183.           </el-form-item>

  184.           <!--lastname-->

  185.           <el-form-item label="lastname" prop="lastname">

  186.             <el-input v-model.trim="addParm.lastname" clearable></el-input>

  187.           </el-form-item>

  188.           <!--电话-->

  189.           <el-form-item label="电话" prop="tel">

  190.             <el-input v-model.trim="addParm.tel" clearable></el-input>

  191.           </el-form-item>

  192.           <!--国家-->

  193.           <el-form-item label="国家" prop="country">

  194.             <el-input v-model.trim="addParm.country" clearable></el-input>

  195.           </el-form-item>

  196.           <!--州-->

  197.           <el-form-item label="州" prop="state">

  198.             <el-input v-model.trim="addParm.state" clearable></el-input>

  199.           </el-form-item>

  200.           <!--城市-->

  201.           <el-form-item label="城市" prop="city">

  202.             <el-input v-model.trim="addParm.city" clearable></el-input>

  203.           </el-form-item>

  204.           <!--地址1-->

  205.           <el-form-item label="地址1" prop="addressline1">

  206.             <el-input v-model.trim="addParm.addressline1" clearable></el-input>

  207.           </el-form-item>

  208.           <!--地址2-->

  209.           <el-form-item label="地址2" prop="addressline2">

  210.             <el-input v-model.trim="addParm.addressline2" clearable></el-input>

  211.           </el-form-item>

  212.           <!--税号-->

  213.           <el-form-item label="税号" prop="vatNumber">

  214.             <el-input v-model.trim="addParm.vatNumber" clearable></el-input>

  215.           </el-form-item>

  216.           <!--邮政编码-->

  217.           <el-form-item label="邮政编码" prop="postalcode">

  218.             <el-input v-model.trim="addParm.postalcode" clearable></el-input>

  219.           </el-form-item>

  220.         </el-form>

  221.       </div>

  222.       <span slot="footer">

  223.         <el-button type="info" @click="sureAddCancle('addParm')">取消</el-button>

  224.         <el-button type="primary" @click="sureAdd('addParm')">确认</el-button>

  225.       </span>

  226.     </el-dialog>

  227. 

  228.     <!--VPN选择弹窗-->

  229.     <el-dialog

  230.       width="75%"

  231.       :visible.sync="dialogVpnVisible"

  232.       :title="dialogVpnTittle"

  233.       center

  234.       append-to-body

  235.     >

  236.       <!-- 搜索VPN -->

  237.       <el-form class="mt_15" ref="form" inline size="small">

  238.         <el-form-item label="所属国家简称">

  239.           <el-input v-model.trim="searchVpnParm.contntryShort" clearable placeholder="所属国家简称"></el-input>

  240.         </el-form-item>

  241.         <el-form-item label="IP地址">

  242.           <el-input v-model.trim="searchVpnParm.ipAddress" clearable placeholder="IP地址"></el-input>

  243.         </el-form-item>

  244.         <el-form-item label="父ip地址">

  245.           <el-input v-model.trim="searchVpnParm.parentIpAddress" clearable placeholder="父ip地址"></el-input>

  246.         </el-form-item>

  247.         <el-form-item label="端口">

  248.           <el-input v-model.trim="searchVpnParm.port" clearable placeholder="端口"></el-input>

  249.         </el-form-item>

  250.         <el-form-item label="名称">

  251.           <el-input v-model.trim="searchVpnParm.name" clearable placeholder="名称"></el-input>

  252.         </el-form-item>

  253.         <el-form-item label="密码">

  254.           <el-input v-model.trim="searchVpnParm.pwd" clearable placeholder="密码"></el-input>

  255.         </el-form-item>

  256.         <el-form-item label="mac地址">

  257.           <el-input v-model.trim="searchVpnParm.mac" clearable placeholder="mac地址"></el-input>

  258.         </el-form-item>

  259.         <el-form-item label="VPS类型">

  260.           <el-select v-model.trim="searchVpnParm.vpsType" placeholder="请选择">

  261.             <el-option

  262.               v-for="item in searchVpsTypeList"

  263.               :key="item.value"

  264.               :label="item.label"

  265.               :value="item.value"

  266.             ></el-option>

  267.           </el-select>

  268.         </el-form-item>

  269.         <el-form-item label="经销商">

  270.           <el-select v-model.trim="searchVpnParm.dealer" placeholder="请选择">

  271.             <el-option

  272.               v-for="item in searchDealerList"

  273.               :key="item.value"

  274.               :label="item.label"

  275.               :value="item.value"

  276.             ></el-option>

  277.           </el-select>

  278.         </el-form-item>

  279.         <el-form-item label="状态">

  280.           <el-select v-model.trim="searchVpnParm.status" placeholder="请选择">

  281.             <el-option

  282.               v-for="item in searchStatusList"

  283.               :key="item.value"

  284.               :label="item.label"

  285.               :value="item.value"

  286.             ></el-option>

  287.           </el-select>

  288.         </el-form-item>

  289.         <el-form-item>

  290.           <el-button type="primary" @click="goSearchVpn">搜索</el-button>

  291.           <el-button type="warning" @click="resetVpnForm">重置</el-button>

  292.         </el-form-item>

  293.       </el-form>

  294.       <!--表格渲染-->

  295.       <el-table

  296.         ref="table"

  297.         border

  298.         size="small"

  299.         :data="vpnList"

  300.         :header-cell-style="{textAlign:'center'}"

  301.         :cell-style="{textAlign:'center'}"

  302.       >

  303.         <el-table-column label="序号" type="index" width="50" />

  304.         <el-table-column label="所属国家简称" prop="contntryShort" />

  305.         <el-table-column label="IP地址" prop="ipAddress" />

  306.         <el-table-column label="父ip地址" prop="parentIpAddress" />

  307.         <el-table-column label="端口" prop="port" />

  308.         <el-table-column label="名称" prop="name" />

  309.         <el-table-column label="密码" prop="pwd" />

  310.         <el-table-column label="VPS类型" prop="vpsType">

  311.           <template slot-scope="scope">{{ scope.row.vpsType | getVpnVpsType}}</template>

  312.         </el-table-column>

  313.         <el-table-column label="经销商" prop="dealer">

  314.           <template slot-scope="scope">{{ scope.row.dealer | getVpnDealer}}</template>

  315.         </el-table-column>

  316.         <el-table-column label="mac地址" prop="mac" />

  317.         <el-table-column label="状态" prop="status">

  318.           <template slot-scope="scope">{{ scope.row.status | getVpnStatus}}</template>

  319.         </el-table-column>

  320.         <el-table-column label="创建时间" prop="createdAt" />

  321.         <el-table-column label="修改时间" prop="updatedAt" />

  322.         <el-table-column label="操作">

  323.           <template slot-scope="scope">

  324.             <el-button type="success" @click="getVpnIpById(scope.row)">选中</el-button>

  325.           </template>

  326.         </el-table-column>

  327.       </el-table>

  328.       <!--分页-->

  329.       <div class="mt_15">

  330.         <el-pagination

  331.           @size-change="handleSizeChange"

  332.           @current-change="handleCurrentChange"

  333.           :current-page="searchVpnParm.page"

  334.           :page-sizes="[10, 20, 30, 40, 50]"

  335.           :page-size="searchVpnParm.pageSize"

  336.           layout="total, sizes, prev, pager, next, jumper"

  337.           :total="vpnTotal"

  338.         ></el-pagination>

  339.       </div>

  340.     </el-dialog>

  341. 

  342.     <!--信用卡选择弹窗-->

  343.     <el-dialog

  344.       width="75%"

  345.       :visible.sync="dialogCardVisible"

  346.       :title="dialogCardTittle"

  347.       center

  348.       append-to-body

  349.     >

  350.       <!--搜索信用卡-->

  351.       <el-form class="mt_15" ref="form" inline size="small">

  352.         <el-form-item label="卡号">

  353.           <el-input v-model.trim="searchCardParm.number" clearable placeholder="账号"></el-input>

  354.         </el-form-item>

  355.         <el-form-item label="PIN">

  356.           <el-input v-model.trim="searchCardParm.pinNumber" clearable></el-input>

  357.         </el-form-item>

  358.         <el-form-item label="持卡人名称">

  359.           <el-input v-model.trim="searchCardParm.holderName" clearable></el-input>

  360.         </el-form-item>

  361.         <el-form-item label="类型">

  362.           <el-select v-model.trim="searchCardParm.type" placeholder="请选择">

  363.             <el-option

  364.               v-for="item in typeCardList"

  365.               :key="item.name"

  366.               :label="item.name"

  367.               :value="item.id"

  368.             ></el-option>

  369.           </el-select>

  370.         </el-form-item>

  371.         <el-form-item label="卡商">

  372.           <el-select v-model.trim="searchCardParm.cardDealer" placeholder="请选择">

  373.             <el-option

  374.               v-for="item in dealerCardList"

  375.               :key="item.name"

  376.               :label="item.name"

  377.               :value="item.id"

  378.             ></el-option>

  379.           </el-select>

  380.         </el-form-item>

  381.         <el-form-item label="状态">

  382.           <el-select v-model.trim="searchCardParm.status" placeholder="请选择">

  383.             <el-option

  384.               v-for="item in statusCardList"

  385.               :key="item.name"

  386.               :label="item.name"

  387.               :value="item.id"

  388.             ></el-option>

  389.           </el-select>

  390.         </el-form-item>

  391.         <el-form-item>

  392.           <el-button type="primary" @click="goSearchCard">搜索</el-button>

  393.           <el-button type="warning" @click="resetCardForm">重置</el-button>

  394.         </el-form-item>

  395.       </el-form>

  396.       <!--表格渲染-->

  397.       <el-table

  398.         ref="table"

  399.         border

  400.         size="small"

  401.         :data="cardList"

  402.         :header-cell-style="{textAlign:'center'}"

  403.       >

  404.         <el-table-column label="序号" type="index" width="50" align="center" />

  405.         <el-table-column label="卡号" prop="number" align="center" />

  406.         <el-table-column label="PIN码" prop="pinNumber" align="center" />

  407.         <el-table-column label="持卡人姓氏" prop="holderSurname" align="center" />

  408.         <el-table-column label="持卡人名称" prop="holderName" align="center" />

  409.         <el-table-column label="所属厂商" prop="cardDealer" align="center">

  410.           <template slot-scope="scope">{{ scope.row.cardDealer | getCardDealer}}</template>

  411.         </el-table-column>

  412.         <el-table-column label="类型" prop="type" align="center">

  413.           <template slot-scope="scope">{{ scope.row.type | getCardType}}</template>

  414.         </el-table-column>

  415.         <el-table-column label="状态" prop="status" align="center">

  416.           <template slot-scope="scope">{{ scope.row.status | getCardStatus}}</template>

  417.         </el-table-column>

  418.         <el-table-column label="创建时间" prop="createdAt" align="center" />

  419.         <el-table-column label="修改时间" prop="updatedAt" align="center" />

  420.         <el-table-column label="操作" align="center">

  421.           <template slot-scope="scope">

  422.             <el-button type="success" @click="getCardById(scope.row)" align="center">选中</el-button>

  423.           </template>

  424.         </el-table-column>

  425.       </el-table>

  426.       <!--分页-->

  427.       <div class="mt_15">

  428.         <el-pagination

  429.           @size-change="handleSizeChange"

  430.           @current-change="handleCurrentChange"

  431.           :current-page="searchCardParm.page"

  432.           :page-sizes="[10, 20, 30, 40, 50]"

  433.           :page-size="searchCardParm.pageSize"

  434.           layout="total, sizes, prev, pager, next, jumper"

  435.           :total="cardTotal"

  436.         ></el-pagination>

  437.       </div>

  438.     </el-dialog>

  439. 

  440.     <!--修改弹窗-->

  441.     <el-dialog :visible.sync="dialogEditVisible" :title="dialogEditTitle" center width="45%">

  442.       <div class="dialog-content">

  443.         <el-form ref="editParm" size="small" :model="editParm" :rules="rules" label-width="100px">

  444.           <el-form-item label="账号" prop="account">

  445.             <el-input v-model.trim="editParm.account" clearable></el-input>

  446.           </el-form-item>

  447.           <el-form-item label="昵称" prop="nickName">

  448.             <el-input v-model.trim="editParm.nickName" clearable></el-input>

  449.           </el-form-item>

  450.           <el-form-item label="密码" prop="pwd">

  451.             <el-input v-model.trim="editParm.pwd" clearable></el-input>

  452.           </el-form-item>

  453.           <el-form-item label="公司" prop="companyId">

  454.             <el-select v-model.trim="editParm.companyId" placeholder="请选择">

  455.               <el-option

  456.                 v-for="item in companys"

  457.                 :key="item.name"

  458.                 :label="item.name"

  459.                 :value="item.id"

  460.               ></el-option>

  461.             </el-select>

  462.           </el-form-item>

  463.           <el-form-item label="平台" prop="platformId">

  464.             <el-select v-model.trim="editParm.platformId" placeholder="请选择">

  465.               <el-option

  466.                 v-for="item in platformList"

  467.                 :key="item.name"

  468.                 :label="item.name"

  469.                 :value="item.id"

  470.               ></el-option>

  471.             </el-select>

  472.           </el-form-item>

  473.           <!--国家-->

  474.           <el-form-item label="所属国家" prop="contntryShort">

  475.             <el-input v-model.trim="editParm.contntryShort" clearable></el-input>

  476.           </el-form-item>

  477.           <!--VPN vpnId -->

  478.           <el-input v-model.trim="editParm.vpnId" type="hidden" clearable></el-input>

  479.           <el-form-item label="VPN地址" prop="vpnIp">

  480.             <el-input v-model.trim="editParm.vpnIp" disabled style="width:230px"></el-input>

  481.             <el-button

  482.               type="primary"

  483.               icon="el-icon-search"

  484.               @click="goSearchVpn"

  485.               style="width:130px"

  486.             >请选择VPN</el-button>

  487.           </el-form-item>

  488.           <!--信用卡ID  cardId -->

  489.           <el-input v-model.trim="editParm.cardId" type="hidden" clearable></el-input>

  490.           <el-form-item label="信用卡号" prop="cardNumber">

  491.             <el-input v-model.trim="editParm.cardNumber" disabled style="width:230px"></el-input>

  492.             <el-button

  493.               type="primary"

  494.               icon="el-icon-search"

  495.               @click="goSearchCard"

  496.               style="width:130px"

  497.             >请选择信用卡</el-button>

  498.           </el-form-item>

  499.           <!--用户等级    level -->

  500.           <el-form-item label="用户等级" prop="level">

  501.             <el-select v-model.trim="editParm.level" placeholder="请选择">

  502.               <el-option

  503.                 v-for="item in levelList"

  504.                 :key="item.name"

  505.                 :label="item.name"

  506.                 :value="item.id"

  507.               ></el-option>

  508.             </el-select>

  509.           </el-form-item>

  510.           <!--占用状态 occupyStatus -->

  511.           <el-form-item label="占用状态" prop="occupyStatus">

  512.             <el-select v-model.trim="editParm.occupyStatus" placeholder="请选择">

  513.               <el-option

  514.                 v-for="item in occupyStatusList"

  515.                 :key="item.name"

  516.                 :label="item.name"

  517.                 :value="item.id"

  518.               ></el-option>

  519.             </el-select>

  520.           </el-form-item>

  521.           <!--状态 status -->

  522.           <el-form-item label="状态" prop="status">

  523.             <el-select v-model.trim="editParm.status" placeholder="请选择">

  524.               <el-option

  525.                 v-for="item in statusList"

  526.                 :key="item.name"

  527.                 :label="item.name"

  528.                 :value="item.id"

  529.               ></el-option>

  530.             </el-select>

  531.           </el-form-item>

  532.           <!-- ********地址相关信息******** -->

  533.           <!--firstname-->

  534.           <el-form-item label="firstname" prop="firstname">

  535.             <el-input v-model.trim="editParm.firstname" clearable></el-input>

  536.           </el-form-item>

  537.           <!--lastname-->

  538.           <el-form-item label="lastname" prop="lastname">

  539.             <el-input v-model.trim="editParm.lastname" clearable></el-input>

  540.           </el-form-item>

  541.           <!--电话-->

  542.           <el-form-item label="电话" prop="tel">

  543.             <el-input v-model.trim="editParm.tel" clearable></el-input>

  544.           </el-form-item>

  545.           <!--国家-->

  546.           <el-form-item label="国家" prop="country">

  547.             <el-input v-model.trim="editParm.country" clearable></el-input>

  548.           </el-form-item>

  549.           <!--州-->

  550.           <el-form-item label="州" prop="state">

  551.             <el-input v-model.trim="editParm.state" clearable></el-input>

  552.           </el-form-item>

  553.           <!--城市-->

  554.           <el-form-item label="城市" prop="city">

  555.             <el-input v-model.trim="editParm.city" clearable></el-input>

  556.           </el-form-item>

  557.           <!--地址1-->

  558.           <el-form-item label="地址1" prop="addressline1">

  559.             <el-input v-model.trim="editParm.addressline1" clearable></el-input>

  560.           </el-form-item>

  561.           <!--地址2-->

  562.           <el-form-item label="地址2" prop="addressline2">

  563.             <el-input v-model.trim="editParm.addressline2" clearable></el-input>

  564.           </el-form-item>

  565.           <!--税号-->

  566.           <el-form-item label="税号" prop="vatNumber">

  567.             <el-input v-model.trim="editParm.vatNumber" clearable></el-input>

  568.           </el-form-item>

  569.           <!--邮政编码-->

  570.           <el-form-item label="邮政编码" prop="postalcode">

  571.             <el-input v-model.trim="editParm.postalcode" clearable></el-input>

  572.           </el-form-item>

  573.         </el-form>

  574.       </div>

  575.       <span slot="footer">

  576.         <el-button type="info" @click="sureEditCancle('editParm')">取消</el-button>

  577.         <el-button type="primary" @click="sureEdit('editParm')">确认</el-button>

  578.       </span>

  579.     </el-dialog>

  580. 

  581.     <!--详情弹窗-->

  582.     <el-dialog :visible.sync="dialogDetailVisible" :title="dialogDetailTitle" center width="45%">

  583.       <div class="dialog-content">

  584.         <el-form ref="form" size="small" label-width="120px">

  585.           <el-form-item label="账号" prop="account">

  586.             <el-input v-model.trim="detailParm.account" :disabled="true"></el-input>

  587.           </el-form-item>

  588.           <el-form-item label="昵称" prop="nickName">

  589.             <el-input v-model.trim="detailParm.nickName" :disabled="true"></el-input>

  590.           </el-form-item>

  591.           <el-form-item label="密码" prop="pwd">

  592.             <el-input v-model.trim="detailParm.pwd" :disabled="true"></el-input>

  593.           </el-form-item>

  594.           <el-form-item label="公司" prop="companyId">

  595.             <el-select v-model.trim="detailParm.companyId" disabled placeholder="请选择">

  596.               <el-option

  597.                 v-for="item in companys"

  598.                 :key="item.name"

  599.                 :label="item.name"

  600.                 :value="item.id"

  601.               ></el-option>

  602.             </el-select>

  603.           </el-form-item>

  604.           <el-form-item label="平台" prop="platformId">

  605.             <el-select v-model.trim="detailParm.platformId" disabled placeholder="请选择">

  606.               <el-option

  607.                 v-for="item in platformList"

  608.                 :key="item.name"

  609.                 :label="item.name"

  610.                 :value="item.id"

  611.               ></el-option>

  612.             </el-select>

  613.           </el-form-item>

  614. 

  615.           <!--国家-->

  616.           <el-form-item label="国家" prop="contntryShort">

  617.             <el-input v-model.trim="detailParm.contntryShort" disabled clearable></el-input>

  618.           </el-form-item>

  619.           <!--VPN vpnId -->

  620.           <el-form-item label="VPNIP" prop="vpnIp">

  621.             <el-input v-model.trim="detailParm.vpnIp" disabled clearable></el-input>

  622.           </el-form-item>

  623.           <!--信用卡ID  cardId -->

  624.           <el-form-item label="信用卡卡号" prop="cardNumber">

  625.             <el-input v-model.trim="detailParm.cardNumber" disabled clearable></el-input>

  626.           </el-form-item>

  627.           <!--用户等级    level -->

  628.           <el-form-item label="用户等级" prop="level">

  629.             <el-select v-model.trim="detailParm.level" disabled placeholder="请选择">

  630.               <el-option

  631.                 v-for="item in levelList"

  632.                 :key="item.name"

  633.                 :label="item.name"

  634.                 :value="item.id"

  635.               ></el-option>

  636.             </el-select>

  637.           </el-form-item>

  638.           <!--占用状态 occupyStatus -->

  639.           <el-form-item label="占用状态" prop="occupyStatus">

  640.             <el-select v-model.trim="detailParm.occupyStatus" disabled placeholder="请选择">

  641.               <el-option

  642.                 v-for="item in occupyStatusList"

  643.                 :key="item.name"

  644.                 :label="item.name"

  645.                 :value="item.id"

  646.               ></el-option>

  647.             </el-select>

  648.           </el-form-item>

  649.           <!--状态 status -->

  650.           <el-form-item label="状态" prop="status">

  651.             <el-select v-model.trim="detailParm.status" disabled placeholder="请选择">

  652.               <el-option

  653.                 v-for="item in statusList"

  654.                 :key="item.name"

  655.                 :label="item.name"

  656.                 :value="item.id"

  657.               ></el-option>

  658.             </el-select>

  659.           </el-form-item>

  660.           <!--占用账户-->

  661.           <el-form-item label="占用账户" prop="occupyAccount">

  662.             <el-input v-model.trim="detailParm.occupyAccount" :disabled="true" clearable></el-input>

  663.           </el-form-item>

  664.           <!--账户余额-->

  665.           <el-form-item label="账户余额" prop="balance">

  666.             <el-input v-model.trim="detailParm.balance" :disabled="true" clearable></el-input>

  667.           </el-form-item>

  668.           <!--购买总金额-->

  669.           <el-form-item label="账户购买总金额" prop="buyTotalMoney">

  670.             <el-input v-model.trim="detailParm.buyTotalMoney" :disabled="true" clearable></el-input>

  671.           </el-form-item>

  672.           <!--地址1-->

  673.           <el-form-item label="地址1" prop="addressline1">

  674.             <el-input v-model.trim="detailParm.addressline1" :disabled="true" clearable></el-input>

  675.           </el-form-item>

  676.           <!--国家-->

  677.           <el-form-item label="国家" prop="country">

  678.             <el-input v-model.trim="detailParm.country" :disabled="true" clearable></el-input>

  679.           </el-form-item>

  680.           <!--州-->

  681.           <el-form-item label="州" prop="state">

  682.             <el-input v-model.trim="detailParm.state" :disabled="true" clearable></el-input>

  683.           </el-form-item>

  684.           <!--电话-->

  685.           <el-form-item label="电话" prop="tel">

  686.             <el-input v-model.trim="detailParm.tel" :disabled="true" clearable></el-input>

  687.           </el-form-item>

  688.           <!--lastname-->

  689.           <el-form-item label="lastname" prop="lastname">

  690.             <el-input v-model.trim="detailParm.lastname" :disabled="true" clearable></el-input>

  691.           </el-form-item>

  692.           <!--税号-->

  693.           <el-form-item label="税号" prop="vatNumber">

  694.             <el-input v-model.trim="detailParm.vatNumber" :disabled="true" clearable></el-input>

  695.           </el-form-item>

  696.           <!--城市-->

  697.           <el-form-item label="城市" prop="city">

  698.             <el-input v-model.trim="detailParm.city" :disabled="true" clearable></el-input>

  699.           </el-form-item>

  700.           <!--地址2-->

  701.           <el-form-item label="地址2" prop="addressline2">

  702.             <el-input v-model.trim="detailParm.addressline2" :disabled="true" clearable></el-input>

  703.           </el-form-item>

  704.           <!--firstname-->

  705.           <el-form-item label="firstname" prop="firstname">

  706.             <el-input v-model.trim="detailParm.firstname" :disabled="true" clearable></el-input>

  707.           </el-form-item>

  708.           <!--邮政编码-->

  709.           <el-form-item label="邮政编码" prop="postalcode">

  710.             <el-input v-model.trim="detailParm.postalcode" :disabled="true" clearable></el-input>

  711.           </el-form-item>

  712.         </el-form>

  713.       </div>

  714.     </el-dialog>

  715. 

  716.     <!--买家导入  importBtn-->

  717.     <el-dialog :visible.sync="dialogImportVisible" :title="dialogImportTitle" center width="23%">

  718.       <div class="dialog-content">

  719.         <el-upload

  720.           class="upload-demo"

  721.           drag

  722.           ref="upload"

  723.           :headers="uploadHeaders"

  724.           :action="uploadFileUrl"

  725.           :show-file-list="false"

  726.           :on-success="uploadSuccess"

  727.           :before-upload="beforeAvatarUpload"

  728.           multiple

  729.         >

  730.           <i class="el-icon-upload"></i>

  731.           <div class="el-upload__text">

  732.             将文件拖到此处，或

  733.             <em>点击上传</em>

  734.           </div>

  735.           <div class="el-upload__tip" slot="tip">只能上传xlsl文件，且不超过10M</div>

  736.         </el-upload>

  737.       </div>

  738.     </el-dialog>

  739.   </div>

  740. </template>

  741. <script>

  742. import {

  743.   add,

  744.   editById,

  745.   delById,

  746.   getList,

  747.   getById,

  748.   getVpnList,

  749.   getCardList

  750. } from "@/api/group/buyer";

  751. import { getAll } from "@/api/group/company";

  752. export default {

  753.   filters: {

  754.     getStatus: function(value) {

  755.       if (value == 1) {

  756.         return "待注册";

  757.       } else if (value == 2) {

  758.         return "待验证";

  759.       } else if (value == 3) {

  760.         return "待完善";

  761.       } else if (value == 4) {

  762.         return "正常";

  763.       } else if (value == 5) {

  764.         return "异常";

  765.       } else if (value == 6) {

  766.         return "可用但已用";

  767.       } else {

  768.         return "删除";

  769.       }

  770.     },

  771.     getVpnVpsType: function(value) {

  772.       if (value == 1) {

  773.         return "传统";

  774.       }

  775.     },

  776.     getVpnDealer: function(value) {

  777.       if (value == 1) {

  778.         return "V2";

  779.       }

  780.     },

  781.     getVpnStatus: function(value) {

  782.       if (value == 1) {

  783.         return "可用";

  784.       } else if (value == 2) {

  785.         return "禁用";

  786.       }

  787.     },

  788.     getCardStatus: function(value) {

  789.       if (value == 1) {

  790.         return "正常";

  791.       } else if (value == 2) {

  792.         return "异常";

  793.       } else {

  794.         return "删除";

  795.       }

  796.     },

  797.     getCardType: function(value) {

  798.       if (value == 1) {

  799.         return "Payoneer";

  800.       } else if (value == 2) {

  801.         return "万事达虚拟卡";

  802.       } else {

  803.         return "Visa信用卡";

  804.       }

  805.     },

  806.     getCardDealer: function(value) {

  807.       if (value == 1) {

  808.         return "AmzKeys";

  809.       } else {

  810.         return "Airwallex";

  811.       }

  812.     }

  813.   },

  814.   //	数据

  815.   data() {

  816.     return {

  817.       searchParm: {

  818.         page: 1,

  819.         pageSize: 10,

  820.         account: null,

  821.         sort: "created_at",

  822.         order: "desc",

  823.         nickName: null,

  824.         pwd: null,

  825.         companyId: null,

  826.         platformId: null

  827.       },

  828.       searchVpnParm: {

  829.         page: 1,

  830.         pageSize: 10,

  831.         sort: "created_at",

  832.         order: "desc",

  833.         contntryShort: null,

  834.         ipAddress: null,

  835.         parentIpAddress: null,

  836.         port: null,

  837.         name: null,

  838.         pwd: null,

  839.         vpsType: null,

  840.         dealer: null,

  841.         mac: null,

  842.         status: null

  843.       },

  844.       searchCardParm: {

  845.         page: 1,

  846.         pageSize: 10,

  847.         sort: "created_at",

  848.         order: "desc",

  849.         cardDealer: "",

  850.         type: "",

  851.         status: "",

  852.         holderName: null,

  853.         number: null,

  854.         pinNumber: null

  855.       },

  856.       total: 0,

  857.       vpnTotal: 0,

  858.       cardTotal: 0,

  859.       list: [],

  860.       vpnList: [],

  861.       cardList: [],

  862.       dialogAddVisible: false,

  863.       dialogAddTitle: "新增",

  864.       dialogDetailVisible: false,

  865.       dialogDetailTitle: "详情",

  866.       dialogEditVisible: false,

  867.       dialogEditTitle: "修改",

  868.       dialogImportVisible: false,

  869.       dialogImportTitle: "导入",

  870.       dialogVpnTittle: "VPN列表",

  871.       dialogVpnVisible: false,

  872.       dialogCardTittle: "信用卡列表",

  873.       dialogCardVisible: false,

  874.       uploadHeaders:{ Authorization: this.$store.getters.token },

  875.       uploadFileUrl: process.env.VUE_APP_BASE_API + "/api/ctBuyer/import",

  876.       tempUrl: process.env.VUE_APP_BASE_API + "/api/ctBuyer/exportTemp",

  877.       companys: [],

  878.       addDialog: true,

  879.       //买家表格：0 ;VPN表格：1 ;Card表格：2

  880.       handleType: 0,

  881.       platformList: [

  882.         {

  883.           id: 1,

  884.           name: "敦煌"

  885.         },

  886.         {

  887.           id: 2,

  888.           name: "速卖通"

  889.         },

  890.         {

  891.           id: 3,

  892.           name: "马帮"

  893.         }

  894.       ],

  895.       statusList: [

  896.         {

  897.           id: 1,

  898.           name: "待注册"

  899.         },

  900.         {

  901.           id: 2,

  902.           name: "待验证"

  903.         },

  904.         {

  905.           id: 3,

  906.           name: "待完善"

  907.         },

  908.         {

  909.           id: 4,

  910.           name: "正常"

  911.         },

  912.         {

  913.           id: 5,

  914.           name: "异常"

  915.         },

  916.         {

  917.           id: 6,

  918.           name: "可用但已用"

  919.         },

  920.         {

  921.           id: 7,

  922.           name: "删除"

  923.         }

  924.       ],

  925.       occupyStatusList: [

  926.         {

  927.           id: 1,

  928.           name: "已占用"

  929.         },

  930.         {

  931.           id: 2,

  932.           name: "未占用"

  933.         }

  934.       ],

  935.       levelList: [

  936.         {

  937.           id: 1,

  938.           name: "普通"

  939.         },

  940.         {

  941.           id: 2,

  942.           name: "精品"

  943.         },

  944.         {

  945.           id: 3,

  946.           name: "压力"

  947.         },

  948.         {

  949.           id: 4,

  950.           name: "内部账号"

  951.         }

  952.       ],

  953.       searchVpsTypeList: [

  954.         {

  955.           value: null,

  956.           label: "全部"

  957.         },

  958.         {

  959.           value: 1,

  960.           label: "传统"

  961.         }

  962.       ],

  963.       searchDealerList: [

  964.         {

  965.           value: null,

  966.           label: "全部"

  967.         },

  968.         {

  969.           value: 1,

  970.           label: "V2"

  971.         }

  972.       ],

  973.       searchStatusList: [

  974.         {

  975.           value: null,

  976.           label: "全部"

  977.         },

  978.         {

  979.           value: 1,

  980.           label: "可用"

  981.         },

  982.         {

  983.           value: 2,

  984.           label: "禁用"

  985.         }

  986.       ],

  987.       typeCardList: [

  988.         {

  989.           id: null,

  990.           name: "全部"

  991.         },

  992.         {

  993.           id: 1,

  994.           name: "Payoneer"

  995.         },

  996.         {

  997.           id: 2,

  998.           name: "万事达虚拟卡"

  999.         },

  1000.         {

  1001.           id: 3,

  1002.           name: "Visa信用卡"

  1003.         }

  1004.       ],

  1005.       dealerCardList: [

  1006.         {

  1007.           id: null,

  1008.           name: "全部"

  1009.         },

  1010.         {

  1011.           id: 1,

  1012.           name: "AmzKeys"

  1013.         },

  1014.         {

  1015.           id: 2,

  1016.           name: "Airwallex"

  1017.         }

  1018.       ],

  1019.       statusCardList: [

  1020.         {

  1021.           id: null,

  1022.           name: "全部"

  1023.         },

  1024.         {

  1025.           id: 1,

  1026.           name: "正常"

  1027.         },

  1028.         {

  1029.           id: 2,

  1030.           name: "异常"

  1031.         },

  1032.         {

  1033.           id: 3,

  1034.           name: "删除"

  1035.         }

  1036.       ],

  1037.       addParm: {

  1038.         id: null,

  1039.         nickName: "",

  1040.         pwd: "",

  1041.         account: "",

  1042.         companyId: null,

  1043.         platformId: null,

  1044.         vpnId: null,

  1045.         vpnIp: "",

  1046.         cardId: null,

  1047.         cardNumber: "",

  1048.         level: null,

  1049.         occupyStatus: null,

  1050.         addressline1: "",

  1051.         country: "",

  1052.         tel: "",

  1053.         lastname: "",

  1054.         vatNumber: "",

  1055.         city: "",

  1056.         addressline2: "",

  1057.         firstname: "",

  1058.         postalcode: "",

  1059.         status: null

  1060.       },

  1061.       detailParm: {

  1062.         id: null,

  1063.         nickName: "",

  1064.         pwd: "",

  1065.         account: "",

  1066.         companyId: null,

  1067.         platformId: null,

  1068.         contntryShort: "",

  1069.         vpnId: null,

  1070.         vpnIp: "",

  1071.         cardId: null,

  1072.         cardNumber: "",

  1073.         level: null,

  1074.         occupyStatus: null,

  1075.         addressline1: "",

  1076.         country: "",

  1077.         state: "",

  1078.         tel: "",

  1079.         lastname: "",

  1080.         vatNumber: "",

  1081.         city: "",

  1082.         addressline2: "",

  1083.         firstname: "",

  1084.         postalcode: "",

  1085.         status: null

  1086.       },

  1087.       editParm: {

  1088.         id: null,

  1089.         nickName: "",

  1090.         pwd: "",

  1091.         account: "",

  1092.         companyId: null,

  1093.         platformId: null,

  1094.         contntryShort: "",

  1095.         vpnId: null,

  1096.         vpnIp: "",

  1097.         cardId: null,

  1098.         cardNumber: "",

  1099.         level: null,

  1100.         occupyStatus: null,

  1101.         addressline1: "",

  1102.         country: "",

  1103.         state: "",

  1104.         tel: "",

  1105.         lastname: "",

  1106.         vatNumber: "",

  1107.         city: "",

  1108.         addressline2: "",

  1109.         firstname: "",

  1110.         postalcode: "",

  1111.         status: null

  1112.       },

  1113.       rules: {

  1114.         pwd: [{ required: true, message: "请输入密码", trigger: "blur" }],

  1115.         nickName: [{ required: true, message: "请输入昵称", trigger: "blur" }],

  1116.         account: [{ required: true, message: "请输入账号", trigger: "blur" }],

  1117.         companyId: [{ required: true, message: "请选择公司", trigger: "blur" }],

  1118.         platformId: [

  1119.           { required: true, message: "请选择平台", trigger: "blur" }

  1120.         ],

  1121.         contntryShort: [

  1122.           { required: true, message: "请输入所属国家", trigger: "blur" }

  1123.         ],

  1124.         vpnIp: [{ required: true, message: "请选择VPN地址", trigger: "blur" }],

  1125. //      cardNumber: [

  1126. //        { required: true, message: "请选择信用卡号", trigger: "blur" }

  1127. //      ],

  1128.         level: [{ required: true, message: "请选择用户等级", trigger: "blur" }],

  1129.         occupyStatus: [

  1130.           { required: true, message: "请选择占用状态", trigger: "blur" }

  1131.         ],

  1132.         status: [{ required: true, message: "请选择状态", trigger: "blur" }],

  1133.         addressline1: [

  1134.           { required: true, message: "请输入地址1", trigger: "blur" }

  1135.         ],

  1136.         country: [{ required: true, message: "请输入国家", trigger: "blur" }],

  1137.         state: [{ required: true, message: "请输入州", trigger: "blur" }],

  1138.         tel: [{ required: true, message: "请输入电话", trigger: "blur" }],

  1139.         lastname: [

  1140.           { required: true, message: "请输入lastname", trigger: "blur" }

  1141.         ],

  1142.         city: [{ required: true, message: "请输入城市", trigger: "blur" }],

  1143.         firstname: [

  1144.           { required: true, message: "请输入firstname", trigger: "blur" }

  1145.         ],

  1146.         postalcode: [

  1147.           { required: true, message: "请输入邮政编码", trigger: "blur" }

  1148.         ]

  1149.       }

  1150.     };

  1151.   },

  1152.   // 调用

  1153.   created() {

  1154.     this.goSearch();

  1155.   },

  1156.   //方法

  1157.   methods: {

  1158.     resetForm() {

  1159.       this.searchParm.account = null;

  1160.       this.searchParm.pwd = null;

  1161.       this.searchParm.nickName = null;

  1162.       this.searchParm.companyId = null;

  1163.       this.searchParm.platformId = null;

  1164.       this.goSearch();

  1165.     },

  1166.     //重置vpn列表

  1167.     resetVpnForm() {

  1168.       this.searchVpnParm.contntryShort = null;

  1169.       this.searchVpnParm.ipAddress = null;

  1170.       this.searchVpnParm.parentIpAddress = null;

  1171.       this.searchVpnParm.port = null;

  1172.       this.searchVpnParm.name = null;

  1173.       this.searchVpnParm.pwd = null;

  1174.       this.searchVpnParm.vpsType = null;

  1175.       this.searchVpnParm.dealer = null;

  1176.       this.searchVpnParm.mac = null;

  1177.       this.searchVpnParm.status = null;

  1178.       this.goSearchVpn();

  1179.     },

  1180.     //重置

  1181.     resetCardForm() {

  1182.       this.searchCardParm.cardDealer = null;

  1183.       this.searchCardParm.cardDealer = "";

  1184.       this.searchCardParm.type = "";

  1185.       this.searchCardParm.status = "";

  1186.       this.searchCardParm.holderName = null;

  1187.       this.searchCardParm.number = null;

  1188.       this.searchCardParm.pinNumber = null;

  1189.       this.goSearchCard();

  1190.     },

  1191.     //	查询

  1192.     goSearch() {

  1193.       this.searchParm.page = 1;

  1194.       this.getCompanyAll();

  1195.       this.getDataList();

  1196.     },

  1197.     goSearchVpn() {

  1198.       this.dialogVpnVisible = true;

  1199.       this.searchVpnParm.page = 1;

  1200.       this.handleType = 1;

  1201.       this.getVpnDataList();

  1202.     },

  1203.     goSearchCard() {

  1204.       this.dialogCardVisible = true;

  1205.       this.searchCardParm.page = 1;

  1206.       this.handleType = 2;

  1207.       this.getCardDataList();

  1208.     },

  1209.     // 获取所有公司信息

  1210.     getCompanyAll() {

  1211.       getAll()

  1212.         .then(res => {

  1213.           this.companys = res.data;

  1214.           if (res.code == 200) {

  1215.             console.log(this.companys);

  1216.           }

  1217.         })

  1218.         .catch(() => {});

  1219.     },

  1220.     // 导入

  1221.     importBtn() {

  1222.       this.dialogImportVisible = true;

  1223.     },

  1224.     //导入成功

  1225.     uploadSuccess(res, file) {

  1226.       this.dialogImportVisible = false;

  1227.       if (res.code == 200) {

  1228.         console.log("SHDJSHDJSHDJSHDJSH" + res.data);

  1229.         if (res.data == true) {

  1230.           this.$message.success("导入成功!");

  1231.         } else {

  1232.           window.location.href = res.data;

  1233.           this.$message.error("导入失败!");

  1234.         }

  1235.       }

  1236.       this.goSearch();

  1237.     },

  1238.     //excel模板导出

  1239.     exportTempBtn() {

  1240.       console.log(this.tempUrl);

  1241.       window.location.href = this.tempUrl;

  1242.     },

  1243.     beforeAvatarUpload(file) {

  1244.       console.log("uploadFileUrl=" + this.uploadFileUrl);

  1245.       console.log(file);

  1246.       const isLt10M = file.size / 1024 / 1024 < 10;

  1247.       if (!isLt10M) {

  1248.         this.$message.error("上传Excel文件大小不能超过 10MB!");

  1249.       }

  1250.       return isLt10M;

  1251.     },

  1252.     // 新增

  1253.     addBtn() {

  1254.       this.addParm = {

  1255.         id: null,

  1256.         nickName: "",

  1257.         pwd: "",

  1258.         account: "",

  1259.         companyId: null,

  1260.         platformId: null,

  1261.         platformName: "",

  1262.         vpnId: null,

  1263.         cardId: null,

  1264.         level: null,

  1265.         occupyStatus: null,

  1266.         addressline1: "",

  1267.         country: "",

  1268.         tel: "",

  1269.         lastname: "",

  1270.         vatNumber: "",

  1271.         city: "",

  1272.         addressline2: "",

  1273.         firstname: "",

  1274.         postalcode: "",

  1275.         status: null

  1276.       };

  1277.       this.addDialog = true;

  1278.       this.dialogAddTitle = "新增";

  1279.       this.dialogAddVisible = true;

  1280. //    this.$refs.addParm.clearValidate();

  1281.     },

  1282.     //	根据id删除

  1283.     delById(id) {

  1284.       this.$confirm("确认删除?", "提示", {

  1285.         confirmButtonText: "确定",

  1286.         cancelButtonText: "取消",

  1287.         type: "warning"

  1288.       })

  1289.         .then(() => {

  1290.           delById({ id })

  1291.             .then(res => {

  1292.               if (res.code == 200) {

  1293.                 this.$message.success("删除成功!");

  1294.                 this.getDataList();

  1295.               }

  1296.             })

  1297.             .catch(err => {

  1298.               console.log(err);

  1299.             });

  1300.         })

  1301.         .catch(() => {

  1302.           this.$message.info("取消删除");

  1303.         });

  1304.     },

  1305.     //	修改

  1306.     editById(data) {

  1307.       getById({ id: data.id })

  1308.         .then(res => {

  1309.           if (res.code == 200) {

  1310.             this.editParm.id = res.data.id;

  1311.             this.editParm.nickName = res.data.nickName;

  1312.             this.editParm.pwd = res.data.pwd;

  1313.             this.editParm.account = res.data.account;

  1314.             this.editParm.companyId = res.data.companyId;

  1315.             this.editParm.platformId = res.data.platformId;

  1316.             this.editParm.contntryShort = res.data.contntryShort;

  1317.             this.editParm.vpnId = res.data.vpnId;

  1318.             this.editParm.vpnIp = res.data.ipAddress;

  1319.             this.editParm.cardId = res.data.cardId;

  1320.             this.editParm.cardNumber = data.number;

  1321.             this.editParm.level = res.data.level;

  1322.             this.editParm.occupyStatus = res.data.occupyStatus;

  1323.             this.editParm.addressline1 = res.data.addressline1;

  1324.             this.editParm.country = res.data.country;

  1325.             this.editParm.state = res.data.state;

  1326.             this.editParm.tel = res.data.tel;

  1327.             this.editParm.lastname = res.data.lastname;

  1328.             this.editParm.vatNumber = res.data.vatNumber;

  1329.             this.editParm.city = res.data.city;

  1330.             this.editParm.addressline2 = res.data.addressline2;

  1331.             this.editParm.firstname = res.data.firstname;

  1332.             this.editParm.postalcode = res.data.postalcode;

  1333.             this.editParm.status = res.data.status;

  1334. 

  1335.             this.addDialog = false;

  1336.             this.dialogEditVisible = true;

  1337.             this.$refs.editParm.clearValidate();

  1338.           }

  1339.         })

  1340.         .catch(err => {

  1341.           console.log(err);

  1342.         });

  1343.     },

  1344.     // 确认修改

  1345.     sureEdit(editParm) {

  1346. 	    	this.$refs[editParm].validate((valid) => {

  1347. 			  if (valid) {

  1348. 			  	this.$refs.editParm.clearValidate();

  1349. 					editById(this.editParm)

  1350. 	        .then(res => {

  1351. 	          if (res.code == 200) {

  1352. 	            this.dialogEditVisible = false;

  1353. 	            this.$message.success("修改成功!");

  1354. 	            this.getDataList();

  1355. 	          }

  1356. 	        })

  1357. 	        .catch(err => {

  1358. 	          console.log(err);

  1359. 	        });

  1360. 			  } else {

  1361. 					console.log('error submit!!');

  1362. 					return false;

  1363. 			  }

  1364. 			});

  1365.     },

  1366.     sureEditCancle(editParm) {

  1367.     	this.dialogEditVisible=flase

  1368. 			this.$refs.editParm.clearValidate();

  1369.     },

  1370.     // 确认新增

  1371.     sureAdd(addParm) {

  1372. 	    	this.$refs[addParm].validate((valid) => {

  1373. 			  if (valid) {

  1374. 			  		this.$refs.addParm.clearValidate();

  1375. 						add(this.addParm)

  1376. 		        .then(res => {

  1377. 		          if (res.code == 200) {

  1378. 		            console.log(this.addParm);

  1379. 		            this.dialogAddVisible = false;

  1380. 		            this.$message.success("新增成功!");

  1381. 		            this.getDataList();

  1382. 		          }

  1383. 		        })

  1384. 		        .catch(err => {

  1385. 		          console.log(err);

  1386. 		        });

  1387. 			  } else {

  1388. 					console.log('error submit!!');

  1389. 					return false;

  1390. 			  }

  1391. 			});

  1392.     },

  1393.     sureAddCancle(addParm) {

  1394.     	this.dialogAddVisible=flase

  1395. 			this.$refs.addParm.clearValidate();

  1396.     },

  1397.     // 查看根据id

  1398.     getBtnById(id) {

  1399.       getById({ id })

  1400.         .then(res => {

  1401.           if (res.code == 200) {

  1402.             this.detailParm.id = res.data.id;

  1403.             this.detailParm.nickName = res.data.nickName;

  1404.             this.detailParm.pwd = res.data.pwd;

  1405.             this.detailParm.account = res.data.account;

  1406.             this.detailParm.companyId = res.data.companyId;

  1407.             this.detailParm.platformId = res.data.platformId;

  1408.             this.detailParm.contntryShort = res.data.contntryShort;

  1409.             this.detailParm.vpnId = res.data.vpnId;

  1410.             this.detailParm.vpnIp = res.data.ipAddress;

  1411.             this.detailParm.cardNumber = res.data.number;

  1412.             this.detailParm.cardId = res.data.cardId;

  1413.             this.detailParm.level = res.data.level;

  1414.             this.detailParm.occupyStatus = res.data.occupyStatus;

  1415.             this.detailParm.occupyAccount = res.data.occupyAccount;

  1416.             this.detailParm.balance = res.data.balance;

  1417.             this.detailParm.buyTotalMoney = res.data.buyTotalMoney;

  1418.             this.detailParm.addressline1 = res.data.addressline1;

  1419.             this.detailParm.country = res.data.country;

  1420.             this.detailParm.state = res.data.state;

  1421.             this.detailParm.tel = res.data.tel;

  1422.             this.detailParm.lastname = res.data.lastname;

  1423.             this.detailParm.vatNumber = res.data.vatNumber;

  1424.             this.detailParm.city = res.data.city;

  1425.             this.detailParm.addressline2 = res.data.addressline2;

  1426.             this.detailParm.firstname = res.data.firstname;

  1427.             this.detailParm.postalcode = res.data.postalcode;

  1428.             this.detailParm.status = res.data.status;

  1429. 

  1430.             this.dialogDetailVisible = true;

  1431.           }

  1432.         })

  1433.         .catch(err => {

  1434.           console.log(err);

  1435.         });

  1436.     },

  1437.     getVpnIpById(data) {

  1438.       if (this.addDialog == true) {

  1439.         this.addParm.vpnIp = data.ipAddress;

  1440.         this.addParm.vpnId = data.id;

  1441.       } else {

  1442.         this.editParm.vpnIp = data.ipAddress;

  1443.         this.editParm.vpnId = data.id;

  1444.       }

  1445.       console.log(this.addParm.vpnId);

  1446.       this.dialogVpnVisible = false;

  1447.       this.$message.success("选择成功");

  1448.     },

  1449.     getCardById(data) {

  1450.       if (this.addDialog == true) {

  1451.         this.addParm.cardNumber = data.number;

  1452.         this.addParm.cardId = data.id;

  1453.       } else {

  1454.         this.editParm.cardNumber = data.number;

  1455.         this.editParm.cardId = data.id;

  1456.       }

  1457. 

  1458.       this.dialogCardVisible = false;

  1459.       this.$message.success("选择成功");

  1460.     },

  1461.     // 分页获取表格数据

  1462.     getDataList() {

  1463.       getList(this.searchParm)

  1464.         .then(res => {

  1465.           if (res.code == 200) {

  1466.             this.list = res.data.list;

  1467.             this.total = res.data.total;

  1468.           }

  1469.         })

  1470.         .catch(err => {

  1471.           console.log(err);

  1472.         });

  1473.     },

  1474.     //获取vpn信息

  1475.     getVpnDataList() {

  1476.       getVpnList(this.searchVpnParm)

  1477.         .then(res => {

  1478.           if (res.code == 200) {

  1479.             this.vpnList = res.data.list;

  1480.             this.vpnTotal = res.data.total;

  1481.           }

  1482.         })

  1483.         .catch(err => {

  1484.           console.log(err);

  1485.         });

  1486.     },

  1487.     //获取信用卡信息

  1488.     getCardDataList() {

  1489.       getCardList(this.searchCardParm)

  1490.         .then(res => {

  1491.           if (res.code == 200) {

  1492.             this.cardList = res.data.list;

  1493.             this.cardTotal = res.data.total;

  1494.           }

  1495.         })

  1496.         .catch(err => {

  1497.           console.log(err);

  1498.         });

  1499.     },

  1500.     //	分页

  1501.     handleSizeChange(val) {

  1502.       console.log(`每页 ${val} 条`);

  1503.       if (this.handleType == 0) {

  1504.         this.searchParm.pageSize = val;

  1505.         this.getDataList();

  1506.       } else if (this.handleType == 1) {

  1507.         this.searchVpnParm.pageSize = val;

  1508.         this.getVpnDataList();

  1509.       } else if (this.handleType == 2) {

  1510.         this.searchCardParm.pageSize = val;

  1511.         this.getCardDataList();

  1512.       }

  1513.     },

  1514.     handleCurrentChange(val) {

  1515.       console.log(`当前页: ${val}`);

  1516.       if (this.handleType == 0) {

  1517.         this.searchParm.page = val;

  1518.         this.getDataList();

  1519.       } else if (this.handleType == 1) {

  1520.         this.searchVpnParm.page = val;

  1521.         this.getVpnDataList();

  1522.       } else if (this.handleType == 2) {

  1523.         this.searchCardParm.page = val;

  1524.         this.getCardDataList();

  1525.       }

  1526.     }

  1527.   }

  1528. };

  1529. </script>

  1530. 

  1531. <style rel="stylesheet/scss" lang="scss" scoped>

  1532. </style>