1

src/views/touchScreen/main/index.vue

@@ -30,7 +30,14 @@
             <v-fade-transition>
                 <Report v-if="menuActivated === '报工'"></Report>
             </v-fade-transition>
+            <!-- 底部logo -->
+            <v-footer class="footer-center" app>
+                <el-link type="info" style="font-size: larger" href="http://www.doan-tech.com/"
+                    target="_blank">版权所有：苏州道安自动化技术有限公司
+                </el-link>
+            </v-footer>
         </v-main>
+
     </v-layout>
 </template>
 
@@ -45,11 +52,11 @@ const goBack = () => {
 }
 // 右侧菜单
 const listItems = ref([
-    { title: '报工', value: '报工', icon: 'mdi-account' },
-    { title: '质量', value: '质量', icon: 'mdi-account' },
-    { title: '报警', value: '报警', icon: 'mdi-account' },
-    { title: '打印', value: '打印', icon: 'mdi-account' },
-    { title: '设置', value: '设置', icon: 'mdi-account' },
+    { title: '报工', value: '报工', icon: 'mdi-clipboard-file-outline' },
+    { title: '质量', value: '质量', icon: 'mdi-application-edit' },
+    { title: '报警', value: '报警', icon: 'mdi-bell-alert' },
+    { title: '打印', value: '打印', icon: 'mdi-printer' },
+    { title: '设置', value: '设置', icon: 'mdi-tools' },
 ])
 const menuActivated = ref('报工')
 function selectItem(val) {
@@ -96,6 +103,13 @@ onMounted(() => {
     height: 100vh;
 }
 
+.footer-center {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .header {
     background-color: #006B8C;
     padding: 20px;