From e595499209b7edcc6404fcb516620c7925ce1375 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期三, 04 一月 2023 21:34:58 +0800
Subject: [PATCH] 合并大屏项目
---
src/components/page/leaderShow/leaderIndex.vue | 1392 ++++++++++++++++++++++++
src/components/page/leaderShow/Dialog/handleOrderForm.vue | 193 +++
src/components/page/leaderShow/Dialog/xunjieOrderForm.vue | 239 ++++
src/components/page/leaderShow/leaderLogin.vue | 165 ++
src/components/page/leaderShow/Dialog/breakLawOrderForm.vue | 280 ++++
src/main.js | 3
src/components/page/leaderShow/Dialog/blackNameForm.vue | 178 +++
src/components/page/leaderShow/Dialog/shangjiZhipaiForm.vue | 239 ++++
src/components/page/leaderShow/Dialog/weizhangForm.vue | 67 +
src/components/page/leaderShow/Dialog/daibanForm.vue | 300 +++++
src/components/page/leaderShow/Dialog/zhipaiForm.vue | 174 +++
src/components/page/leaderShow/Dialog/inAndOutForm.vue | 168 ++
12 files changed, 3,398 insertions(+), 0 deletions(-)
diff --git a/src/components/page/leaderShow/Dialog/blackNameForm.vue b/src/components/page/leaderShow/Dialog/blackNameForm.vue
new file mode 100644
index 0000000..b8ee2c4
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/blackNameForm.vue
@@ -0,0 +1,178 @@
+<template>
+ <div class="blackNameForm-wrap">
+ <el-dialog
+ title="榛戝悕鍗曢噸鐐硅溅杈嗚褰�"
+ :visible.sync="dialogVisible"
+ width="60%">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ align="center"
+ fixed
+ type="index"
+ label="搴忓彿"
+ width="80">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ width="150">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="color"
+ label="杞﹁締棰滆壊"
+ width="150">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="carType"
+ label="杞﹁締绫诲瀷"
+ width="150">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="violationCount"
+ label="杩濈珷娆℃暟"
+ width="120">
+ </el-table-column>
+ </el-table>
+ <div class="black-footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "blackNameForm",
+ data() {
+ return {
+ pageConfig: {
+ pageDataUrl: this.$systemconfig.basePath + '/statistic/getBlackRecord',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ dialogVisible:false,
+ }
+ },
+ methods: {
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.initTableMaxHeight(this);
+ this.loadData();
+ },
+ //鍔犺浇鏁版嵁
+ loadData() {
+ this.$byutil.loadPageData(this, this.pageConfig.pageDataUrl,this.pageData);
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .blackNameForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table--enable-row-hover .el-table__body tr:hover>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .black-footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+</style>
+
+<style lang="scss" scoped>
+ .black-footer-box{
+ display: flex;
+ flex-direction: row-reverse;
+ margin-top: 0.1042rem /* 20/192 */;
+ }
+</style>
diff --git a/src/components/page/leaderShow/Dialog/breakLawOrderForm.vue b/src/components/page/leaderShow/Dialog/breakLawOrderForm.vue
new file mode 100644
index 0000000..c03abdb
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/breakLawOrderForm.vue
@@ -0,0 +1,280 @@
+<template>
+ <div class="breakLawOrderForm-wrap">
+ <el-dialog
+ title="杩濈珷杞﹁締鎵ф硶璁㈠崟璁板綍"
+ :visible.sync="dialogVisible"
+ width="80%">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ align="center"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ :show-overflow-tooltip="true"
+ header-align="center"
+ align="left"
+ prop="address"
+ label="浣嶇疆"
+ width="220">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="userName"
+ label="鎵ц浜�"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="money"
+ label="閲戦锛堝厓锛�"
+ width="80">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="status"
+ label="鐘舵��"
+ :filter-multiple="false"
+ :filters="statesOptions"
+ column-key="tag"
+ :filter-method="filterTag"
+ :formatter="statesFormat"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="violationTypeName"
+ label="杩濈珷绫诲瀷"
+ width="160">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="payStatus"
+ :formatter="payStatusFormat"
+ label="缂磋垂鐘舵��"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="createTime"
+ label="鏃堕棿"
+ width="180">
+ </el-table-column>
+ <!--<el-table-column
+ fixed="right"
+ label="鎿嶄綔"
+ width="120">
+ <template slot-scope="scope">
+ <el-button
+ v-if="scope.row.status != 3 && scope.row.status != 1"
+ @click.native.prevent="deleteRow(scope.row)"
+ type="primary"
+ size="mini">
+ 鎾ら攢
+ </el-button>
+ <!–<el-button
+ @click.native.prevent="deleteRow(scope.$index, tableData)"
+ type="danger"
+ size="mini">
+ 鍒犻櫎
+ </el-button>–>
+ </template>
+ </el-table-column>-->
+ </el-table>
+ <div class="break-footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "breakLawOrderForm",
+ data() {
+ return {
+ pageConfig:{
+ findPageUrl:this.$systemconfig.basePath + '/ticket/findPage',
+ deleteDataUrl: this.$systemconfig.basePath + '/ticket/delete',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ dialogVisible:false,
+ statesOptions: [
+ { value: 0, text: "鏈鐞�" },
+ { value: 1, text: "宸插鐞�" },
+ { value: 2, text: "鏈畬鎴�" },
+ { value: 3, text: "鎾ら攢" },
+ ],
+ }
+ },
+ methods: {
+ payStatusFormat(row) { //缂磋垂鐘舵��
+ if(row.type == 0) {
+ return '寰呯即璐�'
+ }else if(row.type == 1) {
+ return '宸茬即璐�'
+ }else if(row.type == 2) {
+ return '鏀粯澶辫触'
+ }
+ },
+ statesFormat(row) { //鐘舵��
+ if(row.status == 0) {
+ return '鏈鐞�'
+ }else if(row.status == 1) {
+ return '宸插鐞�'
+ }else if(row.status == 2) {
+ return '鏈畬鎴�'
+ }else if(row.status == 3) {
+ return '鎾ら攢'
+ }
+ },
+ filterTag(value,row) {
+ console.log('value-------',value)
+ console.log('row.status',row.status)
+ return row.status === value
+ },
+ deleteRow(row) { //鎾ら攢
+ this.$confirm('鏄惁缁х画姝ゆ搷浣滐紵','鎻愮ず',{
+ confirmButtonText:'纭畾',
+ cancelButtonText:'鍙栨秷',
+ type:'warning'
+ }).then(() => {
+ console.log('row-------',row.id)
+ this.$byutil.postData(this,this.pageConfig.deleteDataUrl,{id:row.id},res => {
+ this.$message.success(res.message)
+ this.loadData();
+ })
+ }).catch(() => {
+ this.$message({
+ type:'info',
+ message:"宸插彇娑�"
+ })
+ })
+
+ },
+ typeFormat(row) {
+ if(row.type == 0) {
+ return '鐜板満澶勭綒'
+ }else if(row.type == 1) {
+ return '涓婄骇浠诲姟'
+ }
+ },
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.initTableMaxHeight(this);
+ this.loadData();
+ },
+ loadData() {
+ this.$byutil.loadPageData(this,this.pageConfig.findPageUrl,this.pageData)
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .breakLawOrderForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table--enable-row-hover .el-table__body tr:hover>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .break-footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+</style>
+
+<style lang="scss" scoped>
+ .break-footer-box{
+ margin-top: 20px;
+ display: flex;
+ flex-direction: row-reverse;
+ }
+</style>
diff --git a/src/components/page/leaderShow/Dialog/daibanForm.vue b/src/components/page/leaderShow/Dialog/daibanForm.vue
new file mode 100644
index 0000000..61ad5a4
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/daibanForm.vue
@@ -0,0 +1,300 @@
+<template>
+ <div class="daibanForm-wrap">
+ <el-dialog
+ title="鎴戠殑寰呭姙"
+ :visible.sync="dialogVisible"
+ width="80%"
+ :before-close="handleClose">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ align="center"
+ fixed
+ type="index"
+ label="搴忓彿"
+ width="80">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ min-width="120">
+ </el-table-column>
+ <el-table-column
+ :show-overflow-tooltip="true"
+ align="left"
+ prop="address"
+ label="浣嶇疆"
+ min-width="200">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ prop="userName"
+ label="鎵ц浜�"
+ min-width="120">
+ </el-table-column>
+ <el-table-column
+ align="right"
+ prop="money"
+ label="閲戦锛堝厓锛�"
+ min-width="80">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ prop="status"
+ label="鐘舵��"
+ :filter-multiple="false"
+ :filters="statesOptions"
+ column-key="tag"
+ :filter-method="filterTag"
+ :formatter="statesFormat"
+ min-width="120">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ prop="violationTypeName"
+ label="杩濈珷绫诲瀷"
+ min-width="120">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ prop="payStatus"
+ :formatter="payStatusFormat"
+ label="缂磋垂鐘舵��"
+ min-width="120">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ prop="createTime"
+ label="鏃堕棿"
+ min-width="180">
+ </el-table-column>
+ <el-table-column
+ align="right"
+ fixed="right"
+ label="鎿嶄綔"
+ min-width="120">
+ <template slot-scope="scope">
+ <el-button
+ v-if="scope.row.status != 3 && scope.row.status != 1"
+ @click.native.prevent="deleteRow(scope.row)"
+ type="primary"
+ size="mini">
+ 鎾ら攢
+ </el-button>
+ <!--<el-button
+ @click.native.prevent="deleteRow(scope.$index, tableData)"
+ type="danger"
+ size="mini">
+ 鍒犻櫎
+ </el-button>-->
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "daibanForm",
+ data() {
+ return {
+ pageConfig: {
+ pageDataUrl: this.$systemconfig.basePath + '/ticket/findPage',
+ deleteDataUrl: this.$systemconfig.basePath + '/ticket/delete',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ dialogVisible:false,
+ tableData: [],
+ statesOptions: [
+ { value: 0, text: "鏈鐞�" },
+ { value: 1, text: "宸插鐞�" },
+ { value: 2, text: "鏈畬鎴�" },
+ { value: 3, text: "鎾ら攢" },
+ ],
+ }
+ },
+ mounted() {
+ this.$byutil.initTableMaxHeight(this);
+ },
+ methods: {
+ handleClose() { //鍏抽棴寮规
+ this.dialogVisible = false
+ },
+ payStatusFormat(row) { //缂磋垂鐘舵��
+ if(row.type == 0) {
+ return '寰呯即璐�'
+ }else if(row.type == 1) {
+ return '宸茬即璐�'
+ }else if(row.type == 2) {
+ return '鏀粯澶辫触'
+ }
+ },
+ statesFormat(row) { //鐘舵��
+ if(row.status == 0) {
+ return '鏈鐞�'
+ }else if(row.status == 1) {
+ return '宸插鐞�'
+ }else if(row.status == 2) {
+ return '鏈畬鎴�'
+ }else if(row.status == 3) {
+ return '鎾ら攢'
+ }
+ },
+ filterTag(value,row) {
+ console.log('value-------',value)
+ console.log('row.status',row.status)
+ return row.status === value
+ },
+ /*statusFormat(row, column) { //鐘舵��
+ if(row.status == 0) {
+ return '鏈鐞�'
+ }else if(row.status == 1) {
+ return '宸插鐞�'
+ }else if(row.status == 2) {
+ return '鏈畬鎴�'
+ }else if(row.status == 3) {
+ return '鎾ら攢'
+ }
+ },*/
+ deleteRow(row) { //鎾ら攢
+ this.$confirm('鏄惁缁х画姝ゆ搷浣滐紵','鎻愮ず',{
+ confirmButtonText:'纭畾',
+ cancelButtonText:'鍙栨秷',
+ type:'warning'
+ }).then(() => {
+ console.log('row-------',row.id)
+ this.$byutil.postData(this,this.pageConfig.deleteDataUrl,{id:row.id},res => {
+ this.$message.success(res.message)
+ this.loadData();
+ })
+ }).catch(() => {
+ this.$message({
+ type:'info',
+ message:"宸插彇娑�"
+ })
+ })
+
+ },
+ //鍔犺浇鏁版嵁
+ loadData() {
+ this.$byutil.loadPageData(this, this.pageConfig.pageDataUrl,this.pageData);
+ },
+ initData() {
+ this.dialogVisible = true
+ this.loadData();
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .daibanForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog__wrapper{
+ background:rgba(0,0,0,0.6);
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.5);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+</style>
+
+<style lang="scss" scoped>
+.footer-box{
+ margin-top: 20px;
+ display: flex;
+ flex-direction: row-reverse;
+}
+</style>
diff --git a/src/components/page/leaderShow/Dialog/handleOrderForm.vue b/src/components/page/leaderShow/Dialog/handleOrderForm.vue
new file mode 100644
index 0000000..a5918c4
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/handleOrderForm.vue
@@ -0,0 +1,193 @@
+<template>
+ <div class="blackNameForm-wrap">
+ <el-dialog
+ title="鏅烘収娉婅溅璁㈠崟澶勭悊璁板綍"
+ :visible.sync="dialogVisible"
+ width="50%">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ align="center"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ width="140">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="code"
+ label="璁㈠崟鍙�"
+ width="220">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="price"
+ label="閲戦锛堝厓锛�"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="status"
+ :formatter = "statusFormatter"
+ label="缂磋垂鐘舵��"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ width="120"
+ align="center"
+ prop="createTime"
+ label="鍑哄満鏃堕棿">
+ </el-table-column>
+ <el-table-column
+ width="120"
+ align="center"
+ prop="time"
+ label="鍋滆溅鏃堕暱锛堝垎閽燂級">
+ </el-table-column>
+ </el-table>
+ <div class="order-footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "handleOrderForm",
+ data() {
+ return {
+ pageConfig:{
+ findPageUrl:this.$systemconfig.basePath + '/outPark/findPage',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ dialogVisible:false,
+ }
+ },
+ mounted() {
+
+ },
+ methods: {
+ statusFormatter(row) {
+ if(row.status == 0) {
+ return '鏈即璐�'
+ }else if(row.status == 1) {
+ return '宸茬即璐�'
+ }
+ },
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.initTableMaxHeight(this);
+ this.loadData();
+ },
+ loadData() {
+ this.$byutil.loadPageData(this,this.pageConfig.findPageUrl,this.pageData)
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .blackNameForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table--enable-row-hover .el-table__body tr:hover>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .order-footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+</style>
+
+<style lang="scss" scoped>
+ .order-footer-box{
+ display: flex;
+ flex-direction: row-reverse;
+ margin-top: 0.1042rem /* 20/192 */;
+ }
+</style>
diff --git a/src/components/page/leaderShow/Dialog/inAndOutForm.vue b/src/components/page/leaderShow/Dialog/inAndOutForm.vue
new file mode 100644
index 0000000..a9298d6
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/inAndOutForm.vue
@@ -0,0 +1,168 @@
+<template>
+ <div class="inAndOutForm-wrap">
+ <el-dialog
+ title="鏅烘収娉婂疄鏃跺叆鍦鸿褰�"
+ :visible.sync="dialogVisible"
+ width="40%">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ header-align="center"
+ align="center"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ min-width="100">
+ </el-table-column>
+ <el-table-column
+ show-overflow-tooltip
+ align="left"
+ header-align="center"
+ prop="parkName"
+ label="鍋滆溅鍦�"
+ min-width="200">
+ </el-table-column>
+ <el-table-column
+ align="left"
+ header-align="center"
+ prop="createTime"
+ label="鏃堕棿"
+ min-width="100">
+ </el-table-column>
+ </el-table>
+ <div class="inAndOut-footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "inAndOutForm",
+ data() {
+ return {
+ pageConfig:{
+ enterParkUrl:this.$systemconfig.basePath + '/notice/enterPark',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ dialogVisible:false,
+ }
+ },
+ methods: {
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.initTableMaxHeight(this);
+ this.loadData();
+ },
+ loadData() {
+ this.$byutil.loadPageData(this,this.pageConfig.enterParkUrl,this.pageData)
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .inAndOutForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table--enable-row-hover .el-table__body tr:hover>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .inAndOut-footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+</style>
+
+<style lang="scss" scoped>
+.inAndOut-footer-box{
+ display: flex;
+ flex-direction: row-reverse;
+ margin-top: 0.1042rem /* 20/192 */;
+}
+</style>
diff --git a/src/components/page/leaderShow/Dialog/shangjiZhipaiForm.vue b/src/components/page/leaderShow/Dialog/shangjiZhipaiForm.vue
new file mode 100644
index 0000000..539ebd2
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/shangjiZhipaiForm.vue
@@ -0,0 +1,239 @@
+<template>
+ <div class="shangjiZhipaiForm-wrap">
+ <el-dialog
+ title="杩濈珷杞﹁締涓婄骇鎸囨淳璁板綍"
+ :visible.sync="dialogVisible"
+ width="80%">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ align="center"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ width="150">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="address"
+ label="浣嶇疆"
+ width="220">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="userName"
+ label="鎵ц浜�"
+ width="160">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="money"
+ label="閲戦锛堝厓锛�"
+ width="80">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="status"
+ label="鐘舵��"
+ :filter-multiple="false"
+ :filters="statesOptions"
+ column-key="tag"
+ :filter-method="filterTag"
+ :formatter="statesFormat"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="violationTypeName"
+ label="杩濈珷绫诲瀷"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="payStatus"
+ :formatter="payStatusFormat"
+ label="缂磋垂鐘舵��"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="createTime"
+ label="鏃堕棿"
+ width="180">
+ </el-table-column>
+ </el-table>
+ <div class="shangji-footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+ </div>
+ </el-dialog>
+
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "shangjiZhipaiForm",
+ data() {
+ return {
+ pageConfig: {
+ pageDataUrl: this.$systemconfig.basePath + '/ticket/findPage',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ type:{
+ type:1
+ },
+ statesOptions: [
+ { value: 0, text: "鏈鐞�" },
+ { value: 1, text: "宸插鐞�" },
+ { value: 2, text: "鏈畬鎴�" },
+ { value: 3, text: "鎾ら攢" },
+ ],
+ dialogVisible:false,
+ }
+ },
+ methods: {
+ payStatusFormat(row) { //缂磋垂鐘舵��
+ if(row.type == 0) {
+ return '寰呯即璐�'
+ }else if(row.type == 1) {
+ return '宸茬即璐�'
+ }else if(row.type == 2) {
+ return '鏀粯澶辫触'
+ }
+ },
+ statesFormat(row) { //鐘舵��
+ if(row.status == 0) {
+ return '鏈鐞�'
+ }else if(row.status == 1) {
+ return '宸插鐞�'
+ }else if(row.status == 2) {
+ return '鏈畬鎴�'
+ }else if(row.status == 3) {
+ return '鎾ら攢'
+ }
+ },
+ filterTag(value,row) {
+ console.log('value-------',value)
+ console.log('row.status',row.status)
+ return row.status === value
+ },
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.initTableMaxHeight(this);
+ this.loadData();
+ },
+ //鍔犺浇鏁版嵁
+ loadData() {
+ let newObj = Object.assign({},this.pageData,this.type)
+ console.log('newObj-----',newObj)
+ this.$byutil.loadPageData(this, this.pageConfig.pageDataUrl,newObj);
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .shangjiZhipaiForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table--enable-row-hover .el-table__body tr:hover>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .shangji-footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+
+</style>
+
+<style lang="scss" scoped>
+.shangji-footer-box{
+ display: flex;
+ flex-direction: row-reverse;
+ margin-top: 0.1042rem /* 20/192 */;
+}
+</style>
diff --git a/src/components/page/leaderShow/Dialog/weizhangForm.vue b/src/components/page/leaderShow/Dialog/weizhangForm.vue
new file mode 100644
index 0000000..bca262d
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/weizhangForm.vue
@@ -0,0 +1,67 @@
+<template>
+ <div class="weizhangForm-wrap">
+ <el-dialog
+ title="璇︽儏"
+ :visible.sync="dialogVisible"
+ width="30%">
+ <div class="zhipaiForm-main">
+ <el-form :model="weizhangForm" ref="weizhangForm" label-width="100px" class="demo-ruleForm">
+ <el-form-item label="杞︾墝鍙凤細" prop="carNo">
+ <el-input v-model="weizhangForm.carNo"></el-input>
+ </el-form-item>
+ <el-form-item label="鍋滆溅鍦猴細" prop="parkName">
+ <el-input v-model="weizhangForm.parkName"></el-input>
+ </el-form-item>
+ <el-form-item label="鏃堕棿锛�" prop="createTime">
+ <el-input v-model="weizhangForm.createTime"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "weizhangForm",
+ data() {
+ return {
+ weizhangForm:{
+ carNo:'',
+ parkName:'',
+ createTime:''
+ },
+ dialogVisible:false,
+ }
+ },
+ methods: {
+ initData(val) {
+ this.dialogVisible = true
+ console.log(val)
+ this.weizhangForm = val
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .weizhangForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-input__inner{
+ background:transparent;
+ color: #fff;
+ }
+ .el-textarea__inner{
+ background:transparent;
+ color: #fff;
+ }
+ }
+</style>
diff --git a/src/components/page/leaderShow/Dialog/xunjieOrderForm.vue b/src/components/page/leaderShow/Dialog/xunjieOrderForm.vue
new file mode 100644
index 0000000..f7cb2a8
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/xunjieOrderForm.vue
@@ -0,0 +1,239 @@
+<template>
+ <div class="xunjieOrderForm-wrap">
+ <el-dialog
+ title="杩濈珷杞﹁締鏃ュ父宸¤璁板綍"
+ :visible.sync="dialogVisible"
+ width="70%">
+ <div class="daibanForm-main">
+ <el-table
+ :data="pageData.rows"
+ style="width: 100%"
+ max-height="550">
+ <el-table-column
+ align="center"
+ prop="carNo"
+ label="杞︾墝鍙�"
+ width="150">
+ </el-table-column>
+ <el-table-column
+ header-align="center"
+ :show-overflow-tooltip="true"
+ align="left"
+ prop="address"
+ label="浣嶇疆"
+ width="220">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="userName"
+ label="鎵ц浜�"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="money"
+ label="閲戦锛堝厓锛�"
+ width="80">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="status"
+ label="鐘舵��"
+ :filter-multiple="false"
+ :filters="statesOptions"
+ column-key="tag"
+ :filter-method="filterTag"
+ :formatter="statesFormat"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="violationTypeName"
+ label="杩濈珷绫诲瀷"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="payStatus"
+ :formatter="payStatusFormat"
+ label="缂磋垂鐘舵��"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="createTime"
+ label="鏃堕棿"
+ width="180">
+ </el-table-column>
+ </el-table>
+ <div class="xunjie-footer-box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="pageData.currentPage"
+ :page-sizes="[10, 20, 30, 40, 50, 100, 200]"
+ :page-size="pageData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="pageData.total">
+ </el-pagination>
+ </div>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "xunjieOrderForm",
+ data() {
+ return {
+ pageConfig: {
+ pageDataUrl: this.$systemconfig.basePath + '/ticket/findPage',
+ },
+ pageData: this.$byutil.defaultPageData(),
+ type:{
+ type:0
+ },
+ dialogVisible:false,
+ statesOptions: [
+ { value: 0, text: "鏈鐞�" },
+ { value: 1, text: "宸插鐞�" },
+ { value: 2, text: "鏈畬鎴�" },
+ { value: 3, text: "鎾ら攢" },
+ ],
+ }
+ },
+ methods: {
+ payStatusFormat(row) { //缂磋垂鐘舵��
+ if(row.type == 0) {
+ return '寰呯即璐�'
+ }else if(row.type == 1) {
+ return '宸茬即璐�'
+ }else if(row.type == 2) {
+ return '鏀粯澶辫触'
+ }
+ },
+ statesFormat(row) { //鐘舵��
+ if(row.status == 0) {
+ return '鏈鐞�'
+ }else if(row.status == 1) {
+ return '宸插鐞�'
+ }else if(row.status == 2) {
+ return '鏈畬鎴�'
+ }else if(row.status == 3) {
+ return '鎾ら攢'
+ }
+ },
+ filterTag(value,row) {
+ console.log('value-------',value)
+ console.log('row.status',row.status)
+ return row.status === value
+ },
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.initTableMaxHeight(this);
+ this.loadData();
+ },
+ //鍔犺浇鏁版嵁
+ loadData() {
+ let newObj = Object.assign({},this.pageData,this.type)
+ console.log('newObj-----',newObj)
+ this.$byutil.loadPageData(this, this.pageConfig.pageDataUrl,newObj);
+ },
+ handleSizeChange(val) {
+ this.pageData.pageSize = val;
+ this.loadData();
+ },
+ handleCurrentChange(val) {
+ this.pageData.page = val;
+ this.loadData();
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .xunjieOrderForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.9);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-table th{
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table tr{
+ background:transparent;
+ }
+ .el-table__footer-wrapper, .el-table__header-wrapper:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table__row:nth-child(even){
+ background:rgba(4,40,70,0.7);
+ }
+ .el-table, .el-table__expanded-cell{
+ background:transparent;
+ }
+ .el-table td, .el-table th.is-leaf{
+ border:none;
+ }
+ .el-table__body,.el-table__header{
+ width: 100% !important;
+ }
+ .el-table::before,.el-table__fixed-right::before, .el-table__fixed::before{
+ background-color: transparent;
+ }
+ .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
+ background-color: #374f65;
+ }
+ .el-table--enable-row-hover .el-table__body tr:hover>td{
+ background-color: #374f65;
+ }
+ .el-table thead{
+ color: #fff;
+ }
+ .el-table{
+ color:#00fff6;
+ }
+ .el-dialog__header{
+ display: flex;
+ justify-content: center;
+ }
+ }
+ .xunjie-footer-box{
+ .el-pagination__total{
+ color:#fff;
+ }
+ .el-pager li{
+ color:#fff;
+ }
+ .el-pagination__jump{
+ color:#fff;
+ }
+ .el-input__inner,.btn-prev,.btn-next,.el-pagination button:disabled{
+ background-color: transparent;
+ }
+ .el-pager li.active{
+ color: #409EFF;
+ }
+ .el-input__inner{
+ color:#fff;
+ border:1px solid #409EFF;
+ }
+ .el-pagination .btn-next, .el-pagination .btn-prev{
+ color:#fff;
+ }
+ }
+</style>
+
+<style lang="scss" scoped>
+ .xunjie-footer-box{
+ display: flex;
+ flex-direction: row-reverse;
+ margin-top: 0.1042rem /* 20/192 */;
+ }
+</style>
diff --git a/src/components/page/leaderShow/Dialog/zhipaiForm.vue b/src/components/page/leaderShow/Dialog/zhipaiForm.vue
new file mode 100644
index 0000000..f2f4a43
--- /dev/null
+++ b/src/components/page/leaderShow/Dialog/zhipaiForm.vue
@@ -0,0 +1,174 @@
+<template>
+ <div class="zhipaiForm-wrap">
+ <el-dialog
+ :before-close="handleClose"
+ title="鎸囨淳浠诲姟"
+ :visible.sync="dialogVisible"
+ width="35%">
+ <div class="zhipaiForm-main">
+ <el-form :model="zhipaiForm" :rules="zhipaiRules" ref="zhipaiForm" label-width="100px" class="demo-ruleForm">
+ <el-form-item label="杞︾墝鍙凤細" prop="carNo">
+ <el-input v-model="zhipaiForm.carNo"></el-input>
+ </el-form-item>
+ <el-form-item label="杞︾墝棰滆壊锛�" prop="color">
+ <el-input v-model="zhipaiForm.color"></el-input>
+ </el-form-item>
+ <el-form-item label="杞﹁締绫诲瀷锛�" prop="carType">
+ <el-input v-model="zhipaiForm.carType"></el-input>
+ </el-form-item>
+ <el-form-item label="杩濈珷绫诲瀷锛�" prop="violationTypeId">
+ <!--<el-input v-model="zhipaiForm.violationTypeId"></el-input>-->
+ <el-select v-model="zhipaiForm.violationTypeId" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in weizhangOptions"
+ :key="item.id"
+ :label="item.content"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="浣嶇疆锛�" prop="address">
+ <el-input v-model="zhipaiForm.address"></el-input>
+ </el-form-item>
+ <el-form-item label="鎵ц浜猴細" prop="userId">
+ <!--<el-input v-model="zhipaiForm.userId"></el-input>-->
+ <el-select v-model="zhipaiForm.userId" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in zhixingrenOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="澶囨敞锛�" prop="remark">
+ <el-input type="textarea" v-model="zhipaiForm.remark"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <div class="fabuBtn">
+ <el-button type="primary" @click="submitForm('zhipaiForm')">鍙戝竷</el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "zhipaiForm",
+ data() {
+ return {
+ pageConfig:{
+ saveData:this.$systemconfig.basePath + '/ticket/save2',
+ weizhangData:this.$systemconfig.basePath + '/violationType/findAll',
+ zhixingrenData:this.$systemconfig.basePath + '/user/findAll',
+ },
+ weizhangOptions:[],
+ zhixingrenOptions:[],
+ dialogVisible:false,
+ zhipaiForm:{
+ carNo:'',
+ color:'',
+ carType:'',
+ violationTypeId:'',
+ address:'',
+ userId:'',
+ type:1,
+ remark:''
+ },
+ zhipaiRules:{
+ carNo: [
+ { required: true, message: '璇疯緭鍏ヨ溅鐗屽彿', trigger: 'blur' },
+ ],
+ color: [
+ { required: true, message: '璇疯緭鍏ヨ溅杈嗛鑹�', trigger: 'blur' },
+ ],
+ carType: [
+ { required: true, message: '璇疯緭鍏ヨ溅杈嗙被鍨�', trigger: 'blur' },
+ ],
+ violationTypeId: [
+ { required: true, message: '璇烽�夋嫨杩濈珷绫诲瀷', trigger: 'change' },
+ ],
+ address: [
+ { required: true, message: '璇疯緭鍏ヤ綅缃�', trigger: 'blur' },
+ ],
+ userId: [
+ { required: true, message: '璇烽�夋嫨鎵ц浜�', trigger: 'change' },
+ ],
+ }
+ }
+ },
+ methods:{
+ handleClose() {
+ this.dialogVisible = false
+ this.$refs.zhipaiForm.resetFields();
+ },
+ initData() {
+ this.dialogVisible = true
+ this.$byutil.postData4(this,this.pageConfig.weizhangData,null,res => {
+ this.weizhangOptions = res.obj
+ })
+ this.$byutil.postData4(this,this.pageConfig.zhixingrenData,null,res => {
+ this.zhixingrenOptions = res.obj
+ })
+ },
+ submitForm(formName) {
+ this.$refs[formName].validate((valid) => {
+ if(valid) {
+ this.$byutil.postData(this,this.pageConfig.saveData,this.zhipaiForm,res => {
+ this.$refs[formName].resetFields();
+ this.dialogVisible = false
+ this.$message.success(res.message)
+ })
+ }
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+.zhipaiForm-wrap{
+ .el-dialog__title{
+ color: #fff;
+ }
+ .el-dialog__wrapper{
+ background:rgba(0,0,0,0.6);
+ }
+ .el-dialog, .el-pager li{
+ background:rgba(0,0,0,0.5);
+ }
+ .el-form-item__label{
+ color: #00fff6;
+ }
+ .el-input__inner{
+ background:transparent;
+ color: #fff;
+ border: 1px solid #00fff6;
+ }
+ .el-textarea__inner{
+ background:transparent;
+ color: #fff;
+ border: 1px solid #00fff6;
+ }
+ .fabuBtn{
+ .el-button{
+ width: 1.0417rem /* 200/192 */;
+ border:1px solid #00fff6;
+ background:transparent;
+ }
+ }
+ .el-select{
+ width: 100%;
+ }
+}
+</style>
+
+<style lang="scss" scoped>
+ .fabuBtn{
+ display: flex;
+ justify-content: center;
+ }
+</style>
diff --git a/src/components/page/leaderShow/leaderIndex.vue b/src/components/page/leaderShow/leaderIndex.vue
new file mode 100644
index 0000000..c7a8eae
--- /dev/null
+++ b/src/components/page/leaderShow/leaderIndex.vue
@@ -0,0 +1,1392 @@
+<template>
+ <div class="leaderIndex-wrap">
+ <div class="leaderIndex-title">
+ <h1>宄板嘲鐭垮尯缁煎悎琛屾斂鎵ф硶灞�鏅烘収娉婅溅骞冲彴</h1>
+ <div class="leader-title-left">
+ <h2>娆㈣繋鐧诲綍锛寋{userName}}!</h2>
+ </div>
+ <div class="logout" @click="logout">
+ 閫�鍑虹櫥褰�
+ </div>
+ <div class="leader-title-right" @click="houtaiBtn">
+ <h2>鍚庡彴绠＄悊</h2>
+ </div>
+ <div class="weizhang-content">
+ <h2 @click="weizhangBtn(item)" v-if="index < 1" v-for="(item,index) in weizhangList" :key="index">杩濇硶杞﹁締锛歿{item.carNo}}杩涘叆{{item.parkName}} {{item.createTime}}</h2>
+ </div>
+ </div>
+ <div class="leaderIndex-main">
+ <div class="leaderIndex-main-left">
+ <div class="leader-left-block">
+ <div class="leader-block-title">
+ <h1>鏅烘収娉婅溅璁㈠崟澶勭悊璁板綍</h1>
+ </div>
+ <div class="leader-block-main">
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data1}}</font>鍗�</h1>
+ <h2>锛堝簲缂�<font>{{tongjiNumObj.data2}}</font>鍗曪級</h2>
+ </div>
+ <h2>浠婃棩瀹炵即璁㈠崟鏁伴噺</h2>
+ </div>
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data3}}</font>鍏�</h1>
+ </div>
+ <h2>浠婃棩璁㈠崟鎬婚噾棰�</h2>
+ </div>
+ <img @click="handleOrderBtn" class="moreIcon" src="../../../assets/images/moreIcon.png" alt="">
+ </div>
+ </div>
+ <div class="leader-left-block">
+ <div class="leader-block-title">
+ <h1>鏅烘収娉婅溅瀹炴椂鍑哄叆鍦鸿褰�</h1>
+ </div>
+ <div class="leader-block-main">
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data4}}</font>杈�</h1>
+ </div>
+ <h2>浠婃棩鍏ュ満鏁伴噺</h2>
+ </div>
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data5}}</font>杈�</h1>
+ </div>
+ <h2>浠婃棩鍑哄満鏁伴噺</h2>
+ </div>
+ <img @click="inAndOutBtn" class="moreIcon" src="../../../assets/images/moreIcon.png" alt="">
+ </div>
+ </div>
+ <div class="leader-left-block">
+ <div class="leader-block-title">
+ <h1>杩濈珷杞﹁締鎵ф硶璁㈠崟璁板綍</h1>
+ </div>
+ <div class="leader-block-main">
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data6}}</font>鍗�</h1>
+ <h2>锛堝簲缂�<font>{{tongjiNumObj.data7}}</font>鍗曪級</h2>
+ </div>
+ <h2>浠婃棩瀹炵即璁㈠崟鏁伴噺</h2>
+ </div>
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data8}}</font>鍏�</h1>
+ </div>
+ <h2>浠婃棩璁㈠崟鎬婚噾棰�</h2>
+ </div>
+ <img @click="breakLawOrderBtn" class="moreIcon" src="../../../assets/images/moreIcon.png" alt="">
+ </div>
+ </div>
+ </div>
+ <div class="leaderIndex-main-middle">
+ <div class="waitWork">
+ <div class="waitWork-block" @click="daibanBtn">
+ <img src="../../../assets/images/waitIcon1.png" alt="">
+ <h1>鎴戠殑寰呭姙</h1>
+ </div>
+ <div class="show-main-middle-title">
+ <h1>{{nowTime}}</h1>
+ </div>
+ <div class="waitWork-block" @click="zhipaiBtn">
+ <img src="../../../assets/images/waitIcon2.png" alt="">
+ <h1>鎸囨淳浠诲姟</h1>
+ </div>
+ </div>
+ <div class="map-box">
+ <div class="bmView" id="container"></div>
+ </div>
+ <div class="leader-tongji-box">
+ <div class="leader-tongji-dingdan">
+ <div class="leader-dingdan-box">
+ <h1><font class="teshuFont">{{tongjiNumObj.data9}}</font>鍗�</h1>
+ <h1>鏈湀娉婅溅璁㈠崟鏁伴噺</h1>
+ </div>
+ <div class="leader-dingdan-box">
+ <h1><font class="teshuFont">{{tongjiNumObj.data10}}</font>鍏�</h1>
+ <h1>鏈湀娉婅溅璁㈠崟閲戦</h1>
+ </div>
+ </div>
+ <div class="leader-tongji-echarts-box">
+ <div class="tclyvEcharts" id="zhengticheweiliyonglv"></div>
+ <div class="tclyvEcharts" id="fakuancheliangchengjiaolv"></div>
+ </div>
+ <div class="leader-tongji-dingdan">
+ <div class="leader-dingdan-box">
+ <h1><font class="teshuFont">{{tongjiNumObj.data11}}</font>鍗�</h1>
+ <h1>鏈湀杩濇硶杞﹁締璁㈠崟鏁伴噺</h1>
+ </div>
+ <div class="leader-dingdan-box">
+ <h1><font class="teshuFont">{{tongjiNumObj.data12}}</font>鍏�</h1>
+ <h1>鏈湀杩濇硶杞﹁締璁㈠崟閲戦</h1>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="leaderIndex-main-left">
+ <div class="leader-left-block">
+ <div class="leader-block-title">
+ <h1>杩濈珷杞﹁締涓婄骇鎸囨淳璁板綍</h1>
+ </div>
+ <div class="leader-block-main">
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data15}}</font>娆�</h1>
+ </div>
+ <h2>浠婃棩鎸囨淳浠诲姟娆℃暟</h2>
+ </div>
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data16}}</font>娆�</h1>
+ </div>
+ <h2>浠婃棩瀹屾垚鎸囨淳浠诲姟</h2>
+ </div>
+ <img @click="shangjiZhipaiBtn" class="moreIcon" src="../../../assets/images/moreIcon.png" alt="">
+ </div>
+ </div>
+ <div class="leader-left-block">
+ <div class="leader-block-title">
+ <h1>杩濈珷杞﹁締鏃ュ父宸¤璁板綍</h1>
+ </div>
+ <div class="leader-block-main">
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data17}}</font>鍗�</h1>
+ </div>
+ <h2>浠婃棩宸¤璁㈠崟鏁�</h2>
+ </div>
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data18}}</font>鍏�</h1>
+ </div>
+ <h2>浠婃棩宸¤璁㈠崟閲戦</h2>
+ </div>
+ <img @click="xunjieOrderBtn" class="moreIcon" src="../../../assets/images/moreIcon.png" alt="">
+ </div>
+ </div>
+ <div class="leader-left-block">
+ <div class="leader-block-title">
+ <h1>榛戝悕鍗曢噸鐐硅溅杈嗚褰�</h1>
+ </div>
+ <div class="leader-block-main">
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data19}}</font>杈�</h1>
+ </div>
+ <h2>榛戝悕鍗曡溅杈嗘�绘暟</h2>
+ </div>
+ <div class="leader-block-num-box">
+ <div class="leader-block-num-line">
+ <h1><font class="teshuColor">{{tongjiNumObj.data20}}</font>杈�</h1>
+ </div>
+ <h2>浠婃棩鏂板榛戝悕鍗曡溅杈�</h2>
+ </div>
+ <img @click="blackNameBtn" class="moreIcon" src="../../../assets/images/moreIcon.png" alt="">
+ </div>
+ </div>
+ </div>
+ </div>
+ <zhipaiForm ref="zhipaiForm" v-if="zhipaiVisiable"></zhipaiForm>
+ <daibanForm ref="daibanForm" v-if="daibanVisiable"></daibanForm>
+ <blackNameForm ref="blackNameForm" v-if="blackNameVisiable"></blackNameForm>
+ <handleOrderForm ref="handleOrderForm" v-if="handleOrderVisiable"></handleOrderForm>
+ <inAndOutForm ref="inAndOutForm" v-if="inAndOutVisiable"></inAndOutForm>
+ <breakLawOrderForm ref="breakLawOrderForm" v-if="breakLawOrderVisiable"></breakLawOrderForm>
+ <shangjiZhipaiForm ref="shangjiZhipaiForm" v-if="shangjiZhipaiVisiable"></shangjiZhipaiForm>
+ <xunjieOrderForm ref="xunjieOrderForm" v-if="xunjieOrderVisiable"></xunjieOrderForm>
+ <weizhangForm ref="weizhangForm" v-if="weizhangVisiable"></weizhangForm>
+ </div>
+</template>
+
+<script>
+ import echarts from "echarts/lib/echarts";
+ import zhipaiForm from "./Dialog/zhipaiForm";
+ import daibanForm from "./Dialog/daibanForm";
+ import blackNameForm from "./Dialog/blackNameForm";
+ import handleOrderForm from "./Dialog/handleOrderForm";
+ import inAndOutForm from "./Dialog/inAndOutForm";
+ import breakLawOrderForm from "./Dialog/breakLawOrderForm";
+ import shangjiZhipaiForm from "./Dialog/shangjiZhipaiForm";
+ import xunjieOrderForm from "./Dialog/xunjieOrderForm";
+ import weizhangForm from "./Dialog/weizhangForm";
+ export default {
+ name: "leaderIndex",
+ components: {
+ zhipaiForm, //鎸囨淳
+ daibanForm, //寰呭姙
+ blackNameForm, //榛戝悕鍗�
+ handleOrderForm, //鏅烘収娉婅溅璁㈠崟澶勭悊璁板綍
+ inAndOutForm, //鍑哄叆鍦鸿褰�
+ breakLawOrderForm, //杩濈珷杞﹁締鎵ф硶璁㈠崟璁板綍
+ shangjiZhipaiForm, //杩濈珷杞﹁締涓婄骇鎸囨淳璁板綍
+ xunjieOrderForm, //杩濈珷杞﹁締涓婄骇鎸囨淳璁板綍
+ weizhangForm, //杩濈珷杞﹁締list璇︽儏
+ },
+ data() {
+ return {
+ nowTime:'',
+ nowTimes:null,
+ pageConfig: {
+ getDataUrl: this.$systemconfig.basePath + '/statistic/getData1',
+ getLogoUrl: this.$systemconfig.basePath + '/statistic/getLogo',
+ findAllUrl: this.$systemconfig.basePath + '/user/findAll',
+ illegalCarUrl: this.$systemconfig.basePath + '/notice/illegalCar2',
+ },
+ weizhangTimer:null, //杩濈珷list瀹氭椂鍣�
+ getDataTimer:null, //缁熻鏁版嵁瀹氭椂鍣�
+ findAllTimer:null, //浜哄憳鏃跺櫒
+ userName:'', //鐧诲綍浜虹殑鍚嶅瓧
+ weizhangList:[], //杩濈珷杞﹁締list
+ tongjiNumObj:{
+ data1:'', //鍋滆溅鍦轰粖鏃ュ疄缂存暟閲�
+ data2:'', //鍋滆溅鍦轰粖鏃ュ簲缂存暟閲�
+ data3:'', //鍋滆溅鍦轰粖鏃ヨ鍗曟暟閲�
+
+ data4:'', //鍋滆溅鍦轰粖鏃ュ叆鍦烘暟閲�
+ data5:'', //鍋滆溅鍦轰粖鏃ュ嚭鍦烘暟閲�
+
+ data6:'', //杩濈珷浠婃棩瀹炵即鏁伴噺
+ data7:'', //杩濈珷浠婃棩搴旂即鏁伴噺
+ data8:'', //杩濈珷浠婃棩璁㈠崟鎬婚
+
+ data9:'', //鏈湀娉婅溅璁㈠崟鏁�
+ data10:'', //鏈湀娉婅溅璁㈡�婚
+
+ data11:'', //鏁翠綋杞︿綅鍒╃敤鐜�
+ data12:'', //缃氭杞﹁締鎴愪氦鐜�
+
+ data13:'', //鏁翠綋杞︿綅鍒╃敤鐜�
+ data14:'', //缃氭杞︿綅鎴愪氦鐜�
+
+ data15:'', //浠婃棩鎸囨淳浠诲姟娆℃暟
+ data16:'', //浠婃棩瀹屾垚鏁�
+
+ data17:'', //浠婃棩宸¤璁㈠崟鏁�
+ data18:'', //浠婃棩宸¤璁㈡�婚
+
+ data19:'', //榛戝悕鍗曡溅杈嗘�绘暟
+ data20:'', //浠婃棩鏂板榛戝悕鍗曟暟
+ },
+ zhipaiVisiable:false, //鎸囨淳寮规
+ daibanVisiable:false, //寰呭姙寮规
+ blackNameVisiable:false, //榛戝悕鍗�
+ handleOrderVisiable:false, //璁㈠崟澶勭悊璁板綍
+ inAndOutVisiable:false, //鏅烘収娉婅溅瀹炴椂鍑哄叆鍦鸿褰�
+ breakLawOrderVisiable:false, //杩濈珷杞﹁締鎵ф硶璁㈠崟璁板綍
+ shangjiZhipaiVisiable:false, //杩濈珷杞﹁締鏃ュ父宸¤璁板綍
+ xunjieOrderVisiable:false, //杩濈珷杞﹁締涓婄骇鎸囨淳璁板綍
+ weizhangVisiable:false, //杩濈珷杞﹁締list璇︽儏
+ /*center: {
+ lng: 114.21148,
+ lat: 36.41937
+ },*/
+ zoom: 12.8,
+ addressKeyword: "",
+ reliArry:[], //鐑姏鍦板浘鐨勬暟鎹�
+ lngData:[],
+ heatmapOverlay:{},
+ map:'',
+ centerLng:'114.225914',
+ centerLat:'36.438982',
+ }
+ },
+ mounted() {
+ this.newTimes()
+ this.userName = JSON.parse(this.getStore('userinfo')).name
+ this.getData()
+ this.$nextTick(() => {
+ this.createMap()
+ })
+ this.illegalCarUrl()
+ this.getDataTimer = setInterval(() => {
+ this.getData()
+ },7200000)
+ // this.getDataTimer = setInterval(this.getData,1000)
+ this.weizhangTimer = setInterval(() => {
+ this.illegalCarUrl()
+ },300000)
+ this.findAllTimer = setInterval(() => {
+ this.createMap()
+ },1200000)
+ },
+ beforeDestroy() {
+ if(this.weizhangTimer) {
+ clearInterval(this.weizhangTimer);
+ }
+ if(this.getDataTimer) {
+ clearInterval(this.getDataTimer);
+ }
+ if(this.findAllTimer) {
+ clearInterval(this.findAllTimer);
+ }
+ },
+ methods:{
+ logout() {
+ this.removeStore('userinfo')
+ this.$router.push('/leaderLogin');
+ },
+ // //鏄剧ず褰撳墠鏃堕棿锛堝勾鏈堟棩鏃跺垎绉掞級
+ timeFormate(timeStamp) {
+ let year = new Date(timeStamp).getFullYear();
+ let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
+ let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
+ let hh =new Date(timeStamp).getHours() < 10? "0" + new Date(timeStamp).getHours(): new Date(timeStamp).getHours();
+ let mm =new Date(timeStamp).getMinutes() < 10? "0" + new Date(timeStamp).getMinutes(): new Date(timeStamp).getMinutes();
+ let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
+ let week = new Date(timeStamp).getDay();
+ let weeks = ["鏃�","涓�","浜�","涓�","鍥�","浜�","鍏�"];
+ let getWeek = "鏄熸湡" + weeks[week];
+ this.nowTime = year + "骞�" + month + "鏈�" + date +"鏃�"+" "+hh+":"+mm+':'+ ss+ " "+ getWeek ;
+ },
+ newTimes() {
+ setInterval(()=> {
+ this.timeFormate(new Date())
+ },1000)
+ },
+ weizhangBtn(val) { //杩濈珷璇︽儏
+ this.weizhangVisiable = true
+ this.$nextTick(() => {
+ this.$refs.weizhangForm.initData(val)
+ })
+ },
+ illegalCarUrl() {
+ this.$byutil.postData4(this,this.pageConfig.illegalCarUrl,null,res => {
+ this.weizhangList = res.obj
+ })
+ },
+ houtaiBtn() { //璺宠浆鍚庡彴椤甸潰
+ // window.location.href = 'http://ffkq.hesuancj.cn:38080/#/home'
+ window.open('http://ffkq.hesuancj.cn:38080/#/home','_blank') // 鍦ㄦ柊绐楀彛鎵撳紑澶栭摼鎺�
+ },
+ getData() {
+ this.$byutil.postData4(this,this.pageConfig.getDataUrl,null,res => {
+ this.tongjiNumObj.data1 = res.obj.data1
+ this.tongjiNumObj.data2 = res.obj.data2
+ this.tongjiNumObj.data3 = res.obj.data3
+ this.tongjiNumObj.data4 = res.obj.data4
+ this.tongjiNumObj.data5 = res.obj.data5
+ this.tongjiNumObj.data6 = res.obj.data6
+ this.tongjiNumObj.data7 = res.obj.data7
+ this.tongjiNumObj.data8 = res.obj.data8
+ this.tongjiNumObj.data9 = res.obj.data9
+ this.tongjiNumObj.data10 = res.obj.data10
+ this.tongjiNumObj.data11 = res.obj.data11
+ this.tongjiNumObj.data12 = res.obj.data12
+ this.tongjiNumObj.data13 = res.obj.data13
+ console.log('this.tongjiNumObj.data13--------',this.tongjiNumObj.data13)
+ this.zhengticheweiliyonglv()
+ this.tongjiNumObj.data14 = res.obj.data14
+ console.log('this.tongjiNumObj.data14--------',this.tongjiNumObj.data14)
+ this.fakuancheliangchengjiaolv()
+ this.tongjiNumObj.data15 = res.obj.data15
+ this.tongjiNumObj.data16 = res.obj.data16
+ this.tongjiNumObj.data17 = res.obj.data17
+ this.tongjiNumObj.data18 = res.obj.data18
+ this.tongjiNumObj.data19 = res.obj.data19
+ this.tongjiNumObj.data20 = res.obj.data20
+
+ })
+ },
+ xunjieOrderBtn() { //杩濈珷杞﹁締鏃ュ父宸¤璁板綍
+ this.xunjieOrderVisiable = true
+ this.$nextTick(() => {
+ this.$refs.xunjieOrderForm.initData()
+ })
+ },
+ shangjiZhipaiBtn() { //杩濈珷杞﹁締涓婄骇鎸囨淳璁板綍
+ this.shangjiZhipaiVisiable = true
+ this.$nextTick(() => {
+ this.$refs.shangjiZhipaiForm.initData()
+ })
+ },
+ breakLawOrderBtn() { //杩濈珷杞﹁締鎵ф硶璁㈠崟璁板綍
+ this.breakLawOrderVisiable = true
+ this.$nextTick(() => {
+ this.$refs.breakLawOrderForm.initData()
+ })
+ },
+ inAndOutBtn() { //鏅烘収娉婅溅瀹炴椂鍑哄叆鍦鸿褰�
+ this.inAndOutVisiable = true
+ this.$nextTick(() => {
+ this.$refs.inAndOutForm.initData()
+ })
+ },
+ handleOrderBtn() { //鏅烘収娉婅溅璁㈠崟澶勭悊璁板綍
+ this.handleOrderVisiable = true
+ this.$nextTick(() => {
+ this.$refs.handleOrderForm.initData()
+ })
+ },
+ blackNameBtn() { //榛戝悕鍗曢噸鐐硅溅杈�
+ this.blackNameVisiable = true
+ this.$nextTick(() => {
+ this.$refs.blackNameForm.initData()
+ })
+ },
+ daibanBtn() { //鎴戠殑寰呭姙
+ this.daibanVisiable = true
+ this.$nextTick(() => {
+ this.$refs.daibanForm.initData()
+ })
+ },
+ zhipaiBtn() { //鎸囨淳浠诲姟
+ this.zhipaiVisiable = true
+ this.$nextTick(() => {
+ this.$refs.zhipaiForm.initData()
+ })
+ },
+ createMap(){ // // 鏂规硶 - 鍒涘缓鍦板浘
+ // 鍦ㄧ櫨搴﹀湴鍥惧鍣ㄤ腑鍒涘缓鍦板浘瀹炰緥
+ let map = new BMap.Map("container");
+ // 灏唌ap鍙橀噺瀛樺偍鍦ㄥ叏灞�
+ this.map = map;
+ // let goodsData = require('../../../assets/custom_map_config.json')
+ // 璁惧畾鍦板浘鐨勪腑蹇冪偣鍜屽潗鏍�
+ let point = new BMap.Point(this.centerLng, this.centerLat);
+ // let marker = new BMap.Marker(point) // 鍒涘缓鏍囨敞
+ // 璁剧疆涓績鐐瑰潗鏍囧拰鍦板浘绾у埆
+ this.map.centerAndZoom(point, 1);
+ // 娣诲姞鑷畾涔夎鐩栫墿
+ // this.map.addOverlay(marker) // 灏嗘爣娉ㄦ坊鍔犲埌鍦板浘涓�
+ // 鍏佽婊氳疆缂╂斁
+ this.map.enableScrollWheelZoom(point, 15);
+ // 璁剧疆鍦板浘榛樿缂╂斁姣斾緥
+ this.map.setZoom(15);
+ this.map.setMapStyle({
+ style:'midnight'
+ // styleJson:goodsData
+ });
+ this.addHeatMap(this.map)
+ this.addMarker(this.map,point)
+
+ },
+ addHeatMap(map) { //鐑姏鍥�
+ this.$byutil.postData(this,this.pageConfig.getLogoUrl,null,res => {
+ this.reliArry = res.obj
+ this.reliArry.forEach(item => {
+ this.lngData.push({count:70,lat:item.lat,lng:item.lng})
+ })
+ this.heatmapOverlay = new BMapLib.HeatmapOverlay({
+ // 鐑姏鍥剧殑姣忎釜鐐圭殑鍗婂緞澶у皬
+ 'radius': BMAP_POINT_SIZE_SMALL * 5,
+ // 鐑姏鐨勯�忔槑搴�0~1
+ 'opacity': 0.8,
+ // 鍏朵腑 key 琛ㄧず鎻掑�肩殑浣嶇疆0~1锛寁alue 涓洪鑹插��
+ 'gradient': {
+ 0:'rgb(102, 255, 0)',
+ .5:'rgb(255, 170, 0)',
+ 1:'rgb(255, 0, 0)'
+ }
+ });
+ map.addOverlay(this.heatmapOverlay);
+ this.heatmapOverlay.setDataSet({data:this.lngData,max:100});
+ })
+ },
+ addMarker(map,point) { //娣诲姞鑷畾涔夊浘鏍�
+ this.$byutil.postData(this,this.pageConfig.findAllUrl,null,res => {
+ res.obj.forEach(item => {
+ if(item.lat) {
+ point = new BMap.Point(item.lng,item.lat)
+ //璁剧疆鏍囨敞鐨勫浘鏍�
+ var icon = new BMap.Icon(require('../../../assets/images/mapicon.png'),new BMap.Size(32,32), {
+ anchor: new BMap.Size(0, 0)
+ });
+ //璁剧疆鏍囨敞鐨勭粡绾害
+ var markers = new BMap.Marker(point,{icon:icon});
+ // var content = `
+ // <table>
+ // <tr>
+ // <td>濮撳悕锛� ${item.name}</td>
+ // </tr>
+ // </table>
+ // `
+ // var infowindow = new BMap.InfoWindow(content);
+ // markers.addEventListener("click",function(){
+ // this.openInfoWindow(infowindow);
+ // });
+
+ // # 閰嶇疆濂藉浘鏍囧啀閰嶇疆鍥炬爣涓婄殑鏂囧瓧(Label)
+ let option = {
+ point: {lng:item.lng, lat:item.lat},
+ offset: {width:-20, height:-18},
+ enableMassClear: true
+ }
+ let label = new window.BMap.Label(item.name, option)
+ markers.setLabel(label) // 鏀惧埌杩欎釜鐐逛笂
+
+ // # 璁剧疆label鏂囧瓧鐨勬牱寮忥紝骞舵坊鍔犺儗鏅浘
+ label.setStyle({
+ color: '#1fd5fc',
+ fontSize: '14px',
+ background:'transparent',
+ border:'none'
+ })
+
+ //鎶婃爣娉ㄦ坊鍔犲埌鍦板浘涓�
+ map.addOverlay(markers);
+ }
+ })
+ })
+ },
+ getLocationPoint(e) {
+ this.center.lng = e.point.lng;
+ this.center.lat = e.point.lat;
+ /* 鍒涘缓鍦板潃瑙ｆ瀽鍣ㄧ殑瀹炰緥 */
+ let geoCoder = new BMap.Geocoder();
+ /* 鑾峰彇浣嶇疆瀵瑰簲鐨勫潗鏍� */
+ geoCoder.getPoint(this.addressKeyword, point => {
+ this.selectedLng = point.lng;
+ this.selectedLat = point.lat;
+ });
+ /* 鍒╃敤鍧愭爣鑾峰彇鍦板潃鐨勮缁嗕俊鎭� */
+ // geocoder.getLocation(e.point, res=>{
+ // console.log(res);
+ // })
+ },
+ zhengticheweiliyonglv() { //鏁翠綋杞︿綅鍒╃敤鐜�
+ //https://www.makeapie.com/editor.html?c=xFkzKG-bpl
+ let myEchart = this.$echarts.init(document.getElementById('zhengticheweiliyonglv'))
+ let angle = 0;//瑙掑害锛岀敤鏉ュ仛绠�鍗曠殑鍔ㄧ敾鏁堟灉鐨�
+ let value = this.tongjiNumObj.data13;
+ let option = {
+ title: {
+ text: '{a|'+ value +'}{c|%}',
+ x: 'center',
+ y: 'center',
+ textStyle: {
+ rich:{
+ a: {
+ fontSize: 26,
+ color: '#29EEF3'
+ },
+
+ c: {
+ fontSize: 12,
+ color: '#ffffff',
+ // padding: [5,0]
+ }
+ }
+ }
+ },
+ graphic: [{
+ type: 'text',
+ z: 100,
+ left: 'center',
+ top: '90%',
+ style: {
+ fill: '#34fff8',
+ text: '鏁翠綋杞︿綅鍒╃敤鐜�',
+ // text: [
+ // '妯酱琛ㄧず娓╁害锛屽崟浣嶆槸掳C',
+ // '绾佃酱琛ㄧず楂樺害锛屽崟浣嶆槸km',
+ // '鍙充笂瑙掓湁涓�涓浘鐗囧仛鐨勬按鍗�',
+ // '杩欎釜鏂囨湰鍧楀彲浠ユ斁鍦ㄥ浘涓悇',
+ // '绉嶄綅缃�'
+ // ].join('\n'),
+ font: '15px Microsoft YaHei'
+ }
+ }],
+ legend: { show: false },
+ series: [ {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
+ startAngle: (0+angle) * Math.PI / 180,
+ endAngle: (90+angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
+ startAngle: (180+angle) * Math.PI / 180,
+ endAngle: (270+angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
+ startAngle: (270+-angle) * Math.PI / 180,
+ endAngle: (40+-angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
+ startAngle: (90+-angle) * Math.PI / 180,
+ endAngle: (220+-angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ let x0 = api.getWidth() / 2;
+ let y0 = api.getHeight() / 2;
+ let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
+ let point = getCirlPoint(x0, y0, r, (90+-angle))
+ return {
+ type: 'circle',
+ shape: {
+ cx: point.x,
+ cy: point.y,
+ r: 4
+ },
+ style: {
+ stroke: "#0CD3DB",//绮�
+ fill: "#0CD3DB"
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5", //缁跨偣
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ let x0 = api.getWidth() / 2;
+ let y0 = api.getHeight() / 2;
+ let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
+ let point = getCirlPoint(x0, y0, r, (270+-angle))
+ return {
+ type: 'circle',
+ shape: {
+ cx: point.x,
+ cy: point.y,
+ r: 4
+ },
+ style: {
+ stroke: "#0CD3DB", //缁�
+ fill: "#0CD3DB"
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: '鍚冪尓鑲夐鐜�',
+ type: 'pie',
+ radius: ['58%', '45%'],
+ silent: true,
+ clockwise: true,
+ startAngle: 90,
+ z: 0,
+ zlevel: 0,
+ label: {
+ normal: {
+ position: "center",
+
+ }
+ },
+ data: [{
+ value: value,
+ name: "",
+ itemStyle: {
+ normal: {
+ color: { // 瀹屾垚鐨勫渾鐜殑棰滆壊
+ colorStops: [{
+ offset: 0,
+ color: '#34fff8' // 0% 澶勭殑棰滆壊
+ }, {
+ offset: 1,
+ color: '#a7fffc' // 100% 澶勭殑棰滆壊
+ }]
+ },
+ }
+ }
+ },
+ {
+ value: 100-value,
+ name: "",
+ label: {
+ normal: {
+ show: false
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: "#021c2c"
+ }
+ }
+ }
+ ]
+ },
+
+ {
+ name: "",
+ type: "gauge",
+ radius: "58%",
+ center: ['50%', '50%'],
+ startAngle: 0,
+ endAngle: 359.9,
+ splitNumber: 8,
+ hoverAnimation: true,
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ length: 60,
+ lineStyle: {
+ width: 5,
+ color: "#011020"
+ }
+ },
+ axisLabel: {
+ show: false
+ },
+ pointer: {
+ show: false
+ },
+ axisLine: {
+ lineStyle: {
+ opacity: 0
+ }
+ },
+ detail: {
+ show: false
+ },
+ data: [{
+ value: 0,
+ name: ""
+ }]
+ },
+
+ ]
+ };
+ //鑾峰彇鍦嗕笂闈㈡煇鐐圭殑鍧愭爣(x0,y0琛ㄧず鍧愭爣锛宺鍗婂緞锛宎ngle瑙掑害)
+ function getCirlPoint(x0, y0, r, angle) {
+ let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
+ let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
+ return {
+ x: x1,
+ y: y1
+ }
+ }
+ // function draw(){
+ // angle = angle+3
+ // myEchart.setOption(option, true)
+ // //window.requestAnimationFrame(draw);
+ // }
+ // setInterval(function() {
+ // //鐢╯etInterval鍋氬姩鐢绘劅瑙夋湁闂
+ // draw()
+ // }, 100);
+ myEchart.setOption(option,false)
+ },
+ fakuancheliangchengjiaolv() { //鏁翠綋杞︿綅鍒╃敤鐜�
+ //https://www.makeapie.com/editor.html?c=xFkzKG-bpl
+ let myEchart = this.$echarts.init(document.getElementById('fakuancheliangchengjiaolv'))
+ let angle = 0;//瑙掑害锛岀敤鏉ュ仛绠�鍗曠殑鍔ㄧ敾鏁堟灉鐨�
+ let value = this.tongjiNumObj.data14;
+ let option = {
+ title: {
+ text: '{a|'+ value +'}{c|%}',
+ x: 'center',
+ y: 'center',
+ textStyle: {
+ rich:{
+ a: {
+ fontSize: 26,
+ color: '#29EEF3'
+ },
+
+ c: {
+ fontSize: 12,
+ color: '#ffffff',
+ // padding: [5,0]
+ }
+ }
+ }
+ },
+ graphic: [{
+ type: 'text',
+ z: 100,
+ left: 'center',
+ top: '90%',
+ style: {
+ fill: '#34fff8',
+ text: '缃氭杞﹁締鎴愪氦鐜�',
+ // text: [
+ // '妯酱琛ㄧず娓╁害锛屽崟浣嶆槸掳C',
+ // '绾佃酱琛ㄧず楂樺害锛屽崟浣嶆槸km',
+ // '鍙充笂瑙掓湁涓�涓浘鐗囧仛鐨勬按鍗�',
+ // '杩欎釜鏂囨湰鍧楀彲浠ユ斁鍦ㄥ浘涓悇',
+ // '绉嶄綅缃�'
+ // ].join('\n'),
+ font: '15px Microsoft YaHei'
+ }
+ }],
+ legend: { show: false },
+ series: [ {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
+ startAngle: (0+angle) * Math.PI / 180,
+ endAngle: (90+angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.6,
+ startAngle: (180+angle) * Math.PI / 180,
+ endAngle: (270+angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
+ startAngle: (270+-angle) * Math.PI / 180,
+ endAngle: (40+-angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ return {
+ type: 'arc',
+ shape: {
+ cx: api.getWidth() / 2,
+ cy: api.getHeight() / 2,
+ r: Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65,
+ startAngle: (90+-angle) * Math.PI / 180,
+ endAngle: (220+-angle) * Math.PI / 180
+ },
+ style: {
+ stroke: "#0CD3DB",
+ fill: "transparent",
+ lineWidth: 1.5
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5",
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ let x0 = api.getWidth() / 2;
+ let y0 = api.getHeight() / 2;
+ let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
+ let point = getCirlPoint(x0, y0, r, (90+-angle))
+ return {
+ type: 'circle',
+ shape: {
+ cx: point.x,
+ cy: point.y,
+ r: 4
+ },
+ style: {
+ stroke: "#0CD3DB",//绮�
+ fill: "#0CD3DB"
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: "ring5", //缁跨偣
+ type: 'custom',
+ coordinateSystem: "none",
+ renderItem: function(params, api) {
+ let x0 = api.getWidth() / 2;
+ let y0 = api.getHeight() / 2;
+ let r = Math.min(api.getWidth(), api.getHeight()) / 2 * 0.65;
+ let point = getCirlPoint(x0, y0, r, (270+-angle))
+ return {
+ type: 'circle',
+ shape: {
+ cx: point.x,
+ cy: point.y,
+ r: 4
+ },
+ style: {
+ stroke: "#0CD3DB", //缁�
+ fill: "#0CD3DB"
+ },
+ silent: true
+ };
+ },
+ data: [0]
+ }, {
+ name: '鍚冪尓鑲夐鐜�',
+ type: 'pie',
+ radius: ['58%', '45%'],
+ silent: true,
+ clockwise: true,
+ startAngle: 90,
+ z: 0,
+ zlevel: 0,
+ label: {
+ normal: {
+ position: "center",
+
+ }
+ },
+ data: [{
+ value: value,
+ name: "",
+ itemStyle: {
+ normal: {
+ color: { // 瀹屾垚鐨勫渾鐜殑棰滆壊
+ colorStops: [{
+ offset: 0,
+ color: '#34fff8' // 0% 澶勭殑棰滆壊
+ }, {
+ offset: 1,
+ color: '#a7fffc' // 100% 澶勭殑棰滆壊
+ }]
+ },
+ }
+ }
+ },
+ {
+ value: 100-value,
+ name: "",
+ label: {
+ normal: {
+ show: false
+ }
+ },
+ itemStyle: {
+ normal: {
+ color: "#021c2c"
+ }
+ }
+ }
+ ]
+ },
+
+ {
+ name: "",
+ type: "gauge",
+ radius: "58%",
+ center: ['50%', '50%'],
+ startAngle: 0,
+ endAngle: 359.9,
+ splitNumber: 8,
+ hoverAnimation: true,
+ axisTick: {
+ show: false
+ },
+ splitLine: {
+ length: 60,
+ lineStyle: {
+ width: 5,
+ color: "#011020"
+ }
+ },
+ axisLabel: {
+ show: false
+ },
+ pointer: {
+ show: false
+ },
+ axisLine: {
+ lineStyle: {
+ opacity: 0
+ }
+ },
+ detail: {
+ show: false
+ },
+ data: [{
+ value: 0,
+ name: ""
+ }]
+ },
+
+ ]
+ };
+ //鑾峰彇鍦嗕笂闈㈡煇鐐圭殑鍧愭爣(x0,y0琛ㄧず鍧愭爣锛宺鍗婂緞锛宎ngle瑙掑害)
+ function getCirlPoint(x0, y0, r, angle) {
+ let x1 = x0 + r * Math.cos(angle * Math.PI / 180)
+ let y1 = y0 + r * Math.sin(angle * Math.PI / 180)
+ return {
+ x: x1,
+ y: y1
+ }
+ }
+ // function draw(){
+ // angle = angle+3
+ // myEchart.setOption(option, true)
+ // //window.requestAnimationFrame(draw);
+ // }
+ // setInterval(function() {
+ // //鐢╯etInterval鍋氬姩鐢绘劅瑙夋湁闂
+ // draw()
+ // }, 100);
+ myEchart.setOption(option,false)
+ }
+ }
+ }
+</script>
+
+<style>
+ .BMap_cpyCtrl { /*鐧惧害鍦板浘logo*/
+ display: none;
+ }
+ .anchorBL { /*鐧惧害鍦板浘logo*/
+ display: none;
+ }
+</style>
+<style lang="scss" scoped>
+ h1,h2,h3,h4,h5,h6{
+ font-weight: normal;
+ }
+
+ .leaderIndex-wrap{
+ width: 100%;
+ height: 100%;
+ background:url("../../../assets/images/leader-index-bj.jpg") no-repeat center;
+ background-size: 100% 100%;
+ }
+ .leaderIndex-title{
+ width: 100%;
+ height: 0.46875rem /* 90/192 */;
+ background:url("../../../assets/images/leaderShow-title.png") no-repeat center;
+ background-size: 100% 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ h1{
+ font-size: 0.1146rem /* 22/192 */;
+ color: #eff6ff;
+ font-family: '鑻规柟 甯歌';
+ font-weight: normal;
+ margin-bottom: 22px;
+ }
+ .leader-title-left{
+ position: absolute;
+ left: 0.2083rem /* 40/192 */;
+ top:0.0521rem /* 10/192 */;
+ cursor: pointer;
+ h2{
+ font-size: 0.0625rem /* 12/192 */;
+ color: #fff;
+ }
+ }
+ .leader-title-right{
+ position: absolute;
+ right: 0.2083rem /* 40/192 */;
+ top:0.1042rem /* 20/192 */;
+ cursor: pointer;
+ h2{
+ font-size: 0.0625rem /* 12/192 */;
+ color: #fff;
+ }
+ }
+ .weizhang-content{
+ position: absolute;
+ right: 0.4167rem /* 80/192 */;
+ top:0.3125rem /* 60/192 */;
+ cursor: pointer;
+ h2{
+ font-size: 0.0729rem /* 14/192 */;
+ color: #fff;
+ max-width: 1.4583rem /* 280/192 */;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ }
+ .leaderIndex-main{
+ width: calc(98% - 0.4167rem /* 80/192 */);
+ height: calc(100% - 0.46875rem );
+ margin:0 auto;
+ display: flex;
+ justify-content: space-between;
+ }
+ .leader-left-block{
+ width: 1.6042rem /* 308/192 */;
+ /*height: 1.4583rem !* 280/192 *!;*/
+ height: calc(33.3% - 0.0521rem);
+ background:rgba(61,136,234,0.14);
+ border:1px solid #0f2d54;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin-top: 0.0521rem /* 10/192 */;
+ }
+ .leader-block-title{
+ width: 1.4583rem /* 280/192 */;
+ height: 0.25rem /* 48/192 */;
+ background:url("../../../assets/images/leaderShow-block-title.png") no-repeat center;
+ background-size: 100% 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ h1{
+ color: #fff;
+ font-size: 0.09375rem /* 18/192 */;
+ font-weight: 600;
+ }
+ }
+ .leader-block-main{
+ width: 1.4583rem /* 280/192 */;
+ height: 0.9375rem /* 180/192 */;
+ background:url("../../../assets/images/leaderShow-block-main.png") no-repeat center;
+ background-size: 100% 100%;
+ margin-top: 0.0521rem /* 10/192 */;
+ display: flex;
+ flex-direction: column;
+ padding:0.0521rem /* 10/192 */ 0.1042rem /* 20/192 */;
+ box-sizing: border-box;
+ position: relative;
+ .moreIcon{
+ position: absolute;
+ right: 0.15625rem /* 30/192 */;
+ bottom: 0.0521rem /* 10/192 */;
+ cursor: pointer;
+ width: 0.1042rem /* 20/192 */;
+ height: 0.1042rem /* 20/192 */;
+ }
+ .leader-block-num-box{
+ display: flex;
+ flex-direction: column;
+ margin:0.026rem /* 5/192 */ 0 0 0.0521rem /* 10/192 */;
+ .leader-block-num-line{
+ display: flex;
+ align-items: flex-end;
+ h1{
+ color:#ffffff;
+ font-size: 0.0729rem /* 14/192 */;
+ .teshuColor{
+ font-size: 0.1458rem /* 28/192 */;
+ color: #ffc600;
+ }
+ }
+ }
+ h2{
+ color:#fff;
+ font-size: 0.0729rem /* 14/192 */;
+ }
+ }
+ }
+ .leaderIndex-main-middle{
+ width:5.46875rem /* 1050/192 */;
+ margin:0 0.1042rem /* 20/192 */;
+ height: 100%;
+ }
+ .waitWork{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .waitWork-block{
+ width: 1.125rem /* 216/192 */;
+ height: 0.3021rem /* 58/192 */;
+ background:url("../../../assets/images/wait-bj.png") no-repeat center;
+ background-size: 100% 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ img{
+ width: 0.125rem /* 24/192 */;
+ height: 0.125rem /* 24/192 */;
+ margin-right: 0.0521rem /* 10/192 */;
+ }
+ h1{
+ font-size: 0.0833rem /* 16/192 */;
+ color:#fff;
+ }
+ }
+ .show-main-middle-title{
+ width:2.09375rem /* 402/192 */;
+ height: 0.2083rem /* 40/192 */;
+ background:url("../../../assets/images/midlle-title-bj.png") no-repeat center;
+ background-size: 100% 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ h1{
+ color:#20fbf4;
+ font-size: 0.1042rem /* 20/192 */;
+ }
+ }
+ }
+ .map-box{
+ background:rgba(14,32,76,0.6);
+ border:1px solid #006fff;
+ width: 5.4167rem /* 1040/192 */;
+ margin:0.1042rem /* 20/192 */ auto 0.0521rem /* 10/192 */;
+ height: 2.8125rem /* 540/192 */;
+ .show-main-middle-inside{
+ width: 100%;
+ height: 100%;
+ }
+ .bmView{
+ width: 100%;
+ height: 100%;
+ }
+ }
+ .leader-tongji-box{
+ display: flex;
+ width: 100%;
+ height:1.1979rem /* 230/192 */;
+ max-height: calc(100% - 3.3229rem /* 638/192 */ - 0.1042rem /* 20/192 */);
+ justify-content: space-between;
+ }
+ .leader-tongji-dingdan{
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ }
+ .leader-dingdan-box{
+ width: 0.9792rem /* 188/192 */;
+ height: 0.4167rem /* 80/192 */;
+ background:url("../../../assets/images/leader-dingdan-bj.png") no-repeat center;
+ background-size: 100% 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-top: 0.0521rem /* 10/192 */;
+ h1{
+ font-size: 0.0729rem /* 14/192 */;
+ color: #fff;
+ }
+ .teshuFont{
+ font-size: 0.1146rem /* 22/192 */;
+ color: #fff;
+ }
+ }
+ .tclyvEcharts{
+ width: 1.1458rem /* 220/192 */;
+ height: 100%;
+ }
+ .leader-tongji-echarts-box{
+ display: flex;
+ }
+ .logout{
+ width: 0.5208rem /* 100/192 */;
+ height: 0.1667rem /* 32/192 */;
+ background: url('../../../assets/images/wait-bj.png') no-repeat center;
+ background-size: 100% 100%;
+ position: absolute;
+ right: 0.667rem /* 50/75 */;
+ top:0.0729rem /* 14/192 */;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor:pointer;
+ }
+</style>
diff --git a/src/components/page/leaderShow/leaderLogin.vue b/src/components/page/leaderShow/leaderLogin.vue
new file mode 100644
index 0000000..d70ae41
--- /dev/null
+++ b/src/components/page/leaderShow/leaderLogin.vue
@@ -0,0 +1,165 @@
+<template>
+ <div class="leaderLogin-wrap">
+ <div class="leaderLogin-main">
+ <img class="logoImg" src="../../../assets/images/logoImg.png" alt="">
+ <div class="leaderLogin-main-inside">
+ <h1>宄板嘲鐭垮尯缁煎悎琛屾斂鎵ф硶灞�鏅烘収娉婅溅骞冲彴</h1>
+ <div class="leaderLogin-content-bj">
+ <h2>鐢ㄦ埛鐧诲綍</h2>
+ <div class="zhanghuAndMima-box">
+ <el-form :model="loginForm">
+ <el-form-item>
+ <el-input prefix-icon="el-icon-user-solid" v-model="loginForm.loginName" placeholder="璇疯緭鍏ヨ处鍙�">
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-input type="password" prefix-icon="el-icon-s-cooperation" v-model="loginForm.password" placeholder="璇疯緭鍏ュ瘑鐮�"></el-input>
+ </el-form-item>
+ <!--<div class="forgetPassWord-box">
+ <el-checkbox v-model="passWordCheck">璁颁綇瀵嗙爜</el-checkbox>
+ <div class="forgetPassWord-box-inside">
+ <h2>蹇樿瀵嗙爜锛�</h2>
+ </div>
+ </div>-->
+ <el-form-item>
+ <div class="denglu-box">
+ <el-button @click="loginBtn" class="dengluBtn">鐧� 褰�</el-button>
+ </div>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</template>
+
+<script>
+ export default {
+ name: "login",
+ data() {
+ return {
+ pageConfig: {
+ loginDataUrl: this.$systemconfig.basePath + '/user/login'
+ },
+ passWordCheck:false,
+ loginForm:{
+ loginName:'',
+ password:'',
+ }
+ }
+ },
+ methods:{
+ loginBtn() {
+ this.$byutil.postData(this,this.pageConfig.loginDataUrl,this.loginForm,res => {
+ if(res.success) {
+ //this.$message.success(res.message)
+ this.setStore('userinfo',res.obj)
+ this.$router.push({
+ path:'/leaderIndex'
+ })
+ }
+ })
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .zhanghuAndMima-box{
+ .el-input__inner{
+ background:rgba(24,136,203,0.2);
+ border:1px solid #457bff;
+ color:#fff;
+ }
+ .el-checkbox__label{
+ color: #fff;
+ }
+ .el-form-item{
+ margin-top: 0.15625rem /* 30/192 */;
+ }
+ .el-input__prefix{
+ color:#00fffb;
+ }
+ }
+</style>
+<style lang="scss" scoped>
+ .leaderLogin-wrap{
+ width: 100%;
+ height: 100%;
+ background:url("../../../assets/images/login-bj.jpg") no-repeat center;
+ background-size: 100% 100%;
+ display: flex;
+ justify-content: center;
+ .leaderLogin-main{
+ width: 60%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
+ .logoImg{
+ width: 0.78125rem /* 150/192 */;
+ height: 0.78125rem /* 150/192 */;
+ }
+ .leaderLogin-main-inside{
+ margin-top: 0.09375rem /* 18/192 */;
+ h1{
+ color: #fff;
+ font-size: 0.1875rem /* 36/192 */;
+ line-height: 2;
+ font-family: '鑻规柟 涓瓑';
+ font-weight: normal;
+ }
+ }
+
+ }
+ .leaderLogin-content-bj{
+ width: 3.28125rem /* 630/192 */;
+ height: 2.28125rem /* 438/192 */;
+ background:url('../../../assets/images/login-main-bj.png');
+ background-size: 100%;
+ margin-top: 0.1042rem /* 20/192 */;
+ padding:0.15625rem /* 30/192 */;
+ box-sizing: border-box;
+ h2{
+ color:#00fffb;
+ font-size:0.1354rem /* 26/192 */;
+ text-align: center;
+ line-height: 2;
+ }
+ }
+ .zhanghuAndMima-box{
+ width: 80%;
+ margin:0 auto;
+ margin-top: 0.1042rem /* 20/192 */;
+ }
+ .denglu-box{
+ width: 80%;
+ margin:0.1042rem /* 20/192 */ auto 0 ;
+ background:transparent;
+ border:1px solid #00fffb;
+ border-radius: 4px;
+ .dengluBtn{
+ background:transparent;
+ border:none;
+ color:#ffffff;
+ font-size:0.1146rem /* 22/192 */;
+ width: 100%;
+ text-align: center;
+ }
+ }
+ .forgetPassWord-box{
+ display: flex;
+ justify-content: space-between;
+ margin-top: 0.0521rem /* 10/192 */;
+ }
+ .forgetPassWord-box-inside{
+ cursor: pointer;
+ h2{
+ font-size: 0.09375rem /* 18/192 */;
+ color: #fff;
+ }
+ }
+</style>
diff --git a/src/main.js b/src/main.js
index 45ea16e..e2fd6b2 100644
--- a/src/main.js
+++ b/src/main.js
@@ -30,6 +30,9 @@
size: 'small'
});
+import echarts from 'echarts'
+Vue.prototype.$echarts = echarts;
+
import '@/utils/lib-fiexible'
import {getStore,setStore,removeStore} from "./libs/store";
--
Gitblit v1.9.1