软件信息添加

dangan-ui/src/layout/components/Navbar.vue

@@ -7,15 +7,15 @@
 
     <div class="right-menu">
       <template v-if="device!=='mobile'">
-        <search id="header-search" class="right-menu-item" />
 
-        <el-tooltip content="源码地址" effect="dark" placement="bottom">
+        <search id="header-search" class="right-menu-item" />
+<!--        <el-tooltip content="源码地址" effect="dark" placement="bottom">
           <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
         </el-tooltip>
 
         <el-tooltip content="文档地址" effect="dark" placement="bottom">
           <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
+        </el-tooltip>-->
 
         <screenfull id="screenfull" class="right-menu-item hover-effect" />
 
@@ -34,6 +34,9 @@
           <router-link to="/user/profile">
             <el-dropdown-item>个人中心</el-dropdown-item>
           </router-link>
+          <el-dropdown-item @click.native="rjxx = true">
+            <span>软件信息</span>
+          </el-dropdown-item>
           <el-dropdown-item @click.native="setting = true">
             <span>布局设置</span>
           </el-dropdown-item>
@@ -43,6 +46,35 @@
         </el-dropdown-menu>
       </el-dropdown>
     </div>
+
+
+    <el-dialog title="软件信息" :visible.sync="rjxx" width="500px">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>目录和检索软件</span>
+        </div>
+        <div style="height: 30px;">
+          生产厂家：河北软发信息科技有限公司
+        </div>
+        <div style="height: 30px;">
+          型号：DZDA v1.0
+        </div>
+      </el-card>
+
+      <el-card class="box-card" style="margin-top: 20px;">
+        <div slot="header" class="clearfix">
+          <span>0CR识别算法软件</span>
+        </div>
+        <div style="height: 30px;">
+          生产厂家：河北软发信息科技有限公司
+        </div>
+        <div style="height: 30px;">
+          型号：OCR v1.0
+        </div>
+      </el-card>
+
+    </el-dialog>
+
   </div>
 </template>
 
@@ -91,6 +123,11 @@ export default {
       }
     }
   },
+  data() {
+    return {
+      rjxx: false,
+    }
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')