权限按钮处理

2026-05-28 03:09:24 +08:00 · 2025-09-15 15:47:38 +08:00
parent 60aa1a33ef
commit 7c2e7d4547
12 changed files with 58 additions and 39 deletions
--- a/web/src/components/DetailInfo.vue
+++ b/web/src/components/DetailInfo.vue
@@ -277,7 +277,6 @@
                />

                <a-tree-select
-                  :allow-clear="true"
                  :disabled="props.disabled"
                  v-if="item.type === 'tree-check-org'"
                  v-model:value="propsInfo.ruleForm.value[item.key]"
@@ -515,7 +514,11 @@ function cascaderChange(value, cascaderItem) {
 function filter(inputValue, path) {
  return path.some((option) => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1)
 }
-
+function getBase64(img, callback) {
+  const reader = new FileReader()
+  reader.addEventListener('load', () => callback(reader.result))
+  reader.readAsDataURL(img)
+}
 function avatarUploadChange(info) {
  if (info.file.status === 'uploading') {
    data.loading = true
@@ -532,11 +535,7 @@ function avatarUploadChange(info) {
 function onFieldsChange() {}
 function handleSubmit() {}

-function getBase64(img, callback) {
-  const reader = new FileReader()
-  reader.addEventListener('load', () => callback(reader.result))
-  reader.readAsDataURL(img)
-}
+

 // 主动暴露方法
 defineExpose({
--- a/web/src/components/EditCom.vue
+++ b/web/src/components/EditCom.vue
@@ -57,17 +57,17 @@
              scroll: { y: 500 }
            }"
          >
-            <template #is_add="{ record, index }">
+            <template #is_add="{ record }">
              <a-checkbox v-model:checked="record.is_add"></a-checkbox>
            </template>

-            <template #is_del="{ record, index }">
+            <template #is_del="{ record }">
              <a-checkbox v-model:checked="record.is_del"></a-checkbox>
            </template>
-            <template #is_edit="{ record, index }">
+            <template #is_edit="{ record }">
              <a-checkbox v-model:checked="record.is_edit"></a-checkbox>
            </template>
-            <template #is_view="{ record, index }">
+            <template #is_view="{ record }">
              <a-checkbox v-model:checked="record.is_view"></a-checkbox>
            </template>
          </TreeTable>
--- a/web/src/components/Home/Alarm.vue
+++ b/web/src/components/Home/Alarm.vue
@@ -29,28 +29,28 @@ export default {
    return {
      curList: [
        {
-          name: '日光伏设备告警',
+          name: '光伏设备告警',
          key: 'solar_num_err',
          lineColor: '#22E4FF',
          value: 1111,
          d: ''
        },
        {
-          name: '日储能设备告警',
+          name: '储能设备告警',
          key: 'storage_num_err',
          lineColor: '#0E68E4',
          value: 0,
          d: ''
        },
        {
-          name: '日充电设备告警',
+          name: '充电设备告警',
          key: 'charge_num_err',
          lineColor: '#00BAAD',
          value: 0,
          d: ''
        },
        // {
-        //   name: '日负荷设备告警',
+        //   name: '负荷设备告警',
        //   key: 'key4',
        //   lineColor: '#FF8D1A',
        //   value: 0,
--- a/web/src/components/Home/Charge.vue
+++ b/web/src/components/Home/Charge.vue
@@ -30,7 +30,7 @@ export default {
    return {
      curList: [
        {
-          name: '日充电电量',
+          name: '充电电量',
          key: 'charge_elect',
          lineColor: '#00BBA3',
          colorStart: ' rgba(10, 250, 106, 0.15)',
@@ -39,7 +39,7 @@ export default {
          d: 'kW·h'
        },
        {
-          name: '日充电次数',
+          name: '充电次数',
          key: 'charge_num',
          lineColor: '#3F80F2',
          colorStart: ' rgba(99, 151, 235, 0.3)',
@@ -50,7 +50,7 @@ export default {
      ],
      curListEcharts: [
        {
-          name: '日充电电量',
+          name: '充电电量',
          key: 'charge_elect',
          lineColor: '#00BBA3',
          colorStart: ' rgba(10, 250, 106, 0.15)',
@@ -59,7 +59,7 @@ export default {
          d: 'kW·h'
        },
        {
-          name: '日充电收益',
+          name: '充电收益',
          key: 'income_charge',
          lineColor: '#3F80F2',
          colorStart: ' rgba(99, 151, 235, 0.3)',
--- a/web/src/components/Home/Energy.vue
+++ b/web/src/components/Home/Energy.vue
@@ -33,14 +33,14 @@ export default {
      uid:'1',
      curList: [
        {
-          name: '日充电电量',
+          name: '充电电量',
          key: 'storage_elect_in',
          lineColor: '#22E4FF',
          value: 0,
          d: 'kW·h'
        },
        {
-          name: '日放电电量',
+          name: '放电电量',
          key: 'storage_elect_out',
          lineColor: '#0E68E4',
          value: 0,
--- a/web/src/components/Home/Modal.vue
+++ b/web/src/components/Home/Modal.vue
@@ -12,7 +12,7 @@
          :props-info="modalInfo[item.infoKey]"
          :props-total="
            ['prefab', 'dataTotal'].includes(item.infoKey)
-              ? item.key == 'prefab'
+              ? item.infoKey == 'prefab'
                ? modalInfo.prefabTotal
                : modalInfo.dataTotal
              : modalInfo.allTotal
--- a/web/src/components/Home/Modal/DisCharge.vue
+++ b/web/src/components/Home/Modal/DisCharge.vue
@@ -19,14 +19,14 @@ export default {
    return {
      curList: [
        {
-          name: '日充电电量',
+          name: '充电电量',
          key: 'storage_elect_in',
          lineColor: '#9BD801',
          value: 0,
          d: 'kW·h'
        },
        {
-          name: '日放电电量',
+          name: '放电电量',
          key: 'storage_elect_out',
          lineColor: '#3DFEFA',
          value: 0,
--- a/web/src/components/Home/Pv.vue
+++ b/web/src/components/Home/Pv.vue
@@ -31,14 +31,14 @@ export default {
    return {
      curList: [
        {
-          name: '日发电量',
+          name: '发电量',
          key: 'solar_elect_gen',
          lineColor: '#22E4FF',
          value: 0,
          d: 'kW·h'
        },
        {
-          name: '日入网电量',
+          name: '入网电量',
          key: 'solar_elect_grid',
          lineColor: '#0E68E4',
          value: 0,
--- a/web/src/style/antd.scss
+++ b/web/src/style/antd.scss
@@ -97,12 +97,12 @@ $page-border: #cad2dd;
    opacity: 0.8;
  }
  &:active {
-    background: #0f6f6a;
+    background: $btn-confirm;
  }

  &:disabled {
    border: none;
-    // color: #fff;
+    color: #fff;
    background: $btn-confirm;
  }
 }
@@ -115,6 +115,11 @@ $page-border: #cad2dd;
  &:active {
    background: $btn-del;
  }
+  &:disabled {
+    border: none;
+    color: #fff;
+    background: $btn-del;
+  }
 }
 .btn-edit {
  background: $btn-edit;
@@ -125,6 +130,11 @@ $page-border: #cad2dd;
  &:active {
    background: $btn-edit;
  }
+  &:disabled {
+    border: none;
+    color: #fff;
+    background: $btn-edit;
+  }
 }
 //modal样式
 // 删除弹框
--- a/web/src/utils/btnList.js
+++ b/web/src/utils/btnList.js
@@ -5,23 +5,33 @@ const btnList = [
  { label: '修改', type: 'edit', disFlag: 'is_edit' },
  { label: '删除', type: 'del', disFlag: 'is_del', icon: 'icon-del' }
 ]
-
+function findNodeByRoute(tree, targetRoute) {
+  for (const node of tree) {
+    if (node.route === targetRoute) {
+      return node // 找到目标节点
+    }
+    if (node.children && node.children.length > 0) {
+      const found = findNodeByRoute(node.children, targetRoute) // 递归检查子节点
+      if (found) return found
+    }
+  }
+  return null // 未找到
+}
 function getBtns(arr) {
-  // console.log(this.$route, JSON.parse(localStorage.getItem('permission')), 'this.$route')
-  // const curPermission =
-  //   JSON.parse(localStorage.getItem('permission')).find(
-  //     (item) => item.route == '/' + this.$route.name
-  //   ) || {}
+  const curPermission = findNodeByRoute(JSON.parse(localStorage.getItem('permission')), '/user')
+  // console.log(findNodeByRoute(JSON.parse(localStorage.getItem('permission')), '/user'), '55')

  // console.log(this.$route, curPermission, localStorage.getItem('permission'), 'curPermission')
  const btns = []
  // console.log(curPermission, 'curPermission')
  btnList.forEach((item) => {
    if (arr.includes(item.label)) {
-      // item.disabled = !Boolean(+curPermission[item.disFlag])
+      // item.disabled = true
+      item.disabled = !Boolean(+curPermission[item.disFlag])
      btns.push(item)
    }
  })
  return btns
 }
+
 export { btnList, getBtns }
--- a/web/src/views/statisticalAnalysis.vue
+++ b/web/src/views/statisticalAnalysis.vue
@@ -18,7 +18,7 @@
        :title-option="{ title: '', info: '' }"
        @onSearch="onSearch"
      >
-        <template #stationSelect="item">
+        <template #stationSelect="">
          <a-select
            style="width: 200px"
            :dropdown-match-select-width="false"
--- a/web/src/views/sub/Home.vue
+++ b/web/src/views/sub/Home.vue
@@ -119,9 +119,9 @@ export default {
      this.getStatDayList(3)
    ]).then((r) => {
      if (
-        this.deviceInfo.energy.length &&
-        this.deviceInfo.charge.length &&
-        this.deviceInfo.pv.length
+        this.deviceInfo.energy &&
+        this.deviceInfo.charge &&
+        this.deviceInfo.pv
      ) {
        const newArr = this.mergedArray(
          this.deviceInfo.energy,