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

754 wiersze
23KB
Czysty Wina Historia 

  1. <template>

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

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

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

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

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

  7.   	</div>

  8.     <!--搜索-->

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

  10.   		<el-form-item label="店铺">

  11.     		<el-input v-model="searchParm.shop" clearable placeholder='店铺'></el-input>

  12.   		</el-form-item>

  13.   		<el-form-item label="订单ID">

  14.     		<el-input v-model="searchParm.orderId" clearable placeholder='订单ID'></el-input>

  15.   		</el-form-item>

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

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

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

  19.         </el-select>

  20.       </el-form-item>

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

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

  23.           <el-option

  24.             v-for="item in platformList"

  25.             :key="item.id"

  26.             :label="item.name"

  27.             :value="item.id"

  28.           ></el-option>

  29.         </el-select>

  30.       </el-form-item>

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

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

  33. 			    <el-option

  34. 			      v-for="item in typeList"

  35. 			      :key="item.name"

  36. 			      :label="item.name"

  37. 			      :value="item.id">

  38. 			    </el-option>

  39. 			  </el-select>

  40.   		</el-form-item>

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

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

  43. 			    <el-option

  44. 			      v-for="item in statusList"

  45. 			      :key="item.name"

  46. 			      :label="item.name"

  47. 			      :value="item.id">

  48. 			    </el-option>

  49. 			  </el-select>

  50.   		</el-form-item>

  51.        <el-date-picker

  52.         v-model="searchTime"

  53.         type="daterange"

  54.         range-separator=":"

  55.         start-placeholder="开始日期"

  56.         end-placeholder="结束日期"

  57.         style="width:270px"

  58.       ></el-date-picker>

  59.   		<el-form-item>

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

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

  62.   		</el-form-item>

  63. 	</el-form>

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

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

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

  67.       <el-table-column label="平台名称" prop="platformName" />

  68.       <el-table-column label="公司名称" prop="companyName" />

  69.       <el-table-column label="总金额" prop="amount" />

  70.       <el-table-column label="店铺名称" prop="shop" />

  71.       <el-table-column label="订单ID" prop="orderId" />

  72.       <el-table-column label="评论" prop="comment" :formatter="commentSub"/>

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

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

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

  76. 	     	</template>

  77.       </el-table-column>

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

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

  80.       <el-table-column label="操作" width="300">

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

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

  83.       		<el-button type="warning" @click="editById(scope.row)">评论</el-button>

  84.       	</template>

  85.       </el-table-column>

  86.     </el-table>

  87.     <!--分页-->

  88.     <div class="mt_15">

  89. 	    <el-pagination

  90. 	      @size-change="handleSizeChange"

  91. 	      @current-change="handleCurrentChange"

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

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

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

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

  96. 	      :total="total">

  97. 	    </el-pagination>

  98.   	</div>

  99.   

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

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

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

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

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

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

  106.               <el-option

  107.                 v-for="item in companys"

  108.                 :key="item.name"

  109.                 :label="item.name"

  110.                 :value="item.id"

  111.               ></el-option>

  112.             </el-select>

  113.           </el-form-item>

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

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

  116.               <el-option

  117.                 v-for="item in platformList"

  118.                 :key="item.name"

  119.                 :label="item.name"

  120.                 :value="item.id"

  121.               ></el-option>

  122.             </el-select>

  123.           </el-form-item>

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

  125. 	    		<el-input v-model="addParm.amount" clearable></el-input>

  126. 	  		</el-form-item>

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

  128. 	    		<el-input v-model="addParm.paymentResults" clearable></el-input>

  129. 	  		</el-form-item>

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

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

  132. 	  		</el-form-item>

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

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

  135. 	  		</el-form-item>

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

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

  138. 	    	</el-form-item>

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

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

  141. 	  		</el-form-item>

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

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

  144. 	  		</el-form-item>

  145. 	  		<el-form-item label="评论" prop="comment">

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

  147. 	  		</el-form-item>

  148. 	  		<el-input v-model="addParm.paths" type="hidden" clearable></el-input>

  149. 	  		<el-upload

  150. 			  class="upload-demo"

  151. 			  :data = "updateFileType"

  152. 			  :action="uploadFileImgUrl"

  153. 			  :on-preview="handlePreview"

  154. 			  :headers="uploadHeaders"

  155. 			  :on-remove="handleRemove"

  156. 			  :on-success="uploadImgSuccess"

  157. 			  :file-list="fileList"

  158. 			  list-type="picture">

  159. 			  <el-button size="small" type="primary">点击上传</el-button>

  160. 			  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>

  161. 			</el-upload>

  162. 		</el-form>

  163.   	</div>

  164.   	<span slot="footer">

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

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

  167.   	</span>

  168.   </el-dialog>

  169.   

  170.   

  171.   <!--评论弹窗-->

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

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

  174.   		 <el-form ref="ruleForm" size="small" :model="editParm" :rules="rules" label-width="130px">

  175.   		 	<el-form-item label="评论" prop="accountcommentName">

  176. 	    		<el-input v-model="editParm.comment" clearable></el-input>

  177. 	  		</el-form-item>

  178. 		</el-form>

  179. 		<el-input v-model="editParm.paths" type="hidden" clearable></el-input>

  180.   		<el-upload

  181. 		  class="upload-demo"

  182. 		  :data = "updateFileType"

  183. 		  :action="uploadFileImgUrl"

  184. 		  :on-preview="handlePreview"

  185. 		  :headers="uploadHeaders"

  186. 		  :on-remove="handleRemove"

  187. 		  :on-success="uploadImgSuccess"

  188. 		  :file-list="fileList"

  189. 		  list-type="picture">

  190. 		  <el-button size="small" type="primary">点击上传</el-button>

  191. 		  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>

  192. 		</el-upload>

  193.   	</div>

  194.   	<span slot="footer">

  195.   		<el-button type="info" @click="dialogEditVisible=false">取消</el-button>

  196.    		<el-button type="primary" @click="sureEdit">确认</el-button>

  197.   	</span>

  198.   </el-dialog>

  199.   

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

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

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

  203.   		 <el-form ref="form" size="small" label-width="130px">

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

  205.             <el-select v-model="detailParm.companyId" disabled>

  206.               <el-option

  207.                 v-for="item in companys"

  208.                 :key="item.name"

  209.                 :label="item.name"

  210.                 :value="item.id"

  211.               ></el-option>

  212.             </el-select>

  213.           </el-form-item>

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

  215.             <el-select v-model="detailParm.platformId" disabled>

  216.               <el-option

  217.                 v-for="item in platformList"

  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>

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

  226. 	    		<el-input v-model="detailParm.amount" disabled></el-input>

  227. 	  		</el-form-item>

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

  229. 	    		<el-input v-model="detailParm.shop" disabled></el-input>

  230. 	  		</el-form-item>

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

  232. 	    		<el-input v-model="detailParm.shopName" disabled></el-input>

  233. 	  		</el-form-item>

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

  235. 	    		<el-input v-model="detailParm.orderId" disabled></el-input>

  236. 	  		</el-form-item>

  237. 	  		<el-form-item label="评论" prop="comment">

  238. 	    		<el-input v-model="detailParm.comment" disabled></el-input>

  239. 	  		</el-form-item>

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

  241. 	    		<el-input v-model="detailParm.orderDate" disabled></el-input>

  242. 	  		</el-form-item>

  243. 	  		

  244. 	  		<el-upload

  245. 			  class="upload-demo"

  246. 			  :data = "updateFileType"

  247. 			  :action="uploadFileImgUrl"

  248. 			  :on-preview="handlePreview"

  249. 			  :headers="uploadHeaders"

  250. 			  :on-remove="handleRemove"

  251. 			  :on-success="uploadImgSuccess"

  252. 			  :file-list="fileList"

  253. 			  list-type="picture">

  254. 			</el-upload>

  255. 		</el-form>

  256.   	</div>

  257.   </el-dialog>

  258. 

  259.   <!--订单信息导入  importBtn-->

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

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

  262. 	  		<el-upload

  263. 				  class="upload-demo"

  264. 				  drag

  265. 				  ref="upload"

  266. 				  :action="uploadFileUrl"

  267. 				  :headers="uploadHeaders"

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

  269. 				  :on-success="uploadSuccess"

  270. 				  :before-upload="beforeAvatarUpload"

  271. 				  multiple>

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

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

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

  275. 			</el-upload>

  276.   	</div>

  277.   </el-dialog>

  278.   </div>

  279. </template>

  280. 

  281. <script>

  282.   import { add, getDetailById, commentFun, getList } from '@/api/group/clickOrder';

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

  284.   export default {

  285.   	filters: {

  286. 	  getStatus: function (value) {

  287. 	  	// 状态 1.待执行 2.执行中 3.执行成功 4.执行失败

  288. 			   if(value == 1) {

  289. 			   		return '待执行';

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

  291. 			   		return '执行中';

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

  293. 			   		return '执行成功';

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

  295. 			   		return '执行失败';

  296. 			   } else {

  297. 			   	 return '执行失败';

  298. 			   }

  299. 		  }

  300. 	  },

  301. 	//	数据

  302.     data() {

  303.     return {

  304.     	searchParm: {

  305.     		page: 1,

  306.     		pageSize: 10,

  307.     		sort:'created_at',

  308.     		order:'desc',

  309. 			accountName:null,

  310.     		robotClientUuid:null,

  311.     		sTime: null,

  312.         	eTime: null,

  313.         	shop: null,

  314.         	orderId: null,

  315.         	platformId: null,

  316.         	companyId: null,

  317.         	type: null,

  318.         	status: null

  319.     	},

  320.     	total:0,

  321.       list: [],

  322.       fileList:[],

  323.       platformList: [

  324.         {

  325.           id: 1,

  326.           name: "敦煌"

  327.         },

  328.         {

  329.           id: 2,

  330.           name: "速卖通"

  331.         },

  332.         {

  333.           id: 3,

  334.           name: "马帮"

  335.         }

  336.       ],

  337.       typeList: [

  338.         {

  339.           id: 1,

  340.           name: "导入"

  341.         },

  342.         {

  343.           id: 2,

  344.           name: "刷单"

  345.         }

  346.       ],

  347.       statusList: [

  348.         {

  349.           id: 1,

  350.           name: "待执行"

  351.         },

  352.         {

  353.           id: 2,

  354.           name: "执行中"

  355.         },

  356.         {

  357.           id: 3,

  358.           name: "执行成功"

  359.         },

  360.         {

  361.           id: 4,

  362.           name: "执行失败"

  363.         }

  364.       ],

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

  366.       dialogAddVisible: false,

  367.       dialogAddTitle: '新增',

  368.       dialogDetailVisible: false,

  369.       dialogDetailTitle: '详情',

  370.       dialogEditVisible: false,

  371.       dialogEditTitle: '修改',

  372. 	  dialogImportVisible: false,

  373.       dialogImportTitle:'导入',

  374.       searchTime: "",

  375.       updateFileType: {type: 12},

  376.       uploadFileImgUrl: process.env.VUE_APP_BASE_API + '/api/file/uploadFile',

  377. 	  uploadFileUrl: process.env.VUE_APP_BASE_API + '/api/clickOrder/import',

  378. 	  tempUrl: process.env.VUE_APP_BASE_API + '/api/clickOrder/exportTemp',

  379. 	  fileImages:{

  380. 	  	name: null,

  381. 	  	url: null

  382. 	  },

  383.       addParm: {

  384. 		id:null,

  385. 		platformId:null,

  386.     	companyId:null,

  387.     	paymentResults:null,

  388.     	pricesNumber:null,

  389.     	shopName:null,

  390.     	orderDate:null,

  391.     	amount:null,

  392.     	shop:null,

  393.     	orderId:null,

  394.     	comment:null,

  395.     	paths: []

  396.       },

  397.       detailParm: {

  398.       	id:null,

  399. 		platformId:null,

  400.     	companyId:null,

  401.     	amount:null,

  402.     	shop:null,

  403.     	shopName: null,

  404.     	orderDate: null,

  405.     	orderId:null,

  406.     	comment:null,

  407.     	paths:[]

  408.       },

  409.       editParm: {

  410.       	id:null,

  411.     	comment:null,

  412.     	paths:[]

  413.       },

  414. 	  ruleForm:{

  415. 		platformId:null,

  416.     	companyId:null,

  417.     	account:null,

  418.     	pwd:null,

  419.     	amount:null,

  420.     	shop:null,

  421.     	orderId:null,

  422.     	comment:null,

  423. 	  },

  424. 	  companys: [],

  425.       rules: {

  426.       	platformId: [

  427.             { required: true, message: '请输入平台', trigger: 'blur' }

  428.           ],

  429.       	companyId: [

  430.             { required: true, message: '请输入公司', trigger: 'blur' }

  431.           ],

  432.         account: [

  433.             { required: true, message: '请输入账号', trigger: 'blur' }

  434.           ],

  435.       	pwd: [

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

  437.           ],

  438.     	amount: [

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

  440.           ],

  441.       	shop: [

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

  443.           ],

  444.         orderId: [

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

  446.           ],

  447.       	comment: [

  448.             { required: true, message: '请输入评论', trigger: 'blur' }

  449.           ]

  450.     	},

  451. 	}

  452.   },

  453.   // 调用

  454.   created() {

  455. 	this.goSearch();

  456. 	this.fileList = [];

  457.   },

  458. 	//方法

  459.   methods: {

  460.   	// 图片上传

  461.   	handleRemove(file, fileList) {

  462.   	  console.log("======fileList=======");

  463. 	  console.log(file);

  464. 	  console.log(fileList);

  465. 	  

  466. 	  // 剔除  -这里先这样吧。硬编码

  467. 	  this.editParm.paths = [];

  468. 	  for (let i = 0; i < fileList.length; i++) {

  469. 	  	console.log("for--- " + i);

  470. 	  	

  471. 	  	const imgUrl = fileList[i].url;

  472. 	  	console.log(imgUrl);

  473. 	  	if (imgUrl.includes("/file/")) {

  474. 	  		

  475. 	  		imgUrl =  imgUrl.substring(imgUrl.lastIndexOf("\/file\/") + 5, imgUrl.length);

  476. 	  		console.log("包含file")

  477. 	  	}

  478. 	  	console.log(imgUrl);

  479. 	  	console.log("====1====")

  480. 	  	this.editParm.paths.push(imgUrl);

  481. 	  	console.log("====2====")

  482. 	  }

  483. 	  

  484. 	  console.log("this.editParm.paths:" + this.editParm.paths);

  485. 	},

  486. 	handlePreview(file) {

  487. 	  console.log("======handlePreview=======");

  488. 	  console.log(file);

  489. 	},

  490. 	uploadImgSuccess(res, file) {

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

  492.     	

  493. 		// this.addParm.path =res.data.list[0].path;

  494. 		

  495. 		const index = res.data.list[0].path.lastIndexOf("\/");

  496. 		this.fileImages.name = res.data.list[0].path.substring(index + 1, res.data.list[0].path.length);

  497. 		this.fileImages.url = process.env.VUE_APP_BASE_API + "/file" + res.data.list[0].path;

  498. 		

  499. 		console.log("this.fileImages.url:" + this.fileImages.url);

  500. 		console.log("====uploadImgSuccess====");

  501. 		console.log(this.fileList);

  502. 		console.log(this.editParm.paths);

  503. 		if (this.dialogEditVisible) {

  504. //			if (this.editParm.paths != "undefined" && this.editParm.paths != null && this.editParm.paths != " " && this.editParm.paths != "null" && this.editParm.paths != "NULL") {

  505. //			  this.editParm.paths = this.editParm.paths + ";" + res.data.list[0].path;

  506. //			} else {

  507. //				this.editParm.paths = res.data.list[0].path;

  508. //			}

  509. 			

  510. 			for (let i = 0; i < this.editParm.paths.length; i++) {

  511. 			  	console.log("for--- " + i);

  512. 			  	

  513. 			  	const imgUrl = this.editParm.paths[i].url;

  514. 			  	console.log(imgUrl);

  515. 			  	if (imgUrl.includes("/file/")) {

  516. 		  			imgUrl =  imgUrl.substring(imgUrl.lastIndexOf("\/file\/") + 5, imgUrl.length);

  517. 		  		}

  518. 		  		console.log("包含file")

  519. 		  	}

  520. 

  521. 			console.log("this.editParm.paths====1:" + this.editParm.paths);

  522.             this.editParm.paths.push(res.data.list[0].path)

  523.             console.log("res.data.list[0].path==:" + res.data.list[0].path);

  524.             console.log("this.editParm.paths====2:" + this.editParm.paths);

  525. 		}

  526. 		

  527. 		if (this.dialogAddVisible) {

  528. //			if (this.addParm.paths != "undefined" && this.addParm.paths != null && this.addParm.paths != " " && this.addParm.paths != "null" && this.addParm.paths != "NULL") {

  529. //			  this.addParm.paths = this.addParm.paths + ";" + res.data.list[0].path;

  530. //			} else {

  531. //				this.addParm.paths = res.data.list[0].path;

  532. //			}

  533.             this.addParm.paths.push(res.data.list[0].path)

  534. //          console.log(this.addParm.paths);

  535. 			console.log("this.addParm.paths:" + this.addParm.paths);

  536. 		}

  537. 	  }

  538.  	},

  539. 	//重置

  540.   	resetForm() {

  541. 		this.searchParm.shop = null;

  542.         this.searchParm.orderId = null;

  543.         this.searchParm.platformId = null;

  544.         this.searchParm.companyId = null;

  545.         this.searchParm.type = null;

  546.         this.searchParm.status = null;

  547.         this.searchTime = "";

  548.         this.goSearch();

  549.     },

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

  551.     getCompanyAll() {

  552.       getAll()

  553.         .then(res => {

  554.           this.companys = res.data;

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

  556.             console.log(this.companys);

  557.           }

  558.         })

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

  560.     },

  561.     // 评论截取

  562.     commentSub(row, column) {

  563.     	 if (row['comment'] != "undefined" && row['comment'] != null && row['comment'] != "" && row['comment'] != "null" && row['comment'] != "NULL") {

  564.     		return row['comment'].slice(0,3) + "...";

  565.     	}

  566.     },

  567. 	//	查询

  568. 	goSearch() {

  569. 		this.searchParm.sTime = this.searchTime[0];

  570.      	this.searchParm.eTime = this.searchTime[1];

  571. 		this.searchParm.page=1

  572. 		this.getCompanyAll();

  573. 		this.getDataList()

  574. 	},

  575. 	//导入成功

  576. 	uploadSuccess(res, file) {

  577.   		this.dialogImportVisible = false;

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

  579. 			console.log("********date:"+res.data)

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

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

  582. 			}

  583.     		else{

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

  585. 				this.$message.error('导入失败!');

  586. 			}

  587. 		}

  588. 		this.goSearch();

  589.   	},

  590. 	beforeAvatarUpload(file) {

  591. 	    console.log(file);

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

  593. 	    if (!isLt10M) {

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

  595. 	    }

  596. 	    return isLt10M;

  597. 	 },

  598. 	// 导入

  599. 	importBtn() {

  600. 		this.dialogImportVisible = true

  601. 	},

  602. 	//机器人模板

  603. 	exportTempBtn() {

  604. 		console.log(this.tempUrl)

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

  606. 	},

  607. 	// 新增

  608. 	addBtn(){

  609. 		this.addParm = {

  610.     		id:null,

  611. 			platformId:null,

  612. 	    	companyId:null,

  613. 	    	account:null,

  614. 	    	pwd:null,

  615. 	    	amount:null,

  616. 	    	shop:null,

  617. 	    	orderId:null,

  618. 	    	comment:null,

  619. 	    	paths: []

  620.       }

  621. 		this.fileList = []

  622. 		this.dialogAddTitle='新增'

  623. 		this.dialogAddVisible = true

  624. 	},

  625. 	//	修改

  626. 	editById(data){

  627. 		this.fileList = [];

  628. 		this.editParm.paths = [];

  629. 		this.editParm.comment = null;

  630. 		getDetailById({id: data.id}).then(res => {

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

  632. 				

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

  634. 		    	this.editParm.comment = res.data.comment;

  635. 		    	

  636. 		    	if (res.data.paths != "undefined" && res.data.paths != null && res.data.paths != "" &&res.data.paths != "null" && res.data.paths != "NULL") {

  637. 		    		this.editParm.paths = res.data.paths.split(',');

  638. 		    	}

  639. 		    	

  640. 		    	if (this.editParm.paths != "undefined" && this.editParm.paths != null && this.editParm.paths != "" && this.editParm.paths != "null" && this.editParm.paths != "NULL") {

  641. 		    		this.editParm.paths = res.data.paths.split(',');

  642. 		    		this.fileList = res.data.paths.split(',').map(val => {

  643. //			    	  return {url:"http://localhost:8008/file" + val}

  644. 						return {name: val.substring(val.lastIndexOf("\/") + 1, val.length), url: val}

  645. 						console.log("url:" + val);

  646. 			    	})

  647. 			    	console.log(this.fileList)

  648. 		    	}

  649. 		    	

  650. 				this.dialogEditVisible = true

  651. 				this.$refs.ruleForm.clearValidate()

  652. 			}

  653. 		}).catch(err => {

  654. 			console.log(err)

  655. 		})

  656. 	},

  657. 	// 确认修改

  658. 	sureEdit(){

  659. 		this.editParm.paths = this.editParm.paths.toString()

  660. 		commentFun(this.editParm).then(res => {

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

  662. 					console.log(res)

  663. 					this.dialogEditVisible = false

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

  665. 					this.getDataList()

  666. 				}

  667. 			}).catch(err => {

  668. 				console.log(err)

  669. 			})

  670. 	},

  671. 	// 确认新增

  672. 	sureAdd(){

  673. 		this.addParm.paths = this.addParm.paths.toString()

  674. 		console.log(this.addParm)

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

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

  677. 					this.dialogAddVisible = false

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

  679. 					this.getDataList()

  680. 				}

  681. 		}).catch(err => {

  682. 				console.log(err)

  683. 		})

  684. 	},

  685. 	// 查看根据id

  686. 	getBtnById(id){

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

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

  689. 				

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

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

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

  693. 		    	this.detailParm.amount = res.data.amount;

  694. 		    	this.detailParm.shop = res.data.shop;

  695. 		    	this.detailParm.orderId = res.data.orderId;

  696. 		    	this.detailParm.comment = res.data.comment;

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

  698. 		    	this.detailParm.orderDate = res.data.orderDate;

  699. 		    	this.detailParm.paths = res.data.paths;

  700. 		    	this.fileList = [];

  701. 		    	

  702. 		    	if (res.data.paths != "undefined" && res.data.paths != null && res.data.paths != "" &&res.data.paths != "null" && res.data.paths != "NULL") {

  703. 		    		this.detailParm.paths = res.data.paths.split(',');

  704. 		    	}

  705. 		    	

  706. 		    	if (this.detailParm.paths != "undefined" && this.detailParm.paths != null && this.detailParm.paths != "" && this.detailParm.paths != "null" && this.detailParm.paths != "NULL") {

  707. 		    		this.detailParm.paths = res.data.paths.split(',')

  708. 		    		this.fileList = res.data.paths.split(',').map(val => {

  709. //			    	  return {url:"http://localhost:8008/file" + val}

  710. 						return {name: val.substring(val.lastIndexOf("\/") + 1, val.length), url: val}

  711. 			    	})

  712. 			    	console.log(this.fileList)

  713. 		    	}

  714. 				

  715. 				this.dialogDetailVisible = true;

  716. 				this.$refs.ruleForm.clearValidate();

  717. 				

  718. 			}

  719. 		}).catch(err => {

  720. 			console.log(err)

  721. 		})

  722. 	},

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

  724. 	getDataList(){

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

  726. 				console.log(res)

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

  728. 					console.log(res)

  729. 					this.list = res.data.list;

  730. 					this.total = res.data.total;

  731. 				}

  732. 			}).catch(err => {

  733. 				console.log(err)

  734. 			})

  735. 	},

  736. 	

  737. 	//	分页

  738. 		handleSizeChange(val) {

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

  740.    		this.searchParm.pageSize = val;

  741.    		this.getDataList();

  742.   	},

  743.   	handleCurrentChange(val) {

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

  745.     	this.searchParm.page = val;

  746.     	this.getDataList();

  747.   	}

  748.   }

  749. }

  750. </script>

  751. 

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

  753. </style>