Browse Source

feat: 系统数据库页面

qinlaiqiao 3 years ago
parent
commit
454142be25

File diff suppressed because it is too large
+ 1 - 0
src/assets/bill-spirit.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/compute-program.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/fee-rate.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/glj.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/info-price.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/ration.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/std-bill-library.svg


File diff suppressed because it is too large
+ 1 - 0
src/assets/std-bill.svg


+ 56 - 8
src/views/data-library/DataLibrary.vue

@@ -12,28 +12,76 @@ import { onMounted, reactive, ref } from "vue";
     <main class="main-wrap">
       <el-row :gutter="20">
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/std-bill.svg" class="figure" alt />
+            </div>
+            <h3 class="title">标准清单</h3>
+            <p class="desc">标准清单的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/std-bill-library.svg" class="figure" alt />
+            </div>
+            <h3 class="title">清单规则库</h3>
+            <p class="desc">清单规则库的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/ration.svg" class="figure" alt />
+            </div>
+            <h3 class="title">定额库</h3>
+            <p class="desc">定额库的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/glj.svg" class="figure" alt />
+            </div>
+            <h3 class="title">人材机库</h3>
+            <p class="desc">人材机库的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/info-price.svg" class="figure" alt />
+            </div>
+            <h3 class="title">信息价库</h3>
+            <p class="desc">信息价库的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/bill-spirit.svg" class="figure" alt />
+            </div>
+            <h3 class="title">清单精灵</h3>
+            <p class="desc">清单精灵的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/fee-rate.svg" class="figure" alt />
+            </div>
+            <h3 class="title">费率库</h3>
+            <p class="desc">费率库的描述</p>
+          </el-card>
         </el-col>
         <el-col :span="8" :md="6" :lg="4">
-          <el-card shadow="never">Never</el-card>
+          <el-card shadow="never">
+            <div class="figure-wrap">
+              <img src="@/assets/compute-program.svg" class="figure" alt />
+            </div>
+            <h3 class="title">计算程序库</h3>
+            <p class="desc">计算程序库的描述</p>
+          </el-card>
         </el-col>
       </el-row>
     </main>

+ 24 - 0
src/views/data-library/style.scss

@@ -33,6 +33,30 @@
                     box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
                     border-color: #eee;
                 }
+
+                ::v-deep .el-card__body {
+                    @apply text-center;
+                    padding: 16px;
+                    .figure-wrap {
+                        width: 60%;
+                        margin: 0 auto;
+                        .figure {
+                            @apply inline-block;
+                        }
+                    }
+
+                    .title {
+                        font-size: 16px;
+                        font-weight: 700;
+                        margin: 8px 0;
+                    }
+
+                    .desc {
+                        font-size: 14px;
+                        color: #808695;
+                        margin-bottom: 16px;
+                    }
+                }
             }
         }
     }