提交一部分丰都大屏

project/fengdu/AppBIBoard/components/fdCard.vue

@@ -0,0 +1,41 @@
+<template>
+  <section class="fdCard">
+    <div class="label flex">
+      <label class="fill" v-text="label"/>
+      <slot v-if="$slots.right" name="right"/>
+    </div>
+    <div class="content">
+      <slot/>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: "fdCard",
+  props: {
+    label: String
+  },
+}
+</script>
+<style scoped lang="scss">
+.fdCard {
+  backdrop-filter: blur(8px);
+
+  .label {
+    display: block;
+    color: white;
+    background-image: url("../assets/card-label-icon.png"), url("../assets/card-bottom.png");
+    background-repeat: no-repeat;
+    height: 50px;
+    font-weight: 500;
+    font-size: 22px;
+    padding-left: 54px;
+    padding-top: 10px;
+    background-position: left top, left bottom;
+    background-size: 54px 42px, 100% 31px;
+  }
+  .content{
+    padding: 0 18px;
+  }
+}
+</style>

project/fengdu/AppBIBoard/components/fengduHead.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="fengduHead">
     <div class="content flex">
-      <ai-area class="fill" v-model="current" :mask="false">
+      <ai-area class="fill" v-model="current" :mask="false" :root="currentRoot">
         <template slot-scope="{areaname}">
           <el-input class="areaPicker" :value="areaname" readonly suffix-icon="el-icon-arrow-down"/>
         </template>
@@ -17,6 +17,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
   name: "fengduHead",
   model: {
@@ -30,9 +32,9 @@ export default {
     currentTime: {default: null}
   },
   computed: {
-    tabs: v => [
-      ...v.views,
-    ]
+    ...mapState(['user']),
+    currentRoot: v => v.user.info.areaId.substr(0, 6).padEnd(12, '0'),
+    tabs: v => [...v.views ]
   },
   data() {
     return {
@@ -57,6 +59,7 @@ export default {
     }
   },
   created() {
+    this.current = this.$copy(this.user.info.areaId)
     // this.getWeather()
   }
 }
@@ -77,7 +80,7 @@ export default {
   position: relative;
   background-repeat: no-repeat;
   background-image: url("../assets/bg-lighting.png");
-  background-position:top center;
+  background-position: top center;
 
   .content {
     height: 100%;