rpa
/
eladmin-web
5
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
Rap 原分销系统代码Web
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 커밋
2 브랜치
3.1MB
트리: 4319823210
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from '4319823210'
${ noResults }
eladmin-web/.svn/pristine/f0/f0ec0ebcdb530468c3dfa491efe...

1495 lines
49KB
Raw Blame 히스토리 

  1. <template>

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

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

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

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

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

  7.   	</div>

  8.     <!--搜索-->

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

  10.   		<el-form-item label="关键词">

  11.     		<el-input v-model.trim="searchParm.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.paramsType" placeholder="请选择">

  24. 			    <el-option

  25. 			      v-for="item in searchParamsTypeList"

  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-input v-model.trim="searchParm.country" clearable></el-input>

  34.   		</el-form-item>

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

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

  37.   		</el-form-item>

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

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

  40. 			    <el-option

  41. 			      v-for="item in statusList"

  42. 			      :key="item.name"

  43. 			      :label="item.name"

  44. 			      :value="item.id">

  45. 			    </el-option>

  46. 			  </el-select>

  47.   		</el-form-item>

  48.   		<el-form-item>

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

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

  51.   		</el-form-item>

  52. 		</el-form>

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

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

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

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

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

  58. 	     	</template>

  59.       </el-table-column>

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

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

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

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

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

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

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

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

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

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

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

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

  72. 	     	</template>

  73.       </el-table-column>

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

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

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

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

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

  79. 			<!--仅仅带执行状态才允许修改-->

  80. 			<span v-if="scope.row.status == 1" slot="footer">

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

  82. 			</span>

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

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

  85. 			</span>

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

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

  88. 			</span>

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

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

  91. 			</span>

  92.       	</template>

  93.       </el-table-column>

  94.     </el-table>

  95.     <!--分页-->

  96.     <div class="mt_15">

  97. 	    <el-pagination

  98. 	      @size-change="handleSizeChange"

  99. 	      @current-change="handleCurrentChange"

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

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

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

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

  104. 	      :total="total">

  105. 	    </el-pagination>

  106.   </div>

  107.   

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

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

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

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

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

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

  114.             <el-button

  115.               type="primary"

  116.               icon="el-icon-search"

  117.               @click="goSearchBuyer"

  118.               style="width:130px"

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

  120.         </el-form-item>

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

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

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

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

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

  126. 	        </el-radio-group>

  127.       	</el-form-item>

  128.       	

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

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

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

  132. 		  		</el-form-item>

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

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

  135. 		  		</el-form-item>

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

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

  138. 		  		</el-form-item>

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

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

  141. 		  		</el-form-item>

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

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

  144. 		  		</el-form-item>

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

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

  147. 		  		</el-form-item>

  148.         </el-form-item>

  149.           

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

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

  152. 		  	</el-form-item>

  153. 	  		

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

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

  156. 		  	</el-form-item>

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

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

  159. 	  		</el-form-item>

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

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

  162. 	  		</el-form-item>

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

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

  165. 	  		</el-form-item>

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

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

  168. 	  		</el-form-item>

  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.trim="searchBuyerParm.account" clearable placeholder="账号"></el-input>

  185. 	      </el-form-item>

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

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

  188. 	      </el-form-item>

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

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

  191. 	      </el-form-item>

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

  193. 	        <el-select v-model.trim="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>

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

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

  205. 	      </el-form-item>

  206. 	    </el-form>

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

  208. 	    <el-table

  209. 	      ref="table"

  210. 	      border

  211. 	      size="small"

  212. 	      :data="buyerList"

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

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

  215. 	    >

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  230. 	      </el-table-column>

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

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

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

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

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

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

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

  238. 	        </template>

  239. 	      </el-table-column>

  240. 	    </el-table>

  241. 	    <!--分页-->

  242. 	    <div class="mt_15">

  243. 	      <el-pagination

  244. 	        @size-change="handleSizeChange"

  245. 	        @current-change="handleCurrentChange"

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

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

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

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

  250. 	        :total="total"

  251. 	      ></el-pagination>

  252. 	    </div>

  253. 	  </div>

  254. 	</el-dialog>

  255.   

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

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

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

  259. 	  		<el-upload

  260. 				  class="upload-demo"

  261. 				  drag

  262. 				  ref="upload"

  263. 				  :action="uploadFileUrl"

  264. 				  :headers="uploadHeaders"

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

  266. 				  :on-success="uploadSuccess"

  267. 				  :before-upload="beforeAvatarUpload"

  268. 				  multiple>

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

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

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

  272. 				</el-upload>

  273.   	</div>

  274.   </el-dialog>

  275.   

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

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

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

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

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

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

  282. 	        <el-button

  283. 	          type="primary"

  284. 	          icon="el-icon-search"

  285. 	          @click="goSearchBuyer"

  286. 	          style="width:130px"

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

  288. 		    </el-form-item>

  289. 		    

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

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

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

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

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

  295. 	        </el-radio-group>

  296.       	</el-form-item>

  297.       	

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

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

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

  301. 		  		</el-form-item>

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

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

  304. 		  		</el-form-item>

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

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

  307. 		  		</el-form-item>

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

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

  310. 		  		</el-form-item>

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

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

  313. 		  		</el-form-item>

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

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

  316. 		  		</el-form-item>

  317.       	</el-form-item>

  318.       	

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

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

  321. 		  	</el-form-item>

  322.       

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

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

  325. 		  	</el-form-item>

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

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

  328. 		  	</el-form-item>

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

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

  331. 		  	</el-form-item>

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

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

  334. 		  	</el-form-item>

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

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

  337. 	  		</el-form-item>

  338. 			</el-form>

  339.   	</div>

  340.   	<span slot="footer">

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

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

  343.   	</span>

  344.   </el-dialog>

  345.   

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

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

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

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

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

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

  352. 	  		</el-form-item>

  353. 	  		

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

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

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

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

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

  359. 	        </el-radio-group>

  360.       	</el-form-item>

  361.       	

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

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

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

  365. 		  		</el-form-item>

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

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

  368. 		  		</el-form-item>

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

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

  371. 		  		</el-form-item>

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

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

  374. 		  		</el-form-item>

  375.       	</el-form-item>

  376.       	

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

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

  379. 		  	</el-form-item>

  380. 				

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

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

  383. 	  		</el-form-item>

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

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

  386. 	  		</el-form-item>

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

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

  389. 	  		</el-form-item>

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

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

  392. 	  		</el-form-item>

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

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

  395. 	  		</el-form-item>

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

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

  398. 	  		</el-form-item>

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

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

  401. 			    <el-option

  402. 			      v-for="item in detailStatusList"

  403. 			      :key="item.name"

  404. 			      :label="item.name"

  405. 			      :value="item.id">

  406. 			    </el-option>

  407. 			  </el-select>

  408. 			  </el-form-item>

  409. 			</el-form>

  410.   	</div>

  411.   </el-dialog>

  412.   

  413.   

  414.   

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

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

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

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

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

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

  421. 	  		</el-form-item>

  422. 	  		

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

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

  425. 	  		</el-form-item>

  426. 	  		

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

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

  429. 	  		</el-form-item>

  430. 	  		

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

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

  433. 	  		</el-form-item>

  434. 	  		

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

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

  437. 	  		</el-form-item>

  438. 	  		

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

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

  441. 	  		</el-form-item>

  442. 	  		

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

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

  445. 	  		</el-form-item>

  446. 	  		

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

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

  449. 	  		</el-form-item>

  450. 	  		

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

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

  453. 	  		</el-form-item>

  454. 			</el-form>

  455.   	</div>

  456.   </el-dialog>

  457.   

  458.   

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

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

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

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

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

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

  465. 	  		</el-form-item>

  466. 	  		

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

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

  469. 	  		</el-form-item>

  470. 	  		

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

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

  473. 	  		</el-form-item>

  474. 	  		

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

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

  477. 	  		</el-form-item>

  478. 	  		

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

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

  481. 	  		</el-form-item>

  482. 	  		

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

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

  485. 	  		</el-form-item>

  486. 	  		

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

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

  489. 	  		</el-form-item>

  490. 	  		

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

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

  493. 	  		</el-form-item>

  494. 			</el-form>

  495. 			</div>

  496. 			<span slot="footer">

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

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

  499. 	  	</span>

  500.   </el-dialog>

  501.   

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

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

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

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

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

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

  508.           </el-form-item>

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

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

  511.           </el-form-item>

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

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

  514.           </el-form-item>

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

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

  517.               <el-option

  518.                 v-for="item in companys"

  519.                 :key="item.name"

  520.                 :label="item.name"

  521.                 :value="item.id"

  522.               ></el-option>

  523.             </el-select>

  524.           </el-form-item>

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

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

  527.               <el-option

  528.                 v-for="item in platformList"

  529.                 :key="item.name"

  530.                 :label="item.name"

  531.                 :value="item.id"

  532.               ></el-option>

  533.             </el-select>

  534.           </el-form-item>

  535. 

  536.           <!--国家-->

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

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

  539.           </el-form-item>

  540.           <!--VPN vpnId -->

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

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

  543.           </el-form-item>

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

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

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

  547.           </el-form-item>

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

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

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

  551.               <el-option

  552.                 v-for="item in levelList"

  553.                 :key="item.name"

  554.                 :label="item.name"

  555.                 :value="item.id"

  556.               ></el-option>

  557.             </el-select>

  558.           </el-form-item>

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

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

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

  562.               <el-option

  563.                 v-for="item in occupyStatusList"

  564.                 :key="item.name"

  565.                 :label="item.name"

  566.                 :value="item.id"

  567.               ></el-option>

  568.             </el-select>

  569.           </el-form-item>

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

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

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

  573.               <el-option

  574.                 v-for="item in buyerStatusList"

  575.                 :key="item.name"

  576.                 :label="item.name"

  577.                 :value="item.id"

  578.               ></el-option>

  579.             </el-select>

  580.           </el-form-item>

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

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

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

  584.           </el-form-item>

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

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

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

  588.           </el-form-item>

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

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

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

  592.           </el-form-item>

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

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

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

  596.           </el-form-item>

  597.           <!--国家-->

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

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

  600.           </el-form-item>

  601.           <!--州-->

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

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

  604.           </el-form-item>

  605.           <!--电话-->

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

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

  608.           </el-form-item>

  609.           <!--lastname-->

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

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

  612.           </el-form-item>

  613.           <!--税号-->

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

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

  616.           </el-form-item>

  617.           <!--城市-->

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

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

  620.           </el-form-item>

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

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

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

  624.           </el-form-item>

  625.           <!--firstname-->

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

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

  628.           </el-form-item>

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

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

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

  632.           </el-form-item>

  633.         </el-form>

  634.       </div>

  635.     </el-dialog>

  636. 

  637.   </div>

  638. </template>

  639. <script>

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

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

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

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

  644. export default {

  645. 	filters: {

  646. 	  getStatus: function (value) {

  647. 			   if(value == 1) {

  648. 			   		return '待执行';

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

  650. 			   		return '执行中';

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

  652. 			   		return '执行成功';

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

  654. 			   		return '执行失败';

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

  656. 			   		return '待支付异常';

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

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

  659. 			   } else {

  660. 			   	 return '执行失败';

  661. 			   }

  662. 		  },

  663. 	  getBuyerStatus:function (value) {

  664. 	  	if(value == 1) {

  665. 		   	return '已占用';

  666. 		   } else{

  667. 		   	return '未占用';

  668. 		   }

  669. 	  },

  670. 		getparamsType: function (value) {

  671. 		   if(value == 1) {

  672. 		   	 return '关键词';

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

  674. 		   	 return '链接';

  675. 		   }

  676. 	  }

  677. 	},

  678. //	数据

  679.   data() {

  680.     return {

  681.     	searchParm: {

  682.     		page: 1,

  683.     		pageSize: 10,

  684.     		sort:'created_at',

  685.     		order:'desc',

  686.     		keyWord:null,

  687.     		status:null,

  688.     		item:null,

  689.     		shopName:'',

  690.     		payOrderId:null,

  691.     		type:null,

  692.     		paramsType:null,

  693.     		country:null,

  694.     		account:null

  695.     	},

  696.     	total:0,

  697.     	labelVal:"1",

  698.       list: [],

  699.       buyerList: [],

  700.       companys:[],

  701.       buyerId: null,

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

  703.       dialogAddVisible: false,

  704.       dialogAddTitle: '新增',

  705.       dialogDetailVisible: false,

  706.       dialogDetailTitle: '详情',

  707.       dialogOrderDetailVisible: false,

  708.       dialogOrderDetailTitle: '订单详情',

  709.       dialogEditVisible: false,

  710.       dialogEditTitle: '修改',

  711.       dialogSupplementVisible: false,

  712.       dialogSupplementTitle: '补录',

  713.       dialogImportVisible: false,

  714.       dialogImportTitle:'导入',

  715.       dialogBuyerVisible: false,

  716.       dialogBuyerTitle: "买家列表",

  717.       dialogBuyerVisible: false,

  718.       dialogBuyerTitle: "买家列表",

  719.       dialogBuyerDetailVisible: false,

  720. 	    dialogBuyerDetailTitle: "买家详情",

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

  722.       updateBoolean: false,

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

  724.      

  725. 	   		detailStatusList:[

  726. 	        {

  727. 	          id: 1,

  728. 	          name: '待执行'

  729. 	        },

  730.       		{

  731. 	          id: 2,

  732. 	          name: '执行中',

  733.       		},

  734.       		{

  735. 	          id: 3,

  736. 	          name: '执行成功'

  737. 	        },

  738.       		{

  739. 	          id: 4,

  740. 	          name: '执行失败'

  741. 	        },{

  742. 	        	id:5,

  743. 	        	name:"待支付异常"

  744. 	        },{

  745. 	        	id:6,

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

  747. 	        }],

  748. 	    statusList:[

  749. 	    		{

  750. 	          id: null,

  751. 	          name: '全部'

  752. 	        },

  753. 	        {

  754. 	          id: 1,

  755. 	          name: '待执行'

  756. 	        },

  757.       		{

  758. 	          id: 2,

  759. 	          name: '执行中',

  760.       		},

  761.       		{

  762. 	          id: 3,

  763. 	          name: '执行成功'

  764. 	        },

  765.       		{

  766. 	          id: 4,

  767. 	          name: '执行失败'

  768. 	        },{

  769. 	        	id:5,

  770. 	        	name:"待支付异常"

  771. 	        },{

  772. 	        	id:6,

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

  774. 	        }],

  775. 	    searchTypeList:[

  776. 	    	{

  777. 	          id: null,

  778. 	          name: '全部'

  779. 	        },

  780. 	        {

  781. 	          id: 1,

  782. 	          name: '刷单'

  783. 	        },

  784.       		{

  785. 	          id: 2,

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

  787.       		}

  788. 	    ],

  789. 	    searchParamsTypeList:[

  790. 	    	{

  791. 	          id: null,

  792. 	          name: '全部'

  793. 	        },

  794. 	        {

  795. 	          id: 1,

  796. 	          name: '关键词'

  797. 	        },

  798.       		{

  799. 	          id: 2,

  800. 	          name: '链接',

  801.       		},

  802. 	    ],

  803. 	    addMonthList:[

  804. 	        {

  805. 	          name: 'January (01)'

  806. 	        },

  807.       		{

  808. 	          name: 'February (02)'

  809. 	        },{

  810. 	          name: 'March (03)'

  811. 	        },{

  812. 	          name: 'April (04)'

  813. 	        },{

  814. 	          name: 'May (05)'

  815. 	        },{

  816. 	          name: 'June (06)'

  817. 	        },{

  818. 	          name: 'July (07)'

  819. 	        },{

  820. 	          name: 'August (08)'

  821. 	        },{

  822. 	          name: 'September (09)'

  823. 	        },{

  824. 	          name: 'October (10)'

  825. 	        },{

  826. 	          name: 'November (11)'

  827. 	        },{

  828. 	          name: 'December (12)'

  829. 	        }

  830.       	],

  831. 	      occupyStatusList: [

  832. 	        {

  833. 	          id: 1,

  834. 	          name: "已占用"

  835. 	        },

  836. 	        {

  837. 	          id: 2,

  838. 	          name: "未占用"

  839. 	        }

  840. 	      ],

  841. 	      buyerStatusList: [

  842. 	      	{

  843. 	          id: 1,

  844. 	          name: "待注册"

  845. 	        },

  846. 	        {

  847. 	          id: 2,

  848. 	          name: "待验证"

  849. 	        },

  850. 	        {

  851. 	          id: 3,

  852. 	          name: "待完善"

  853. 	        },

  854. 	        {

  855. 	          id: 4,

  856. 	          name: "正常"

  857. 	        },

  858. 	        {

  859. 	          id: 5,

  860. 	          name: "异常"

  861. 	        },

  862. 	        {

  863. 	          id: 6,

  864. 	          name: "可用但已用"

  865. 	        },

  866. 	        {

  867. 	          id: 7,

  868. 	          name: "删除"

  869. 	        }

  870. 	      ],

  871. 	      levelList: [

  872. 	        {

  873. 	          id: 1,

  874. 	          name: "普通"

  875. 	        },

  876. 	        {

  877. 	          id: 2,

  878. 	          name: "精品"

  879. 	        },

  880. 	        {

  881. 	          id: 3,

  882. 	          name: "压力"

  883. 	        },

  884. 	        {

  885. 	          id: 4,

  886. 	          name: "内部账号"

  887. 	        }

  888. 	      ],

  889. 	      platformList: [

  890. 	        {

  891. 	          id: 1,

  892. 	          name: "敦煌"

  893. 	        },

  894. 	        {

  895. 	          id: 2,

  896. 	          name: "速卖通"

  897. 	        },

  898. 	        {

  899. 	          id: 3,

  900. 	          name: "马帮"

  901. 	        }

  902. 	      ],

  903.       addParm: {

  904.       	buyerId:null,

  905.     		buyerName:null,

  906.       	paramsType: 1,

  907.     		shopName: null,

  908.     		keyWord:null,

  909.     		title:null,

  910.     		link:null,

  911.     		number:null,

  912.     		specification:null,

  913.     		color:null,

  914.     		sectionMin:null,

  915.     		sectionMax:null,

  916.     		item:null,

  917.     		exchange:null,

  918.     		amessage:null

  919.       },

  920.       searchBuyerParm: {

  921.         page: 1,

  922.         pageSize: 10,

  923.         account: null,

  924.         sort: "created_at",

  925.         order: "desc",

  926.         nickName: null,

  927.         pwd: null,

  928.         companyId: null,

  929.         platformId: 2

  930.       },

  931.       supplementParm: {

  932.       	clickFarmingId: null,

  933.       	amount: null,

  934.       	paymentResults: null,

  935.       	shop: null,

  936.       	pricesNumber: null,

  937.       	orderId: null,

  938.       	shopName: null,

  939.       	orderDate: null

  940.       },

  941.       editParm: {

  942.       	id: null,

  943.       	buyerId:null,

  944.     		buyerName:null,

  945.       	paramsType: null,

  946.     		shopName:null,

  947.     		keyWord:null,

  948.     		title:null,

  949.     		link:null,

  950.     		number:null,

  951.     		specification:null,

  952.     		color:null,

  953.     		sectionMin:null,

  954.     		sectionMax:null,

  955.     		item:null,

  956.     		exchange:null,

  957.     		amessage:null

  958.       },

  959.       detailParm: {

  960.       	id: null,

  961.       	buyerId:null,

  962.     		buyerName:null,

  963.       	paramsType: null,

  964.     		shopName: null,

  965.     		keyWord:null,

  966.     		title:null,

  967.     		link:null,

  968.     		number:null,

  969.     		specification:null,

  970.     		color:null,

  971.     		item:null,

  972.     		exchange:null,

  973.     		amessage:null,

  974.     		response:null,

  975.     		status:null

  976.       },

  977.       orderDetailParm: {

  978.       	id: null,

  979.       	createdAt:null,

  980.     		updatedAt:null,

  981.     		amount:null,

  982.     		paymentResults:null,

  983.     		shop:null,

  984.     		pricesNumber:null,

  985.     		orderId:null,

  986.     		shopName:null,

  987.     		orderDate:null

  988.       },

  989.       detailBuyerParm: {

  990.       	id: null,

  991.       	nickName:null,

  992.     		pwd:null,

  993.     		account: null,

  994.     		companyId:null,

  995.     		platformId:null,

  996.     		contntryShort:null,

  997.     		vpnId:null,

  998. 				vpnIp:null,

  999.   			cardId:null,

  1000. 				cardNumber:null,

  1001.   			level:null,

  1002.   			occupyStatus:null,

  1003.   			addressline1:null,

  1004.   			country:null,

  1005.   			state:null,

  1006.   			tel:null,

  1007.   			lastname:null,

  1008.   			vatNumber:null,

  1009.   			city:null,

  1010.   			addressline2:null,

  1011.   			firstname:null,

  1012.   			postalcode:null,

  1013.   			status:null

  1014.       },

  1015.       rules: {

  1016.        type: [

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

  1018.        ],

  1019.        paramsType: [

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

  1021.        ],

  1022.        shopName: [

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

  1024.        ],

  1025.         keyWord: [

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

  1027.        ],

  1028.         title: [

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

  1030.        ],

  1031.         link: [

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

  1033.        ],

  1034.         number: [

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

  1036.        ],

  1037.        item: [

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

  1039.        ],

  1040.         amessage: [

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

  1042.        ]

  1043.       },

  1044.       orderRules:{

  1045.       	amount: [

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

  1047.        	],

  1048.        	paymentResults: [

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

  1050.        	],

  1051.        	shop: [

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

  1053.        	],

  1054.        	pricesNumber: [

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

  1056.        	],

  1057.        	orderId: [

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

  1059.        	],

  1060.        	shopName: [

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

  1062.        	],

  1063.        	orderDate: [

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

  1065.        	]

  1066.       }

  1067.     }

  1068.   },

  1069.   // 调用

  1070.   created() {

  1071. 		this.goSearch();

  1072.   },

  1073. 	//方法

  1074.   methods: {

  1075. 	//重置

  1076.   	resetForm() {

  1077.         this.searchParm.keyWord = null;

  1078. 				this.searchParm.item=null;

  1079.     		this.searchParm.status=null;

  1080.     		this.searchParm.shopName='';

  1081.     		this.searchParm.payOrderId=null;

  1082.     		this.searchParm.type=null;

  1083.     		this.searchParm.paramsType=null;

  1084.     		this.searchParm.country=null;

  1085.     		this.searchParm.account=null;

  1086.     		this.goSearch();

  1087. 	  },

  1088. 	  changeCheckRange(val) {

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

  1090.       this.labelVal = val;

  1091.     },

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

  1093.     getCompanyAll() {

  1094.       getAll()

  1095.         .then(res => {

  1096.           this.companys = res.data;

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

  1098.             console.log(this.companys);

  1099.           }

  1100.         })

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

  1102.     },

  1103. 	  resetBuyerForm() {

  1104.       this.searchBuyerParm.account = null;

  1105.       this.searchBuyerParm.pwd = null;

  1106.       this.searchBuyerParm.nickName = null;

  1107.       this.searchBuyerParm.companyId = null;

  1108.       this.searchBuyerParm.platformId = null;

  1109.       this.goSearchBuyer();

  1110.     },

  1111.    	//	查询

  1112. 		goSearch() {

  1113. 			this.searchParm.page=1;

  1114. 			this.getCompanyAll();

  1115. 			this.getDataList();

  1116. 		},

  1117. 		goSearchBuyer() {

  1118.       this.dialogBuyerVisible = true;

  1119.       this.searchBuyerParm.page = 1;

  1120.       this.searchBuyerParm.platformId = 2;

  1121.       this.getBuyerDataList();

  1122.     },

  1123.     getBuyerDataList() {

  1124.       getBuyerList(this.searchBuyerParm)

  1125.         .then(res => {

  1126.           console.log(res);

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

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

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

  1130.           }

  1131.         })

  1132.         .catch(err => {

  1133.           console.log(err);

  1134.         });

  1135.     },

  1136.     getBuyerById(data){

  1137. 			this.buyerName = data.account;

  1138. 			this.buyerId = data.id;

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

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

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

  1142. 			}

  1143. 			

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

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

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

  1147. 			}

  1148. 			

  1149. 			this.dialogBuyerVisible = false;

  1150. 			console.log(data);

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

  1152. 		},

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

  1154.     getBuyerBtnById(id) {

  1155.       getBuyerById({ id })

  1156.         .then(res => {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1185. 

  1186.             this.dialogBuyerDetailVisible = true;

  1187.           }

  1188.         })

  1189.         .catch(err => {

  1190.           console.log(err);

  1191.         });

  1192.     },

  1193. 		beforeAvatarUpload(file) {

  1194. 	    console.log(file);

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

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

  1197. 	

  1198. 	//  if (!isXlsl) {

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

  1200. 	//  }

  1201. 	    if (!isLt10M) {

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

  1203. 	    }

  1204. 	//  return isXlsl && isLt10M;

  1205. 	    return isLt10M;

  1206. 	 },

  1207.   uploadSuccess(res, file) {

  1208.   	this.dialogImportVisible = false;

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

  1210.     	  console.log(res.data);

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

  1212. 				

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

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

  1215. 				}

  1216. 		}

  1217. 			this.getDataList();

  1218.   },

  1219. 		// 新增

  1220. 		addBtn(){

  1221. 			this.addParm = {

  1222.       	country:null,

  1223.     		account:null,

  1224.     		pwd: null,

  1225.     		shopName: null,

  1226.     		keyWord:null,

  1227.     		title:null,

  1228.     		link:null,

  1229.     		number:null,

  1230.     		specification:null,

  1231.     		color:null,

  1232.     		item:null,

  1233.     		sectionMin: null,

  1234.     		sectionMax: null,

  1235.     		exchange:null,

  1236.     		vpnShare:null,

  1237.     		amessage:null,

  1238.     		month:null,

  1239.     		year:null,

  1240.     		cardName:null,

  1241.     		cardNumber:null,

  1242.     		cardPwd:null

  1243. 		  }

  1244. 			this.dialogAddVisible = true;

  1245. 		},

  1246. 		// 导入

  1247. 		importBtn() {

  1248. 			this.dialogImportVisible = true

  1249. 		},

  1250. 		exportTempBtn() {

  1251. 			console.log(this.tempUrl)

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

  1253. 		},

  1254. 		//	根据id删除

  1255. 		delById(id){

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

  1257. 				confirmButtonText: '确定',

  1258. 	      cancelButtonText: '取消',

  1259. 	      type: 'warning'

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

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

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

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

  1264. 						this.getDataList()

  1265. 					}

  1266. 				}).catch(err => {

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

  1268. 					console.log(err)

  1269. 				})

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

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

  1272. 			})

  1273. 		},

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

  1275. 		abNormalById(id){

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

  1277. 				confirmButtonText: '确定',

  1278. 	      cancelButtonText: '取消',

  1279. 	      type: 'warning'

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

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

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

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

  1284. 						this.getDataList()

  1285. 					}

  1286. 				}).catch(err => {

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

  1288. 					console.log(err)

  1289. 				})

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

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

  1292. 			})

  1293. 		},

  1294. 		// 补录

  1295. 		supplement(clickFarmingId) {

  1296. 			this.supplementParm.clickFarmingId=clickFarmingId;

  1297. 			this.supplementParm.amount=null;

  1298. 			this.supplementParm.paymentResults=null;

  1299. 			this.supplementParm.shop=null;

  1300. 			this.supplementParm.pricesNumber=null;

  1301. 			this.supplementParm.orderId=null;

  1302. 			this.supplementParm.shopName=null;

  1303. 			this.supplementParm.orderDate=null;

  1304. 			this.dialogSupplementVisible = true

  1305. 		},

  1306. 		//	修改

  1307. 		editById(data){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1328.     			this.buyerId = res.data.buyerId;

  1329. 					

  1330. 					this.dialogEditVisible = true;

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

  1332. 				}

  1333. 			}).catch(err => {

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

  1335. 				console.log(err)

  1336. 			})

  1337. 		},

  1338. 		// 确认修改

  1339. 		sureEdit(editParm){

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

  1341. 		  if (valid) {

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

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

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

  1345. 							this.editParm.buyerId = this.buyerId;

  1346. 							this.dialogEditVisible = false

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

  1348. 							this.getDataList()

  1349. 						}

  1350. 					}).catch(err => {

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

  1352. 						console.log(err)

  1353. 					})

  1354. 			  } else {

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

  1356. 					return false;

  1357. 			  }

  1358. 			});

  1359. 		},

  1360. 		sureEditCancle(editParm) {

  1361. 			dialogEditVisible=flase

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

  1363. 		},

  1364. 		// 确认新增

  1365. 		sureAdd(addParm){

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

  1367. 		  if (valid) {

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

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

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

  1371. 						this.addParm.buyerId = this.buyerId;

  1372. 								this.dialogAddVisible = false

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

  1374. 								this.getDataList()

  1375. 							}

  1376. 					}).catch(err => {

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

  1378. 							console.log(err)

  1379. 					})

  1380. 			  } else {

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

  1382. 					return false;

  1383. 			  }

  1384. 			});

  1385. 		},

  1386. 		sureAddCancle(addParm) {

  1387. 			dialogAddVisible=false;

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

  1389. 		},

  1390. 		// 确认补录

  1391. 		sureSuppment() {

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

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

  1394. 						this.dialogSupplementVisible = false

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

  1396. 						

  1397. 						this.searchParm.status = null;

  1398. 						this.getDataList()

  1399. 					}

  1400. 			}).catch(err => {

  1401. 					console.log(err)

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

  1403. 			})

  1404. 		},

  1405. 		// 查看根据id

  1406. 		getBtnById(id){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1436.     			

  1437. 					this.dialogDetailVisible = true

  1438. 					

  1439. 				}

  1440. 			}).catch(err => {

  1441. 				console.log(err)

  1442. 			})

  1443. 		},

  1444. 		// 获取订单详情

  1445. 		getOrderBtnById(id){

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

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

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

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

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

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

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

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

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

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

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

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

  1458.     			

  1459. 					this.dialogOrderDetailVisible = true

  1460. 					

  1461. 				}

  1462. 			}).catch(err => {

  1463. 				console.log(err)

  1464. 			})

  1465. 		},

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

  1467. 		getDataList(){

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

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

  1470. 						this.list = res.data.list;

  1471. 						this.total = res.data.total;

  1472. 					}

  1473. 				}).catch(err => {

  1474. 					console.log(err)

  1475. 				})

  1476. 		},

  1477. 	

  1478. 		//	分页

  1479. 		handleSizeChange(val) {

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

  1481.    		this.searchParm.pageSize = val;

  1482.    		this.getDataList();

  1483.   	},

  1484.   	handleCurrentChange(val) {

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

  1486.     	this.searchParm.page = val;

  1487.     	this.getDataList();

  1488.   	}

  1489.   }

  1490. }

  1491. </script>

  1492. 

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

  1494. </style>