From 1d1f3ceb1b041b15cdd3f7b3f5bc0228b7bb3865 Mon Sep 17 00:00:00 2001
From: Guoqs <autumn.g@foxmail.com>
Date: Thu, 25 Apr 2024 16:40:23 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E5=B9=B3=E5=8F=B0=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/thirdparty/secret/detail.vue    | 127 ++++++++++++++----
 1 file changed, 100 insertions(+), 27 deletions(-)

diff --git a/jsowell-ui/src/views/thirdparty/secret/detail.vue b/jsowell-ui/src/views/thirdparty/secret/detail.vue
index 596889283..e333fa46c 100644
--- a/jsowell-ui/src/views/thirdparty/secret/detail.vue
+++ b/jsowell-ui/src/views/thirdparty/secret/detail.vue
@@ -83,14 +83,14 @@
             <el-tab-pane label="同步数据" name="notification">
                 <template v-if="stationList.length > 0">
                     <el-row :gutter="20">
-                        <div v-for="s in stationList" :key="s" class="text item">
+                        <div v-for="item in stationList" class="text item">
                             <el-col :span="8">
                                 <el-card class="box-card" style="margin-right: 50px;" shadow="hover">
                                     <el-descriptions title="站点">
-                                        <el-descriptions-item label="站点id">{{ s.stationId }}</el-descriptions-item>
-                                        <el-descriptions-item label="站点名称">{{ s.stationName }}</el-descriptions-item>
+                                        <el-descriptions-item label="站点id">{{ item.stationId }}</el-descriptions-item>
+                                        <el-descriptions-item label="站点名称">{{ item.stationName }}</el-descriptions-item>
                                         <el-descriptions-item>
-                                            <el-button @click="clickDrawer(s.stationId, s.stationName)" type="primary" style="margin-left: 16px;">
+                                            <el-button @click="clickDrawer(item.stationId, item.stationName)" type="primary" style="margin-left: 16px;">
                                                 打开通知菜单
                                             </el-button>
                                         </el-descriptions-item>
@@ -108,50 +108,77 @@
                     :direction="direction">
                     <el-row>
                         <el-col :span="24">
-                            <div class="grid-content bg-purple-dark">
-                                <span>推送充电站信息变化</span>
-                                <el-form ref="form" :model="form" label-width="20%">
-                                    <el-form-item label="活动名称">
-                                        <el-input v-model="form.name"></el-input>
+                            <el-card class="box-card" style="margin-right: 50px;" shadow="hover">
+                                <div slot="header" class="clearfix">
+                                    <span>推送充电站信息变化</span>
+                                    <el-button style="float: right; padding: 3px 0" type="text">推送</el-button>
+                                </div>
+                                <div class="text item">
+                                    推送站点最新信息到第三方平台
+                                </div>
+                            </el-card>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="24">
+                            <el-card class="box-card" style="margin-right: 50px;" shadow="hover">
+                                <span>推送设备状态</span>
+                                <el-form ref="notificationForm" :model="notificationForm" label-width="20%">
+                                    <el-form-item label="充电桩编号">
+                                        <el-input v-model="notificationForm.pileSn"></el-input>
                                     </el-form-item>
 
                                     <el-form-item>
-                                        <el-button type="primary" @click="onSubmit">推送</el-button>
+                                        <el-button type="primary" @click="clickNotificationStationStatus">推送设备状态</el-button>
                                     </el-form-item>
                                 </el-form>
-                            </div>
+                            </el-card>
                         </el-col>
                     </el-row>
 
                     <el-row>
                         <el-col :span="24">
-                            <div class="grid-content bg-purple-dark">
-                                <span>推送设备状态</span>
-                            </div>
-                        </el-col>
-                    </el-row>
-
-                    <el-row>
-                        <el-col :span="24">
-                            <div class="grid-content bg-purple-dark">
+                            <el-card class="box-card" style="margin-right: 50px;" shadow="hover">
                                 <span>推送设备充电中状态</span>
-                            </div>
+                                <el-form ref="notificationForm" :model="notificationForm" label-width="20%">
+                                    <el-form-item label="充电枪口编号">
+                                        <el-input v-model="notificationForm.name"></el-input>
+                                    </el-form-item>
+                                    <el-form-item>
+                                        <el-button type="primary" @click="clickNotificationConnectorChargeStatus">推送设备充电中状态</el-button>
+                                    </el-form-item>
+                                </el-form>
+                            </el-card>
                         </el-col>
                     </el-row>
 
                     <el-row>
                         <el-col :span="24">
-                            <div class="grid-content bg-purple-dark">
+                            <el-card class="box-card" style="margin-right: 50px;" shadow="hover">
                                 <span>推送充电订单信息</span>
-                            </div>
+                                <el-form ref="notificationForm" :model="notificationForm" label-width="20%">
+                                    <el-form-item label="订单编号">
+                                        <el-input v-model="notificationForm.orderCode"></el-input>
+                                    </el-form-item>
+                                    <el-form-item>
+                                        <el-button type="primary" @click="clickNotificationChargeOrderInfo">推送充电订单信息</el-button>
+                                    </el-form-item>
+                                </el-form>
+                            </el-card>
                         </el-col>
                     </el-row>
 
                     <el-row>
                         <el-col :span="24">
-                            <div class="grid-content bg-purple-dark">
+                            <el-card class="box-card" style="margin-right: 50px;" shadow="hover">
                                 <span>推送站点费率</span>
-                            </div>
+                                <el-form ref="notificationForm" :model="notificationForm" label-width="20%">
+                                    <el-form-item>
+                                        <el-button type="primary" @click="clickNotificationStationFee">推送站点费率</el-button>
+                                    </el-form-item>
+                                </el-form>
+                            </el-card>
                         </el-col>
                     </el-row>
                 </el-drawer>
@@ -167,6 +194,12 @@
 import {addSecret, getSecret, selectStationList, updateSecret} from "@/api/thirdParty/secret";
 import {generateRandomID, isEmptyString} from "@/utils/common";
 import Template from "@/views/billing/template";
+import {
+    notificationChargeOrderInfo,
+    notificationConnectorChargeStatus, notificationStationFee,
+    notificationStationInfo,
+    notificationStationStatus
+} from "@/api/thirdParty/notification";
 
 export default {
     dicts: ["third_party_type"],
@@ -178,6 +211,8 @@ export default {
             platformName: this.$route.params.platformName,
             // 表单参数
             form: {},
+            notificationStationId: null,
+            notificationForm: {},
             // 表单校验
             rules: {},
             stationList: [],
@@ -193,12 +228,50 @@ export default {
     methods: {
         // 提交
         onSubmit() {
-
+            this.notificationForm.stationId = this.notificationStationId;
+            console.log(this.notificationForm);
         },
+        // 点击推送站点信息
+        clickNotificationStationInfo() {
+            this.notificationForm.stationId = this.notificationStationId;
+            notificationStationInfo(this.notificationForm).then(response => {
+
+            });
+        },
+        // 点出推送设备状态
+        clickNotificationStationStatus() {
+            this.notificationForm.stationId = this.notificationStationId;
+            notificationStationStatus(this.notificationForm).then(response => {
+
+            });
+        },
+        // 点击推送设备充电中状态
+        clickNotificationConnectorChargeStatus() {
+            this.notificationForm.stationId = this.notificationStationId;
+            notificationStationInfo(this.notificationForm).then(response => {
+
+            });
+        },
+        // 点击推送订单信息
+        clickNotificationChargeOrderInfo() {
+            this.notificationForm.stationId = this.notificationStationId;
+            notificationStationInfo(this.notificationForm).then(response => {
+
+            });
+        },
+        // 点击推送站点费率
+        clickNotificationStationFee() {
+            this.notificationForm.stationId = this.notificationStationId;
+            notificationStationInfo(this.notificationForm).then(response => {
+
+            });
+        },
+        // 点击打开 通知菜单
         clickDrawer(stationId, stationName) {
-            console.log("站点id：", stationId);
+            // console.log("站点id：", stationId);
             this.drawerTitle = "同步【" + stationName + "】站点的数据到【" + this.platformName + "】";
             this.drawer = true;
+            this.notificationStationId = stationId;
         },
         // Drawer  :before-close="handleClose"
         handleClose(done) {