rpa
/
eladmin-web
5
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Rap 原分销系统代码Web
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
2 Commits
2 Branches
3.1MB
Tag: 4319823210
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de 4319823210
${ noResults }
eladmin-web/.svn/pristine/46/4641329db387a07d4456655e2ff...

1584 linhas
52KB
Original Anotar Histórico 

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

  12.   		</el-form-item>

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

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

  15.   		</el-form-item>

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

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

  18.   		</el-form-item>

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

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

  21.   		</el-form-item>

  22.   		<el-form-item label="刷单类型">

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

  24. 			    <el-option

  25. 			      v-for="item in searchTypeList"

  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 label="商品参数">

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

  34. 			    <el-option

  35. 			      v-for="item in searchParamsTypeList"

  36. 			      :key="item.name"

  37. 			      :label="item.name"

  38. 			      :value="item.id">

  39. 			    </el-option>

  40. 			  </el-select>

  41.   		</el-form-item>

  42.   		<el-form-item label="国家">

  43.     		<el-input v-model.trim="searchParm.country" clearable></el-input>

  44.   		</el-form-item>

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

  46.     		<el-input v-model.trim="searchParm.account" clearable></el-input>

  47.   		</el-form-item>

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

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

  50. 			    <el-option

  51. 			      v-for="item in statusList"

  52. 			      :key="item.name"

  53. 			      :label="item.name"

  54. 			      :value="item.id">

  55. 			    </el-option>

  56. 			  </el-select>

  57.   		</el-form-item>

  58.   		<el-form-item>

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

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

  61.   		</el-form-item>

  62. 		</el-form>

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

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

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

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

  67. 	     		{{ scope.row.type | getTypeList}}

  68. 	     	</template>

  69.       </el-table-column>

  70.       <el-table-column label="商品属性" prop="paramsType" align="center">

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

  72. 	     		{{ scope.row.paramsType | getparamsType}}

  73. 	     	</template>

  74.       </el-table-column>

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

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

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

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

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

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

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

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

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

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

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

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

  87. 	     	</template>

  88.       </el-table-column>

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

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

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

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

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

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

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

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

  97.       		</span>

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

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

  100.       		</span>

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

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

  103.       		</span>

  104.       	</template>

  105.       </el-table-column>

  106.     </el-table>

  107.     <!--分页-->

  108.     <div class="mt_15">

  109. 	    <el-pagination

  110. 	      @size-change="handleSizeChange"

  111. 	      @current-change="handleCurrentChange"

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

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

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

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

  116. 	      :total="total">

  117. 	    </el-pagination>

  118.   </div>

  119.   

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

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

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

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

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

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

  126.             <el-button

  127.               type="primary"

  128.               icon="el-icon-search"

  129.               @click="goSearchBuyer"

  130.               style="width:130px"

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

  132.         </el-form-item>

  133.         <el-form-item label="操作类型" prop="type">

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

  135. 				    <el-option

  136. 				      v-for="item in opterTypeList"

  137. 				      :key="item.name"

  138. 				      :label="item.name"

  139. 				      :value="item.id">

  140. 				    </el-option>

  141. 				  </el-select>

  142. 	  		</el-form-item>

  143. 	  		<!-- 先选择应用 后才能选择这个  根据应用调用不同的对应的 请求参数 分页查询 -->

  144.       	<el-form-item label="商品参数" prop="paramsType">

  145. 	        <el-radio-group v-model.trim="addParm.paramsType" @change="changeCheckRange">

  146. 	          <el-radio :label="1">关键词</el-radio>

  147. 	          <el-radio :label="2">链接</el-radio>

  148. 	        </el-radio-group>

  149.       	</el-form-item>

  150.       	

  151.       	<el-form-item v-if="labelVal === 1">

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

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

  154. 		  		</el-form-item>

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

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

  157. 		  		</el-form-item>

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

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

  160. 		  		</el-form-item>

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

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

  163. 		  		</el-form-item>

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

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

  166. 		  		</el-form-item>

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

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

  169. 		  		</el-form-item>

  170.         </el-form-item>

  171.           

  172.         <el-form-item label="链接" v-if="labelVal === 2" prop="link">

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

  174. 		  	</el-form-item>

  175. 	  		

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

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

  178. 		  	</el-form-item>

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

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

  181. 	  		</el-form-item>

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

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

  184. 	  		</el-form-item>

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

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

  187. 	  		</el-form-item>

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

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

  190. 	  		</el-form-item>

  191. 			</el-form>

  192.   	</div>

  193.   	<span slot="footer">

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

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

  196.   	</span>

  197.   </el-dialog>

  198.   

  199.   

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

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

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

  203. 	    <!--搜索-->

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

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

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

  207. 	      </el-form-item>

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

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

  210. 	      </el-form-item>

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

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

  213. 	      </el-form-item>

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

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

  216. 	          <el-option

  217. 	            v-for="item in companys"

  218. 	            :key="item.name"

  219. 	            :label="item.name"

  220. 	            :value="item.id"

  221. 	          ></el-option>

  222. 	        </el-select>

  223. 	      </el-form-item>

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

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

  226. 	          <el-option

  227. 	            v-for="item in platformList"

  228. 	            :key="item.id"

  229. 	            :label="item.name"

  230. 	            :value="item.id"

  231. 	          ></el-option>

  232. 	        </el-select>

  233. 	      </el-form-item>

  234. 	      <el-form-item>

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

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

  237. 	      </el-form-item>

  238. 	    </el-form>

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

  240. 	    <el-table

  241. 	      ref="table"

  242. 	      border

  243. 	      size="small"

  244. 	      :data="buyerList"

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

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

  247. 	    >

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  262. 	      </el-table-column>

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

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

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

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

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

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

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

  270. 	        </template>

  271. 	      </el-table-column>

  272. 	    </el-table>

  273. 	    <!--分页-->

  274. 	    <div class="mt_15">

  275. 	      <el-pagination

  276. 	        @size-change="handleSizeChange"

  277. 	        @current-change="handleCurrentChange"

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

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

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

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

  282. 	        :total="total"

  283. 	      ></el-pagination>

  284. 	    </div>

  285. 	  </div>

  286. 	</el-dialog>

  287.   

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

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

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

  291. 	  		<el-upload

  292. 				  class="upload-demo"

  293. 				  drag

  294. 				  ref="upload"

  295. 				  :action="uploadFileUrl"

  296. 				  :headers="uploadHeaders"

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

  298. 				  :on-success="uploadSuccess"

  299. 				  :before-upload="beforeAvatarUpload"

  300. 				  multiple>

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

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

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

  304. 				</el-upload>

  305.   	</div>

  306.   </el-dialog>

  307.   

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

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

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

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

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

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

  314. 	        <el-button

  315. 	          type="primary"

  316. 	          icon="el-icon-search"

  317. 	          @click="goSearchBuyer"

  318. 	          style="width:130px"

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

  320. 		    </el-form-item>

  321. 		    

  322. 		    <el-form-item label="操作类型" prop="type">

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

  324. 				    <el-option

  325. 				      v-for="item in opterTypeList"

  326. 				      :key="item.name"

  327. 				      :label="item.name"

  328. 				      :value="item.id">

  329. 				    </el-option>

  330. 				  </el-select>

  331. 	  		</el-form-item>

  332. 		    

  333. 	  		<!-- 先选择应用 后才能选择这个  根据应用调用不同的对应的 请求参数 分页查询 -->

  334.       	<el-form-item label="商品参数" prop="paramsType">

  335. 	        <el-radio-group v-model.trim="editParm.paramsType" @change="changeCheckRange">

  336. 	          <el-radio :label="1">关键词</el-radio>

  337. 	          <el-radio :label="2">链接</el-radio>

  338. 	        </el-radio-group>

  339.       	</el-form-item>

  340.       	

  341.       	<el-form-item v-if="editParm.paramsType === 1">

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

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

  344. 		  		</el-form-item>

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

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

  347. 		  		</el-form-item>

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

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

  350. 		  		</el-form-item>

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

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

  353. 		  		</el-form-item>

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

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

  356. 		  		</el-form-item>

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

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

  359. 		  		</el-form-item>

  360.       	</el-form-item>

  361.       	

  362.   			<el-form-item label="链接" v-if="editParm.paramsType === 2" prop="link">

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

  364. 		  	</el-form-item>

  365.       

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

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

  368. 		  	</el-form-item>

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

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

  371. 		  	</el-form-item>

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

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

  374. 		  	</el-form-item>

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

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

  377. 		  	</el-form-item>

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

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

  380. 	  		</el-form-item>

  381. 			</el-form>

  382.   	</div>

  383.   	<span slot="footer">

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

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

  386.   	</span>

  387.   </el-dialog>

  388.   

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

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

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

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

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

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

  395. 	  		</el-form-item>

  396. 	  		

  397. 	  		<el-form-item label="操作类型" prop="type">

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

  399. 				    <el-option

  400. 				      v-for="item in opterTypeList"

  401. 				      :key="item.name"

  402. 				      :label="item.name"

  403. 				      :value="item.id">

  404. 				    </el-option>

  405. 				  </el-select>

  406. 	  		</el-form-item>

  407. 		    

  408. 	  		<!-- 先选择应用 后才能选择这个  根据应用调用不同的对应的 请求参数 分页查询 -->

  409.       	<el-form-item label="商品参数" prop="paramsType">

  410. 	        <el-radio-group v-model.trim="detailParm.paramsType" @change="changeCheckRange">

  411. 	          <el-radio :label="1" :disabled="true">关键词</el-radio>

  412. 	          <el-radio :label="2" :disabled="true">链接</el-radio>

  413. 	        </el-radio-group>

  414.       	</el-form-item>

  415.       	

  416.       	<el-form-item v-if="detailParm.paramsType === 1">

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

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

  419. 		  		</el-form-item>

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

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

  422. 		  		</el-form-item>

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

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

  425. 		  		</el-form-item>

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

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

  428. 		  		</el-form-item>

  429.       	</el-form-item>

  430.       	

  431.       	<el-form-item v-if="detailParm.paramsType === 2" label="链接" prop="link">

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

  433. 		  	</el-form-item>

  434. 				

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

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

  437. 	  		</el-form-item>

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

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

  440. 	  		</el-form-item>

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

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

  443. 	  		</el-form-item>

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

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

  446. 	  		</el-form-item>

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

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

  449. 	  		</el-form-item>

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

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

  452. 	  		</el-form-item>

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

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

  455. 			    <el-option

  456. 			      v-for="item in detailStatusList"

  457. 			      :key="item.name"

  458. 			      :label="item.name"

  459. 			      :value="item.id">

  460. 			    </el-option>

  461. 			  </el-select>

  462. 			  </el-form-item>

  463. 			</el-form>

  464.   	</div>

  465.   </el-dialog>

  466.   

  467.   

  468.   

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

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

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

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

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

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

  475. 	  		</el-form-item>

  476. 	  		

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

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

  479. 	  		</el-form-item>

  480. 	  		

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

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

  483. 	  		</el-form-item>

  484. 	  		

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

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

  487. 	  		</el-form-item>

  488. 	  		

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

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

  491. 	  		</el-form-item>

  492. 	  		

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

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

  495. 	  		</el-form-item>

  496. 	  		

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

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

  499. 	  		</el-form-item>

  500. 	  		

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

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

  503. 	  		</el-form-item>

  504. 	  		

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

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

  507. 	  		</el-form-item>

  508. 			</el-form>

  509.   	</div>

  510.   </el-dialog>

  511.   

  512.   

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

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

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

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

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

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

  519. 	  		</el-form-item>

  520. 	  		

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

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

  523. 	  		</el-form-item>

  524. 	  		

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

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

  527. 	  		</el-form-item>

  528. 	  		

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

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

  531. 	  		</el-form-item>

  532. 	  		

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

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

  535. 	  		</el-form-item>

  536. 	  		

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

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

  539. 	  		</el-form-item>

  540. 	  		

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

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

  543. 	  		</el-form-item>

  544. 	  		

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

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

  547. 	  		</el-form-item>

  548. 			</el-form>

  549. 			</div>

  550. 			<span slot="footer">

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

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

  553. 	  	</span>

  554.   </el-dialog>

  555.   

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

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

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

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

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

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

  562.           </el-form-item>

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

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

  565.           </el-form-item>

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

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

  568.           </el-form-item>

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

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

  571.               <el-option

  572.                 v-for="item in companys"

  573.                 :key="item.name"

  574.                 :label="item.name"

  575.                 :value="item.id"

  576.               ></el-option>

  577.             </el-select>

  578.           </el-form-item>

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

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

  581.               <el-option

  582.                 v-for="item in platformList"

  583.                 :key="item.name"

  584.                 :label="item.name"

  585.                 :value="item.id"

  586.               ></el-option>

  587.             </el-select>

  588.           </el-form-item>

  589. 

  590.           <!--国家-->

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

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

  593.           </el-form-item>

  594.           <!--VPN vpnId -->

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

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

  597.           </el-form-item>

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

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

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

  601.           </el-form-item>

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

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

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

  605.               <el-option

  606.                 v-for="item in levelList"

  607.                 :key="item.name"

  608.                 :label="item.name"

  609.                 :value="item.id"

  610.               ></el-option>

  611.             </el-select>

  612.           </el-form-item>

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

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

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

  616.               <el-option

  617.                 v-for="item in occupyStatusList"

  618.                 :key="item.name"

  619.                 :label="item.name"

  620.                 :value="item.id"

  621.               ></el-option>

  622.             </el-select>

  623.           </el-form-item>

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

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

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

  627.               <el-option

  628.                 v-for="item in buyerStatusList"

  629.                 :key="item.name"

  630.                 :label="item.name"

  631.                 :value="item.id"

  632.               ></el-option>

  633.             </el-select>

  634.           </el-form-item>

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

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

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

  638.           </el-form-item>

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

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

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

  642.           </el-form-item>

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

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

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

  646.           </el-form-item>

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

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

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

  650.           </el-form-item>

  651.           <!--国家-->

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

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

  654.           </el-form-item>

  655.           <!--州-->

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

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

  658.           </el-form-item>

  659.           <!--电话-->

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

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

  662.           </el-form-item>

  663.           <!--lastname-->

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

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

  666.           </el-form-item>

  667.           <!--税号-->

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

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

  670.           </el-form-item>

  671.           <!--城市-->

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

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

  674.           </el-form-item>

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

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

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

  678.           </el-form-item>

  679.           <!--firstname-->

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

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

  682.           </el-form-item>

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

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

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

  686.           </el-form-item>

  687.         </el-form>

  688.       </div>

  689.     </el-dialog>

  690. 

  691.   </div>

  692. </template>

  693. <script>

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

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

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

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

  698. export default {

  699. 	filters: {

  700. 	  getStatus: function (value) {

  701. 			   if(value == 1) {

  702. 			   		return '待执行';

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

  704. 			   		return '执行中';

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

  706. 			   		return '执行成功';

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

  708. 			   		return '执行失败';

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

  710. 			   		return '待支付异常';

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

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

  713. 			   } else {

  714. 			   	 return '执行失败';

  715. 			   }

  716. 		  },

  717. 	   getType: function (value) {

  718. 		   if(value == 1) {

  719. 		   	return 'Payoneer';

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

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

  722. 		   } else {

  723. 		   	return 'Visa信用卡';

  724. 		   }

  725. 	  },

  726. 	   getCardDealer: function (value) {

  727. 		   if(value == 1) {

  728. 		   	return 'AmzKeys';

  729. 		   } else{

  730. 		   	return 'Airwallex';

  731. 		   }

  732. 	  },

  733. 	  getBuyerStatus:function (value) {

  734. 	  	if(value == 1) {

  735. 		   	return '已占用';

  736. 		   } else{

  737. 		   	return '未占用';

  738. 		   }

  739. 	  },

  740. 	  getTypeList: function (value) {

  741. 		   if(value == 1) {

  742. 		   	return '刷单';

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

  744. 		   	return '加入购物车';

  745. 		   }

  746. 	  },

  747. 	  getparamsType: function (value) {

  748. 		   if(value == 1) {

  749. 		   	 return 'Payoneer';

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

  751. 		   	 return '链接';

  752. 		   }

  753. 	  }

  754. 	},

  755. //	数据

  756.   data() {

  757.     return {

  758.     	searchParm: {

  759.     		page: 1,

  760.     		pageSize: 10,

  761.     		sort:'created_at',

  762.     		order:'desc',

  763.     		keyWord:null,

  764.     		status:null,

  765.     		item:null,

  766.     		shopName:'',

  767.     		payOrderId:null,

  768.     		type:null,

  769.     		paramsType:null,

  770.     		country:null,

  771.     		account:null

  772.     	},

  773.     	total:0,

  774.     	labelVal:"1",

  775.       list: [],

  776.       buyerList: [],

  777.       companys:[],

  778.       buyerId: null,

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

  780.       dialogAddVisible: false,

  781.       dialogAddTitle: '新增',

  782.       dialogDetailVisible: false,

  783.       dialogDetailTitle: '详情',

  784.       dialogOrderDetailVisible: false,

  785.       dialogOrderDetailTitle: '订单详情',

  786.       dialogEditVisible: false,

  787.       dialogEditTitle: '修改',

  788.       dialogSupplementVisible: false,

  789.       dialogSupplementTitle: '补录',

  790.       dialogImportVisible: false,

  791.       dialogImportTitle:'导入',

  792.       dialogBuyerVisible: false,

  793.       dialogBuyerTitle: "买家列表",

  794.       dialogBuyerVisible: false,

  795.       dialogBuyerTitle: "买家列表",

  796.       dialogBuyerDetailVisible: false,

  797. 	    dialogBuyerDetailTitle: "买家详情",

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

  799.       updateBoolean: false,

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

  801.      

  802. 	   		detailStatusList:[

  803. 	        {

  804. 	          id: 1,

  805. 	          name: '待执行'

  806. 	        },

  807.       		{

  808. 	          id: 2,

  809. 	          name: '执行中',

  810.       		},

  811.       		{

  812. 	          id: 3,

  813. 	          name: '执行成功'

  814. 	        },

  815.       		{

  816. 	          id: 4,

  817. 	          name: '执行失败'

  818. 	        },{

  819. 	        	id:5,

  820. 	        	name:"待支付异常"

  821. 	        },{

  822. 	        	id:6,

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

  824. 	        }],

  825. 	    statusList:[

  826. 	    		{

  827. 	          id: null,

  828. 	          name: '全部'

  829. 	        },

  830. 	        {

  831. 	          id: 1,

  832. 	          name: '待执行'

  833. 	        },

  834.       		{

  835. 	          id: 2,

  836. 	          name: '执行中',

  837.       		},

  838.       		{

  839. 	          id: 3,

  840. 	          name: '执行成功'

  841. 	        },

  842.       		{

  843. 	          id: 4,

  844. 	          name: '执行失败'

  845. 	        },{

  846. 	        	id:5,

  847. 	        	name:"待支付异常"

  848. 	        },{

  849. 	        	id:6,

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

  851. 	        }],

  852. 	    searchTypeList:[

  853. 	    	{

  854. 	          id: null,

  855. 	          name: '全部'

  856. 	        },

  857. 	        {

  858. 	          id: 1,

  859. 	          name: '刷单'

  860. 	        },

  861.       		{

  862. 	          id: 2,

  863. 	          name: '加入购物车',

  864.       		}

  865. 	    ],

  866. 	    searchParamsTypeList:[

  867. 	    	{

  868. 	          id: null,

  869. 	          name: '全部'

  870. 	        },

  871. 	        {

  872. 	          id: 1,

  873. 	          name: '关键词'

  874. 	        },

  875.       		{

  876. 	          id: 2,

  877. 	          name: '链接',

  878.       		},

  879. 	    ],

  880. 	    addMonthList:[

  881. 	        {

  882. 	          name: 'January (01)'

  883. 	        },

  884.       		{

  885. 	          name: 'February (02)'

  886. 	        },{

  887. 	          name: 'March (03)'

  888. 	        },{

  889. 	          name: 'April (04)'

  890. 	        },{

  891. 	          name: 'May (05)'

  892. 	        },{

  893. 	          name: 'June (06)'

  894. 	        },{

  895. 	          name: 'July (07)'

  896. 	        },{

  897. 	          name: 'August (08)'

  898. 	        },{

  899. 	          name: 'September (09)'

  900. 	        },{

  901. 	          name: 'October (10)'

  902. 	        },{

  903. 	          name: 'November (11)'

  904. 	        },{

  905. 	          name: 'December (12)'

  906. 	        }

  907.       	],

  908. 	      occupyStatusList: [

  909. 	        {

  910. 	          id: 1,

  911. 	          name: "已占用"

  912. 	        },

  913. 	        {

  914. 	          id: 2,

  915. 	          name: "未占用"

  916. 	        }

  917. 	      ],

  918. 	      buyerStatusList: [

  919. 	      	{

  920. 	          id: 1,

  921. 	          name: "待注册"

  922. 	        },

  923. 	        {

  924. 	          id: 2,

  925. 	          name: "待验证"

  926. 	        },

  927. 	        {

  928. 	          id: 3,

  929. 	          name: "待完善"

  930. 	        },

  931. 	        {

  932. 	          id: 4,

  933. 	          name: "正常"

  934. 	        },

  935. 	        {

  936. 	          id: 5,

  937. 	          name: "异常"

  938. 	        },

  939. 	        {

  940. 	          id: 6,

  941. 	          name: "可用但已用"

  942. 	        },

  943. 	        {

  944. 	          id: 7,

  945. 	          name: "删除"

  946. 	        }

  947. 	      ],

  948. 	      levelList: [

  949. 	        {

  950. 	          id: 1,

  951. 	          name: "普通"

  952. 	        },

  953. 	        {

  954. 	          id: 2,

  955. 	          name: "精品"

  956. 	        },

  957. 	        {

  958. 	          id: 3,

  959. 	          name: "压力"

  960. 	        },

  961. 	        {

  962. 	          id: 4,

  963. 	          name: "内部账号"

  964. 	        }

  965. 	      ],

  966. 	      platformList: [

  967. 	        {

  968. 	          id: 1,

  969. 	          name: "敦煌"

  970. 	        },

  971. 	        {

  972. 	          id: 2,

  973. 	          name: "速卖通"

  974. 	        },

  975. 	        {

  976. 	          id: 3,

  977. 	          name: "马帮"

  978. 	        }

  979. 	      ],

  980. 	      opterTypeList:[

  981. 	        {

  982. 	          id: 1,

  983. 	          name: '刷单'

  984. 	        },

  985.       		{

  986. 	          id: 2,

  987. 	          name: '加入购物车'

  988. 	       }

  989.       	],

  990.       addParm: {

  991.       	buyerId:null,

  992.     		buyerName:null,

  993.       	type: null,

  994.       	paramsType: 1,

  995.     		shopName: null,

  996.     		keyWord:null,

  997.     		title:null,

  998.     		link:null,

  999.     		number:null,

  1000.     		specification:null,

  1001.     		color:null,

  1002.     		sectionMin:null,

  1003.     		sectionMax:null,

  1004.     		item:null,

  1005.     		exchange:null,

  1006.     		amessage:null

  1007.       },

  1008.       searchBuyerParm: {

  1009.         page: 1,

  1010.         pageSize: 10,

  1011.         account: null,

  1012.         sort: "created_at",

  1013.         order: "desc",

  1014.         nickName: null,

  1015.         pwd: null,

  1016.         companyId: null,

  1017.         platformId: null

  1018.       },

  1019.       supplementParm: {

  1020.       	clickFarmingId: null,

  1021.       	amount: null,

  1022.       	paymentResults: null,

  1023.       	shop: null,

  1024.       	pricesNumber: null,

  1025.       	orderId: null,

  1026.       	shopName: null,

  1027.       	orderDate: null

  1028.       },

  1029.       editParm: {

  1030.       	id: null,

  1031.       	buyerId:null,

  1032.     		buyerName:null,

  1033.       	type: null,

  1034.       	paramsType: null,

  1035.     		shopName:null,

  1036.     		keyWord:null,

  1037.     		title:null,

  1038.     		link:null,

  1039.     		number:null,

  1040.     		specification:null,

  1041.     		color:null,

  1042.     		sectionMin:null,

  1043.     		sectionMax:null,

  1044.     		item:null,

  1045.     		exchange:null,

  1046.     		amessage:null

  1047.       },

  1048.       detailParm: {

  1049.       	id: null,

  1050.       	buyerId:null,

  1051.     		buyerName:null,

  1052.     		type: null,

  1053.       	paramsType: null,

  1054.     		shopName: null,

  1055.     		keyWord:null,

  1056.     		title:null,

  1057.     		link:null,

  1058.     		number:null,

  1059.     		specification:null,

  1060.     		color:null,

  1061.     		item:null,

  1062.     		exchange:null,

  1063.     		amessage:null,

  1064.     		response:null,

  1065.     		status:null

  1066.       },

  1067.       orderDetailParm: {

  1068.       	id: null,

  1069.       	createdAt:null,

  1070.     		updatedAt:null,

  1071.     		amount:null,

  1072.     		paymentResults:null,

  1073.     		shop:null,

  1074.     		pricesNumber:null,

  1075.     		orderId:null,

  1076.     		shopName:null,

  1077.     		orderDate:null

  1078.       },

  1079.       detailBuyerParm: {

  1080.       	id: null,

  1081.       	nickName:null,

  1082.     		pwd:null,

  1083.     		account: null,

  1084.     		companyId:null,

  1085.     		platformId:null,

  1086.     		contntryShort:null,

  1087.     		vpnId:null,

  1088. 				vpnIp:null,

  1089.   			cardId:null,

  1090. 				cardNumber:null,

  1091.   			level:null,

  1092.   			occupyStatus:null,

  1093.   			addressline1:null,

  1094.   			country:null,

  1095.   			state:null,

  1096.   			tel:null,

  1097.   			lastname:null,

  1098.   			vatNumber:null,

  1099.   			city:null,

  1100.   			addressline2:null,

  1101.   			firstname:null,

  1102.   			postalcode:null,

  1103.   			status:null

  1104.       },

  1105.       rules: {

  1106.        type: [

  1107.        	 {required: true, message:"请选择操作类型", trigger: 'blur'}

  1108.        ],

  1109.        paramsType: [

  1110.        	 {required: true, message:"请选择商品参数", trigger: 'blur'}

  1111.        ],

  1112.        shopName: [

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

  1114.        ],

  1115.         keyWord: [

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

  1117.        ],

  1118.         title: [

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

  1120.        ],

  1121.         link: [

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

  1123.        ],

  1124.         number: [

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

  1126.        ],

  1127.        item: [

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

  1129.        ],

  1130.         amessage: [

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

  1132.        ]

  1133.       },

  1134.       orderRules:{

  1135.       	amount: [

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

  1137.        	],

  1138.        	paymentResults: [

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

  1140.        	],

  1141.        	shop: [

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

  1143.        	],

  1144.        	pricesNumber: [

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

  1146.        	],

  1147.        	orderId: [

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

  1149.        	],

  1150.        	shopName: [

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

  1152.        	],

  1153.        	orderDate: [

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

  1155.        	]

  1156.       }

  1157.     }

  1158.   },

  1159.   // 调用

  1160.   created() {

  1161. 		this.goSearch();

  1162.   },

  1163. 	//方法

  1164.   methods: {

  1165. 	//重置

  1166.   	resetForm() {

  1167.         this.searchParm.keyWord = null;

  1168. 				this.searchParm.item=null;

  1169.     		this.searchParm.status=null;

  1170.     		this.searchParm.shopName='';

  1171.     		this.searchParm.payOrderId=null;

  1172.     		this.searchParm.type=null;

  1173.     		this.searchParm.paramsType=null;

  1174.     		this.searchParm.country=null;

  1175.     		this.searchParm.account=null;

  1176.     		this.goSearch();

  1177. 	  },

  1178. 	  changeCheckRange(val) {

  1179. 	  	console.log("val:" + val)

  1180.       this.labelVal = val;

  1181.     },

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

  1183.     getCompanyAll() {

  1184.       getAll()

  1185.         .then(res => {

  1186.           this.companys = res.data;

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

  1188.             console.log(this.companys);

  1189.           }

  1190.         })

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

  1192.     },

  1193. 	  resetBuyerForm() {

  1194.       this.searchBuyerParm.account = null;

  1195.       this.searchBuyerParm.pwd = null;

  1196.       this.searchBuyerParm.nickName = null;

  1197.       this.searchBuyerParm.companyId = null;

  1198.       this.searchBuyerParm.platformId = null;

  1199.       this.goSearchBuyer();

  1200.     },

  1201.    	//	查询

  1202. 		goSearch() {

  1203. 			this.searchParm.page=1;

  1204. 			this.getCompanyAll();

  1205. 			this.getDataList();

  1206. 		},

  1207. 		goSearchBuyer() {

  1208.       this.dialogBuyerVisible = true;

  1209.       this.searchBuyerParm.page = 1;

  1210.       this.getBuyerDataList();

  1211.     },

  1212.     getBuyerDataList() {

  1213.       getBuyerList(this.searchBuyerParm)

  1214.         .then(res => {

  1215.           console.log(res);

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

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

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

  1219.           }

  1220.         })

  1221.         .catch(err => {

  1222.           console.log(err);

  1223.         });

  1224.     },

  1225.     getBuyerById(data){

  1226. 			this.buyerName = data.account;

  1227. 			this.buyerId = data.id;

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

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

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

  1231. 			}

  1232. 			

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

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

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

  1236. 			}

  1237. 			

  1238. 			this.dialogBuyerVisible = false;

  1239. 			console.log(data);

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

  1241. 		},

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

  1243.     getBuyerBtnById(id) {

  1244.       getBuyerById({ id })

  1245.         .then(res => {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1274. 

  1275.             this.dialogBuyerDetailVisible = true;

  1276.           }

  1277.         })

  1278.         .catch(err => {

  1279.           console.log(err);

  1280.         });

  1281.     },

  1282. 		beforeAvatarUpload(file) {

  1283. 	    console.log(file);

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

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

  1286. 	

  1287. 	//  if (!isXlsl) {

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

  1289. 	//  }

  1290. 	    if (!isLt10M) {

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

  1292. 	    }

  1293. 	//  return isXlsl && isLt10M;

  1294. 	    return isLt10M;

  1295. 	 },

  1296.   uploadSuccess(res, file) {

  1297.   	this.dialogImportVisible = false;

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

  1299.     	  console.log(res.data);

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

  1301. 				

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

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

  1304. 				}

  1305. 		}

  1306. 			this.getDataList();

  1307.   },

  1308. 		// 新增

  1309. 		addBtn(){

  1310. 			this.addParm = {

  1311.       	country:null,

  1312.     		account:null,

  1313.     		pwd: null,

  1314.     		shopName: null,

  1315.     		keyWord:null,

  1316.     		title:null,

  1317.     		link:null,

  1318.     		number:null,

  1319.     		specification:null,

  1320.     		color:null,

  1321.     		item:null,

  1322.     		sectionMin: null,

  1323.     		sectionMax: null,

  1324.     		exchange:null,

  1325.     		vpnShare:null,

  1326.     		amessage:null,

  1327.     		month:null,

  1328.     		year:null,

  1329.     		cardName:null,

  1330.     		cardNumber:null,

  1331.     		cardPwd:null

  1332. 		  }

  1333. 			this.dialogAddVisible = true;

  1334. 		},

  1335. 		// 导入

  1336. 		importBtn() {

  1337. 			this.dialogImportVisible = true

  1338. 		},

  1339. 		exportTempBtn() {

  1340. 			console.log(this.tempUrl)

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

  1342. 		},

  1343. 		//	根据id删除

  1344. 		delById(id){

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

  1346. 				confirmButtonText: '确定',

  1347. 	      cancelButtonText: '取消',

  1348. 	      type: 'warning'

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

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

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

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

  1353. 						this.getDataList()

  1354. 					}

  1355. 				}).catch(err => {

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

  1357. 					console.log(err)

  1358. 				})

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

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

  1361. 			})

  1362. 		},

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

  1364. 		abNormalById(id){

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

  1366. 				confirmButtonText: '确定',

  1367. 	      cancelButtonText: '取消',

  1368. 	      type: 'warning'

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

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

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

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

  1373. 						this.getDataList()

  1374. 					}

  1375. 				}).catch(err => {

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

  1377. 					console.log(err)

  1378. 				})

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

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

  1381. 			})

  1382. 		},

  1383. 		// 补录

  1384. 		supplement(clickFarmingId) {

  1385. 			this.supplementParm.clickFarmingId=clickFarmingId;

  1386. 			this.supplementParm.amount=null;

  1387. 			this.supplementParm.paymentResults=null;

  1388. 			this.supplementParm.shop=null;

  1389. 			this.supplementParm.pricesNumber=null;

  1390. 			this.supplementParm.orderId=null;

  1391. 			this.supplementParm.shopName=null;

  1392. 			this.supplementParm.orderDate=null;

  1393. 			this.dialogSupplementVisible = true

  1394. 		},

  1395. 		//	修改

  1396. 		editById(data){

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

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

  1399. 					console.log("res.data.type:" + res.data.type);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1418. 					

  1419. 					this.dialogEditVisible = true;

  1420. //					this.$refs.editParm.clearValidate();

  1421. 				}

  1422. 			}).catch(err => {

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

  1424. 				console.log(err)

  1425. 			})

  1426. 		},

  1427. 		// 确认修改

  1428. 		sureEdit(editParm){

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

  1430. 		  if (valid) {

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

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

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

  1434. 							this.editParm.buyerId = this.buyerId;

  1435. 							this.dialogEditVisible = false

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

  1437. 							this.getDataList()

  1438. 						}

  1439. 					}).catch(err => {

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

  1441. 						console.log(err)

  1442. 					})

  1443. 			  } else {

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

  1445. 					return false;

  1446. 			  }

  1447. 			});

  1448. 		},

  1449. 		sureEditCancle(editParm) {

  1450. 			dialogEditVisible=flase

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

  1452. 		},

  1453. 		// 确认新增

  1454. 		sureAdd(addParm){

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

  1456. 		  if (valid) {

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

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

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

  1460. 						this.addParm.buyerId = this.buyerId;

  1461. 								this.dialogAddVisible = false

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

  1463. 								this.getDataList()

  1464. 							}

  1465. 					}).catch(err => {

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

  1467. 							console.log(err)

  1468. 					})

  1469. 			  } else {

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

  1471. 					return false;

  1472. 			  }

  1473. 			});

  1474. 		},

  1475. 		sureAddCancle(addParm) {

  1476. 			dialogAddVisible=false;

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

  1478. 		},

  1479. 		// 确认补录

  1480. 		sureSuppment() {

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

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

  1483. 						this.dialogSupplementVisible = false

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

  1485. 						

  1486. 						this.searchParm.status = null;

  1487. 						this.getDataList()

  1488. 					}

  1489. 			}).catch(err => {

  1490. 					console.log(err)

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

  1492. 			})

  1493. 		},

  1494. 		// 查看根据id

  1495. 		getBtnById(id){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1525.     			

  1526. 					this.dialogDetailVisible = true

  1527. 					

  1528. 				}

  1529. 			}).catch(err => {

  1530. 				console.log(err)

  1531. 			})

  1532. 		},

  1533. 		// 获取订单详情

  1534. 		getOrderBtnById(id){

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

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

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

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

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

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

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

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

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

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

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

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

  1547.     			

  1548. 					this.dialogOrderDetailVisible = true

  1549. 					

  1550. 				}

  1551. 			}).catch(err => {

  1552. 				console.log(err)

  1553. 			})

  1554. 		},

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

  1556. 		getDataList(){

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

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

  1559. 						this.list = res.data.list;

  1560. 						this.total = res.data.total;

  1561. 					}

  1562. 				}).catch(err => {

  1563. 					console.log(err)

  1564. 				})

  1565. 		},

  1566. 	

  1567. 		//	分页

  1568. 		handleSizeChange(val) {

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

  1570.    		this.searchParm.pageSize = val;

  1571.    		this.getDataList();

  1572.   	},

  1573.   	handleCurrentChange(val) {

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

  1575.     	this.searchParm.page = val;

  1576.     	this.getDataList();

  1577.   	}

  1578.   }

  1579. }

  1580. </script>

  1581. 

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

  1583. </style>