中建四局：细节处理

src/views/projectAdmin/fourEngin/monitor/left.vue

@@ -95,6 +95,9 @@ export default {
     };
   },
   methods:{
+    showThree(a,b){
+
+    },
     next2(item) {
     //   this.secondId = item.id;
     //   this.loadRigthtList();

src/views/projectAdmin/fourEngin/monitor/right.vue

@@ -1,6 +1,6 @@
 <template>
     <Card title="视频监控">
-        <div class="top">
+        <!-- <div class="top">
             <el-select size="mini" v-model="value1" placeholder="请选择">
           <el-option
             v-for="item in typeList"
@@ -9,21 +9,34 @@
             :value="item.value"
           ></el-option>
         </el-select>
-        </div>
+        </div> -->
-        <div class="maxbox">
+        <!-- <div class="maxbox">
             <div class="show"></div>
             <div class="show"></div>
             <div class="show"></div>
             <div class="show"></div>
-        </div>
+        </div> -->
+        <VideoModule  class="playVideoBox"
+        :type="'project'"
+        :value="selectList"
+        :displayBottomMod="false"
+        :winNumBer="9"
+        :autoplay="false"
+        :showCaptrue="false"
+        :showControl="false"
+        :showPlayback="false"
+        :xxx="7"
+      ></VideoModule>
     </Card>
 </template>
 <script>
 import Card from '../components/Card.vue'
+import VideoModule from "@/components/videoModule/videoModule.vue";
 export default {
-  components: { Card },
+  components: { Card,VideoModule },
   data() {
     return {
+        selectList:[],
         value1:'2',
         typeList: [{
           value: '1',
@@ -40,28 +53,33 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-.top{
+.playVideoBox{
     box-sizing: border-box;
-    padding-top: 10px;
+    padding-top: 20px;
-    padding-right: 20px;
-    height: 6%;
-    float: right;
-}
-.maxbox{
-    width: 100%;
-    height: 94%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    .show{
-        width: 49%;
-        font-size: 20px;
-        margin-left: 1%;
-        background-image: url(.././assets/temp/small.png);
-        background-size: 100%;
-        background-repeat: no-repeat;
-    }
 }
+// .top{
+//     box-sizing: border-box;
+//     padding-top: 10px;
+//     padding-right: 20px;
+//     height: 6%;
+//     float: right;
+// }
+// .maxbox{
+//     padding-top: 10px;
+//     width: 100%;
+//     height: 94%;
+//     display: flex;
+//     flex-wrap: wrap;
+//     justify-content: space-between;
+//     .show{
+//         width: 49%;
+//         font-size: 20px;
+//         margin-left: 1%;
+//         background-image: url(.././assets/temp/small.png);
+//         background-size: 100%;
+//         background-repeat: no-repeat;
+//     }
+// }
 ::v-deep .el-input--mini .el-input__inner {
     height: 33px;
     width: 80px;

src/views/projectAdmin/fourEngin/progress/leftThree.vue

@@ -36,7 +36,7 @@ export default {
         color: #77EDF2;
         font-size: 20px;
         margin-left: 5%;
-        background-image: url(.././assets/images/progress/conbtn2.png);
+        background-image: url(.././assets/images/progress/bgc2.png);
         background-size: 100%;
         background-repeat: no-repeat;
     }

src/views/projectAdmin/fourEngin/progress/leftTwo.vue

@@ -68,7 +68,7 @@ export default {
       .btn{
         width: 108px;
         height: 35px;
-        background-image: url(.././assets/images/progress/conright.png);
+        background-image: url(.././assets/images/progress/bgc1.png);
         background-size: 100%;
         background-repeat: no-repeat;
         display: flex;

src/views/projectAdmin/fourEngin/sourse/rightTop.vue

@@ -1,5 +1,5 @@
 <template>
-  <Card title="工程量管理">
+  <Card title="材料领用趋势图">
     <div class="typedata">
       <div class="containbox">
         <span>物料类型</span>
@@ -119,7 +119,7 @@ export default {
 ::v-deep .el-input--mini .el-input__inner {
     height: 33px;
     width: 80px;
-    color:#6ba8b1;
+    color:#fff;
 }
 ::v-deep  .el-select,
 ::v-deep  .el-input,
@@ -132,7 +132,7 @@ border-radius:0px;
 text-align: center;
 }
 ::v-deep .el-select .el-input .el-select__caret{
-  color:#6ba8b1;
+  color:#fff;
 }
 ::v-deep .el-date-editor--daterange.el-input__inner {
   width: 230px;
@@ -142,7 +142,7 @@ text-align: center;
 }
 ::v-deep .el-range-input {
   background-color: #182337;
-  color: #6ee4f0;
+  color: #fff;
 }
 ::v-deep .el-date-editor {
   .el-range__icon {