From 1c22df3a43670e1ea52b62a7cae824c1553f437e Mon Sep 17 00:00:00 2001
From: wj <347312259@qq.com>
Date: Wed, 10 May 2023 16:10:05 +0800
Subject: [PATCH] 11

---
 psdc-ui/src/api/bigview/bigview.js            |   6 +
 .../images/{电磁锅炉.png => dcgl.png}     | Bin
 psdc-ui/src/views/bigview/index.vue           |  15 +-
 psdc-ui/src/views/control/manual/index.vue    | 296 +++++++++++++++++-
 psdc-ui/src/views/login.vue                   |  31 +-
 psdc-ui/vite.config.js                        |   2 +
 6 files changed, 331 insertions(+), 19 deletions(-)
 create mode 100644 psdc-ui/src/api/bigview/bigview.js
 rename psdc-ui/src/assets/images/{电磁锅炉.png => dcgl.png} (100%)

diff --git a/psdc-ui/src/api/bigview/bigview.js b/psdc-ui/src/api/bigview/bigview.js
new file mode 100644
index 0000000..2ec33c4
--- /dev/null
+++ b/psdc-ui/src/api/bigview/bigview.js
@@ -0,0 +1,6 @@
+import request from '@/utils/request'
+
+//8个温度传感器接口
+export function getTemperature() {
+    return request.get('/indexLook/8wd')
+}
\ No newline at end of file
diff --git a/psdc-ui/src/assets/images/电磁锅炉.png b/psdc-ui/src/assets/images/dcgl.png
similarity index 100%
rename from psdc-ui/src/assets/images/电磁锅炉.png
rename to psdc-ui/src/assets/images/dcgl.png
diff --git a/psdc-ui/src/views/bigview/index.vue b/psdc-ui/src/views/bigview/index.vue
index a951e2e..4036821 100644
--- a/psdc-ui/src/views/bigview/index.vue
+++ b/psdc-ui/src/views/bigview/index.vue
@@ -10,7 +10,7 @@
           <div class="title">电磁锅炉</div>
           <div class="info_box">
             <div class="dev_img">
-              <img src="../../assets/images/电磁锅炉.png" alt="">
+              <img src="../../assets/images/dcgl.png" alt="">
             </div>
             <div class="dev_data">
               <p>当前状态：<span class="now_tatus">开启</span></p>
@@ -146,6 +146,17 @@
 </template>
 
 <script setup name="Index">
+// import {ref,reactive} from 'vue'
+import {getTemperature} from '../../api/bigview/bigview'
+
+// getWendu();
+
+// const wendi1 = ref(0)
+// function getWendu(){
+//   getTemperature().then((res)=>{
+//     console.log(res.data.data)
+//   })
+// }
 
 
 
@@ -270,7 +281,6 @@
         .my3D_img{
           width: 100%;
           height: 100%;
-          border: 1px solid #fff;
           padding: 20px 60px 0 60px;
           img{
             width: 100%;
@@ -288,7 +298,6 @@
         .chart_box{
           width: 49.5%;
           height: 100%;
-          border: 1px solid #fff;
           .nowPower_chart{
             width: 100%;
             height: 81%;
diff --git a/psdc-ui/src/views/control/manual/index.vue b/psdc-ui/src/views/control/manual/index.vue
index 2fd71bf..45619ba 100644
--- a/psdc-ui/src/views/control/manual/index.vue
+++ b/psdc-ui/src/views/control/manual/index.vue
@@ -1,16 +1,310 @@
 <template>
   <div class="app-container home">
-    <h1>手动控制</h1>
+    <el-button type="primary" :icon="Download">策略导入</el-button>
+    <div class="dev_control_wrapper">
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>电热锅炉</span>
+          <el-switch v-model="value1" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/dcgl.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form :model="form1">
+              <el-form-item label="当前状态："><span class="green">开启</span></el-form-item>
+              <el-form-item label="进水温度："><el-input v-model="form1.enter" /></el-form-item>
+              <el-form-item label="出水温度："><el-input v-model="form1.leave" /></el-form-item>
+              <div class="submit" @click="onSubmit1">确定</div>
+            </el-form>
+          </div>
+        </div>
+      </div>
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>空气源热泵</span>
+          <el-switch v-model="value2" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/空气源热泵.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form :model="form2">
+              <el-form-item label="当前状态："><span class="red">关闭</span></el-form-item>
+              <el-form-item label="进水温度："><el-input v-model="form2.enter" /></el-form-item>
+              <el-form-item label="出水温度："><el-input v-model="form2.leave" /></el-form-item>
+              <div class="submit" @click="onSubmit2">确定</div>
+            </el-form>
+          </div>
+        </div>
+      </div>
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>发热电缆</span>
+          <el-switch v-model="value3" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/发热电缆.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form :model="form3">
+              <el-form-item label="当前状态："><span class="red">关闭</span></el-form-item>
+              <el-form-item label="当前温度："><el-input v-model="form3.now" /></el-form-item>
+              <div class="submit" @click="onSubmit3">确定</div>
+            </el-form>
+          </div>
+        </div>
+      </div>
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>风机盘管</span>
+          <el-switch v-model="value4" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/风机盘管.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form>
+              <el-form-item label="当前状态："><span class="red">关闭</span></el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </div>
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>水泵</span>
+          <el-switch v-model="value5" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/水泵.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form>
+              <el-form-item label="当前状态："><span class="red">关闭</span></el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </div>
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>蓄热锅炉</span>
+          <el-switch v-model="value6" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/蓄热锅炉.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form>
+              <el-form-item label="当前状态："><span class="red">关闭</span></el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </div>
+      <div class="dev_control_item">
+        <div class="item_header">
+          <span>沙盘</span>
+          <el-switch v-model="value7" class="switch" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #dddddd"/>
+        </div>
+        <div class="item_bottom">
+          <div class="item_bottom_img">
+            <img src="./src/assets/images/沙盘.png" alt="">
+          </div>
+          <div class="item_bottom_form">
+            <el-form>
+              <el-form-item label="当前状态："><span class="red">关闭</span></el-form-item>
+            </el-form>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="dev_control_table">
+      <div class="control_header"><span>调控日志</span></div>
+      <div class="control_table">
+        <el-table v-loading="loading" :data="controlList" @selection-change="handleSelectionChange">
+          <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
+          <el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
+          <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
+          <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[3].visible" width="120" />
+          <el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
+            <template #default="scope">
+              <el-switch
+                  v-model="scope.row.status"
+                  active-value="0"
+                  inactive-value="1"
+                  @change="handleStatusChange(scope.row)"
+              ></el-switch>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[4].visible" width="160">
+            <template #default="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup name="Index">
+import { Share,Download } from '@element-plus/icons-vue'  //element字体图标
+import { ref,reactive } from 'vue'
+
+
+const value1 = ref(true)
+const value2 = ref(false)
+const value3 = ref(false)
+const value4 = ref(false)
+const value5 = ref(false)
+const value6 = ref(false)
+const value7 = ref(false)
+const form1 = reactive({
+  enter:'',
+  leave:'',
+})
+const form2 = reactive({
+  enter:'',
+  leave:'',
+})
+const form3 = reactive({
+  now:'',
+})
+
+const onSubmit1 = () => {
+  console.log('确定')
+}
+const onSubmit2 = () => {
+  console.log('确定')
+}
+const onSubmit3 = () => {
+  console.log('确定')
+}
+
 
 
 
 </script>
 
 <style scoped lang="scss">
+.home {
+  height: calc(100vh - 118px);
+  .dev_control_wrapper{
+    display: flex;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    width: 100%;
+    height: 50%;
+    overflow-y: auto;
+    .dev_control_item{
+      width: 24.46%;
+      height: 47%;
+      margin-right: 12px;
+      margin-bottom: 12px;
+      background-color: #2F3D8A;
+      overflow: hidden;
+      &:nth-child(4n){
+        margin-right: 0px;
+      }
+
+      .item_header{
+        width: 100%;
+        height: 20%;
+        background-color: #374590;
+        padding: 0 10px;
+        span{
+          font-size: 16px;
+          font-weight: bold;
+          line-height: 37px;
+        }
+        .switch{
+          float: right;
+          line-height: 37px;
+          height: 37px;
+        }
+      }
+      .item_bottom{
+        display: flex;
+        width: 100%;
+        height: 80%;
+        .item_bottom_img{
+          width: 40%;
+          height: 100%;
+          //border: 1px solid red;
+          padding: 10px;
+          img{
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .item_bottom_form{
+          width: 60%;
+          height: 100%;
+          //border: 1px solid red;
+          padding: 0 10px 0 0;
+          .green{
+            color: #00ff07;
+          }
+          .red{
+            color: #ff0000;
+          }
+          .submit{
+            padding: 3px 15px;
+            border-radius: 2px;
+            background-color: #2F8EED;
+            float: right;
+            margin-top: 8px;
+            cursor: pointer;
+            &:hover{
+              background-color: #5ba2f3;
+            }
+          }
+        }
+      }
+    }
+  }
+  .dev_control_table{
+    width: 100%;
+    height: 50%;
+    background-color: #2F3D8A;
+    .control_header{
+      width: 100%;
+      height: 10%;
+      background-color: #374590;
+      padding: 0 10px;
+      span{
+        font-size: 16px;
+        font-weight: bold;
+        line-height: 37px;
+      }
+    }
+    .control_table{
+      width: 100%;
+      height: 90%;
+      border: 1px solid red;
+    }
+  }
+}
 
+::v-deep .el-button{
+  border-radius: 2px;
+  margin-bottom: 12px;
+}
+::v-deep .el-switch__core .el-switch__action{
+  top: 1px;
+  width: 17px;
+  height: 17px;
+}
+::v-deep .el-form-item--default{
+  margin-bottom: 3px;
+}
+::v-deep .el-input__inner{
+  color: #f3ffff;
+}
 </style>
 
diff --git a/psdc-ui/src/views/login.vue b/psdc-ui/src/views/login.vue
index dd83af4..2e4a541 100644
--- a/psdc-ui/src/views/login.vue
+++ b/psdc-ui/src/views/login.vue
@@ -28,21 +28,21 @@
             <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
           </el-input>
         </el-form-item>
-        <el-form-item prop="code" v-if="captchaEnabled">
-          <el-input
-              v-model="loginForm.code"
-              size="large"
-              auto-complete="off"
-              placeholder="验证码"
-              style="width: 63%"
-              @keyup.enter="handleLogin"
-          >
-            <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
-          </el-input>
-          <div class="login-code">
-            <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-          </div>
-        </el-form-item>
+<!--        <el-form-item prop="code" v-if="captchaEnabled">-->
+<!--          <el-input-->
+<!--              v-model="loginForm.code"-->
+<!--              size="large"-->
+<!--              auto-complete="off"-->
+<!--              placeholder="验证码"-->
+<!--              style="width: 63%"-->
+<!--              @keyup.enter="handleLogin"-->
+<!--          >-->
+<!--            <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>-->
+<!--          </el-input>-->
+<!--          <div class="login-code">-->
+<!--            <img :src="codeUrl" @click="getCode" class="login-code-img"/>-->
+<!--          </div>-->
+<!--        </el-form-item>-->
         <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
         <el-form-item style="width:100%;">
           <el-button
@@ -75,6 +75,7 @@ import { getCodeImg } from "@/api/login";
 import Cookies from "js-cookie";
 import { encrypt, decrypt } from "@/utils/jsencrypt";
 import useUserStore from '@/store/modules/user'
+import {ref} from "vue";
 
 const userStore = useUserStore()
 const router = useRouter();
diff --git a/psdc-ui/vite.config.js b/psdc-ui/vite.config.js
index 18d0fde..65044c9 100644
--- a/psdc-ui/vite.config.js
+++ b/psdc-ui/vite.config.js
@@ -56,3 +56,5 @@ export default defineConfig(({ mode, command }) => {
     }
   }
 })
+
+