Merge pull request #1320 from xinnan-tech/manager-icp-num

可自定义智控台底部的系统名称、ICP备案号、公安备案号

main/manager-web/src/components/VersionFooter.vue

@@ -1,23 +1,74 @@
 <template>
-    <div class="copyright">
-        ©2025 xiaozhi-esp32-server v{{ version }}
+  <div class="copyright">
+    <div class="footer-content">
+      <span>{{ year }} {{ name }} {{ version }}</span>
+      <template v-if="beianGaNum !== 'null'">
+        <span v-if="beianIcpNum !== 'null' || name">|</span>
+        <a :href="'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=' + beianGaNum" target="_blank"
+          rel="noopener" class="beian-link">
+          <img
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAACXlBMVEUAAADax4rGxqP556zmsVD/6KXu5JvwvFPglEFnY3nnpEjosU1+XFTmuVfu13Hrv1jpsFa1k3mne2HlvnPdqmPqz3fu3YrJoWv04J/mz5z246aSi3i2p2/0zGj82WDrtFjar1O7klO4dkfimUJcWnbho0rgr1vntFfmvFflvGOZdFKXZkOUemnmv2XkuWWVe2ziqlXnt1Tr0HDpwl6ObmCkbEKqhVyOc2jdoVHmuljfrmDq0nPapWDUnErqy3XjtWXesXLrzHjz34rqzYfmw3fy4YrqyYDevW/dzoTIhkndsXLRsIneuHjlyIzQroTjuXjlyYfktWvw2prhvoHTmGfx45j3773TuYT/25LdijyKf321oXU+Nm3cumXfuWLtwlzpwVz40FvpvlvqvFfouFXjrlHipEjcmEfknEXPbzfbZyzZQR/YMBrWKBrhJhLdHxDTGg5HV4xBT4YYKYaWk4SDgYIWIYBybH0qLn1KS3tlZHpNS3WGfHIcHXEwLHAnF28rKW07NGuzn2pNQ2ruzWnDrGnuy2jryGjAnGgoH2j1x2RCNGPcrmIsEGGQdl/pu17YtV7FoV3muVxoRVzWqFvSmVp2SVbyw1XbkVTuvFPfo1PgmVPpt1LcnFLWkVLlp1F7W1HpsU92QE5oMUtFAUrpqUjnjUFOAEHUgz+DUj14FzvbczieMTdhATfodjXWcDXcbjXVcTS/Xi/hay7WXS3cWS3vYyvaVSrUVymnJSjXSyeKDSbNSiWfHCPMTyLFQiHkSR/lPxvVLRrPLBnUJRfUHhbaJxXVGxTZJxPNFhBdOhm/AAAAWXRSTlMABQIU/hIJ/v79/Pj29PPx4cC6s7CNfmxZWRv+/v7+/v7+/v78/Pr6+fPz8vHq6ujl5eTj4ODe2NTQzMW6ubKsnJeQkJCJiIOBgX9ubGpoW1lMREM0JR8dDgvYx1gAAAE7SURBVBjTYgADJmZJQUFJZiYGOGD2EzLV1jIT8paCibCJ86zctGPD1D4ecUaICKuPyYLMYznZOfNqzP0jwEJBOt1KB4/mHjqZ3dGsHwxW5M4Zk5l/PPdIQcGMShUPVqBlgQLlMSvyDq+P3HVidjWnkQQTA5MXV1SFYtb+jZGrl02si2J3Y2JgFMmILl68efueLVvXLSqLXirCCBgDow1HT+GS/AP7srblLS+K5bIHCjmodpXUr929d+eaVb3SsuouQCHhufPjShsbJk/rrK2KW8hiBxRyVkvnkI9tnaDQJDNFOU1DDOjRMEfe9Mjpiewz5RIzZmmKMoPcKqGbkJqSkBSfnDqpXS+ACeRpJ76W/uSUpDlpLPFtfK5soLAKFbU05Odm4eblN7YWk4KEGWOIp62FgYCVsG84SAAAL7BaooX965sAAAAASUVORK5CYII="
+            class="beian-icon" alt="备案图标">
+          <span class="beian-text">{{ beianGaNum }}</span>
+        </a>
+      </template>
+      <template v-if="beianIcpNum !== 'null'">
+        <span v-if="name">|</span>
+        <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" class="beian-link">
+          <span class="beian-text">{{ beianIcpNum }}</span>
+        </a>
+      </template>
     </div>
+  </div>
 </template>
 
 <script>
 import { mapState } from 'vuex';
 
 export default {
-    name: 'VersionFooter',
-    computed: {
-        ...mapState({
-            version: state => state.pubConfig.version
-        })
-    },
-    mounted() {
-        this.$store.dispatch('fetchPubConfig');
-    }
+  name: 'VersionFooter',
+  computed: {
+    ...mapState({
+      version: state => state.pubConfig.version,
+      name: state => state.pubConfig.name,
+      beianIcpNum: state => state.pubConfig.beianIcpNum,
+      beianGaNum: state => state.pubConfig.beianGaNum,
+      year: state => state.pubConfig.year
+    })
+  },
+  mounted() {
+    this.$store.dispatch('fetchPubConfig')
+  }
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.copyright {
+  padding: 10px 0;
+}
+
+.footer-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}
+
+.beian-link {
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+}
+
+.beian-icon {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+}
+
+.beian-text {
+  color: #000;
+  font-size: 12px;
+  vertical-align: middle;
+}
+</style>

main/manager-web/src/store/index.js

@@ -13,6 +13,8 @@ export default new Vuex.Store({
     isSuperAdmin: false, // 添加superAdmin状态
     pubConfig: { // 添加公共配置存储
       version: '',
+      beianIcpNum: 'null',
+      beianGaNum: 'null',
       allowUserRegister: false
     }
   },

main/manager-web/src/views/ParamsManagement.vue

@@ -5,7 +5,7 @@
         <div class="operation-bar">
             <h2 class="page-title">参数管理</h2>
             <div class="right-operations">
-                <el-input placeholder="请输入参数编码查询" v-model="searchCode" class="search-input"
+                <el-input placeholder="请输入参数编码或备注查询" v-model="searchCode" class="search-input"
                     @keyup.enter.native="handleSearch" clearable />
                 <el-button class="btn-search" @click="handleSearch">搜索</el-button>
             </div>