From e37e45cfe1123928dba5d9c5a427b0ee497b7ad6 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期二, 23 八月 2022 03:21:32 +0800 Subject: [PATCH] 修复算法配置的字段内容 --- src/views/personalCenter/components/OrderMng.vue | 170 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 140 insertions(+), 30 deletions(-) diff --git a/src/views/personalCenter/components/OrderMng.vue b/src/views/personalCenter/components/OrderMng.vue index 93429a8..b366e26 100644 --- a/src/views/personalCenter/components/OrderMng.vue +++ b/src/views/personalCenter/components/OrderMng.vue @@ -5,7 +5,11 @@ <div class="left"> <div class="id"> 璁㈠崟缂栧彿/浜у搧鍚嶇О - <el-input v-model="inputText" placeholder="璇疯緭鍏�"></el-input> + <el-input + style="width: 140px" + v-model="inputText" + placeholder="璇疯緭鍏�" + ></el-input> </div> <div class="cluster"> @@ -18,7 +22,25 @@ start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :default-time="['00:00:00', '23:59:59']" + style="width: 212px" ></el-date-picker> + </div> + + <div class="id"> + 鐘舵�� + <el-select + class="selectStatus" + v-model="status" + @change="searchingBtn" + > + <el-option label="鍏ㄩ儴" :value="-10"></el-option> + <el-option label="宸插彇娑�" :value="-1"></el-option> + <el-option label="鏈笅鍗�" :value="0"></el-option> + <el-option label="寰呮敮浠�" :value="1"></el-option> + <el-option label="宸叉敮浠�" :value="2"></el-option> + <el-option label="瀹℃牳涓�" :value="11"></el-option> + <el-option label="宸查┏鍥�" :value="12"></el-option> + </el-select> </div> </div> @@ -60,20 +82,46 @@ prop="createTime" label="鍒涘缓鏃堕棿" show-overflow-tooltip + sortable + width="180" ></el-table-column> - <el-table-column prop="orderMoney" label="璁㈠崟閲戦"></el-table-column> + <!-- <el-table-column + prop="orderMoney" + label="璁㈠崟閲戦(鍏�)" + sortable + width="140" + ></el-table-column> <el-table-column label="鏀粯鏂瑰紡"> <template slot-scope="scope"> - <div v-if="scope.row.payMethod == 0">绾夸笅姹囨</div> - <div v-if="scope.row.payMethod == 1">鏀粯瀹�</div> - <div v-if="scope.row.payMethod == 2">寰俊</div> + <div v-if="scope.row.payMethod == 0">灏氭湭鏀粯</div> + <div v-if="scope.row.payMethod == 1">绾夸笅姹囨</div> + <div v-if="scope.row.payMethod == 2">鏀粯瀹�</div> + <div v-if="scope.row.payMethod == 3">寰俊</div> + <div v-if="scope.row.payMethod == 4">鏀粯瀹漺ap绔�</div> + <div v-if="scope.row.payMethod == 5">0鍏冩敮浠�</div> </template> - </el-table-column> - <el-table-column prop="status" label="璁㈠崟鐘舵��"></el-table-column> + </el-table-column> --> + <el-table-column + prop="status" + label="璁㈠崟鐘舵��" + sortable + ></el-table-column> - <el-table-column label="鎿嶄綔"> + <el-table-column label="鎿嶄綔" width="140"> <template slot-scope="scope"> - <span class="option" @click="showDetail(scope.row)">璁㈠崟璇︽儏</span> + <span class="option" @click="showDetail(scope.row)">璇︽儏</span> + <span + class="option" + v-if="scope.row.status === '寰呮敮浠�'" + @click="showPayBox(scope.row.id)" + >鏀粯</span + > + <span + class="option" + v-if="scope.row.status === '寰呮敮浠�'" + @click="cancel(scope.row.id)" + >鍙栨秷</span + > </template> </el-table-column> </el-table> @@ -90,6 +138,12 @@ ></el-pagination> </div> </div> + + <ConfirmOrder + v-if="showOrder" + :orderId="orderId" + @close="closeBox" + ></ConfirmOrder> </div> <div class="order-detail" v-else> @@ -114,21 +168,21 @@ <label>鍒涘缓浜猴細</label> <span>{{ form.createUserName }}</span> </div> - <div class="item"> + <!-- <div class="item"> <label>浠樻鏂瑰紡锛�</label> <span>{{ form.source == 0 ? "婵�娲荤爜涓嬭浇" : "绾夸笂璐拱" }}</span> - </div> + </div> --> <div class="item"> <label>璁㈠崟鐘舵�侊細</label> <span>{{ form.status }}</span> </div> - <div class="item"> + <!-- <div class="item"> <label>璁㈠崟閲戦锛�</label> <span>{{ form.source == 0 ? "--" : "锟� " + form.orderMoney + " 鍏�" }}</span> - </div> + </div> --> </div> </div> </div> @@ -146,7 +200,7 @@ > <el-table-column prop="productName" label="浜у搧鍚嶇О"></el-table-column> - <el-table-column label="閰嶇疆璇︽儏"> + <!-- <el-table-column label="閰嶇疆璇︽儏"> <template slot-scope="scope"> <div style="text-align: left"> <p @@ -187,22 +241,34 @@ </p> </div> </template> - </el-table-column> + </el-table-column> --> <el-table-column prop="devCount" label="鏁伴噺"></el-table-column> - <el-table-column label="鏈嶅姟璧锋鏃堕棿"> + <!-- <el-table-column label="鏈嶅姟璧锋鏃堕棿"> <template slot-scope="scope"> <p>{{ scope.row.startTime }}</p> <p>{{ scope.row.endTime }}</p> </template> - </el-table-column> + </el-table-column> --> <el-table-column label="閲戦"> <template slot-scope="scope">{{ form.source == 0 ? "--" : "锟� " + scope.row.price + " 鍏�" }}</template> </el-table-column> + <el-table-column label="鎿嶄綔"> + <template slot-scope="scope"> + <div + v-if="scope.row.url" + class="downloadLink button" + @click="download(scope.row.url)" + style="color: blue; cursor: pointer" + > + 涓嬭浇 + </div> + </template> + </el-table-column> </el-table> </div> - <div class="block"> + <!-- <div class="block"> <div class="head-name">鏀粯淇℃伅</div> <el-table tooltip-effect="dark" @@ -213,12 +279,14 @@ > <el-table-column prop="payMethod" label="鏀粯娓犻亾" min-width="80"> <template slot-scope="scope"> + <div v-if="scope.row.payMethod == 0">灏氭湭鏀粯</div> <div v-if="scope.row.payMethod == 1">绾夸笅姹囨</div> <div v-if="scope.row.payMethod == 2">鏀粯瀹�</div> <div v-if="scope.row.payMethod == 3">寰俊</div> + <div v-if="scope.row.payMethod == 4">鏀粯瀹漺ap绔�</div> + <div v-if="scope.row.payMethod == 5">0鍏冩敮浠�</div> </template> </el-table-column> - <!-- <el-table-column prop="payTime" label="浠樻鏃堕棿" align="center" min-width="150" ></el-table-column> --> <el-table-column prop="updateTime" label="浠樻鏃堕棿"></el-table-column> <el-table-column prop="payMoney" label="浠樻閲戦"></el-table-column> @@ -232,25 +300,30 @@ </template> </el-table-column> </el-table> - </div> + </div> --> </div> </template> <script> -import { getOrders, getAuthFile } from "@/api/order"; +import { getOrders, getAuthFile, cancelOrder } from "@/api/order"; import { getOrderById } from "@/api/product"; +import ConfirmOrder from "@/views/productDetail/components/ConfirmOrder"; export default { - components: {}, + components: { + ConfirmOrder, + }, created() { + let type = sessionStorage.getItem("type"); + if (type) { + this.status = +type; + sessionStorage.removeItem("type"); + } this.searchingBtn(); }, data() { return { - searchTime: [ - this.$moment().format("YYYY-MM-DD 00:00:00"), - this.$moment().format("YYYY-MM-DD HH:mm:ss"), - ], //鎼滅储鏃堕棿 + searchTime: [], //鎼滅储鏃堕棿 page: 1, size: 10, //鍒嗛〉鐩稿叧 inputText: "", //杈撳叆妗嗗唴瀹� @@ -277,6 +350,9 @@ form: {}, //澶勭悊涓殑璁惧 isShowDetail: false, showTable: false, + orderId: "", + showOrder: false, + status: -10, }; }, methods: { @@ -291,7 +367,7 @@ productBaseId: "0", orderName: "", orderType: "", - status: 0, + status: this.status, }; getOrders(param) .then((res) => { @@ -397,7 +473,7 @@ clearSearch() { debugger; - this.searchTime = this.getDateInit(); + this.searchTime = []; debugger; this.inputText = ""; this.searchingBtn(); @@ -551,6 +627,34 @@ window.URL.revokeObjectURL(Temp); }, + + showPayBox(id) { + this.showOrder = true; + this.orderId = id; + }, + + cancel(id) { + cancelOrder("/saas/api-s/saasOrder/cancel/" + id).then((res) => { + if (res && res.success) { + this.$notify({ + type: "success", + message: "璁㈠崟鍙栨秷鎴愬姛", + duration: 2500, + offset: 57, + }); + this.searchingBtn(); + } + }); + }, + + closeBox() { + this.showOrder = false; + this.searchingBtn(); + }, + + download(url) { + window.location.href(url); + }, }, mounted() {}, }; @@ -586,7 +690,7 @@ color: #fff; background: #0065ff; border-radius: 3px; - margin-right: 20px; + margin-right: 10px; } .right { display: flex; @@ -602,7 +706,7 @@ color: #fff; align-items: center; justify-content: center; - margin-left: 195px; + margin-left: 20px; cursor: pointer; } .resetBtn { @@ -663,6 +767,12 @@ } } + .selectStatus { + margin: 0 10px; + margin-right: 30px; + width: 100px; + } + .el-input ::v-deep { width: 200px; margin-left: 10px; -- Gitblit v1.8.0