样式调整

src/views/cockpit/common/DialWatch.vue

@@ -0,0 +1,62 @@
+<template>
+    <div class="content_scjd">
+        <div class="space">
+            <div class="lt_box box">
+                <div class="text">
+                    <p>计划收储</p>
+                    <span>{{ store.state.cockpit_tdsc.scjd.jh_mj }}</span>公顷
+                </div>
+            </div>
+            <div class="lb_box box">
+                <div class="text">
+                    <p>计划收储项目</p>
+                    <span>{{ store.state.cockpit_tdsc.scjd.jh_xzqdm_number }}</span>个
+                </div>
+            </div>
+            <div id="dial_watch_scjg">
+
+
+            </div>
+            <div class="rt_box_tdsc_jd box">
+                <div class="text">
+                    <p>完成收储</p>
+                    <span>{{ store.state.cockpit_tdsc.scjd.sj_mj }}</span>公顷
+                </div>
+            </div>
+            <div class="rb_box_tdsc_jd box">
+                <div class="text">
+                    <p>完成收储</p>
+                    <span>{{ store.state.cockpit_tdsc.scjd.sj_xzqdm_number }}</span>个
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+
+export default {
+    components: {},
+    data() {
+        return {};
+    },
+    //监听属性 类似于data概念
+    computed: {},
+    //监控data中的数据变化
+    watch: {},
+    //方法集合
+    methods: {},
+    beforeCreate() { }, //生命周期 - 创建之前
+    created() { }, //生命周期 - 创建完成（可以访问当前this实例）
+    beforeMount() { }, //生命周期 - 挂载之前
+    mounted() { }, //生命周期 - 挂在完成
+    beforeUpdate() { }, //生命周期 - 更新之前
+    updated() { }, //生命周期 - 更新之后
+    beforeDestroy() { }, //生命周期 - 销毁之前
+    destroy() { },//生命周期 - 销毁完成
+    activated() { }, //若组件实例是 <KeepAlive> 缓存树的一部分，当组件被插入到 DOM 中时调用。
+    deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
+};
+</script>
+<style  scoped></style>

src/views/cockpit/jcbd.vue

@@ -15,7 +15,7 @@
                     </div>
                 </div>
                 <div class="text">
-                    <span>{{ item.value }}  </span>{{ item.unit }}
+                    <span>{{ item.value }} </span>{{ item.unit }}
                 </div>
             </div>
         </div>
@@ -111,15 +111,16 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 1rem;
-    width: 416px;
-    height: 150px;
+    top: 2rem;
+    width: 425px;
+    height: 158px;
     border-width: 0px;
     background: inherit;
-    border: none;
     border-radius: 0px;
     -webkit-box-shadow: none;
     box-shadow: none;
     z-index: 100;
+
 }
 
 .title {

src/views/cockpit/kjgh.vue

@@ -186,20 +186,19 @@ export default {
 </script>
 <style  lang="scss"  scoped>
 .jsyd {
-  border-width: 0px;
   position: fixed;
   left: 1rem;
-  top: 13rem;
+  top: 16.5rem;
   z-index: 1;
   width: 416px;
-  height: 310px;
+  height: 221px;
   background: inherit;
-  border: none;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   z-index: 100;
+
 }
 
 .title {
@@ -252,7 +251,7 @@ export default {
   width: 19rem;
   height: 6rem;
   left: 4%;
-  top: 24rem;
+  top: 27.5rem;
   background: no-repeat;
   background-size: 100%;
 
@@ -278,6 +277,7 @@ export default {
 .box_text {
   width: 21rem;
   margin-left: 6rem;
+  margin-top: 1rem;
 
   p {
     font-size: 12px;

src/views/cockpit/tdsc.vue

@@ -316,20 +316,19 @@ export default {
 </script>
 <style  lang="scss"  scoped>
 .tdsc {
-  border-width: 0px;
   position: absolute;
   left: 1rem;
-  top: 23.5rem;
+  top: 27.5rem;
   width: 416px;
-  height: 240px;
-  border-width: 0px;
+  height: 221px;
   background: inherit;
-  border: none;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   z-index: 100;
+  border: 1px red solid;
+
 }
 
 .title {

src/views/cockpit/tdsy.vue

@@ -880,11 +880,13 @@ export default {
 
 <style lang="scss" scoped>
 .tdsy {
-  border-width: 0px;
   position: absolute;
   left: 1rem;
   top: 67%;
   z-index: 100;
+  border: 1px red solid;
+  width: 416px;
+  height: 320px;
 
   .box1 {
     border-width: 0px;