rpa
/
eladmin-web
5
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
Rap 原分销系统代码Web
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
2 Commity
2 Gałęzie
3.1MB
Drzewo: 4319823210
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '4319823210'
${ noResults }
eladmin-web/.svn/pristine/6e/6e070056e47792a10a7ddbfca30...

772 wiersze
23KB
Czysty Wina Historia 

  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.number" clearable placeholder='账号'></el-input>

  12.   		</el-form-item>

  13.   		<!--<el-form-item label="PIN">

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

  15.   		</el-form-item>-->

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

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

  18.   		</el-form-item>

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

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

  21. 			    <el-option

  22. 			      v-for="item in typeList"

  23. 			      :key="item.name"

  24. 			      :label="item.name"

  25. 			      :value="item.id">

  26. 			    </el-option>

  27. 			  </el-select>

  28.   		</el-form-item>

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

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

  31. 			    <el-option

  32. 			      v-for="item in dealerList"

  33. 			      :key="item.name"

  34. 			      :label="item.name"

  35. 			      :value="item.id">

  36. 			    </el-option>

  37. 			  </el-select>

  38.   		</el-form-item>

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

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

  41. 			    <el-option

  42. 			      v-for="item in statusList"

  43. 			      :key="item.name"

  44. 			      :label="item.name"

  45. 			      :value="item.id">

  46. 			    </el-option>

  47. 			  </el-select>

  48.   		</el-form-item>

  49.   		<el-form-item>

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

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

  52.   		</el-form-item>

  53. 		</el-form>

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

  55.     <el-table ref="table" border size="small" :data="list" :header-cell-style="{textAlign:'center'}">

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

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

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

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

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

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

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

  63. 	     		{{ scope.row.cardDealer | getCardDealer}}

  64. 	     	</template>

  65.       </el-table-column>

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

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

  68. 	     		{{ scope.row.type | getType}}

  69. 	     	</template>

  70.       </el-table-column>

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

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

  73. 	     		{{ scope.row.status | getStatus}}

  74. 	     	</template>

  75.       </el-table-column>

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

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

  78.       <el-table-column label="操作" width="270" align="left" >

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

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

  81. 			<el-button type="warning" @click="editById(scope.row)" style="margin-left: 0px">修改</el-button>

  82. 			<span v-if="scope.row.status != 2" slot="footer">

  83.       			<el-button type="danger" @click="abNormalById(scope.row.id)">异常</el-button>

  84.       		</span>

  85. 			<span v-if="scope.row.status != 3" slot="footer">

  86.       			<el-button type="danger" @click="delById(scope.row.id)">删除</el-button>

  87.       		</span>

  88.       	</template>

  89.       </el-table-column>

  90.     </el-table>

  91.     <!--分页-->

  92.     <div class="mt_15">

  93. 	    <el-pagination

  94. 	      @size-change="handleSizeChange"

  95. 	      @current-change="handleCurrentChange"

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

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

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

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

  100. 	      :total="total">

  101. 	    </el-pagination>

  102.   </div>

  103.   

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

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

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

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

  108. 	  		<el-form-item label="卡号" prop="number">

  109. 	    		<el-input v-model.trim="addParm.number" clearable></el-input>

  110. 	  		</el-form-item>

  111. 	  		<!--<el-form-item label="PIN码" prop="pinNumber">

  112. 	    		<el-input v-model.trim="addParm.pinNumber" clearable></el-input>

  113. 	  		</el-form-item>-->

  114. 	  		<el-form-item label="持卡人姓氏" prop="holderSurname">

  115. 	    		<el-input v-model.trim="addParm.holderSurname" clearable></el-input>

  116. 	  		</el-form-item>

  117. 	  		<el-form-item label="持卡人名称" prop="holderName">

  118. 	    		<el-input v-model.trim="addParm.holderName" clearable></el-input>

  119. 	  		</el-form-item>

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

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

  122. 	  		</el-form-item>

  123. 	  		<el-form-item label="有效期" prop="termOfValidity">

  124. 		  		<div class="block">

  125. 				    <el-date-picker

  126. 				      v-model="addParm.termOfValidity"

  127. 				      align="right"

  128. 				      type="date"

  129. 				      format='yyyy-MM-dd'

  130. 				      value-format='yyyy-MM-dd'

  131. 				      placeholder="选择日期"

  132. 				      :picker-options="pickerOptions">

  133. 				    </el-date-picker>

  134. 				  </div>

  135. 			  </el-form-item>

  136. 	  		<el-form-item label="卡商" prop="cardDealer">

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

  138. 			    <el-option

  139. 			      v-for="item in addDealerList"

  140. 			      :key="item.name"

  141. 			      :label="item.name"

  142. 			      :value="item.id">

  143. 			    </el-option>

  144. 			  </el-select>

  145.   		</el-form-item>

  146.   		<el-form-item label="类型" prop="type">

  147.   			<el-select v-model="addParm.type" placeholder="请选择">

  148. 			    <el-option

  149. 			      v-for="item in addTypeList"

  150. 			      :key="item.name"

  151. 			      :label="item.name"

  152. 			      :value="item.id">

  153. 			    </el-option>

  154. 			  </el-select>

  155.   		</el-form-item>

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

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

  158.   		</el-form-item>

  159.   		<el-form-item label="备注" prop="remarks">

  160.     		<el-input v-model.trim="addParm.remarks" clearable></el-input>

  161.   		</el-form-item>

  162. 			</el-form>

  163.   	</div>

  164.   	<span slot="footer">

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

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

  167.   	</span>

  168.   </el-dialog>

  169.   

  170.   <!--导入  importBtn-->

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

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

  173. 	  		<el-upload

  174. 				  class="upload-demo"

  175. 				  drag

  176. 				  ref="upload"

  177. 				  :action="uploadFileUrl"

  178. 				  :headers="uploadHeaders"

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

  180. 				  :on-success="uploadSuccess"

  181. 				  :before-upload="beforeAvatarUpload"

  182. 				  multiple>

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

  184. 				  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>

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

  186. 				</el-upload>

  187.   	</div>

  188.   </el-dialog>

  189.   

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

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

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

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

  194. 	  		<el-form-item label="卡号" prop="number">

  195. 	    		<el-input v-model.trim="editParm.number" clearable></el-input>

  196. 	  		</el-form-item>

  197. 	  		<!--<el-form-item label="PIN码" prop="pinNumber">

  198. 	    		<el-input v-model.trim="editParm.pinNumber" clearable></el-input>

  199. 	  		</el-form-item>-->

  200. 	  		<el-form-item label="持卡人姓氏" prop="holderSurname">

  201. 	    		<el-input v-model.trim="editParm.holderSurname" clearable></el-input>

  202. 	  		</el-form-item>

  203. 	  		<el-form-item label="持卡人名称" prop="holderName">

  204. 	    		<el-input v-model.trim="editParm.holderName" clearable></el-input>

  205. 	  		</el-form-item>

  206. 	  		<el-form-item label="有效期" prop="termOfValidity">

  207. 		  		<div class="block">

  208. 				    <el-date-picker

  209. 				      v-model="editParm.termOfValidity"

  210. 				      align="right"

  211. 				      type="date"

  212. 				      format='yyyy-MM-dd'

  213. 				      value-format='yyyy-MM-dd'

  214. 				      placeholder="选择日期"

  215. 				      :picker-options="pickerOptions">

  216. 				    </el-date-picker>

  217. 				  </div>

  218. 			  </el-form-item>

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

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

  221. 	  		</el-form-item>

  222. 	  		

  223. 	  		<el-form-item label="类型" prop="type">

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

  225. 			    <el-option

  226. 			      v-for="item in addTypeList"

  227. 			      :key="item.name"

  228. 			      :label="item.name"

  229. 			      :value="item.id">

  230. 			    </el-option>

  231. 			  </el-select>

  232.   		</el-form-item>

  233.   		<el-form-item label="厂商" prop="cardDealer">

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

  235. 			    <el-option

  236. 			      v-for="item in addDealerList"

  237. 			      :key="item.name"

  238. 			      :label="item.name"

  239. 			      :value="item.id">

  240. 			    </el-option>

  241. 			  </el-select>

  242.   		</el-form-item>

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

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

  245.   		</el-form-item>

  246.   		<el-form-item label="备注" prop="remarks">

  247.     		<el-input v-model.trim="editParm.remarks" clearable></el-input>

  248.   		</el-form-item>

  249. 			</el-form>

  250.   	</div>

  251.   	<span slot="footer">

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

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

  254.   	</span>

  255.   </el-dialog>

  256.   

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

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

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

  260.   		 <el-form ref="form" size="small" label-width="100px">

  261. 	  		<el-form-item label="卡号" prop="number" >

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

  263. 	  		</el-form-item>

  264. 	  		<!--<el-form-item label="PIN号码" prop="pinNumber">

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

  266. 	  		</el-form-item>-->

  267. 	  		<el-form-item label="持卡人姓氏" prop="holderSurname">

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

  269. 	  		</el-form-item>

  270. 	  		<el-form-item label="持卡人名称" prop="holderName">

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

  272. 	  		</el-form-item>

  273. 	  		<el-form-item label="有效期" prop="termOfValidity">

  274. 		  		<div class="block">

  275. 				    <el-date-picker

  276. 				      v-model="detailParm.termOfValidity"

  277. 				      align="right"

  278. 				      type="date"

  279. 				      placeholder="选择日期"

  280. 				      :disabled="true"

  281. 				      :picker-options="pickerOptions">

  282. 				    </el-date-picker>

  283. 				  </div>

  284. 			  </el-form-item>

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

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

  287. 	  		</el-form-item>

  288. 	  		<el-form-item label="所属厂商" disabled prop="cardDealer">

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

  290. 			    <el-option

  291. 			      v-for="item in addDealerList"

  292. 			      :key="item.name"

  293. 			      :label="item.name"

  294. 			      :value="item.id">

  295. 			    </el-option>

  296. 			  </el-select>

  297. 	  		</el-form-item>

  298. 	  		<el-form-item label="类型" disabled prop="type">

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

  300. 			    <el-option

  301. 			      v-for="item in addTypeList"

  302. 			      :key="item.name"

  303. 			      :label="item.name"

  304. 			      :value="item.id">

  305. 			    </el-option>

  306. 			  </el-select>

  307. 	  		</el-form-item>

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

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

  310. 			    <el-option

  311. 			      v-for="item in addStatusList"

  312. 			      :key="item.name"

  313. 			      :label="item.name"

  314. 			      :value="item.id">

  315. 			    </el-option>

  316. 			  </el-select>

  317. 			  </el-form-item>

  318. 			  <el-form-item label="备注" prop="remarks">

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

  320. 	  		</el-form-item>

  321. 			</el-form>

  322.   	</div>

  323.   </el-dialog>

  324.   

  325.   </div>

  326. </template>

  327. <script>

  328. 	import { add, editById, delById, abMormal, getList, getById, downLoadFile } from '@/api/group/card'

  329. export default {

  330. 	filters: {

  331. 	  getStatus: function (value) {

  332. 		   if(value == 1) {

  333. 		   	return '正常';

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

  335. 		   	return '异常';

  336. 		   } else {

  337. 		   	return '删除';

  338. 		   }

  339. 	  },

  340. 	   getType: function (value) {

  341. 		   if(value == 1) {

  342. 		   	return 'Payoneer';

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

  344. 		   	return '万事达虚拟卡';

  345. 		   } else {

  346. 		   	return 'Visa信用卡';

  347. 		   }

  348. 	  },

  349. 	   getCardDealer: function (value) {

  350. 		   if(value == 1) {

  351. 		   	return 'AmzKeys';

  352. 		   } else{

  353. 		   	return 'Airwallex';

  354. 		   }

  355. 	  }

  356. 	},

  357. //	数据

  358.   data() {

  359.     return {

  360.     	searchParm: {

  361.     		page: 1,

  362.     		pageSize: 10,

  363.     		sort:'created_at',

  364.     		order:'desc',

  365.     		cardDealer:'',

  366.     		type:'',

  367.     		status:'',

  368.     		holderName:null,

  369.     		number:null

  370. //  		pinNumber:null,

  371.     	},

  372.     	total:0,

  373.       list: [],

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

  375.       dialogAddVisible: false,

  376.       dialogAddTitle: '新增',

  377.       dialogDetailVisible: false,

  378.       dialogDetailTitle: '详情',

  379.       dialogEditVisible: false,

  380.       dialogEditTitle: '修改',

  381.       dialogImportVisible: false,

  382.       dialogImportTitle:'导入',

  383.       uploadFileUrl: process.env.VUE_APP_BASE_API + '/api/ctCard/import',

  384.       updateBoolean: false,

  385.       tempUrl: process.env.VUE_APP_BASE_API + '/api/ctCard/exportTemp',

  386.       typeList:[

  387.       		{

  388. 	          id: null,

  389. 	          name: '全部'

  390. 	        },

  391. 	        {

  392. 	          id: 1,

  393. 	          name: 'Payoneer'

  394. 	        },

  395.       		{

  396. 	          id: 2,

  397. 	          name: '万事达虚拟卡'

  398. 	        },

  399.       		{

  400. 	          id: 3,

  401. 	          name: 'Visa信用卡'

  402. 	        }],

  403. 	    dealerList:[

  404. 	   		  {

  405. 	          id: null,

  406. 	          name: '全部'

  407. 	        },

  408. 	        {

  409. 	          id: 1,

  410. 	          name: 'AmzKeys'

  411. 	        },

  412.       		{

  413. 	          id: 2,

  414. 	          name: 'Airwallex'

  415. 	        }],

  416. 	    addTypeList:[

  417. 	        {

  418. 	          id: 1,

  419. 	          name: 'Payoneer'

  420. 	        },

  421.       		{

  422. 	          id: 2,

  423. 	          name: '万事达虚拟卡'

  424. 	        },

  425.       		{

  426. 	          id: 3,

  427. 	          name: 'Visa信用卡'

  428. 	        }],

  429. 	    addDealerList:[

  430. 	        {

  431. 	          id: 1,

  432. 	          name: 'AmzKeys'

  433. 	        },

  434.       		{

  435. 	          id: 2,

  436. 	          name: 'Airwallex'

  437. 	        }],

  438. 	    addStatusList:[

  439. 	        {

  440. 	          id: 1,

  441. 	          name: '正常'

  442. 	        },

  443.       		{

  444. 	          id: 2,

  445. 	          name: '异常',

  446.       		},

  447.       		{

  448. 	          id: 3,

  449. 	          name: '删除'

  450. 	        }],

  451. 	    statusList:[

  452. 	    		{

  453. 	          id: null,

  454. 	          name: '全部'

  455. 	        },

  456. 	        {

  457. 	          id: 1,

  458. 	          name: '正常'

  459. 	        },

  460.       		{

  461. 	          id: 2,

  462. 	          name: '异常',

  463.       		},

  464.       		{

  465. 	          id: 3,

  466. 	          name: '删除'

  467. 	        }],

  468.       addParm: {

  469.       	id: null,

  470.       	termOfValidity:null,

  471.       	number:'',

  472. //  		pinNumber:'',

  473.     		holderSurname: '',

  474.     		holderName: '',

  475.     		contntryShort:'',

  476.     		remarks:'',

  477.     		type:null,

  478.     		cardDealer:null,

  479.     		pwd:''

  480.       },

  481.       editParm: {

  482.       	id: null,

  483.       	number:null,

  484. //  		pinNumber:null,

  485.     		holderSurname: null,

  486.     		holderName: null,

  487.     		termOfValidity: null,

  488.     		contntryShort: null,

  489.     		type:null,

  490.     		cardDealer:null,

  491.     		remarks:null,

  492.     		pwd:null

  493.       },

  494.       detailParm: {

  495.       	id: null,

  496.       	number:null,

  497. //  		pinNumber:null,

  498.     		holderName: null,

  499.     		holderSurname: null,

  500.     		remarks:null,

  501.     		status:null,

  502.     		type:null,

  503.     		cardDealer:null,

  504.     		termOfValidity: null

  505.       },

  506.       rules: {

  507.           number: [

  508.             { required: true, message: '请输入信用卡号', trigger: 'blur' },

  509. 						{pattern: /^\d{13,19}$/, message: "请输入13-19位信用卡号", trigger: "blur"}

  510.           ],

  511. //         pinNumber: [

  512. //          { required: true, message: '请输入PIN码', trigger: 'blur' },

  513. //						{pattern: /^\d{3}$/, message: "请输入3位PIN码", trigger: "blur"}

  514. //        ],

  515.            holderSurname: [

  516.             {required: true, message: '请输入持卡人姓氏', trigger: 'blur' }

  517.           ],

  518.            holderName: [

  519.             { required: true,message: '请输入持卡人名称', trigger: 'blur' }

  520.           ],

  521.            termOfValidity: [

  522.            	{ required: true,message: '请选择有效期', trigger: 'blur' }

  523.            ],

  524.            contntryShort: [

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

  526.           ],

  527.            type: [

  528.             {required: true, message: '请选择卡商', trigger: 'blur' }

  529.           ],

  530.            cardDealer: [

  531.             { required: true,message: '请选择类型', trigger: 'blur' }

  532.           ],

  533.            pwd: [

  534.             { required: true,message: '请输入密码', trigger: 'blur' }

  535.           ]

  536.         }

  537.       

  538.     }

  539.   },

  540.   // 调用

  541.   created() {

  542. 		this.goSearch();

  543.   },

  544. 	//方法

  545.   methods: {

  546. 	//重置

  547.   	resetForm() {

  548.         this.searchParm.cardDealer = null;

  549. 			this.searchParm.cardDealer='';

  550.     		this.searchParm.type='';

  551.     		this.searchParm.status='';

  552.     		this.searchParm.holderName=null;

  553.     		this.searchParm.number=null;

  554. //  		this.searchParm.pinNumber=null;

  555.     		this.goSearch()

  556. 	  },

  557.    	//	查询

  558. 		goSearch() {

  559. 			this.searchParm.page=1

  560. 			this.getDataList()

  561. 		},

  562. 		beforeAvatarUpload(file) {

  563. 	    console.log(file);

  564. 	//  const isXlsl = file.type === 'xlsl';

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

  566. 	

  567. 	//  if (!isXlsl) {

  568. 	//    this.$message.error('上传头像图片只能是 xlsl 格式!');

  569. 	//  }

  570. 	    if (!isLt10M) {

  571. 	      this.$message.error('上传头像图片大小不能超过 10MB!');

  572. 	    }

  573. 	//  return isXlsl && isLt10M;

  574. 	    return isLt10M;

  575. 	 },

  576.   uploadSuccess(res, file) {

  577.   	this.dialogImportVisible = false;

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

  579.     	  console.log(res.data);

  580. 				this.$message.success('导入成功!');

  581. 				

  582. 				if(res.data != null) {

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

  584. 				}

  585. 		}

  586. 			this.getDataList();

  587.   },

  588. 		// 新增

  589. 		addBtn(){

  590. 			this.addParm = {

  591. 				id: null,

  592. 				termOfValidity: null,

  593.       	number: null,

  594. //  		pinNumber: null,

  595.     		holderSurname: null,

  596.     		holderName: null,

  597.     		contntryShort: null,

  598.     		remarks: null,

  599.     		type:null,

  600.     		cardDealer:null,

  601.     		pwd: null

  602. 		  }

  603. 			this.dialogAddVisible = true;

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

  605. 		},

  606. 		// 导入

  607. 		importBtn() {

  608. 			this.dialogImportVisible = true

  609. 		},

  610. 		exportTempBtn() {

  611. 			console.log(this.tempUrl)

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

  613. 		},

  614. 		//	根据id删除

  615. 		delById(id){

  616. 			this.$confirm('确认删除?','提示',{

  617. 				confirmButtonText: '确定',

  618. 	      cancelButtonText: '取消',

  619. 	      type: 'warning'

  620. 			}).then(() => {

  621. 				delById({id}).then(res => {

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

  623. 						this.$message.success('删除成功!')

  624. 						this.getDataList()

  625. 					}

  626. 				}).catch(err => {

  627. 					console.log(err)

  628. 				})

  629. 			}).catch(() => {

  630. 				this.$message.info('取消删除')

  631. 			})

  632. 		},

  633. 		// 根据id 设置状态异常

  634. 		abNormalById(id){

  635. 			this.$confirm('确认状态修改为异常?','提示',{

  636. 				confirmButtonText: '确定',

  637. 	      cancelButtonText: '取消',

  638. 	      type: 'warning'

  639. 			}).then(() => {

  640. 				abMormal({id}).then(res => {

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

  642. 						this.$message.success('修改异常状态成功!')

  643. 						this.getDataList()

  644. 					}

  645. 				}).catch(err => {

  646. 					console.log(err)

  647. 				})

  648. 			}).catch(() => {

  649. 				this.$message.info('取消修改')

  650. 			})

  651. 		},

  652. 		//	修改

  653. 		editById(data){

  654. 			getById({id: data.id}).then(res => {

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

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

  657. 					this.editParm.number = res.data.number;

  658. //					this.editParm.pinNumber = res.data.pinNumber;

  659. 					this.editParm.holderSurname = res.data.holderSurname;

  660. 					this.editParm.holderName = res.data.holderName;

  661. 					this.editParm.termOfValidity = res.data.termOfValidity;

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

  663. 					this.editParm.type = res.data.type;

  664. 					this.editParm.cardDealer = res.data.cardDealer;

  665. 					this.editParm.remarks = res.data.remarks;

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

  667. 					this.dialogEditVisible = true;

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

  669. 				}

  670. 			}).catch(err => {

  671. 				console.log(err)

  672. 			})

  673. 		},

  674. 		// 确认修改

  675. 		sureEdit(editParm){

  676. 			this.$refs.editParm.validate((valid) => {

  677. 		  if (valid) {

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

  679. 					editById(this.editParm).then(res => {

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

  681. 							this.dialogEditVisible = false

  682. 							this.$message.success('修改成功!')

  683. 							this.getDataList()

  684. 						}

  685. 					}).catch(err => {

  686. 						console.log(err)

  687. 					})

  688. 			  } else {

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

  690. 					return false;

  691. 			  }

  692. 			});

  693. 		},

  694. 		sureEditCancle(editParm){

  695. 			this.dialogEditVisible=flase

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

  697. 		},

  698. 		// 确认新增

  699. 		sureAdd(addParm){

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

  701. 		  if (valid) {

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

  703. 					add(this.addParm).then(res => {

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

  705. 								this.dialogAddVisible = false

  706. 								this.$message.success('新增成功!')

  707. 								this.getDataList()

  708. 							}

  709. 					}).catch(err => {

  710. 							console.log(err)

  711. 					})

  712. 			  } else {

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

  714. 					return false;

  715. 			  }

  716. 			});

  717. 		},

  718. 		sureAddCancle(addParm){

  719. 			this.dialogAddVisible=flase

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

  721. 		},

  722. 		// 查看根据id

  723. 		getBtnById(id){

  724. 			getById({id}).then(res => {

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

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

  727. 					this.detailParm.holderName = res.data.holderName;

  728. 					this.detailParm.holderSurname = res.data.holderSurname;

  729. 					this.detailParm.number = res.data.number;

  730. //					this.detailParm.pinNumber = res.data.pinNumber;

  731. 					this.detailParm.type = res.data.type;

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

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

  734. 					this.detailParm.cardDealer = res.data.cardDealer;

  735. 					this.detailParm.termOfValidity = res.data.termOfValidity;

  736. 					this.dialogDetailVisible = true

  737. 					

  738. 				}

  739. 			}).catch(err => {

  740. 				console.log(err)

  741. 			})

  742. 		},

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

  744. 		getDataList(){

  745. 			getList(this.searchParm).then(res => {

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

  747. 						this.list = res.data.list;

  748. 						this.total = res.data.total;

  749. 					}

  750. 				}).catch(err => {

  751. 					console.log(err)

  752. 				})

  753. 		},

  754. 	

  755. 		//	分页

  756. 		handleSizeChange(val) {

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

  758.    		this.searchParm.pageSize = val;

  759.    		this.getDataList();

  760.   	},

  761.   	handleCurrentChange(val) {

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

  763.     	this.searchParm.page = val;

  764.     	this.getDataList();

  765.   	}

  766.   }

  767. }

  768. </script>

  769. 

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

  771. </style>