fix keepalive

src/layout/top.vue

@@ -274,7 +274,7 @@ export default {
 <style lang="scss" scoped>
 .top {
   height: 60px;
-  z-index: 1;
+  z-index: 999;
   top: 0;
   left: 0;
   right: 0;

src/views/home/component/dash.vue

@@ -67,6 +67,14 @@
           title="项目结转"
           @click="projectCarry"
         />
+        <base-button
+          class="ml-20 mt-20"
+          type="0"
+          icon="el-icon-folder-checked"
+          title="入库申报"
+          v-if="dataType === 'asset'"
+          @click="projectCarry"
+        />
       </div>
     </div>
     <avue-crud

src/views/store/component/info.vue

@@ -1,35 +1,65 @@
 <template>
   <div>
-    <span class="font-20">入库项目</span>
-    <div class="mt-20 flex flex-center">
+    <div class="padding top flex flex-center flex-justify-between">
+      <span>数据表格导入</span>
       <div>
-        <el-icon color="red"><WarningFilled /></el-icon>
-        <span class="text-left mr-10"
-          >填写了项目实际入库时间后的项目将不在预审管理中显示</span
-        >
+        <el-button type="primary" plain> {{ save }} </el-button>
       </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"
+    <div class="padding">
+      <el-form
+        label-position="right"
+        label-width="100px"
+        :disabled="disabled"
+        style="background-color: white"
       >
-        <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>
+        <el-form-item label="项目名称">
+          <el-input v-model="form.name" />
+        </el-form-item>
+        <el-form-item label="单位名称">
+          <el-input v-model="form.region" />
+        </el-form-item>
+        <el-form-item label="计划总投资">
+          <el-input v-model="form.type" />
+        </el-form-item>
+        <el-form-item label="主要建设内容">
+          <el-input v-model="form.type" type="textarea" rows="12" />
+        </el-form-item>
+        <el-form-item label="项目代码">
+          <el-input v-model="form.type" />
+        </el-form-item>
+        <el-form-item label="监管平台代码">
+          <el-input v-model="form.type" />
+        </el-form-item>
+        <el-form-item label="实际入库时间">
+          <el-input v-model="form.type" />
+        </el-form-item>
+      </el-form>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'info'
+  name: 'info',
+  data() {
+    return {
+      disabled: true,
+      save: '编辑',
+      form: {
+        name: '',
+        region: '',
+        type: ''
+      }
+    }
+  }
 }
 </script>
 
-<style scoped></style>
+<style lang="scss" scoped>
+.top {
+  height: 35px;
+  border-radius: var(--el-card-border-radius);
+  background-color: #f5f5f3;
+}
+</style>

src/views/store/component/info2.vue

@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <div class="padding top flex flex-center flex-justify-between">
+      <span>入库时间预警</span>
+    </div>
+    <div class="padding-left padding-right">
+      <avue-crud
+        :option="option"
+        :data="data"
+        ref="crud"
+        v-model="form"
+        :before-open="beforeOpen"
+        @row-del="rowDel"
+        @row-save="rowSave"
+        @row-update="rowUpdate"
+        @on-load="onLoad"
+      >
+        <template #menu-left>
+          <div class="flex flex-center flex-justify-start padding">
+            <el-button type="primary">系统问题预警</el-button>
+            <el-button>项目预审问题</el-button>
+          </div>
+        </template>
+      </avue-crud>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form: {},
+      data: [
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        },
+        {
+          issue: '备案事情与开工日期隔不只7个工作作日 🔔',
+          type: '已解决'
+        }
+      ],
+      option: {
+        align: 'center',
+        menuAlign: 'center',
+        menuWidth: 180,
+        height: 525,
+        size: 'mini',
+        addBtn: false,
+        refreshBtn: false,
+        columnBtn: false,
+        labelWidth: 140,
+        border: true,
+        column: [
+          {
+            label: '存在问题描述',
+            prop: 'issue'
+          },
+          {
+            label: '状态',
+            prop: 'type',
+            width: 100
+          }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.top {
+  height: 35px;
+  border-radius: var(--el-card-border-radius);
+  background-color: #f5f5f3;
+}
+</style>

src/views/store/component/info3.vue

@@ -0,0 +1,96 @@
+<template>
+  <div>
+    <div class="padding top flex flex-center flex-justify-between">
+      <span>入库附件清单</span>
+    </div>
+    <div class="padding-left padding-right">
+      <avue-crud
+        :option="option"
+        :data="data"
+        ref="crud"
+        v-model="form"
+        :before-open="beforeOpen"
+        @row-del="rowDel"
+        @row-save="rowSave"
+        @row-update="rowUpdate"
+        @on-load="onLoad"
+      >
+        <template #menu>
+          <div>
+            <el-button icon="Download" type="primary" size="mini" text
+              >下载</el-button
+            >
+            <el-button icon="Download" type="primary" size="mini" text
+              >打开文件夹</el-button
+            >
+          </div>
+        </template>
+      </avue-crud>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form: {},
+      data: [
+        {
+          name: '备案证/可研批复',
+          type: '已解决'
+        },
+        {
+          name: '合同',
+          type: '已解决'
+        },
+        {
+          name: '现场照片',
+          type: '已解决'
+        },
+        {
+          name: '分享工程清单',
+          type: '已解决'
+        },
+        {
+          name: '项目核实认定表',
+          type: '已解决'
+        },
+        {
+          name: '其他资料',
+          type: '已解决'
+        }
+      ],
+      option: {
+        align: 'center',
+        menuWidth: 180,
+        height: 525,
+        size: 'mini',
+        addBtn: false,
+        refreshBtn: false,
+        columnBtn: false,
+        labelWidth: 140,
+        border: true,
+        column: [
+          {
+            label: '附件名称',
+            prop: 'name'
+          },
+          {
+            label: '上传情况',
+            prop: 'type'
+          }
+        ]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.top {
+  height: 35px;
+  border-radius: var(--el-card-border-radius);
+  background-color: #f5f5f3;
+}
+</style>

src/views/store/component/info4.vue

@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <div class="padding top flex flex-center flex-justify-between">
+      <span>入库审核要素信息提取</span>
+      <div>
+        <el-button type="primary" plain> {{ save }} </el-button>
+      </div>
+    </div>
+    <div class="padding">
+      <el-form
+        label-position="right"
+        label-width="100px"
+        :disabled="disabled"
+        style="background-color: white"
+      >
+        <div class="full-width flex flex-center flex-justify-between">
+          <el-form-item label="备案时间" class="flex-child-average">
+            <el-input v-model="form.name" />
+          </el-form-item>
+          <el-form-item label="合同签订时间" class="flex-child-average">
+            <el-input v-model="form.region" />
+          </el-form-item>
+        </div>
+        <div class="full-width flex flex-center flex-justify-between">
+          <el-form-item label="开工时间" class="flex-child-average">
+            <el-input v-model="form.type" />
+          </el-form-item>
+          <el-form-item label="合同金额" class="flex-child-average">
+            <el-input v-model="form.type" />
+          </el-form-item>
+        </div>
+        <div class="full-width flex flex-center flex-justify-between">
+          <el-form-item label="合同甲方" class="flex-child-average">
+            <el-input v-model="form.type" />
+          </el-form-item>
+          <el-form-item label="合同乙方" class="flex-child-average">
+            <el-input v-model="form.type" />
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'info',
+  data() {
+    return {
+      disabled: true,
+      save: '编辑',
+      form: {
+        name: '',
+        region: '',
+        type: ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.top {
+  height: 35px;
+  border-radius: var(--el-card-border-radius);
+  background-color: #f5f5f3;
+}
+</style>

src/views/store/detail.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="wrapper">
+    <div class="flex flex-center full-width">
+      <el-card
+        class="flex-child-average full-width mb-20 mr-10"
+        style="min-height: 650px; padding: 0"
+      >
+        <info></info>
+      </el-card>
+
+      <el-card
+        class="flex-child-average full-width mb-20 ml-10"
+        style="min-height: 650px; padding: 0"
+      >
+        <info2></info2>
+      </el-card>
+    </div>
+    <div class="flex flex-center full-width">
+      <el-card
+        class="flex-child-average full-width mb-20 mr-10"
+        style="min-height: 650px; padding: 0"
+      >
+        <info3></info3>
+      </el-card>
+
+      <el-card
+        class="flex-child-average full-width mb-20 ml-10"
+        style="min-height: 650px; padding: 0"
+      >
+        <info4></info4>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<route>
+{
+name: '项目入库信息'
+}
+</route>
+
+<script>
+import info from '@/views/store/component/info.vue'
+import info2 from '@/views/store/component/info2.vue'
+import info3 from '@/views/store/component/info3.vue'
+import info4 from '@/views/store/component/info4.vue'
+
+export default {
+  components: {
+    info,
+    info2,
+    info3,
+    info4
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-card) {
+  --el-card-padding: 0 !important;
+}
+</style>

src/views/store/index.vue

@@ -1,23 +1,39 @@
 <template>
-  <div class="flex flex-justify-start content">
-    <avue-crud
-      :option="option"
-      :data="data"
-      ref="crud"
-      v-model="form"
-      :before-open="beforeOpen"
-      @row-del="rowDel"
-      @row-save="rowSave"
-      @row-update="rowUpdate"
-      @on-load="onLoad"
-    >
-    </avue-crud>
-  </div>
+  <el-card shadow="hover">
+    <div class="flex flex-center">
+      <el-input
+        v-model="keyword"
+        placeholder="快速搜索"
+        prefix-icon="Search"
+      ></el-input>
+      <el-button type="primary" class="ml-20">搜 索</el-button>
+    </div>
+    <div class="flex flex-justify-start flex-align-start content">
+      <avue-crud
+        :option="option"
+        :data="data"
+        ref="crud"
+        v-model="form"
+        :before-open="beforeOpen"
+        @row-del="rowDel"
+        @row-save="rowSave"
+        @row-update="rowUpdate"
+        @on-load="onLoad"
+      >
+        <template #menu-left>
+          <div class="mt-20 mb-10">
+            <el-button type="primary" plain>上报预审</el-button>
+            <el-button type="primary" plain>删 除</el-button>
+          </div>
+        </template>
+      </avue-crud>
+    </div>
+  </el-card>
 </template>
 
 <route>
 {
-name: '项目入库管理'
+name: '入库项目'
 }
 </route>
 
@@ -26,12 +42,12 @@ export default {
   name: 'index',
   data() {
     return {
+      keyword: '',
       form: {},
       data: [],
       option: {
         align: 'center',
         menuAlign: 'center',
-        menuWidth: 380,
         size: 'mini',
         addBtn: false,
         refreshBtn: false,
@@ -40,7 +56,11 @@ export default {
         border: true,
         column: [
           {
-            label: '会议类型',
+            label: '项目名称',
+            prop: 'noticeType'
+          },
+          {
+            label: '上传时间',
             prop: 'noticeType'
           }
         ]