rpa
/
eladmin-web
5
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Rap 原分销系统代码Web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
2 Branches
3.1MB
Tree: 4319823210
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '4319823210'
${ noResults }
eladmin-web/.svn/pristine/71/7160ea97da8864635a0599229eb...

1585 lines
53KB
Raw Blame History 

  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="searchParm.keyWord" clearable placeholder='关键词'></el-input>

  12.   		</el-form-item>

  13.   		<el-form-item label="Item">

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

  15.   		</el-form-item>

  16.   		<el-form-item label="店铺名称">

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

  18.   		</el-form-item>

  19.   		<el-form-item label="支付订单ID">

  20.     		<el-input v-model="searchParm.payOrderId" clearable></el-input>

  21.   		</el-form-item>

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

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

  24. 			    <el-option

  25. 			      v-for="item in statusList"

  26. 			      :key="item.name"

  27. 			      :label="item.name"

  28. 			      :value="item.id">

  29. 			    </el-option>

  30. 			  </el-select>

  31.   		</el-form-item>

  32.   		<el-form-item>

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

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

  35.   		</el-form-item>

  36. 		</el-form>

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

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

  39.     	<el-table-column label="国家" prop="country" align="center"/>

  40.     	<el-table-column label="账号" prop="account" align="center"/>

  41.     	<el-table-column label="密码" prop="pwd" align="center"/>

  42.       <el-table-column label="店铺名称" prop="shopName" align="center"/>

  43.       <el-table-column label="关键词" prop="keyWord" align="center"/>

  44.       <el-table-column label="数量" prop="number" align="center"/>

  45.       <el-table-column label="规格" prop="specification" align="center"/>

  46.       <el-table-column label="颜色" prop="color" align="center"/>

  47.       <el-table-column label="优惠卷" prop="exchange" align="center"/>

  48.       <el-table-column label="Item" prop="item" align="center"/>

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

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

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

  52. 	     	</template>

  53.       </el-table-column>

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

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

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

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

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

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

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

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

  62.       		</span>

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

  64.       			<el-button type="danger" @click="getOrderBtnById(scope.row.ctClickOrderId)">订单</el-button>

  65.       		</span>

  66.       		<span v-if="scope.row.status == 6" slot="footer">

  67.       			<el-button type="danger" @click="supplement(scope.row.id)">补录</el-button>

  68.       		</span>

  69.       	</template>

  70.       </el-table-column>

  71.     </el-table>

  72.     <!--分页-->

  73.     <div class="mt_15">

  74. 	    <el-pagination

  75. 	      @size-change="handleSizeChange"

  76. 	      @current-change="handleCurrentChange"

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

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

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

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

  81. 	      :total="total">

  82. 	    </el-pagination>

  83.   </div>

  84.   

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

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

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

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

  89.   		 	<el-form-item label="买家账号" prop="buyerName">

  90.             <el-input v-model="addParm.buyerName" clearable style="width:270px"/>

  91.             <el-button

  92.               type="primary"

  93.               icon="el-icon-search"

  94.               @click="goSearchBuyer"

  95.               style="width:130px"

  96.             >请选择买家</el-button>

  97.           </el-form-item>

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

  99. 	    		<el-input v-model="addParm.country" :disabled="true" clearable></el-input>

  100. 	  		</el-form-item>

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

  102. 	    		<el-input v-model="addParm.account" :disabled="true" clearable></el-input>

  103. 	  		</el-form-item>

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

  105. 	    		<el-input v-model="addParm.pwd" :disabled="true" clearable></el-input>

  106. 	  		</el-form-item>

  107. 	  		<el-form-item label="店铺名称" prop="shopName">

  108. 	    		<el-input v-model="addParm.shopName" clearable></el-input>

  109. 	  		</el-form-item>

  110. 	  		<el-form-item label="关键词" prop="keyWord">

  111. 	    		<el-input v-model="addParm.keyWord" clearable></el-input>

  112. 	  		</el-form-item>

  113. 	  		<el-form-item label="标题" prop="title">

  114. 	    		<el-input v-model="addParm.title" clearable></el-input>

  115. 	  		</el-form-item>

  116. 	  		<el-form-item label="链接" prop="link">

  117. 	    		<el-input v-model="addParm.link" clearable></el-input>

  118. 	  		</el-form-item>

  119. 	  		<el-form-item label="数量" prop="number">

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

  121. 	  		</el-form-item>

  122. 	  		<el-form-item label="规格" prop="specification">

  123. 	    		<el-input v-model="addParm.specification" clearable></el-input>

  124. 	  		</el-form-item>

  125. 	  		<el-form-item label="颜色" prop="color">

  126. 	    		<el-input v-model="addParm.color" clearable></el-input>

  127. 	  		</el-form-item>

  128. 	  		<el-form-item label="优惠卷" prop="exchange">

  129. 	    		<el-input v-model="addParm.exchange" clearable></el-input>

  130. 	  		</el-form-item>

  131. 	  		<el-form-item label="最小价格区间" prop="sectionMin">

  132. 	    		<el-input v-model="addParm.sectionMin" clearable></el-input>

  133. 	  		</el-form-item>

  134. 	  		<el-form-item label="最大价格区间" prop="sectionMax">

  135. 	    		<el-input v-model="addParm.sectionMax" clearable></el-input>

  136. 	  		</el-form-item>

  137. 	  		<el-form-item label="Item" prop="item">

  138. 	    		<el-input v-model="addParm.item" clearable></el-input>

  139. 	  		</el-form-item>

  140. 	  		<el-form-item label="vpn" prop="vpnShare">

  141. 	    		<el-input v-model="addParm.vpnShare" :disabled="true" clearable></el-input>

  142. 	  		</el-form-item>

  143. 	  		<el-form-item label="留言" prop="amessage">

  144. 	    		<el-input v-model="addParm.amessage" clearable></el-input>

  145. 	  		</el-form-item>

  146. 	  		<el-form-item label="月份" prop="month">

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

  148. 			    <el-option

  149. 			      v-for="item in addMonthList"

  150. 			      :key="item.name"

  151. 			      :label="item.name"

  152. 			      :value="item.name">

  153. 			    </el-option>

  154. 			  </el-select>

  155.   		</el-form-item>

  156. 	  		<el-form-item label="年份" prop="year">

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

  158. 	  		</el-form-item>

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

  160. 	    		<el-input v-model="addParm.cardName" :disabled="true" clearable></el-input>

  161. 	  		</el-form-item>

  162. 	  		<el-form-item label="卡号" prop="cardNumber">

  163. 	    		<el-input v-model="addParm.cardNumber" :disabled="true" clearable></el-input>

  164. 	  		</el-form-item>

  165. 	  		<el-form-item label="密码" prop="cardPwd">

  166. 	    		<el-input v-model="addParm.cardPwd" :disabled="true" clearable></el-input>

  167. 	  		</el-form-item>

  168. 	  		

  169. 			</el-form>

  170.   	</div>

  171.   	<span slot="footer">

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

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

  174.   	</span>

  175.   </el-dialog>

  176.   

  177.   

  178.   <!-- 买家弹窗 -->

  179. 	<el-dialog :visible.sync="dialogBuyerVisible" :title="dialogBuyerTitle" center width="75%">

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

  181. 	    <!--搜索-->

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

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

  184. 	        <el-input v-model="searchBuyerParm.account" clearable placeholder="账号"></el-input>

  185. 	      </el-form-item>

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

  187. 	        <el-input v-model="searchBuyerParm.nickName" clearable></el-input>

  188. 	      </el-form-item>

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

  190. 	        <el-input v-model="searchBuyerParm.pwd" clearable></el-input>

  191. 	      </el-form-item>

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

  193. 	        <el-select v-model="searchBuyerParm.companyId" placeholder="请选择">

  194. 	          <el-option

  195. 	            v-for="item in companys"

  196. 	            :key="item.name"

  197. 	            :label="item.name"

  198. 	            :value="item.id"

  199. 	          ></el-option>

  200. 	        </el-select>

  201. 	      </el-form-item>

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

  203. 	        <el-select v-model="searchBuyerParm.platformId" placeholder="请选择">

  204. 	          <el-option

  205. 	            v-for="item in platformList"

  206. 	            :key="item.id"

  207. 	            :label="item.name"

  208. 	            :value="item.id"

  209. 	          ></el-option>

  210. 	        </el-select>

  211. 	      </el-form-item>

  212. 	      <el-form-item>

  213. 	        <el-button type="primary" @click="goSearchBuyer">搜索</el-button>

  214. 	        <el-button type="warning" @click="resetBuyerForm">重置</el-button>

  215. 	      </el-form-item>

  216. 	    </el-form>

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

  218. 	    <el-table

  219. 	      ref="table"

  220. 	      border

  221. 	      size="small"

  222. 	      :data="buyerList"

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

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

  225. 	    >

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

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

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

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

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

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

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

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

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

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

  236. 	      <el-table-column label="国家" prop="country" />

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

  238. 	      <el-table-column label="占用状态" prop="status">

  239. 	        <template slot-scope="scope">{{ scope.row.status | getBuyerStatus}}</template>

  240. 	      </el-table-column>

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

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

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

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

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

  246. 			  <el-button type="success" @click="getBuyerById(scope.row)" v-if="buyerId !== scope.row.id">选中</el-button>

  247. 			  <div v-if="buyerId === scope.row.id">已选中</div>

  248. 	        </template>

  249. 	      </el-table-column>

  250. 	    </el-table>

  251. 	    <!--分页-->

  252. 	    <div class="mt_15">

  253. 	      <el-pagination

  254. 	        @size-change="handleSizeChange"

  255. 	        @current-change="handleCurrentChange"

  256. 	        :current-page="searchBuyerParm.page"

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

  258. 	        :page-size="searchBuyerParm.pageSize"

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

  260. 	        :total="total"

  261. 	      ></el-pagination>

  262. 	    </div>

  263. 	  </div>

  264. 	</el-dialog>

  265.   

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

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

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

  269. 	  		<el-upload

  270. 				  class="upload-demo"

  271. 				  drag

  272. 				  ref="upload"

  273. 				  :action="uploadFileUrl"

  274. 				  :headers="uploadHeaders"

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

  276. 				  :on-success="uploadSuccess"

  277. 				  :before-upload="beforeAvatarUpload"

  278. 				  multiple>

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

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

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

  282. 				</el-upload>

  283.   	</div>

  284.   </el-dialog>

  285.   

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

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

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

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

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

  291. 	    		<el-input v-model="editParm.country"  :disabled="true" clearable></el-input>

  292. 	  		</el-form-item>

  293.   		 <el-form-item label="买家账号" prop="buyerName">

  294.         <el-input v-model="editParm.buyerName" :disabled="true" style="width:200px" />

  295.         <el-button

  296.           type="primary"

  297.           icon="el-icon-search"

  298.           @click="goSearchBuyer"

  299.           style="width:130px"

  300.         >请选择设</el-button>

  301.       </el-form-item>

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

  303. 	    		<el-input v-model="editParm.account" :disabled="true" clearable></el-input>

  304. 	  		</el-form-item>

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

  306. 	    		<el-input v-model="editParm.pwd" :disabled="true" clearable></el-input>

  307. 	  		</el-form-item>

  308. 	  		<el-form-item label="店铺名称" prop="shopName">

  309. 	    		<el-input v-model="editParm.shopName" clearable></el-input>

  310. 	  		</el-form-item>

  311. 	  		<el-form-item label="关键词" prop="keyWord">

  312. 	    		<el-input v-model="editParm.keyWord" clearable></el-input>

  313. 	  		</el-form-item>

  314. 	  		<el-form-item label="标题" prop="title">

  315. 	    		<el-input v-model="editParm.title" clearable></el-input>

  316. 	  		</el-form-item>

  317. 	  		<el-form-item label="链接" prop="link">

  318. 	    		<el-input v-model="editParm.link" clearable></el-input>

  319. 	  		</el-form-item>

  320. 	  		<el-form-item label="数量" prop="number">

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

  322. 	  		</el-form-item>

  323. 	  		<el-form-item label="规格" prop="specification">

  324. 	    		<el-input v-model="editParm.specification" clearable></el-input>

  325. 	  		</el-form-item>

  326. 	  		<el-form-item label="颜色" prop="color">

  327. 	    		<el-input v-model="editParm.color" clearable></el-input>

  328. 	  		</el-form-item>

  329. 	  		<el-form-item label="优惠卷" prop="exchange">

  330. 	    		<el-input v-model="editParm.exchange" clearable></el-input>

  331. 	  		</el-form-item>

  332. 	  		<el-form-item label="最小价格区间" prop="sectionMin">

  333. 	    		<el-input v-model="editParm.sectionMin" clearable></el-input>

  334. 	  		</el-form-item>

  335. 	  		<el-form-item label="最大价格区间" prop="sectionMax">

  336. 	    		<el-input v-model="editParm.sectionMax" clearable></el-input>

  337. 	  		</el-form-item>

  338. 	  		<el-form-item label="Item" prop="item">

  339. 	    		<el-input v-model="editParm.item" clearable></el-input>

  340. 	  		</el-form-item>

  341. 	  		<el-form-item label="vpn" prop="vpnShare">

  342. 	    		<el-input v-model="editParm.vpnShare" :disabled="true" clearable></el-input>

  343. 	  		</el-form-item>

  344. 	  		<el-form-item label="留言" prop="amessage">

  345. 	    		<el-input v-model="editParm.amessage" clearable></el-input>

  346. 	  		</el-form-item>

  347. 	  		<el-form-item label="月份" prop="month">

  348.   			<el-select v-model="editParm.month" placeholder="请选择">

  349. 			    <el-option

  350. 			      v-for="item in addMonthList"

  351. 			      :key="item.name"

  352. 			      :label="item.name"

  353. 			      :value="item.name">

  354. 			    </el-option>

  355. 			  </el-select>

  356.   		</el-form-item>

  357. 	  		<el-form-item label="年份" prop="year">

  358. 	    		<el-input v-model="editParm.year" clearable></el-input>

  359. 	  		</el-form-item>

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

  361. 	    		<el-input v-model="editParm.cardName" :disabled="true" clearable></el-input>

  362. 	  		</el-form-item>

  363. 	  		<el-form-item label="卡号" prop="cardNumber">

  364. 	    		<el-input v-model="editParm.cardNumber" :disabled="true" clearable></el-input>

  365. 	  		</el-form-item>

  366. 	  		<el-form-item label="密码" prop="cardPwd">

  367. 	    		<el-input v-model="editParm.cardPwd" :disabled="true" clearable></el-input>

  368. 	  		</el-form-item>

  369. 			</el-form>

  370.   	</div>

  371.   	<span slot="footer">

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

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

  374.   	</span>

  375.   </el-dialog>

  376.   

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

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

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

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

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

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

  383. 	  		</el-form-item>

  384. 	  		<el-form-item label="买家账号" prop="buyerName">

  385. 	    		<el-input v-model="detailParm.buyerName" :disabled="true" clearable></el-input>

  386. 	  		</el-form-item>

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

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

  389. 	  		</el-form-item>

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

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

  392. 	  		</el-form-item>

  393. 	  		<el-form-item label="店铺名称" prop="shopName">

  394. 	    		<el-input v-model="detailParm.shopName" :disabled="true" clearable></el-input>

  395. 	  		</el-form-item>

  396. 	  		<el-form-item label="关键词" prop="keyWord">

  397. 	    		<el-input v-model="detailParm.keyWord" :disabled="true" clearable></el-input>

  398. 	  		</el-form-item>

  399. 	  		<el-form-item label="标题" prop="title">

  400. 	    		<el-input v-model="detailParm.title" :disabled="true" clearable></el-input>

  401. 	  		</el-form-item>

  402. 	  		<el-form-item label="链接" prop="link">

  403. 	    		<el-input v-model="detailParm.link" :disabled="true" clearable></el-input>

  404. 	  		</el-form-item>

  405. 	  		<el-form-item label="数量" prop="number">

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

  407. 	  		</el-form-item>

  408. 	  		<el-form-item label="规格" prop="specification">

  409. 	    		<el-input v-model="detailParm.specification" :disabled="true" clearable></el-input>

  410. 	  		</el-form-item>

  411. 	  		<el-form-item label="颜色" prop="color">

  412. 	    		<el-input v-model="detailParm.color" :disabled="true" clearable></el-input>

  413. 	  		</el-form-item>

  414. 	  		<el-form-item label="优惠卷" prop="exchange">

  415. 	    		<el-input v-model="detailParm.exchange" :disabled="true" clearable></el-input>

  416. 	  		</el-form-item>

  417. 	  		<el-form-item label="Item" prop="item">

  418. 	    		<el-input v-model="detailParm.item" :disabled="true" clearable></el-input>

  419. 	  		</el-form-item>

  420. 	  		<el-form-item label="vpn" prop="vpnShare">

  421. 	    		<el-input v-model="detailParm.vpnShare" :disabled="true" clearable></el-input>

  422. 	  		</el-form-item>

  423. 	  		<el-form-item label="留言" prod="amessage">

  424. 	    		<el-input v-model="detailParm.amessage" :disabled="true" clearable></el-input>

  425. 	  		</el-form-item>

  426. 	  		<el-form-item label="月份" prop="month">

  427.   			<el-select v-model="detailParm.month" :disabled="true" placeholder="请选择">

  428. 			    <el-option

  429. 			      v-for="item in addMonthList"

  430. 			      :key="item.name"

  431. 			      :label="item.name"

  432. 			      :value="item.name">

  433. 			    </el-option>

  434. 			  </el-select>

  435. 	  		</el-form-item>

  436. 	  		<el-form-item label="年份" prop="year">

  437. 	    		<el-input v-model="detailParm.year" :disabled="true" clearable></el-input>

  438. 	  		</el-form-item>

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

  440. 	    		<el-input v-model="detailParm.cardName" :disabled="true" clearable></el-input>

  441. 	  		</el-form-item>

  442. 	  		<el-form-item label="卡号" prod="cardNumber">

  443. 	    		<el-input v-model="detailParm.cardNumber" :disabled="true" clearable></el-input>

  444. 	  		</el-form-item>

  445. 	  		<el-form-item label="密码" prod="cardPwd">

  446. 	    		<el-input v-model="detailParm.cardPwd" :disabled="true" clearable></el-input>

  447. 	  		</el-form-item>

  448. 	  		<el-form-item label="执行结果" prod="response">

  449. 	    		<el-input v-model="detailParm.response" :disabled="true" clearable></el-input>

  450. 	  		</el-form-item>

  451. 	  		<el-form-item label="状态" prod="status">

  452.   			<el-select v-model="detailParm.status" :disabled="true" placeholder="请选择">

  453. 			    <el-option

  454. 			      v-for="item in detailStatusList"

  455. 			      :key="item.name"

  456. 			      :label="item.name"

  457. 			      :value="item.id">

  458. 			    </el-option>

  459. 			  </el-select>

  460. 			  </el-form-item>

  461. 			</el-form>

  462.   	</div>

  463.   </el-dialog>

  464.   

  465.   

  466.   

  467.   <!--Order详情弹窗-->

  468.   <el-dialog :visible.sync="dialogOrderDetailVisible" :title="dialogOrderDetailTitle" center width="45%">

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

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

  471. 	  		<el-form-item label="创建时间" prop="createdAt">

  472. 	    		<el-input v-model="orderDetailParm.createdAt" :disabled="true" clearable></el-input>

  473. 	  		</el-form-item>

  474. 	  		

  475. 	  		<el-form-item label="修改时间" prop="updatedAt">

  476. 	    		<el-input v-model="orderDetailParm.updatedAt" :disabled="true" clearable></el-input>

  477. 	  		</el-form-item>

  478. 	  		

  479. 	  		<el-form-item label="总金额" prop="amount">

  480. 	    		<el-input v-model="orderDetailParm.amount" :disabled="true" clearable></el-input>

  481. 	  		</el-form-item>

  482. 	  		

  483. 	  		<el-form-item label="状态描述" prop="paymentResults">

  484. 	    		<el-input v-model="orderDetailParm.paymentResults" :disabled="true" clearable></el-input>

  485. 	  		</el-form-item>

  486. 	  		

  487. 	  		<el-form-item label="店铺名称" prop="shop">

  488. 	    		<el-input v-model="orderDetailParm.shop" :disabled="true" clearable></el-input>

  489. 	  		</el-form-item>

  490. 	  		

  491. 	  		<el-form-item label="购买数量" prop="pricesNumber">

  492. 	    		<el-input v-model="orderDetailParm.pricesNumber" :disabled="true" clearable></el-input>

  493. 	  		</el-form-item>

  494. 	  		

  495. 	  		<el-form-item label="订单id" prop="orderId">

  496. 	    		<el-input v-model="orderDetailParm.orderId" :disabled="true" clearable></el-input>

  497. 	  		</el-form-item>

  498. 	  		

  499. 	  		<el-form-item label="商品名称" prop="shopName">

  500. 	    		<el-input v-model="orderDetailParm.shopName" :disabled="true" clearable></el-input>

  501. 	  		</el-form-item>

  502. 	  		

  503. 	  		<el-form-item label="时间" prop="orderDate">

  504. 	    		<el-input v-model="orderDetailParm.orderDate" :disabled="true" clearable></el-input>

  505. 	  		</el-form-item>

  506. 			</el-form>

  507.   	</div>

  508.   </el-dialog>

  509.   

  510.   

  511.     <!--Order补录弹窗-->

  512.   <el-dialog :visible.sync="dialogSupplementVisible" :title="dialogSupplementTitle" center width="45%">

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

  514.   		<el-form ref="supplementParm" size="small" :model="supplementParm" :rules="orderRules" label-width="100px">

  515.   		 	<el-form-item label="刷单ID" prop="clickFarmingId">

  516. 	    		<el-input v-model="supplementParm.clickFarmingId" :disabled="true" clearable></el-input>

  517. 	  		</el-form-item>

  518. 	  		

  519. 	  		<el-form-item label="总金额" prop="amount">

  520. 	    		<el-input v-model="supplementParm.amount" clearable></el-input>

  521. 	  		</el-form-item>

  522. 	  		

  523. 	  		<el-form-item label="状态描述" prop="paymentResults">

  524. 	    		<el-input v-model="supplementParm.paymentResults" clearable></el-input>

  525. 	  		</el-form-item>

  526. 	  		

  527. 	  		<el-form-item label="店铺名称" prop="shop">

  528. 	    		<el-input v-model="supplementParm.shop" clearable></el-input>

  529. 	  		</el-form-item>

  530. 	  		

  531. 	  		<el-form-item label="购买数量" prop="pricesNumber">

  532. 	    		<el-input v-model="supplementParm.pricesNumber" clearable></el-input>

  533. 	  		</el-form-item>

  534. 	  		

  535. 	  		<el-form-item label="订单id" prop="orderId">

  536. 	    		<el-input v-model="supplementParm.orderId" clearable></el-input>

  537. 	  		</el-form-item>

  538. 	  		

  539. 	  		<el-form-item label="商品名称" prop="shopName">

  540. 	    		<el-input v-model="supplementParm.shopName" clearable></el-input>

  541. 	  		</el-form-item>

  542. 	  		

  543. 	  		<el-form-item label="时间" prop="orderDate">

  544. 	    		<el-input v-model="supplementParm.orderDate" clearable></el-input>

  545. 	  		</el-form-item>

  546. 			</el-form>

  547. 			</div>

  548. 			<span slot="footer">

  549. 	  		<el-button type="info" @click="dialogSupplementVisible=flase">取消</el-button>

  550. 	      <el-button type="primary" @click="sureSuppment">确认</el-button>

  551. 	  	</span>

  552.   </el-dialog>

  553.   

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

  555.     <el-dialog :visible.sync="dialogBuyerDetailVisible" :title="dialogBuyerDetailTitle" center width="45%">

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

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

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

  559.             <el-input v-model="detailBuyerParm.account" :disabled="true"></el-input>

  560.           </el-form-item>

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

  562.             <el-input v-model="detailBuyerParm.nickName" :disabled="true"></el-input>

  563.           </el-form-item>

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

  565.             <el-input v-model="detailBuyerParm.pwd" :disabled="true"></el-input>

  566.           </el-form-item>

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

  568.             <el-select v-model="detailBuyerParm.companyId" disabled placeholder="请选择">

  569.               <el-option

  570.                 v-for="item in companys"

  571.                 :key="item.name"

  572.                 :label="item.name"

  573.                 :value="item.id"

  574.               ></el-option>

  575.             </el-select>

  576.           </el-form-item>

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

  578.             <el-select v-model="detailBuyerParm.platformId" disabled placeholder="请选择">

  579.               <el-option

  580.                 v-for="item in platformList"

  581.                 :key="item.name"

  582.                 :label="item.name"

  583.                 :value="item.id"

  584.               ></el-option>

  585.             </el-select>

  586.           </el-form-item>

  587. 

  588.           <!--国家-->

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

  590.             <el-input v-model="detailBuyerParm.contntryShort" disabled clearable></el-input>

  591.           </el-form-item>

  592.           <!--VPN vpnId -->

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

  594.             <el-input v-model="detailBuyerParm.vpnIp" disabled clearable></el-input>

  595.           </el-form-item>

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

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

  598.             <el-input v-model="detailBuyerParm.cardNumber" disabled clearable></el-input>

  599.           </el-form-item>

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

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

  602.             <el-select v-model="detailBuyerParm.level" disabled placeholder="请选择">

  603.               <el-option

  604.                 v-for="item in levelList"

  605.                 :key="item.name"

  606.                 :label="item.name"

  607.                 :value="item.id"

  608.               ></el-option>

  609.             </el-select>

  610.           </el-form-item>

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

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

  613.             <el-select v-model="detailBuyerParm.occupyStatus" disabled placeholder="请选择">

  614.               <el-option

  615.                 v-for="item in occupyStatusList"

  616.                 :key="item.name"

  617.                 :label="item.name"

  618.                 :value="item.id"

  619.               ></el-option>

  620.             </el-select>

  621.           </el-form-item>

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

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

  624.             <el-select v-model="detailBuyerParm.status" disabled placeholder="请选择">

  625.               <el-option

  626.                 v-for="item in buyerStatusList"

  627.                 :key="item.name"

  628.                 :label="item.name"

  629.                 :value="item.id"

  630.               ></el-option>

  631.             </el-select>

  632.           </el-form-item>

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

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

  635.             <el-input v-model="detailBuyerParm.occupyAccount" :disabled="true" clearable></el-input>

  636.           </el-form-item>

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

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

  639.             <el-input v-model="detailBuyerParm.balance" :disabled="true" clearable></el-input>

  640.           </el-form-item>

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

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

  643.             <el-input v-model="detailBuyerParm.buyTotalMoney" :disabled="true" clearable></el-input>

  644.           </el-form-item>

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

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

  647.             <el-input v-model="detailBuyerParm.addressline1" :disabled="true" clearable></el-input>

  648.           </el-form-item>

  649.           <!--国家-->

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

  651.             <el-input v-model="detailBuyerParm.country" :disabled="true" clearable></el-input>

  652.           </el-form-item>

  653.           <!--州-->

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

  655.             <el-input v-model="detailBuyerParm.state" :disabled="true" clearable></el-input>

  656.           </el-form-item>

  657.           <!--电话-->

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

  659.             <el-input v-model="detailBuyerParm.tel" :disabled="true" clearable></el-input>

  660.           </el-form-item>

  661.           <!--lastname-->

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

  663.             <el-input v-model="detailBuyerParm.lastname" :disabled="true" clearable></el-input>

  664.           </el-form-item>

  665.           <!--税号-->

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

  667.             <el-input v-model="detailBuyerParm.vatNumber" :disabled="true" clearable></el-input>

  668.           </el-form-item>

  669.           <!--城市-->

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

  671.             <el-input v-model="detailBuyerParm.city" :disabled="true" clearable></el-input>

  672.           </el-form-item>

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

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

  675.             <el-input v-model="detailBuyerParm.addressline2" :disabled="true" clearable></el-input>

  676.           </el-form-item>

  677.           <!--firstname-->

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

  679.             <el-input v-model="detailBuyerParm.firstname" :disabled="true" clearable></el-input>

  680.           </el-form-item>

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

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

  683.             <el-input v-model="detailBuyerParm.postalcode" :disabled="true" clearable></el-input>

  684.           </el-form-item>

  685.         </el-form>

  686.       </div>

  687.     </el-dialog>

  688. 

  689.   </div>

  690. </template>

  691. <script>

  692. 	import { add, editById, delById, getList, getById, getEditDetailById } from '@/api/group/clickfarming'

  693. 	import { getDetailById, supplement } from '@/api/group/clickOrder'

  694. 	import { getBuyerList, getBuyerById } from "@/api/group/dhPay";

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

  696. export default {

  697. 	filters: {

  698. 	  getStatus: function (value) {

  699. 			   if(value == 1) {

  700. 			   		return '待执行';

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

  702. 			   		return '执行中';

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

  704. 			   		return '执行成功';

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

  706. 			   		return '执行失败';

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

  708. 			   		return '待支付异常';

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

  710. 			   		return '支付成功异常';

  711. 			   } else {

  712. 			   	 return '执行失败';

  713. 			   }

  714. 		  },

  715. 	   getType: function (value) {

  716. 		   if(value == 1) {

  717. 		   	return 'Payoneer';

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

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

  720. 		   } else {

  721. 		   	return 'Visa信用卡';

  722. 		   }

  723. 	  },

  724. 	   getCardDealer: function (value) {

  725. 		   if(value == 1) {

  726. 		   	return 'AmzKeys';

  727. 		   } else{

  728. 		   	return 'Airwallex';

  729. 		   }

  730. 	  },

  731. 	  getBuyerStatus:function (value) {

  732. 	  	if(value == 1) {

  733. 		   	return '已占用';

  734. 		   } else{

  735. 		   	return '未占用';

  736. 		   }

  737. 	  }

  738. 	},

  739. //	数据

  740.   data() {

  741.     return {

  742.     	searchParm: {

  743.     		page: 1,

  744.     		pageSize: 10,

  745.     		sort:'created_at',

  746.     		order:'desc',

  747.     		keyWord:null,

  748.     		status:null,

  749.     		item:null,

  750.     		shopName:'',

  751.     		payOrderId:null,

  752.     	},

  753.     	total:0,

  754.       list: [],

  755.       buyerList: [],

  756.       companys:[],

  757.       buyerId: null,

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

  759.       dialogAddVisible: false,

  760.       dialogAddTitle: '新增',

  761.       dialogDetailVisible: false,

  762.       dialogDetailTitle: '详情',

  763.       dialogOrderDetailVisible: false,

  764.       dialogOrderDetailTitle: '订单详情',

  765.       dialogEditVisible: false,

  766.       dialogEditTitle: '修改',

  767.       dialogSupplementVisible: false,

  768.       dialogSupplementTitle: '补录',

  769.       dialogImportVisible: false,

  770.       dialogImportTitle:'导入',

  771.       dialogBuyerVisible: false,

  772.       dialogBuyerTitle: "买家列表",

  773.       dialogBuyerVisible: false,

  774.       dialogBuyerTitle: "买家列表",

  775.       dialogBuyerDetailVisible: false,

  776. 	    dialogBuyerDetailTitle: "买家详情",

  777.       uploadFileUrl: process.env.VUE_APP_BASE_API + '/api/clickFarming/import',

  778.       updateBoolean: false,

  779.       tempUrl: process.env.VUE_APP_BASE_API + '/api/clickFarming/exportTemp',

  780.      

  781. 	   		detailStatusList:[

  782. 	        {

  783. 	          id: 1,

  784. 	          name: '待执行'

  785. 	        },

  786.       		{

  787. 	          id: 2,

  788. 	          name: '执行中',

  789.       		},

  790.       		{

  791. 	          id: 3,

  792. 	          name: '执行成功'

  793. 	        },

  794.       		{

  795. 	          id: 4,

  796. 	          name: '执行失败'

  797. 	        },{

  798. 	        	id:5,

  799. 	        	name:"待支付异常"

  800. 	        },{

  801. 	        	id:6,

  802. 	        	name:"支付成功异常"

  803. 	        }],

  804. 	    statusList:[

  805. 	    		{

  806. 	          id: null,

  807. 	          name: '全部'

  808. 	        },

  809. 	        {

  810. 	          id: 1,

  811. 	          name: '待执行'

  812. 	        },

  813.       		{

  814. 	          id: 2,

  815. 	          name: '执行中',

  816.       		},

  817.       		{

  818. 	          id: 3,

  819. 	          name: '执行成功'

  820. 	        },

  821.       		{

  822. 	          id: 4,

  823. 	          name: '执行失败'

  824. 	        },{

  825. 	        	id:5,

  826. 	        	name:"待支付异常"

  827. 	        },{

  828. 	        	id:6,

  829. 	        	name:"支付成功异常"

  830. 	        }],

  831. 	    addMonthList:[

  832. 	        {

  833. 	          name: 'January (01)'

  834. 	        },

  835.       		{

  836. 	          name: 'February (02)'

  837. 	        },{

  838. 	          name: 'March (03)'

  839. 	        },{

  840. 	          name: 'April (04)'

  841. 	        },{

  842. 	          name: 'May (05)'

  843. 	        },{

  844. 	          name: 'June (06)'

  845. 	        },{

  846. 	          name: 'July (07)'

  847. 	        },{

  848. 	          name: 'August (08)'

  849. 	        },{

  850. 	          name: 'September (09)'

  851. 	        },{

  852. 	          name: 'October (10)'

  853. 	        },{

  854. 	          name: 'November (11)'

  855. 	        },{

  856. 	          name: 'December (12)'

  857. 	        }

  858.       	],

  859. 	      occupyStatusList: [

  860. 	        {

  861. 	          id: 1,

  862. 	          name: "已占用"

  863. 	        },

  864. 	        {

  865. 	          id: 2,

  866. 	          name: "未占用"

  867. 	        }

  868. 	      ],

  869. 	      buyerStatusList: [

  870. 	      	{

  871. 	          id: 1,

  872. 	          name: "待注册"

  873. 	        },

  874. 	        {

  875. 	          id: 2,

  876. 	          name: "待验证"

  877. 	        },

  878. 	        {

  879. 	          id: 3,

  880. 	          name: "待完善"

  881. 	        },

  882. 	        {

  883. 	          id: 4,

  884. 	          name: "正常"

  885. 	        },

  886. 	        {

  887. 	          id: 5,

  888. 	          name: "异常"

  889. 	        },

  890. 	        {

  891. 	          id: 6,

  892. 	          name: "可用但已用"

  893. 	        },

  894. 	        {

  895. 	          id: 7,

  896. 	          name: "删除"

  897. 	        }

  898. 	      ],

  899. 	      levelList: [

  900. 	        {

  901. 	          id: 1,

  902. 	          name: "普通"

  903. 	        },

  904. 	        {

  905. 	          id: 2,

  906. 	          name: "精品"

  907. 	        },

  908. 	        {

  909. 	          id: 3,

  910. 	          name: "压力"

  911. 	        },

  912. 	        {

  913. 	          id: 4,

  914. 	          name: "内部账号"

  915. 	        }

  916. 	      ],

  917. 	      platformList: [

  918. 	        {

  919. 	          id: 1,

  920. 	          name: "敦煌"

  921. 	        },

  922. 	        {

  923. 	          id: 2,

  924. 	          name: "速卖通"

  925. 	        },

  926. 	        {

  927. 	          id: 3,

  928. 	          name: "马帮"

  929. 	        }

  930. 	      ],

  931.       addParm: {

  932.       	country:null,

  933.     		account:null,

  934.     		pwd:null,

  935.     		shopName: null,

  936.     		keyWord:null,

  937.     		title:null,

  938.     		link:null,

  939.     		number:null,

  940.     		specification:null,

  941.     		color:null,

  942.     		sectionMin:null,

  943.     		sectionMax:null,

  944.     		item:null,

  945.     		exchange:null,

  946.     		vpnShare:null,

  947.     		amessage:null,

  948.     		month:null,

  949.     		year:null,

  950.     		cardName:null,

  951.     		cardNumber:null,

  952.     		cardPwd:null,

  953.     		buyerId:null,

  954.     		buyerName:null

  955.       },

  956.       searchBuyerParm: {

  957.         page: 1,

  958.         pageSize: 10,

  959.         account: null,

  960.         sort: "created_at",

  961.         order: "desc",

  962.         nickName: null,

  963.         pwd: null,

  964.         companyId: null,

  965.         platformId: null

  966.       },

  967.       supplementParm: {

  968.       	clickFarmingId: null,

  969.       	amount: null,

  970.       	paymentResults: null,

  971.       	shop: null,

  972.       	pricesNumber: null,

  973.       	orderId: null,

  974.       	shopName: null,

  975.       	orderDate: null

  976.       },

  977.       editParm: {

  978.       	id: null,

  979.       	country:null,

  980.     		account:null,

  981.     		pwd:null,

  982.     		shopName:null,

  983.     		keyWord:null,

  984.     		title:null,

  985.     		link:null,

  986.     		number:null,

  987.     		specification:null,

  988.     		color:null,

  989.     		sectionMin:null,

  990.     		sectionMax:null,

  991.     		item:null,

  992.     		exchange:null,

  993.     		vpnShare:null,

  994.     		amessage:null,

  995.     		month:null,

  996.     		year:null,

  997.     		cardName:null,

  998.     		cardNumber:null,

  999.     		cardPwd:null,

  1000.     		buyerId:null,

  1001.     		buyerName:null

  1002.       },

  1003.       detailParm: {

  1004.       	id: null,

  1005.       	country:null,

  1006.     		account:null,

  1007.     		pwd: null,

  1008.     		shopName: null,

  1009.     		keyWord:null,

  1010.     		title:null,

  1011.     		link:null,

  1012.     		number:null,

  1013.     		specification:null,

  1014.     		color:null,

  1015.     		item:null,

  1016.     		exchange:null,

  1017.     		vpnShare:null,

  1018.     		amessage:null,

  1019.     		month:null,

  1020.     		year:null,

  1021.     		cardName:null,

  1022.     		cardNumber:null,

  1023.     		cardPwd:null,

  1024.     		response:null,

  1025.     		status:null

  1026.       },

  1027.       orderDetailParm: {

  1028.       	id: null,

  1029.       	createdAt:null,

  1030.     		updatedAt:null,

  1031.     		amount:null,

  1032.     		paymentResults:null,

  1033.     		shop:null,

  1034.     		pricesNumber:null,

  1035.     		orderId:null,

  1036.     		shopName:null,

  1037.     		orderDate:null

  1038.       },

  1039.       detailBuyerParm: {

  1040.       	id: null,

  1041.       	nickName:null,

  1042.     		pwd:null,

  1043.     		account: null,

  1044.     		companyId:null,

  1045.     		platformId:null,

  1046.     		contntryShort:null,

  1047.     		vpnId:null,

  1048. 				vpnIp:null,

  1049.   			cardId:null,

  1050. 				cardNumber:null,

  1051.   			level:null,

  1052.   			occupyStatus:null,

  1053.   			addressline1:null,

  1054.   			country:null,

  1055.   			state:null,

  1056.   			tel:null,

  1057.   			lastname:null,

  1058.   			vatNumber:null,

  1059.   			city:null,

  1060.   			addressline2:null,

  1061.   			firstname:null,

  1062.   			postalcode:null,

  1063.   			status:null

  1064.       },

  1065.       rules: {

  1066.        country: [

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

  1068.        ],

  1069.         account: [

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

  1071.        ],

  1072.         pwd: [

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

  1074.        ],

  1075.         shopName: [

  1076.          { required: true, message: '请输入店铺名称', trigger: 'blur' }

  1077.        ],

  1078.         keyWord: [

  1079.          { required: true, message: '请输入关键词', trigger: 'blur' }

  1080.        ],

  1081.         title: [

  1082.          { required: true, message: '请输入标题', trigger: 'blur' }

  1083.        ],

  1084.         link: [

  1085.          { required: true, message: '请输入链接', trigger: 'blur' }

  1086.        ],

  1087.         number: [

  1088.          { required: true, message: '请输入数量', trigger: 'blur' }

  1089.        ],

  1090.        item: [

  1091.          { required: true, message: '请输入Item', trigger: 'blur' }

  1092.        ],

  1093.         vpnShare: [

  1094.          { required: true, message: '请输入vpn', trigger: 'blur' }

  1095.        ],

  1096.         amessage: [

  1097.          { required: true, message: '请输入留言', trigger: 'blur' }

  1098.        ],

  1099.         month: [

  1100.          { required: true, message: '请输入月份', trigger: 'blur' }

  1101.        ],

  1102.         year: [

  1103.          { required: true, message: '请输入年份', trigger: 'blur' }

  1104.        ],

  1105.         cardName: [

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

  1107.        ],

  1108.         cardNumber: [

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

  1110.        ],

  1111.         cardPwd: [

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

  1113.        ]

  1114.       },

  1115.       orderRules:{

  1116.       	amount: [

  1117.          	{ required: true, message: '请输入总金额', trigger: 'blur' }

  1118.        	],

  1119.        	paymentResults: [

  1120.          { required: true, message: '请输入状态描述', trigger: 'blur' }

  1121.        	],

  1122.        	shop: [

  1123.          { required: true, message: '请输入店铺名称', trigger: 'blur' }

  1124.        	],

  1125.        	pricesNumber: [

  1126.          { required: true, message: '请输入购买数量', trigger: 'blur' }

  1127.        	],

  1128.        	orderId: [

  1129.          { required: true, message: '请输入订单id', trigger: 'blur' }

  1130.        	],

  1131.        	shopName: [

  1132.          { required: true, message: '请输入商品名称', trigger: 'blur' }

  1133.        	],

  1134.        	orderDate: [

  1135.          { required: true, message: '请输入时间', trigger: 'blur' }

  1136.        	]

  1137.       }

  1138.     }

  1139.   },

  1140.   // 调用

  1141.   created() {

  1142. 		this.goSearch();

  1143.   },

  1144. 	//方法

  1145.   methods: {

  1146. 	//重置

  1147.   	resetForm() {

  1148.         this.searchParm.keyWord = null;

  1149. 				this.searchParm.item=null;

  1150.     		this.searchParm.status=null;

  1151.     		this.searchParm.shopName='';

  1152.     		this.searchParm.payOrderId=null;

  1153.     		this.goSearch()

  1154. 	  },

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

  1156.     getCompanyAll() {

  1157.       getAll()

  1158.         .then(res => {

  1159.           this.companys = res.data;

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

  1161.             console.log(this.companys);

  1162.           }

  1163.         })

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

  1165.     },

  1166. 	  resetBuyerForm() {

  1167.       this.searchBuyerParm.account = null;

  1168.       this.searchBuyerParm.pwd = null;

  1169.       this.searchBuyerParm.nickName = null;

  1170.       this.searchBuyerParm.companyId = null;

  1171.       this.searchBuyerParm.platformId = null;

  1172.       this.goSearchBuyer();

  1173.     },

  1174.    	//	查询

  1175. 		goSearch() {

  1176. 			this.searchParm.page=1;

  1177. 			this.getCompanyAll();

  1178. 			this.getDataList();

  1179. 		},

  1180. 		goSearchBuyer() {

  1181.       this.dialogBuyerVisible = true;

  1182.       this.searchBuyerParm.page = 1;

  1183.       this.getBuyerDataList();

  1184.     },

  1185.     getBuyerDataList() {

  1186.       getBuyerList(this.searchBuyerParm)

  1187.         .then(res => {

  1188.           console.log(res);

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

  1190.             this.buyerList = res.data.list;

  1191.             this.buyerTotal = res.data.total;

  1192.           }

  1193.         })

  1194.         .catch(err => {

  1195.           console.log(err);

  1196.         });

  1197.     },

  1198.     getBuyerById(data){

  1199. 			this.buyerName = data.account;

  1200. 			this.buyerId = data.id;

  1201. 			if(this.dialogAddVisible == true) {

  1202. 				this.addParm.buyerId = data.id;

  1203. 				this.addParm.buyerName = data.account;

  1204. 				// 买家

  1205. 				this.addParm.country = data.contntryShort;

  1206. 				this.addParm.account = data.account;

  1207. 				this.addParm.pwd = data.pwd;

  1208. 				// vpn

  1209. 				this.addParm.vpnShare = data.vpn;

  1210. 				

  1211. 				// 信用卡

  1212. 				this.addParm.cardName = data.holderSurname + " " + data.holderName;

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

  1214. 				this.addParm.cardPwd = data.cardPwd;

  1215. 			}

  1216. 			

  1217. 			if(this.dialogEditVisible == true) {

  1218. 				this.editParm.buyerId = data.id;

  1219. 				this.editParm.buyerName = data.account;

  1220. 				

  1221. 				// 买家

  1222. 				this.editParm.country = data.contntryShort;

  1223. 				this.editParm.account = data.account;

  1224. 				this.editParm.pwd = data.pwd;

  1225. 				// vpn

  1226. 				this.editParm.vpnShare = data.vpn;

  1227. 				

  1228. 				// 信用卡

  1229. 				this.editParm.cardName = data.holderSurname + " " + data.holderName;

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

  1231. 				this.editParm.cardPwd = data.cardPwd;

  1232. 			}

  1233. 			

  1234. 			this.dialogBuyerVisible = false;

  1235. 			console.log(data);

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

  1237. 		},

  1238. 		// 查看买家信息根据id

  1239.     getBuyerBtnById(id) {

  1240.       getBuyerById({ id })

  1241.         .then(res => {

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

  1243.             this.detailBuyerParm.id = res.data.id;

  1244.             this.detailBuyerParm.nickName = res.data.nickName;

  1245.             this.detailBuyerParm.pwd = res.data.pwd;

  1246.             this.detailBuyerParm.account = res.data.account;

  1247.             this.detailBuyerParm.companyId = res.data.companyId;

  1248.             this.detailBuyerParm.platformId = res.data.platformId;

  1249.             this.detailBuyerParm.contntryShort = res.data.contntryShort;

  1250.             this.detailBuyerParm.vpnId = res.data.vpnId;

  1251.             this.detailBuyerParm.vpnIp = res.data.ipAddress;

  1252.             this.detailBuyerParm.cardNumber = res.data.number;

  1253.             this.detailBuyerParm.cardId = res.data.cardId;

  1254.             this.detailBuyerParm.level = res.data.level;

  1255.             this.detailBuyerParm.occupyStatus = res.data.occupyStatus;

  1256.             this.detailBuyerParm.occupyAccount = res.data.occupyAccount;

  1257.             this.detailBuyerParm.balance = res.data.balance;

  1258.             this.detailBuyerParm.buyTotalMoney = res.data.buyTotalMoney;

  1259.             this.detailBuyerParm.addressline1 = res.data.addressline1;

  1260.             this.detailBuyerParm.country = res.data.country;

  1261.             this.detailBuyerParm.state = res.data.state;

  1262.             this.detailBuyerParm.tel = res.data.tel;

  1263.             this.detailBuyerParm.lastname = res.data.lastname;

  1264.             this.detailBuyerParm.vatNumber = res.data.vatNumber;

  1265.             this.detailBuyerParm.city = res.data.city;

  1266.             this.detailBuyerParm.addressline2 = res.data.addressline2;

  1267.             this.detailBuyerParm.firstname = res.data.firstname;

  1268.             this.detailBuyerParm.postalcode = res.data.postalcode;

  1269.             this.detailBuyerParm.status = res.data.status;

  1270. 

  1271.             this.dialogBuyerDetailVisible = true;

  1272.           }

  1273.         })

  1274.         .catch(err => {

  1275.           console.log(err);

  1276.         });

  1277.     },

  1278. 		beforeAvatarUpload(file) {

  1279. 	    console.log(file);

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

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

  1282. 	

  1283. 	//  if (!isXlsl) {

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

  1285. 	//  }

  1286. 	    if (!isLt10M) {

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

  1288. 	    }

  1289. 	//  return isXlsl && isLt10M;

  1290. 	    return isLt10M;

  1291. 	 },

  1292.   uploadSuccess(res, file) {

  1293.   	this.dialogImportVisible = false;

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

  1295.     	  console.log(res.data);

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

  1297. 				

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

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

  1300. 				}

  1301. 		}

  1302. 			this.getDataList();

  1303.   },

  1304. 		// 新增

  1305. 		addBtn(){

  1306. 			this.addParm = {

  1307.       	country:null,

  1308.     		account:null,

  1309.     		pwd: null,

  1310.     		shopName: null,

  1311.     		keyWord:null,

  1312.     		title:null,

  1313.     		link:null,

  1314.     		number:null,

  1315.     		specification:null,

  1316.     		color:null,

  1317.     		item:null,

  1318.     		sectionMin: null,

  1319.     		sectionMax: null,

  1320.     		exchange:null,

  1321.     		vpnShare:null,

  1322.     		amessage:null,

  1323.     		month:null,

  1324.     		year:null,

  1325.     		cardName:null,

  1326.     		cardNumber:null,

  1327.     		cardPwd:null

  1328. 		  }

  1329. 			this.dialogAddVisible = true;

  1330. 		},

  1331. 		// 导入

  1332. 		importBtn() {

  1333. 			this.dialogImportVisible = true

  1334. 		},

  1335. 		exportTempBtn() {

  1336. 			console.log(this.tempUrl)

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

  1338. 		},

  1339. 		//	根据id删除

  1340. 		delById(id){

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

  1342. 				confirmButtonText: '确定',

  1343. 	      cancelButtonText: '取消',

  1344. 	      type: 'warning'

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

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

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

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

  1349. 						this.getDataList()

  1350. 					}

  1351. 				}).catch(err => {

  1352. 					this.$message.error(err);

  1353. 					console.log(err)

  1354. 				})

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

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

  1357. 			})

  1358. 		},

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

  1360. 		abNormalById(id){

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

  1362. 				confirmButtonText: '确定',

  1363. 	      cancelButtonText: '取消',

  1364. 	      type: 'warning'

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

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

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

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

  1369. 						this.getDataList()

  1370. 					}

  1371. 				}).catch(err => {

  1372. 					this.$message.error(err);

  1373. 					console.log(err)

  1374. 				})

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

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

  1377. 			})

  1378. 		},

  1379. 		// 补录

  1380. 		supplement(clickFarmingId) {

  1381. 			this.supplementParm.clickFarmingId=clickFarmingId;

  1382. 			this.supplementParm.amount=null;

  1383. 			this.supplementParm.paymentResults=null;

  1384. 			this.supplementParm.shop=null;

  1385. 			this.supplementParm.pricesNumber=null;

  1386. 			this.supplementParm.orderId=null;

  1387. 			this.supplementParm.shopName=null;

  1388. 			this.supplementParm.orderDate=null;

  1389. 			this.dialogSupplementVisible = true

  1390. 		},

  1391. 		//	修改

  1392. 		editById(data){

  1393. 			getEditDetailById({id: data.id}).then(res => {

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

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

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

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

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

  1399.     			this.editParm.shopName = res.data.shopName;

  1400.     			this.editParm.keyWord = res.data.keyWord;

  1401.     			this.editParm.title = res.data.title;

  1402.     			this.editParm.link = res.data.link;

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

  1404.     			this.editParm.specification = res.data.specification;

  1405.     			this.editParm.color = res.data.color;

  1406.     			this.editParm.item = res.data.item;

  1407.     			this.editParm.sectionMin = res.data.sectionMin;

  1408.     			this.editParm.sectionMax = res.data.sectionMax;

  1409.     			this.editParm.exchange = res.data.exchange;

  1410.     			this.editParm.vpnShare = res.data.vpnShare;

  1411.     			this.editParm.amessage = res.data.amessage;

  1412.     			this.editParm.month = res.data.month;

  1413.     			this.editParm.year = res.data.year;

  1414.     			this.editParm.cardName = res.data.cardName;

  1415.     			this.editParm.cardNumber = res.data.cardNumber;

  1416.     			this.editParm.cardPwd= res.data.cardPwd;

  1417.     			this.editParm.buyerId= res.data.buyerId;

  1418.     			this.editParm.buyerName= res.data.buyerName;

  1419.     			this.buyerId = res.data.buyerId;

  1420. 					

  1421. 					this.dialogEditVisible = true;

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

  1423. 				}

  1424. 			}).catch(err => {

  1425. 				this.$message.error(err);

  1426. 				console.log(err)

  1427. 			})

  1428. 		},

  1429. 		// 确认修改

  1430. 		sureEdit(editParm){

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

  1432. 		  if (valid) {

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

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

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

  1436. 							this.editParm.buyerId = this.buyerId;

  1437. 							this.dialogEditVisible = false

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

  1439. 							this.getDataList()

  1440. 						}

  1441. 					}).catch(err => {

  1442. 						this.$message.error(err);

  1443. 						console.log(err)

  1444. 					})

  1445. 			  } else {

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

  1447. 					return false;

  1448. 			  }

  1449. 			});

  1450. 		},

  1451. 		sureEditCancle(editParm) {

  1452. 			dialogEditVisible=flase

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

  1454. 		},

  1455. 		// 确认新增

  1456. 		sureAdd(addParm){

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

  1458. 		  if (valid) {

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

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

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

  1462. 						this.addParm.buyerId = this.buyerId;

  1463. 								this.dialogAddVisible = false

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

  1465. 								this.getDataList()

  1466. 							}

  1467. 					}).catch(err => {

  1468. 						this.$message.error(err);

  1469. 							console.log(err)

  1470. 					})

  1471. 			  } else {

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

  1473. 					return false;

  1474. 			  }

  1475. 			});

  1476. 		},

  1477. 		sureAddCancle(addParm) {

  1478. 			dialogAddVisible=flase

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

  1480. 		},

  1481. 		// 确认补录

  1482. 		sureSuppment() {

  1483. 			supplement(this.supplementParm).then(res => {

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

  1485. 						this.dialogSupplementVisible = false

  1486. 						this.$message.success('补录成功!');

  1487. 						

  1488. 						this.searchParm.status = null;

  1489. 						this.getDataList()

  1490. 					}

  1491. 			}).catch(err => {

  1492. 					console.log(err)

  1493. 					this.$message.success(err);

  1494. 			})

  1495. 		},

  1496. 		// 查看根据id

  1497. 		getBtnById(id){

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

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

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

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

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

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

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

  1505.     			this.detailParm.shopName = res.data.shopName;

  1506.     			this.detailParm.keyWord = res.data.keyWord;

  1507.     			this.detailParm.title = res.data.title;

  1508.     			this.detailParm.link = res.data.link;

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

  1510.     			this.detailParm.specification = res.data.specification;

  1511.     			this.detailParm.color = res.data.color;

  1512.     			this.detailParm.item = res.data.item;

  1513.     			this.detailParm.sectionMin = res.data.sectionMin;

  1514.     			this.detailParm.sectionMax = res.data.sectionMax;

  1515.     			this.detailParm.exchange = res.data.exchange;

  1516.     			this.detailParm.vpnShare = res.data.vpnShare;

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

  1518.     			this.detailParm.amessage = res.data.amessage;

  1519.     			this.detailParm.month = res.data.month;

  1520.     			this.detailParm.year = res.data.year;

  1521.     			this.detailParm.cardName = res.data.cardName;

  1522.     			this.detailParm.cardNumber = res.data.cardNumber;

  1523.     			this.detailParm.cardPwd= res.data.cardPwd;

  1524.     			this.detailParm.response = res.data.response;

  1525.     			this.detailParm.buyerName = res.data.buyerName;

  1526.     			

  1527. 					this.dialogDetailVisible = true

  1528. 					

  1529. 				}

  1530. 			}).catch(err => {

  1531. 				console.log(err)

  1532. 			})

  1533. 		},

  1534. 		// 获取订单详情

  1535. 		getOrderBtnById(id){

  1536. 			getDetailById({id}).then(res => {

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

  1538. 					this.orderDetailParm.id = res.data.id;

  1539. 					this.orderDetailParm.createdAt = res.data.createdAt;

  1540.     			this.orderDetailParm.updatedAt = res.data.updatedAt;

  1541.     			this.orderDetailParm.amount = res.data.amount;

  1542.     			this.orderDetailParm.paymentResults = res.data.paymentResults;

  1543.     			this.orderDetailParm.shop = res.data.shop;

  1544.     			this.orderDetailParm.pricesNumber = res.data.pricesNumber;

  1545.     			this.orderDetailParm.orderId = res.data.orderId;

  1546.     			this.orderDetailParm.shopName = res.data.shopName;

  1547.     			this.orderDetailParm.orderDate = res.data.orderDate;

  1548.     			

  1549. 					this.dialogOrderDetailVisible = true

  1550. 					

  1551. 				}

  1552. 			}).catch(err => {

  1553. 				console.log(err)

  1554. 			})

  1555. 		},

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

  1557. 		getDataList(){

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

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

  1560. 						this.list = res.data.list;

  1561. 						this.total = res.data.total;

  1562. 					}

  1563. 				}).catch(err => {

  1564. 					console.log(err)

  1565. 				})

  1566. 		},

  1567. 	

  1568. 		//	分页

  1569. 		handleSizeChange(val) {

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

  1571.    		this.searchParm.pageSize = val;

  1572.    		this.getDataList();

  1573.   	},

  1574.   	handleCurrentChange(val) {

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

  1576.     	this.searchParm.page = val;

  1577.     	this.getDataList();

  1578.   	}

  1579.   }

  1580. }

  1581. </script>

  1582. 

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

  1584. </style>