fix ui

src/layout/top.vue

@@ -10,6 +10,7 @@
             icon="Menu"
             class="mr-20 white"
             circle
+            color=#C1C4CB
             @click="openMenu"
             v-if="mini"
           />
@@ -128,7 +129,7 @@ export default {
       this.dataType = res
     })
     this.$bus.on('sizeChange', res => {
-      if (res < 1620) {
+      if (res < 1690) {
         this.mini = true
       } else {
         this.mini = false

src/views/store/component/info.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <span class="font-20">入库项目</span>
+    <div class="mt-20 flex flex-center">
+      <div>
+        <el-icon color="red"><WarningFilled /></el-icon>
+        <span class="text-left mr-10"
+          >填写了项目实际入库时间后的项目将不在预审管理中显示</span
+        >
+      </div>
+      <el-button>项目预审·</el-button>
+    </div>
+    <div v-for="i in 10" :key="i">
+      <div
+        class="flex flex-center flex-justify-between border-bottom padding-bottom padding-top"
+      >
+        <el-checkbox />
+        <div>项目名i称</div>
+        <el-icon color="red"><WarningFilled /></el-icon>
+        <el-divider direction="vertical" />
+        <div class="font-12">上报时间：2023-06-18</div>
+        <el-icon color="#ECAB56"><WarningFilled /></el-icon>
+        <el-icon color="#ECAB56"><DeleteFilled /></el-icon>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'info'
+}
+</script>
+
+<style scoped></style>

src/views/store/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="flex flex-justify-start content">
+    <el-card shadow="hover" class="left">
+      <info />
+    </el-card>
+    <div class="flex flex-col flex-wrap center">
+      <el-card
+        shadow="hover"
+        v-for="i in 2"
+        :key="i"
+        class="ml-10 mb-10 flex-child-average full-width"
+        style="height: 400px"
+      >
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<route>
+{
+name: '项目入库管理'
+}
+</route>
+
+<script>
+import info from './component/info.vue'
+export default {
+  name: 'index',
+  components: { info }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  .left {
+    width: 400px;
+    height: 900px;
+  }
+  .center {
+    width: 900px;
+  }
+}
+</style>