1225

src/main/index.js

@@ -23,7 +23,7 @@ function createWindow() {
   })
   mainWindow.on('ready-to-show', () => {
     mainWindow.show()
-    mainWindow.webContents.openDevTools()
+    // mainWindow.webContents.openDevTools()
   })
   mainWindow.webContents.setWindowOpenHandler((details) => {
     shell.openExternal(details.url)

src/renderer/src/App.vue

@@ -1,6 +1,25 @@
 <template>
   <div class="appClass" v-if="isVip">
-    <saleComponent></saleComponent>
+    <el-tabs tab-position="left" class="appClassLeft" v-model="tabName">
+      <el-tab-pane label="销售统计" name="sale1">
+        <saleComponent></saleComponent>
+      </el-tab-pane>
+      <el-tab-pane label="供应商管理" name="sale6">
+        <saleComponent></saleComponent>
+      </el-tab-pane>
+      <el-tab-pane label="天猫小店泰和苑店" name="sale2">
+        <saleComponent></saleComponent>
+      </el-tab-pane>
+      <el-tab-pane label="天猫小店牡丹园店" name="sale3">
+        <saleComponent></saleComponent>
+      </el-tab-pane>
+      <el-tab-pane label="金叶便利东方红店" name="sale4">
+        <saleComponent></saleComponent>
+      </el-tab-pane>
+      <el-tab-pane label="天恩认养一头牛官旗店" name="sale5">
+        <saleComponent></saleComponent>
+      </el-tab-pane>
+    </el-tabs>
   </div>
   <div v-else class="noVip">
     <h3>
@@ -23,6 +42,7 @@ export default {
       isVip: false,
       jihuoma: "",
       zhucema: "",
+      tabName: "sale1"
     }
   },
   watch: {},
@@ -50,6 +70,11 @@ export default {
   position: relative;
 }
 
+.appClassLeft {
+  height: 100vh;
+  position: relative;
+}
+
 .noVip {
   text-align: center;
   margin-top: calc(50vh - 98px);

src/renderer/src/components/tablecomponent.vue

@@ -135,7 +135,7 @@ export default {
 </script>
 <style scoped>
 .tableClass {
-  height: calc(100vh - 122px);
+  height: calc(100vh - 100px);
   text-align: center;
   text-align-last: center;
 }

src/renderer/src/views/sale.vue

@@ -145,19 +145,19 @@ export default {
       },
       shopOptions: [
         {
-          label: "门店1（天猫小店泰和苑店）",
+          label: "天猫小店泰和苑店",
           value: "1"
         },
         {
-          label: "门店2（天猫小店牡丹园店）",
+          label: "天猫小店牡丹园店",
           value: "2"
         },
         {
-          label: "门店3（金叶便利东方红店）",
+          label: "金叶便利东方红店",
           value: "3"
         },
         {
-          label: "门店4（天恩认养一头牛官旗店）",
+          label: "天恩认养一头牛官旗店",
           value: "4"
         }
       ],