系统管理

2026-05-27 18:59:26 +08:00 · 2025-09-05 16:40:35 +08:00
parent c778e4a300
commit c1cce63c85
24 changed files with 2220 additions and 411 deletions
--- a/web/src/views/MainView.vue
+++ b/web/src/views/MainView.vue
@@ -80,6 +80,7 @@ export default {
            },
            {
              name: '场站管理',
+              path: '/station',
              icon: 'icon-caidanguanli'
            },
            {
--- a/web/src/views/statisticalAnalysis.vue
+++ b/web/src/views/statisticalAnalysis.vue
@@ -515,7 +515,7 @@ export default {
        // end_date: getDateDaysAgo(0)
      }
      try {
-        const res = await getReq('/api/queryStatDayList', query)
+        const res = await getReq('/queryStatDayList', query)
        if (res.errcode === 0) {
          this.echartsInfo[this.activeKey].chartData = res.data
          console.log(
@@ -539,7 +539,7 @@ export default {
        pageNumber: currentInfo.pageOption.page
      }
      try {
-        const res = await getReq('/api/queryStatDayList', query)
+        const res = await getReq('/queryStatDayList', query)
        if (res.errcode === 0) {
          currentInfo.tableData = res.data
          currentInfo.pageOption = {
--- a/web/src/views/sub/Home.vue
+++ b/web/src/views/sub/Home.vue
@@ -130,7 +130,7 @@ export default {
    async getOnLineList() {
      try {
        // token: 用户TOKEN
-        const res = await getReq('/api/queryStatSystem')
+        const res = await getReq('/queryStatSystem')
        if (res.errcode === 0) {
          this.deviceInfo.onLine = JSON.parse(JSON.stringify(res.data))
          this.deviceInfo.onLine.runDays = getRunDays(res.data.launch_date)
@@ -155,7 +155,7 @@ export default {
          stationId: this.stationId,
          category: 0
        }
-        const res = await getReq('/api/queryStatTotal', query)
+        const res = await getReq('/queryStatTotal', query)
        if (res.errcode === 0) {
          this.deviceInfo.allTotal = res.data
          const { income_charge: incomeCharge, income_elect: incomeElect } =
@@ -201,7 +201,7 @@ export default {
          end_date: getDateDaysAgo(0)
        }
        const arr = { 1: 'energy', 2: 'charge', 3: 'pv' }
-        const res = await getReq('/api/queryStatDayList', query)
+        const res = await getReq('/queryStatDayList', query)
        if (res.errcode === 0) {
          this.list.forEach((item) => {
            this.deviceInfo[arr[category]] = res.data
--- a/web/src/views/system/policy.vue
+++ b/web/src/views/system/policy.vue
@@ -133,7 +133,7 @@ export default {
      },
      tableH: '',
      formState: {},
-      formStatus:'add',//表单状态辑状态 add:新增 edit:编辑
+      formStatus:'add',//c表单状态辑状态 add:新增 edit:编辑
    }
  },
  mounted() {
--- a/web/src/views/system/role.vue
+++ b/web/src/views/system/role.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="role">
+    <searchBox
+      :btn-option-list="btnOptionList"
+      @onSearch="onSearch"
+      :search-options="searchOptions"
+      @operateForm="operateForm"
+    ></searchBox>
+
+    <div class="content-table">
+      <ComTable
+        :columns="columns"
+        :table-data="tableData"
+        @handlePagesizeChange="handlePagesizeChange"
+        ref="comTable"
+        :table-option="tableOption"
+        :page-option="pageOption"
+        :table-h="tableH"
+      >
+        <template #is_open="record">
+          <!-- 0:禁用; 1:启用 -->
+          <span>{{ ['禁用', '启用'][record.is_open] }}</span>
+        </template>
+        <template #permission="record">
+          <!-- 0:禁用; 1:启用 -->
+          <span>{{record.permission.map(item=>item.name).toString() }}</span>
+        </template>
+
+        <template #action="record">
+          <OperateCom :record="record" :operate-list="operateList" @operateForm="operateForm" />
+        </template>
+      </ComTable>
+    </div>
+    <a-modal v-model:open="formModal" width="750px" style="top: 20px" :footer="null">
+      <!-- action:edit add -->
+      <EditCom
+        :record="record"
+        @operateForm="operateForm"
+        type="role"
+        :action="formStatus"
+      ></EditCom>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { columnList, roleOptions } from '../../../public/config/columnList'
+import { getReq, postReq } from '@/request/api.js'
+import ComTable from '@/components/ComTable'
+import OperateCom from '@/components/OperateCom'
+import EditCom from '@/components/EditCom.vue'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { createVNode } from 'vue'
+import { Modal } from 'ant-design-vue'
+import searchBox from '@/components/SearchBox.vue'
+export default {
+  name: '',
+  components: {
+    searchBox,
+    EditCom,
+    ComTable,
+    OperateCom
+  },
+  props: {},
+  data() {
+    return {
+      formModal: false,
+      formState: {},
+      formStatus: 'add', //表单状态辑状态 add:新增 edit:编辑
+      pageOption: {
+        pageSize: 10,
+        page: 1
+      },
+      btnOptionList: [],
+      paramsDate: {}
+    }
+  },
+  computed: {},
+  created() {
+    let info = []
+    let col = columnList.find((i) => i.page == 'role').columns
+    if (col.length) {
+      col.forEach((item) => {
+        info.push(this.$setWidth(item))
+      })
+    }
+    this.columns = info
+  },
+
+  mounted() {
+    this.operateList = this.$getBtns(['查看', '修改', '删除'])
+    this.btnOptionList = this.$getBtns(['新增'])
+    this.getList()
+  },
+
+  methods: {
+    async getList() {
+      this.$refs.comTable.loading = true
+
+      const { page, pageSize } = this.pageOption
+
+      const params = {
+        ...this.paramsDate,
+        page_size: pageSize,
+        page
+      }
+
+      try {
+        const res = await getReq('/queryRoleList', params)
+        if (res.errcode === 0) {
+          this.$refs.comTable.loading = false
+
+          this.tableData = res.data
+
+          this.pageOption = {
+            page: res.page,
+            pageSize: res.page_size,
+            count: res.count
+          }
+        } else {
+          const err = { tip: res.errmsg }
+          throw err
+        }
+      } catch (error) {
+        //统一处理报错提示
+      }
+    },
+    operateForm(type, record = {}) {
+      console.log(record,record.id,'rrrrrrrrrr')
+      this.formStatus = type
+      switch (type) {
+      case 'add':
+        this.formModal = true
+        this.formState = {}
+        this.getRuleFormInfo()
+
+        break
+      case 'edit':
+      case 'read':
+        this.formModal = true
+        this.formState = record
+        this.getRuleFormInfo(record)
+        break
+    
+      case 'del':
+        this.handleDelete([record.role_id],this.getList)
+
+        break
+
+      case 'back':
+        this.formModal = false
+        this.getList()
+        break
+
+      default:
+        break
+      }
+    },
+    //  删除操作
+    async handleDelete(id,callback) {
+      const that = this
+      Modal.confirm({
+        title: '你确认删除数据吗?',
+        icon: createVNode(ExclamationCircleOutlined),
+
+        async onOk() {
+          try {
+            const res = await getReq('/deleteRole',{role_id:id})
+            if (res.errcode === 0) {
+              this.$message.success(res.errmsg)
+              this.pageOption.page=1
+              callback()
+            } else {
+              throw res
+            }
+          } catch (error) {
+            callback()
+          }
+        },
+        onCancel() {
+          // console.log("Cancel");
+        },
+        class: 'test'
+      })
+    },
+    async getRuleFormInfo(record) {
+      function getInfo(data, url) {
+        return new Promise((reslove, reject) => {
+          getReq(data, url).then((res) => {
+            reslove(res.data)
+          })
+        })
+      }
+
+      let row = {}
+      if (record && record.role_id) {
+        // row = await getInfo({ id: record.id },'/queryroleList')
+        this.record = record
+        row = record
+        // this.type='edit'
+      }
+      roleOptions.forEach((e, index) => {
+        e.list.forEach((i) => {
+          
+          e.ruleForm[i.key] = row ? row[i.key] : ''
+          e.ruleForm.id = row.id
+        })
+      })
+    },
+    handlePagesizeChange(pageOption) {
+      this.pageOption.pageSize = pageOption.pageSize
+      this.pageOption.page = pageOption.page
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.role {
+  height: 100%;
+
+  .content-table {
+    height: calc(100% - 70px);
+    padding: 10px;
+  }
+}
+</style>
--- a/web/src/views/system/station.vue
+++ b/web/src/views/system/station.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="station">
+    <searchBox
+      :btn-option-list="btnOptionList"
+      @onSearch="onSearch"
+      :search-options="searchOptions"
+      @operateForm="operateForm"
+    ></searchBox>
+
+    <div class="content-table">
+      <ComTable
+        :columns="columns"
+        :table-data="tableData"
+        @handlePagesizeChange="handlePagesizeChange"
+        ref="comTable"
+        :table-option="tableOption"
+        :page-option="pageOption"
+        :table-h="tableH"
+      >
+        <template #is_open="record">
+          <!-- 0:禁用; 1:启用 -->
+          <span>{{ ['禁用', '启用'][record.is_open] }}</span>
+        </template>
+        <template #permission="record">
+          <!-- 0:禁用; 1:启用 -->
+          <span>{{record.permission.map(item=>item.name).toString() }}</span>
+        </template>
+
+        <template #action="record">
+          <OperateCom :record="record" :operate-list="operateList" @operateForm="operateForm" />
+        </template>
+      </ComTable>
+    </div>
+    <a-modal v-model:open="formModal" width="750px" style="top: 20px" :footer="null">
+      <!-- action:edit add -->
+      <EditCom
+        :record="record"
+        @operateForm="operateForm"
+        type="station"
+        :action="formStatus"
+      ></EditCom>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { columnList, stationOptions } from '../../../public/config/columnList'
+import { getReq, postReq } from '@/request/api.js'
+import ComTable from '@/components/ComTable'
+import OperateCom from '@/components/OperateCom'
+import EditCom from '@/components/EditCom.vue'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { createVNode } from 'vue'
+import { Modal } from 'ant-design-vue'
+import searchBox from '@/components/SearchBox.vue'
+export default {
+  name: '',
+  components: {
+    searchBox,
+    EditCom,
+    ComTable,
+    OperateCom
+  },
+  props: {},
+  data() {
+    return {
+      formModal: false,
+      formState: {},
+      formStatus: 'add', //表单状态辑状态 add:新增 edit:编辑
+      pageOption: {
+        pageSize: 10,
+        page: 1
+      },
+      btnOptionList: [],
+      paramsDate: {}
+    }
+  },
+  computed: {},
+  created() {
+    let info = []
+    let col = columnList.find((i) => i.page == 'station').columns
+    if (col.length) {
+      col.forEach((item) => {
+        info.push(this.$setWidth(item))
+      })
+    }
+    this.columns = info
+  },
+
+  mounted() {
+    this.operateList = this.$getBtns(['查看', '修改', '删除'])
+    this.btnOptionList = this.$getBtns(['新增'])
+    this.getList()
+  },
+
+  methods: {
+    async getList() {
+      this.$refs.comTable.loading = true
+
+      const { page, pageSize } = this.pageOption
+
+      const params = {
+        ...this.paramsDate,
+        page_size: pageSize,
+        page
+      }
+
+      try {
+        const res = await getReq('/queryStationList', params)
+        if (res.errcode === 0) {
+          this.$refs.comTable.loading = false
+
+          this.tableData = res.data
+
+          this.pageOption = {
+            page: res.page,
+            pageSize: res.page_size,
+            count: res.count
+          }
+        } else {
+          const err = { tip: res.errmsg }
+          throw err
+        }
+      } catch (error) {
+        //统一处理报错提示
+      }
+    },
+    operateForm(type, record = {}) {
+      console.log(record,record.id,'rrrrrrrrrr')
+      this.formStatus = type
+      switch (type) {
+      case 'add':
+        this.formModal = true
+        this.formState = {}
+        this.getRuleFormInfo()
+
+        break
+      case 'edit':
+      case 'read':
+        this.formModal = true
+        this.formState = record
+        this.getRuleFormInfo(record)
+        break
+    
+      case 'del':
+        this.handleDelete([record.station_id],this.getList)
+
+        break
+
+      case 'back':
+        this.formModal = false
+        this.getList()
+        break
+
+      default:
+        break
+      }
+    },
+    //  删除操作
+    async handleDelete(id,callback) {
+      const that = this
+      Modal.confirm({
+        title: '你确认删除数据吗?',
+        icon: createVNode(ExclamationCircleOutlined),
+
+        async onOk() {
+          try {
+            const res = await getReq('/deleteStation',{station_id:id})
+            if (res.errcode === 0) {
+              this.$message.success(res.errmsg)
+              this.pageOption.page=1
+              callback()
+            } else {
+              throw res
+            }
+          } catch (error) {
+            callback()
+          }
+        },
+        onCancel() {
+          // console.log("Cancel");
+        },
+        class: 'test'
+      })
+    },
+    async getRuleFormInfo(record) {
+      function getInfo(data, url) {
+        return new Promise((reslove, reject) => {
+          getReq(data, url).then((res) => {
+            reslove(res.data)
+          })
+        })
+      }
+
+      let row = {}
+      if (record && record.station_id) {
+        row = await getInfo({ station_id: record.station_id},'/queryStationInfo')
+        this.record = record
+        row = record
+        // this.type='edit'
+      }
+      stationOptions.forEach((e, index) => {
+        e.list.forEach((i) => {
+          
+          e.ruleForm[i.key] = row ? row[i.key] : ''
+          e.ruleForm.id = row.id
+        })
+      })
+    },
+    handlePagesizeChange(pageOption) {
+      this.pageOption.pageSize = pageOption.pageSize
+      this.pageOption.page = pageOption.page
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.station {
+  height: 100%;
+
+  .content-table {
+    height: calc(100% - 70px);
+    padding: 10px;
+  }
+}
+</style>
--- a/web/src/views/system/user.vue
+++ b/web/src/views/system/user.vue
@@ -17,48 +17,61 @@
        :page-option="pageOption"
        :table-h="tableH"
      >
-       <template #gender="record">
-        <!-- 0:女; 1:男 -->
+        <template #gender="record">
+          <!-- 0:女; 1:男 -->
          <span>{{ ['女', '男'][record.gender] }}</span>
        </template>
-    
+
        <template #action="record">
          <OperateCom :record="record" :operate-list="operateList" @operateForm="operateForm" />
        </template>
-    </ComTable>
-    </div>
-
+      </ComTable>
    </div>
+    <a-modal v-model:open="formModal" width="750px" style="top: 20px" :footer="null">
+      <!-- action:edit add -->
+      <EditCom
+        :record="record"
+        @operateForm="operateForm"
+        type="user"
+        :action="formStatus"
+      ></EditCom>
+    </a-modal>
+  </div>
 </template>

 <script>
-import { columnList } from '../../../public/config/columnList'
-import { mapState } from 'vuex'
+import { columnList, userOptions } from '../../../public/config/columnList'
 import { getReq, postReq } from '@/request/api.js'
 import ComTable from '@/components/ComTable'
 import OperateCom from '@/components/OperateCom'
-
+import EditCom from '@/components/EditCom.vue'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { createVNode } from 'vue'
+import { Modal } from 'ant-design-vue'
 import searchBox from '@/components/SearchBox.vue'
 export default {
  name: '',
  components: {
    searchBox,
+    EditCom,
    ComTable,
    OperateCom
  },
  props: {},
  data() {
    return {
-      pageOption:{},
+      formModal: false,
+      formState: {},
+      formStatus: 'add', //表单状态辑状态 add:新增 edit:编辑
+      pageOption: {
+        pageSize: 10,
+        page: 1
+      },
      btnOptionList: [],
-      paramsDate:{
-       
-      }
+      paramsDate: {}
    }
  },
-  computed: {
-    ...mapState(['page', 'detailType', 'type'])
-  },
+  computed: {},
  created() {
    let info = []
    let col = columnList.find((i) => i.page == 'user').columns
@@ -69,10 +82,10 @@ export default {
    }
    this.columns = info
  },
- 
+
  mounted() {
-    this.operateList = this.$getBtns(['查看', '编辑', '删除'])
-    this.btnOptionList = this.$getBtns(['新增', '批量删除'])
+    this.operateList = this.$getBtns(['查看', '修改', '删除'])
+    this.btnOptionList = this.$getBtns(['新增'])
    this.getList()
  },

@@ -89,7 +102,7 @@ export default {
      }

      try {
-        const res = await getReq('/api/queryUserList',params)
+        const res = await getReq('/queryUserList', params)
        if (res.errcode === 0) {
          this.$refs.comTable.loading = false

@@ -109,25 +122,29 @@ export default {
      }
    },
    operateForm(type, record = {}) {
+      console.log(record,record.id,'rrrrrrrrrr')
+      this.formStatus = type
      switch (type) {
-      case 'detail':
-        this.$store.commit('updateState', {
-          detailType: 'edit', //edit or view
-          page: 'detail',
-          title: '查看',
-          type: 'user'
-        })
-
-       
+      case 'add':
+        this.formModal = true
+        this.formState = {}
+        this.getRuleFormInfo()

+        break
+      case 'edit':
+      case 'read':
+        this.formModal = true
+        this.formState = record
        this.getRuleFormInfo(record)
        break
+    
+      case 'del':
+        this.handleDelete([record.user_id],this.getList)
+
+        break

      case 'back':
-        this.$store.commit('updateState', {
-          page: 'main'
-        })
-        this.isShowFlag = false
+        this.formModal = false
        this.getList()
        break

@@ -135,6 +152,33 @@ export default {
        break
      }
    },
+    //  删除操作
+    async handleDelete(id,callback) {
+      const that = this
+      Modal.confirm({
+        title: '你确认删除数据吗?',
+        icon: createVNode(ExclamationCircleOutlined),
+
+        async onOk() {
+          try {
+            const res = await getReq('/deleteUser',{user_id:id})
+            if (res.errcode === 0) {
+              this.$message.success(res.errmsg)
+              this.pageOption.page=1
+              callback()
+            } else {
+              throw res
+            }
+          } catch (error) {
+            callback()
+          }
+        },
+        onCancel() {
+          // console.log("Cancel");
+        },
+        class: 'test'
+      })
+    },
    async getRuleFormInfo(record) {
      function getInfo(data, url) {
        return new Promise((reslove, reject) => {
@@ -145,52 +189,36 @@ export default {
      }

      let row = {}
-      if (record.id) {
-        row = await getInfo({ id: record.id }, this.apiMethods[0].get)
-        this.record = row
-        this.$store.commit('updateState', {
-          // 配电柜-集中器-查看
-          title:
-            (row.cabinetName ? row.cabinetName + '-' : '') +
-            (row.name.split('集中器')[0] ? row.name.split('集中器')[0] : '') +
-            '集中器-查看'
-        })
+      if (record && record.user_id) {
+        // row = await getInfo({ id: record.id },'/queryUserList')
+        this.record = record
+        row = record
+        // this.type='edit'
      }
-      let connectorType
-      cabinetOptions.forEach((e, index) => {
+      userOptions.forEach((e, index) => {
        e.list.forEach((i) => {
-          if (index == 1) {
-            // 集中器状态
-            if (i.key == 'ctrMode' || i.key == 'powerStatus') {
-              e.ruleForm[i.key] = row.deviceStatus.lightStatus[i.key]
-            } else {
-              e.ruleForm[i.key] = row.deviceStatus[i.key]
-            }
-          } else if (i.key == 'connectorType') {
-            connectorType = row.deviceExtend[i.key]
-            e.ruleForm[i.key] = row.deviceExtend[i.key]
-          } else {
-            e.ruleForm[i.key] = row ? row[i.key] : ''
-            e.ruleForm.id = row.id
-          }
+          
+          e.ruleForm[i.key] = row ? row[i.key] : ''
+          e.ruleForm.id = row.id
        })
      })
-
-      // C型控制器，手自动状态和故障状态显示为“无”
-      if (connectorType == 1) {
-        cabinetOptions[1].ruleForm.status = 5
-        cabinetOptions[1].ruleForm.ctrMode = 5
-      }
-      this.isShowFlag = true
    },
    handlePagesizeChange(pageOption) {
      this.pageOption.pageSize = pageOption.pageSize
      this.pageOption.page = pageOption.page
-
      this.getList()
    }
  }
 }
 </script>

-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.user {
+  height: 100%;
+
+  .content-table {
+    height: calc(100% - 70px);
+    padding: 10px;
+  }
+}
+</style>