From c635d78b479510ebe2556a420948effcd30a0731 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:40:43 +0800 Subject: [PATCH] 新建德森项目分支 --- zy-asrs-openapi/src/main/webapp/views/reportApiManage.html | 716 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 358 insertions(+), 358 deletions(-) diff --git a/zy-asrs-openapi/src/main/webapp/views/reportApiManage.html b/zy-asrs-openapi/src/main/webapp/views/reportApiManage.html index d194ff1..eaf4957 100644 --- a/zy-asrs-openapi/src/main/webapp/views/reportApiManage.html +++ b/zy-asrs-openapi/src/main/webapp/views/reportApiManage.html @@ -1,359 +1,359 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>API寮�鏀惧钩鍙� - 涓婃姤鎺ュ彛绠$悊</title> - <link rel="stylesheet" href="../static/css/element.css"> - <link rel="stylesheet" href="../static/css/common.css"> - <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> - <script type="text/javascript" src="../static/js/vue.min.js"></script> - <script type="text/javascript" src="../static/js/showdown.min.js"></script> - <script type="text/javascript" src="../static/js/common.js"></script> - <script type="text/javascript" src="../static/js/element.js"></script> -</head> -<body> - <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;"> - <div style="width: 80%;"> - <el-card class="box-card"> - <el-form :inline="true" :model="tableSearchParam" class="demo-form-inline"> - <el-form-item label=""> - <el-input v-model="tableSearchParam.url" placeholder="URL"></el-input> - </el-form-item> - <el-form-item label=""> - <el-select v-model="tableSearchParam.type" placeholder="璇烽�夋嫨涓婃姤绫诲瀷"> - <el-option label="璁㈠崟瀹屾垚" value="order_complete"></el-option> - <el-option label="璁㈠崟鍙栨秷" value="order_cancel"></el-option> - <el-option label="搴撳瓨涓婃姤" value="report_stock"></el-option> - </el-select> - </el-form-item> - <el-form-item> - <el-select v-model="tableSearchParam.status" placeholder="璇烽�夋嫨鏄惁寮�鍚�"> - <el-option label="寮�鍚�" value="1"></el-option> - <el-option label="鍏抽棴" value="0"></el-option> - </el-select> - </el-form-item> - <el-form-item label=""> - <el-select v-model="tableSearchParam.hostId" placeholder="璇烽�夋嫨閫夋嫨浠撳簱"> - <el-option v-for="item in hostList" :label="item.name" :value="item.id"></el-option> - </el-select> - </el-form-item> - <el-form-item> - <el-button type="primary" @click="getTableData">鏌ヨ</el-button> - <el-button type="primary" @click="resetParam">閲嶇疆</el-button> - <el-button type="success" @click="showAddApi()">娣诲姞鎺ュ彛</el-button> - </el-form-item> - </el-form> - <el-table ref="singleTable" :data="tableData" style="width: 100%;"> - <el-table-column property="url" label="URL"> - </el-table-column> - <el-table-column property="type$" label="涓婃姤绫诲瀷"> - </el-table-column> - <el-table-column property="status$" label="鏄惁寮�鍚�"> - </el-table-column> - <el-table-column property="hostId$" label="浠撳簱"> - </el-table-column> - <el-table-column - fixed="right" - label="鎿嶄綔" - width="100"> - <template slot-scope="scope"> - <el-button @click="showAddApi(scope.row)" type="text" size="small">缂栬緫</el-button> - <el-button @click="deleteApi(scope.row)" type="text" size="small">鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - - <div style="margin-top: 10px;"> - <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" - :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize" - layout="total, sizes, prev, pager, next, jumper" :total="pageTotal"> - </el-pagination> - </div> - </el-card> - </div> - - <div class="slider"> - <div><el-button type="text" @click="switchPage('index.html')">绠�浠�</el-button></div> - <div><el-button type="text" @click="switchPage('default.html')">瑙勮寖璇存槑</el-button></div> - <el-divider></el-divider> - <div><el-button type="text" @click="switchPage('reportCompleted.html')">璁㈠崟瀹屾垚涓婃姤</el-button></div> - <div><el-button type="text" @click="switchPage('reportCancel.html')">璁㈠崟鍙栨秷涓婃姤</el-button></div> - <div><el-button type="text" @click="switchPage('reportStock.html')">搴撳瓨涓婃姤</el-button></div> - <div><el-button type="text" @click="switchPage('reportApiManage.html')">涓婃姤API绠$悊</el-button></div> - <el-divider></el-divider> - <div><el-button type="text" @click="switchPage('getOrderType.html')">鑾峰彇璁㈠崟绫诲瀷</el-button></div> - <div><el-button type="text" @click="switchPage('getOrderStatus.html')">鑾峰彇璁㈠崟鐘舵�佸垪琛�</el-button></div> - <div><el-button type="text" @click="switchPage('getOrderList.html')">鑾峰彇璁㈠崟鍒楄〃</el-button></div> - <div><el-button type="text" @click="switchPage('generateOrderPakIn.html')">鐢熸垚鍏ュ簱璁㈠崟</el-button></div> - <div><el-button type="text" @click="switchPage('generateOrderPakOut.html')">鐢熸垚鍑哄簱璁㈠崟</el-button></div> - <div><el-button type="text" @click="switchPage('createMat.html')">娣诲姞鐗╂枡淇℃伅</el-button></div> -<!-- <el-divider></el-divider>--> -<!-- <div><el-button type="text" @click="keyList()">瀵嗛挜绠$悊</el-button></div>--> - </div> - - <el-dialog title="鎺ュ彛绠$悊" :visible.sync="formVisible"> - <el-form ref="form" :model="formData" label-width="80px"> - <el-form-item label="URL"> - <el-input v-model="formData.url" placeholder="璇疯緭鍏ヤ笂鎶RL"></el-input> - </el-form-item> - <el-form-item label="涓婃姤绫诲瀷"> - <el-select v-model="formData.type" placeholder="璇烽�夋嫨涓婃姤绫诲瀷"> - <el-option label="璁㈠崟瀹屾垚" value="order_complete"></el-option> - <el-option label="璁㈠崟鍙栨秷" value="order_cancel"></el-option> - <el-option label="搴撳瓨涓婃姤" value="report_stock"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鏄惁寮�鍚�"> - <el-select v-model="formData.status" placeholder="璇烽�夋嫨鏄惁寮�鍚�"> - <el-option label="寮�鍚�" value="1"></el-option> - <el-option label="鍏抽棴" value="0"></el-option> - </el-select> - </el-form-item> - <el-form-item label="閫夋嫨浠撳簱"> - <el-select v-model="formData.hostId" placeholder="璇烽�夋嫨閫夋嫨浠撳簱"> - <el-option v-for="item in hostList" :label="item.name" :value="item.id"></el-option> - </el-select> - </el-form-item> - <el-form-item> - <el-button v-if="formData.id == null" type="success" @click="addApi()">娣诲姞</el-button> - <el-button v-else type="primary" @click="updateApi()">鏇存柊</el-button> - </el-form-item> - </el-form> - </el-dialog> - </div> - - <script> - var app = new Vue({ - el: '#app', - data: { - tableData: [], - currentPage: 1, - pageSizes: [16, 30, 50, 100, 150, 200], - pageSize: 16, - pageTotal: 0, - tableSearchParam: { - url: "", - type: "", - status: "", - hostId: "" - }, - tableData: [], - formVisible: false, - formData: { - id: null, - url: "", - type: "", - status: "", - hostId: "" - }, - hostList: [] - }, - created() { - this.init() - }, - methods: { - init() { - this.getTableData() - this.getHostList() - }, - getTableData() { - let that = this; - let data = this.tableSearchParam - data.curr = this.currentPage - data.limit = this.pageSize - $.ajax({ - url: baseUrl + "/apiList/page/auth", - headers: { - 'token': localStorage.getItem('token') - }, - data: data, - dataType: 'json', - contentType: 'application/json;charset=UTF-8', - method: 'GET', - success: function(res) { - if (res.code == 200) { - that.tableData = res.data.records - that.pageTotal = res.data.total - } else { - that.$message({ - message: res.msg, - type: 'error' - }); - } - } - }); - }, - handleSizeChange(val) { - console.log(`姣忛〉 ${val} 鏉); - this.pageSize = val - this.getTableData() - }, - handleCurrentChange(val) { - console.log(`褰撳墠椤�: ${val}`); - this.currentPage = val - this.getTableData() - }, - resetParam() { - this.tableSearchParam = { - task_no: null, - status: null, - wrk_no: null - } - this.getTableData() - }, - switchPage(url) { - location.href = url - }, - showAddApi(data) { - this.formVisible = true; - if (data != null) { - this.formData = { - id: data.id, - url: data.url, - type: data.type, - status: "" + data.status, - hostId: data.hostId - } - }else { - this.formData = { - id: null, - url: "", - type: "", - status: "", - hostId: "" - } - } - }, - addApi() { - let that = this; - if(this.formData.url == '' || this.formData.type == '' || this.formData.status == '' || this.formData.hostId == ''){ - this.$message({ - message: '鍙傛暟涓嶈兘涓虹┖', - type: 'error' - }); - return; - } - $.ajax({ - url: baseUrl + "/apiList/add/auth", - headers: { - 'token': localStorage.getItem('token') - }, - data: this.formData, - dataType: 'json', - contentType: 'application/json;charset=UTF-8', - method: 'GET', - success: function(res) { - if (res.code == 200) { - that.formVisible = false; - that.formData = { - id: null, - url: "", - type: "", - status: "", - hostId: "" - } - that.getTableData() - that.$message({ - message: '娣诲姞鎴愬姛', - type: 'success' - }); - }else { - that.$message({ - message: res.msg, - type: 'error' - }); - } - } - }); - }, - updateApi() { - let that = this; - if(this.formData.id == null || this.formData.url == '' || this.formData.type == '' || this.formData.status == '' || this.formData.hostId == ''){ - this.$message({ - message: '鍙傛暟涓嶈兘涓虹┖', - type: 'error' - }); - return; - } - $.ajax({ - url: baseUrl + "/apiList/update/auth", - headers: { - 'token': localStorage.getItem('token') - }, - data: this.formData, - dataType: 'json', - contentType: 'application/json;charset=UTF-8', - method: 'GET', - success: function(res) { - if (res.code == 200) { - that.formVisible = false; - that.formData = { - id: null, - url: "", - type: "", - status: "", - hostId: "" - } - that.getTableData() - that.$message({ - message: '鏇存柊鎴愬姛', - type: 'success' - }); - }else { - that.$message({ - message: res.msg, - type: 'error' - }); - } - } - }); - }, - deleteApi(data) { - let that = this; - $.ajax({ - url: baseUrl + "/apiList/delete/auth", - headers: { - 'token': localStorage.getItem('token') - }, - data: { - ids: [data.id] - }, - dataType: 'json', - contentType: 'application/json;charset=UTF-8', - method: 'GET', - success: function(res) { - if (res.code == 200) { - that.getTableData() - that.$message({ - message: '鍒犻櫎鎴愬姛', - type: 'success' - }); - }else { - that.$message({ - message: res.msg, - type: 'error' - }); - } - } - }); - }, - getHostList() { - let that = this; - $.ajax({ - url: baseUrl + "/host/list", - headers: { - 'token': localStorage.getItem('token') - }, - dataType: 'json', - contentType: 'application/json;charset=UTF-8', - method: 'GET', - success: function(res) { - that.hostList = res.data - } - }); - } - } - }) - </script> -</body> +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>API寮�鏀惧钩鍙� - 涓婃姤鎺ュ彛绠$悊</title> + <link rel="stylesheet" href="../static/css/element.css"> + <link rel="stylesheet" href="../static/css/common.css"> + <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> + <script type="text/javascript" src="../static/js/vue.min.js"></script> + <script type="text/javascript" src="../static/js/showdown.min.js"></script> + <script type="text/javascript" src="../static/js/common.js"></script> + <script type="text/javascript" src="../static/js/element.js"></script> +</head> +<body> + <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;"> + <div style="width: 80%;"> + <el-card class="box-card"> + <el-form :inline="true" :model="tableSearchParam" class="demo-form-inline"> + <el-form-item label=""> + <el-input v-model="tableSearchParam.url" placeholder="URL"></el-input> + </el-form-item> + <el-form-item label=""> + <el-select v-model="tableSearchParam.type" placeholder="璇烽�夋嫨涓婃姤绫诲瀷"> + <el-option label="璁㈠崟瀹屾垚" value="order_complete"></el-option> + <el-option label="璁㈠崟鍙栨秷" value="order_cancel"></el-option> + <el-option label="搴撳瓨涓婃姤" value="report_stock"></el-option> + </el-select> + </el-form-item> + <el-form-item> + <el-select v-model="tableSearchParam.status" placeholder="璇烽�夋嫨鏄惁寮�鍚�"> + <el-option label="寮�鍚�" value="1"></el-option> + <el-option label="鍏抽棴" value="0"></el-option> + </el-select> + </el-form-item> + <el-form-item label=""> + <el-select v-model="tableSearchParam.hostId" placeholder="璇烽�夋嫨閫夋嫨浠撳簱"> + <el-option v-for="item in hostList" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + <el-form-item> + <el-button type="primary" @click="getTableData">鏌ヨ</el-button> + <el-button type="primary" @click="resetParam">閲嶇疆</el-button> + <el-button type="success" @click="showAddApi()">娣诲姞鎺ュ彛</el-button> + </el-form-item> + </el-form> + <el-table ref="singleTable" :data="tableData" style="width: 100%;"> + <el-table-column property="url" label="URL"> + </el-table-column> + <el-table-column property="type$" label="涓婃姤绫诲瀷"> + </el-table-column> + <el-table-column property="status$" label="鏄惁寮�鍚�"> + </el-table-column> + <el-table-column property="hostId$" label="浠撳簱"> + </el-table-column> + <el-table-column + fixed="right" + label="鎿嶄綔" + width="100"> + <template slot-scope="scope"> + <el-button @click="showAddApi(scope.row)" type="text" size="small">缂栬緫</el-button> + <el-button @click="deleteApi(scope.row)" type="text" size="small">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + + <div style="margin-top: 10px;"> + <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" + :current-page="currentPage" :page-sizes="pageSizes" :page-size="pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="pageTotal"> + </el-pagination> + </div> + </el-card> + </div> + + <div class="slider"> + <div><el-button type="text" @click="switchPage('index.html')">绠�浠�</el-button></div> + <div><el-button type="text" @click="switchPage('default.html')">瑙勮寖璇存槑</el-button></div> + <el-divider></el-divider> + <div><el-button type="text" @click="switchPage('reportCompleted.html')">璁㈠崟瀹屾垚涓婃姤</el-button></div> + <div><el-button type="text" @click="switchPage('reportCancel.html')">璁㈠崟鍙栨秷涓婃姤</el-button></div> + <div><el-button type="text" @click="switchPage('reportStock.html')">搴撳瓨涓婃姤</el-button></div> + <div><el-button type="text" @click="switchPage('reportApiManage.html')">涓婃姤API绠$悊</el-button></div> + <el-divider></el-divider> + <div><el-button type="text" @click="switchPage('getOrderType.html')">鑾峰彇璁㈠崟绫诲瀷</el-button></div> + <div><el-button type="text" @click="switchPage('getOrderStatus.html')">鑾峰彇璁㈠崟鐘舵�佸垪琛�</el-button></div> + <div><el-button type="text" @click="switchPage('getOrderList.html')">鑾峰彇璁㈠崟鍒楄〃</el-button></div> + <div><el-button type="text" @click="switchPage('generateOrderPakIn.html')">鐢熸垚鍏ュ簱璁㈠崟</el-button></div> + <div><el-button type="text" @click="switchPage('generateOrderPakOut.html')">鐢熸垚鍑哄簱璁㈠崟</el-button></div> + <div><el-button type="text" @click="switchPage('createMat.html')">娣诲姞鐗╂枡淇℃伅</el-button></div> +<!-- <el-divider></el-divider>--> +<!-- <div><el-button type="text" @click="keyList()">瀵嗛挜绠$悊</el-button></div>--> + </div> + + <el-dialog title="鎺ュ彛绠$悊" :visible.sync="formVisible"> + <el-form ref="form" :model="formData" label-width="80px"> + <el-form-item label="URL"> + <el-input v-model="formData.url" placeholder="璇疯緭鍏ヤ笂鎶RL"></el-input> + </el-form-item> + <el-form-item label="涓婃姤绫诲瀷"> + <el-select v-model="formData.type" placeholder="璇烽�夋嫨涓婃姤绫诲瀷"> + <el-option label="璁㈠崟瀹屾垚" value="order_complete"></el-option> + <el-option label="璁㈠崟鍙栨秷" value="order_cancel"></el-option> + <el-option label="搴撳瓨涓婃姤" value="report_stock"></el-option> + </el-select> + </el-form-item> + <el-form-item label="鏄惁寮�鍚�"> + <el-select v-model="formData.status" placeholder="璇烽�夋嫨鏄惁寮�鍚�"> + <el-option label="寮�鍚�" value="1"></el-option> + <el-option label="鍏抽棴" value="0"></el-option> + </el-select> + </el-form-item> + <el-form-item label="閫夋嫨浠撳簱"> + <el-select v-model="formData.hostId" placeholder="璇烽�夋嫨閫夋嫨浠撳簱"> + <el-option v-for="item in hostList" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + <el-form-item> + <el-button v-if="formData.id == null" type="success" @click="addApi()">娣诲姞</el-button> + <el-button v-else type="primary" @click="updateApi()">鏇存柊</el-button> + </el-form-item> + </el-form> + </el-dialog> + </div> + + <script> + var app = new Vue({ + el: '#app', + data: { + tableData: [], + currentPage: 1, + pageSizes: [16, 30, 50, 100, 150, 200], + pageSize: 16, + pageTotal: 0, + tableSearchParam: { + url: "", + type: "", + status: "", + hostId: "" + }, + tableData: [], + formVisible: false, + formData: { + id: null, + url: "", + type: "", + status: "", + hostId: "" + }, + hostList: [] + }, + created() { + this.init() + }, + methods: { + init() { + this.getTableData() + this.getHostList() + }, + getTableData() { + let that = this; + let data = this.tableSearchParam + data.curr = this.currentPage + data.limit = this.pageSize + $.ajax({ + url: baseUrl + "/apiList/page/auth", + headers: { + 'token': localStorage.getItem('token') + }, + data: data, + dataType: 'json', + contentType: 'application/json;charset=UTF-8', + method: 'GET', + success: function(res) { + if (res.code == 200) { + that.tableData = res.data.records + that.pageTotal = res.data.total + } else { + that.$message({ + message: res.msg, + type: 'error' + }); + } + } + }); + }, + handleSizeChange(val) { + console.log(`姣忛〉 ${val} 鏉); + this.pageSize = val + this.getTableData() + }, + handleCurrentChange(val) { + console.log(`褰撳墠椤�: ${val}`); + this.currentPage = val + this.getTableData() + }, + resetParam() { + this.tableSearchParam = { + task_no: null, + status: null, + wrk_no: null + } + this.getTableData() + }, + switchPage(url) { + location.href = url + }, + showAddApi(data) { + this.formVisible = true; + if (data != null) { + this.formData = { + id: data.id, + url: data.url, + type: data.type, + status: "" + data.status, + hostId: data.hostId + } + }else { + this.formData = { + id: null, + url: "", + type: "", + status: "", + hostId: "" + } + } + }, + addApi() { + let that = this; + if(this.formData.url == '' || this.formData.type == '' || this.formData.status == '' || this.formData.hostId == ''){ + this.$message({ + message: '鍙傛暟涓嶈兘涓虹┖', + type: 'error' + }); + return; + } + $.ajax({ + url: baseUrl + "/apiList/add/auth", + headers: { + 'token': localStorage.getItem('token') + }, + data: this.formData, + dataType: 'json', + contentType: 'application/json;charset=UTF-8', + method: 'GET', + success: function(res) { + if (res.code == 200) { + that.formVisible = false; + that.formData = { + id: null, + url: "", + type: "", + status: "", + hostId: "" + } + that.getTableData() + that.$message({ + message: '娣诲姞鎴愬姛', + type: 'success' + }); + }else { + that.$message({ + message: res.msg, + type: 'error' + }); + } + } + }); + }, + updateApi() { + let that = this; + if(this.formData.id == null || this.formData.url == '' || this.formData.type == '' || this.formData.status == '' || this.formData.hostId == ''){ + this.$message({ + message: '鍙傛暟涓嶈兘涓虹┖', + type: 'error' + }); + return; + } + $.ajax({ + url: baseUrl + "/apiList/update/auth", + headers: { + 'token': localStorage.getItem('token') + }, + data: this.formData, + dataType: 'json', + contentType: 'application/json;charset=UTF-8', + method: 'GET', + success: function(res) { + if (res.code == 200) { + that.formVisible = false; + that.formData = { + id: null, + url: "", + type: "", + status: "", + hostId: "" + } + that.getTableData() + that.$message({ + message: '鏇存柊鎴愬姛', + type: 'success' + }); + }else { + that.$message({ + message: res.msg, + type: 'error' + }); + } + } + }); + }, + deleteApi(data) { + let that = this; + $.ajax({ + url: baseUrl + "/apiList/delete/auth", + headers: { + 'token': localStorage.getItem('token') + }, + data: { + ids: [data.id] + }, + dataType: 'json', + contentType: 'application/json;charset=UTF-8', + method: 'GET', + success: function(res) { + if (res.code == 200) { + that.getTableData() + that.$message({ + message: '鍒犻櫎鎴愬姛', + type: 'success' + }); + }else { + that.$message({ + message: res.msg, + type: 'error' + }); + } + } + }); + }, + getHostList() { + let that = this; + $.ajax({ + url: baseUrl + "/host/list", + headers: { + 'token': localStorage.getItem('token') + }, + dataType: 'json', + contentType: 'application/json;charset=UTF-8', + method: 'GET', + success: function(res) { + that.hostList = res.data + } + }); + } + } + }) + </script> +</body> </html> \ No newline at end of file -- Gitblit v1.9.1