gx

src/views/form/changepassword.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="revise">
     <div class="past">
       <el-text class="past_right">旧密码</el-text>
       <el-input
@@ -12,6 +12,7 @@
       <el-text class="past_right">新密码</el-text>
       <el-input
         v-model="state.formState.newPassword"
+        show-password="true"
         placeholder="请输入"
         style="width: 200px"
       />
@@ -21,10 +22,13 @@
       <el-input
         v-model="state.formState.rePassword"
         placeholder="请输入"
+        show-password="true"
         style="width: 200px"
       />
     </div>
-    <el-button @click="onAffirm()">提交</el-button>
+    <div class="confirm">
+      <el-button type="primary" @click="onAffirm()">确定</el-button>
+    </div>
   </div>
 </template>
 
@@ -49,11 +53,27 @@ const onAffirm = () => {
   };
   http.post(`/api/upms/admin/edit_password`, user).then((res) => {
     console.log(res);
+    if(res.code === 200){
+        ElMessage.success(res.message);
+        state.formState = {};
+    }else{
+        ElMessage.error(res.message);
+    }
   });
 };
 </script>
     
 <style lang="scss" scoped>
+.revise {
+  position: absolute;
+  top: 40%;
+  left: 45%;
+  .confirm {
+    margin-top: 20px;
+    position: absolute;
+    right: 1px;
+  }
+}
 .past {
   display: flex;
   margin-top: 20px;

src/views/form/devicechannel.vue

@@ -37,13 +37,13 @@
       v-model="state.Monitoring"
       title="查询条件"
       width="30%"
-      destroy-on-close
+      @close="stateMonitoring"
     >
       <el-form
-        class="form"
         ref="ruleFormRef"
         :rules="rules"
         :model="state.formState"
+        label-position="left"
         label-width="120px"
       >
         <el-form-item label="在线状态">
@@ -76,16 +76,20 @@
           <el-button type="primary" @click="onAffirm(ruleFormRef)"
             >提交</el-button
           >
+          <el-button @click="stateMonitoring()">取消</el-button>
         </div>
       </el-form>
     </el-dialog>
+
     <!-- 详情 -->
     <el-dialog v-model="state.channeldetails" title="查询条件" width="40%">
+      <div class="device">
         <el-form
-        class="form"
           ref="ruleFormRef"
           :rules="rules"
           :model="state.formState"
+          label-position="left"
+          label-width="120px"
         >
           <div class="information">
             <el-form-item label="设备编码：">
@@ -176,6 +180,7 @@
             </el-form-item>
           </div>
         </el-form>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -186,6 +191,8 @@ import TableBody from "@/components/TableBody/TableBody.vue";
 import http from "../../utils/request";
 import tools from "@/utils/tools";
 import { ElMessage } from "element-plus";
+import { useRouter } from "vue-router";
+const Router = useRouter();
 const state = reactive({
   Monitoring: false,
   channeldetails: false,
@@ -323,7 +330,7 @@ const handleTableHeader = ({ type, data }) => {
 // 表格分页事件
 const handleTablePagination = (current) => {
   data.pagination.current = current;
-  onAffirm()
+  onAffirm();
 };
 const addNew = () => {
   state.Monitoring = true;
@@ -335,10 +342,15 @@ const onAffirm = () => {
     .post("/api/device/channel/subsystem/page", state.formState)
     .then((res) => {
       if (res.code == "0") {
+        state.Monitoring = false;
+        ElMessage.success(res.errMsg);
         data.tableData = res.data.pageData;
         data.pagination.current = res.data.currentPage;
         data.pagination.pageSize = res.data.pageSize;
         data.pagination.total = res.data.totalRows;
+      } else if (res.code === 600) {
+        ElMessage.error(res.message);
+        Router.push("/web/xgmm");
       }
     });
 };
@@ -347,6 +359,10 @@ const handleGg = (obj) => {
   form.value = obj;
   state.channeldetails = true;
 };
+const stateMonitoring = () => {
+  state.Monitoring = false;
+  state.formState = {};
+};
 onMounted(() => {
   onAffirm();
 });
@@ -361,6 +377,12 @@ onMounted(() => {
 }
 .information {
   display: flex;
-  justify-content: space-around;
+  .el-form-item {
+    width: 350px;
+  }
+}
+.device {
+  max-height: 450px;
+  overflow-y: auto;
 }
 </style>

src/views/form/monitoringpoints.vue

@@ -76,7 +76,7 @@
         <el-form-item label="视频通道编码" prop="channelId">
           <el-input v-model="state.formState.channelId" style="width: 220px" />
         </el-form-item>
-        <el-form-item label="流通编码" prop="channelId">
+        <el-form-item label="流通编码" prop="type">
           <el-select
                 v-model="state.formState.type"
                 placeholder="请选择"
@@ -90,10 +90,10 @@
               </el-select>
         </el-form-item>
         <div style="display: flex; justify-content: center">
-          <el-button @click="stateMonitoring()">取消</el-button>
           <el-button type="primary" @click="onAffirm(ruleFormRef)"
             >提交</el-button
           >
+          <el-button @click="stateMonitoring()">取消</el-button>
         </div>
       </el-form>
     </el-dialog>
@@ -103,9 +103,11 @@
 import { ref, reactive, onMounted } from "vue";
 // import { message } from "ant-design-vue";
 import { ElMessage } from "element-plus";
+import { useRouter } from "vue-router";
 import TableBody from "@/components/TableBody/TableBody.vue";
 import http from "@/utils/request";
 import tools from "@/utils/tools";
+const Router = useRouter();
 const state = reactive({
   Monitoring: false,
   formState: {
@@ -142,6 +144,13 @@ const rules = reactive({
       trigger: "blur",
     },
   ],
+  type : [
+    {
+      required: true,
+      message: "不能为空",
+      trigger: "blur",
+    },
+  ],
 });
 
 const data = reactive({
@@ -273,6 +282,9 @@ const get = () => {
       data.pagination.current = res.data.current;
       data.pagination.pageSize = res.data.size;
       data.pagination.total = res.data.total;
+    }else if (res.code === 600){
+      ElMessage.error(res.message);
+      Router.push("/web/xgmm");
     }
   });
 };