diff --git a/pages/appreciationServe/appreciationServe.vue b/pages/appreciationServe/appreciationServe.vue
index 159c907..7ca2021 100644
--- a/pages/appreciationServe/appreciationServe.vue
+++ b/pages/appreciationServe/appreciationServe.vue
@@ -1,89 +1,99 @@
 <template>
     <view class="content">
         <statusNav navBarTitle="增值服务"></statusNav>
-        <view class="select-type">
-            <view class="text">选择类型</view>
-            <view class="type">
-                <view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
-                    v-for="(item,index) in typeData">
-                    {{item.title}}
+        <container-subgroup-two>
+            <view slot="content" style="margin: 0 -30rpx;">
+                <view class="select-type">
+                    <view class="text">选择类型</view>
+                    <view class="type">
+                        <view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
+                            v-for="(item,index) in typeData">
+                            {{item.title}}
+                        </view>
+                    </view>
                 </view>
-            </view>
-        </view>
-        <view class="appreciationServe-from">
-            <view class="li">
-                <view class="title">
-                    <text class="cor">*</text>产品名称
+                <view class="appreciationServe-from">
+                    <view class="li">
+                        <view class="title">
+                            <text class="cor">*</text>产品名称
+                        </view>
+                        <input class="input" type="text" value="全彩LED显示屏" />
+                    </view>
+                    <view class="li">
+                        <view class="title">
+                            <text class="cor">*</text>规格型号
+                        </view>
+                        <input class="input" type="text" value="P2.5" />
+                    </view>
+
+                    <view class="li">
+                        <view class="title">产品品牌</view>
+                        <input class="input" type="text" value="" placeholder="请输入品牌" />
+                    </view>
+                    <view class="li">
+                        <view class="title">
+                            <text class="cor">*</text>产品尺寸
+                        </view>
+
+                        <input class="input" type="text" value="宽:38.5m x 高14.5m" />
+                    </view>
                 </view>
-                <input class="input" type="text" value="全彩LED显示屏" />
-            </view>
-            <view class="li">
-                <view class="title">
-                    <text class="cor">*</text>规格型号
+                <view class="supplementTitle">补充信息</view>
+                <view class="supplement-from">
+                    <view class="li">
+                        <view class="title">
+                            <text class="cor">*</text>联系人
+                        </view>
+                        <input type="text" class="input" value="王富贵" />
+                    </view>
+                    <view class="li">
+                        <view class="">
+                            <text class="cor">*</text>联系电话
+                        </view>
+                        <input type="text" class="input" value="18256666666" />
+                    </view>
+                    <view class="li">
+                        <view class="">
+                            <text class="cor">*</text>预约时间
+                        </view>
+                        <input type="text" class="input" value="2022-02-16" />
+                    </view>
+
+
+
+                    <view class="li-textarea">
+                        <view class="title">*详细地址</view>
+                        <textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
+                    </view>
+
+                    <view class="scene-img">
+                        <view class="title">现场图片</view>
+                        <view class="img-content">
+                            <image class="img" src="../../static/del/img003.png" mode=""></image>
+                            <image class="img" src="../../static/del/img003.png" mode=""></image>
+                        </view>
+                        <view class="iocn-content">
+                            <image class="icon" src="../../static/iocn/jia.png" mode=""></image>
+                        </view>
+                    </view>
                 </view>
-                              <input class="input" type="text" value="P2.5" />
+                <button class="submit-button" type="default">确认提交</button>
+
             </view>
-         
-            <view class="li">
-                <view class="title">产品品牌</view>
-                <input class="input" type="text" value="" placeholder="请输入品牌" />
-            </view>
-            <view class="li">
-                <view class="title">
-                    <text class="cor">*</text>产品尺寸
-                </view>
-                
-                <input class="input" type="text" value="宽:38.5m x 高14.5m" />
-            </view>
-        </view>
-        <view class="supplementTitle">补充信息</view>
-        <view class="supplement-from">
-            <view class="li">
-                <view class="title">
-                    <text class="cor">*</text>联系人
-                </view>
-                <input type="text" class="input" value="王富贵" />
-            </view>
-            <view class="li">
-                <view class="">
-                    <text class="cor">*</text>联系电话
-                </view>
-                <input type="text" class="input" value="18256666666" />
-            </view>
-            <view class="li">
-                <view class="">
-                    <text class="cor">*</text>预约时间
-                </view>
-                <input type="text" class="input" value="2022-02-16" />
-            </view>
-      
-         
-      
-            <view class="li-textarea">
-                <view class="title">*详细地址</view>
-                <textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
-            </view>
-            
-            <view class="scene-img">
-                <view class="title">现场图片</view>
-                <view class="img-content">
-                  <image class="img" src="../../static/del/img001.png" mode=""></image> 
-                      <image class="img" src="../../static/del/img001.png" mode=""></image>
-                </view>
-                <view class="iocn-content">
-                    <image class="icon" src="../../static/iocn/jia.png" mode=""></image>
-                </view>
-            </view>
-        </view>
-		<button class="submit-button" type="default">确认提交</button>
+          </container-subgroup-two>
+           
     </view>
+    </view>
+ 
 </template>
 
 <script>
+    import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
     import statusNav from '../../components/status-nav.vue';
     export default {
         components: {
             statusNav,
+            containerSubgroupTwo,
 
         },
         data() {
@@ -108,9 +118,9 @@
                 ]
             }
         },
-		onLoad(op) {
-			if(op.index!=undefined) this.typeIndex = op.index;
-		},
+        onLoad(op) {
+            if (op.index != undefined) this.typeIndex = op.index;
+        },
         methods: {
             typeIndexFun(index) {
                 this.typeIndex = index
@@ -120,13 +130,12 @@
 </script>
 
 <style>
-    .content {
-        padding-top: 80rpx;
-        padding-bottom: 80rpx;
+    .content {}
+
+    .cor {
+        color: #FF0000;
     }
-   .cor{
-       color: #FF0000;
-   }
+
     .select-type {
         display: flex;
         margin-top: 10rpx;
@@ -135,6 +144,7 @@
         align-items: center;
         padding: 0rpx 28rpx;
     }
+
     .submit-button {
         width: 686rpx;
         border-radius: 50rpx;
@@ -146,6 +156,7 @@
         text-align: center;
         font-size: 30rpx;
     }
+
     .select-type .text {
         font-size: 28rpx;
         color: #333333;
@@ -213,13 +224,13 @@
 
     .supplement-from {
         background-color: #FFFFFF;
-            padding: 0rpx 25rpx;
+        padding: 0rpx 25rpx;
     }
 
     .supplement-from .li {
         display: flex;
         align-items: center;
-    
+
         height: 80rpx;
         font-size: 27rpx;
         border-bottom: 2rpx solid #f5f5f7;
@@ -227,10 +238,12 @@
         justify-content: space-between;
         color: #333333;
     }
-    .supplement-from .li .input{
+
+    .supplement-from .li .input {
         text-align: right;
         font-size: 24rpx
     }
+
     .supplement-from .li-textarea {
         font-size: 27rpx;
         line-height: 27rpx;
@@ -238,46 +251,52 @@
         color: #333333;
         padding-bottom: 13rpx;
     }
-        
-    .supplement-from .li-textarea .title{
-    padding-top: 26rpx;
-    padding-bottom: 17rpx;
-    }
-     .supplement-from .li-textarea .textarea{
-         width: 100%;
-         height: 127rpx;
-         background-color: #F5F5F5;
-         box-sizing: border-box;
-         padding: 20rpx;
-         font-size: 24rpx
-     }
-     .scene-img{
-         display: flex;
-         margin-top: 27rpx;
-         padding-bottom: 30rpx;
-     }
-      .scene-img .title{
-          margin-right: 28rpx;
-          font-size: 26rpx;
-          color: #333333;
-      }
-     .scene-img .img-content .img{
-         width: 170rpx;
-         height: 130rpx;
-         margin-right: 10rpx;
-     }
-     .scene-img .iocn-content{
-         width: 135rpx;
-         height: 135rpx;
-         background-color: #DCDCDC;
-         display: flex;align-items: center;
-justify-content: center;
-     }
-     .scene-img .iocn-content .icon{
-         
-         width: 62rpx;
-         height: 62rpx;
-         
-     }
-</style>
 
+    .supplement-from .li-textarea .title {
+        padding-top: 26rpx;
+        padding-bottom: 17rpx;
+    }
+
+    .supplement-from .li-textarea .textarea {
+        width: 100%;
+        height: 127rpx;
+        background-color: #F5F5F5;
+        box-sizing: border-box;
+        padding: 20rpx;
+        font-size: 24rpx
+    }
+
+    .scene-img {
+        display: flex;
+        margin-top: 27rpx;
+        padding-bottom: 30rpx;
+    }
+
+    .scene-img .title {
+        margin-right: 28rpx;
+        font-size: 26rpx;
+        color: #333333;
+    }
+
+    .scene-img .img-content .img {
+        width: 170rpx;
+        height: 130rpx;
+        margin-right: 10rpx;
+    }
+
+    .scene-img .iocn-content {
+        width: 135rpx;
+        height: 135rpx;
+        background-color: #DCDCDC;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .scene-img .iocn-content .icon {
+
+        width: 62rpx;
+        height: 62rpx;
+
+    }
+</style>
diff --git a/pages/dataQuery/client.vue b/pages/dataQuery/client.vue
index 8f307ba..fdfe7af 100644
--- a/pages/dataQuery/client.vue
+++ b/pages/dataQuery/client.vue
@@ -2,7 +2,8 @@
     <view class="content">
      <statusNav navBarTitle="客户(查询结果列表)"></statusNav>
      
-     <view class="client-content">
+      <container-subgroup-two >
+     <view class="client-content" slot="content" style="margin: 0 -30rpx;">
          <view class="li">
           <view class="li-content">
               <view class="">
@@ -36,15 +37,19 @@
           </view>
          </view>
      </view>
+           </container-subgroup-two >
+     
+     
     </view>
 </template>
 
 <script>
-    
+         import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
  import statusNav from '../../components/status-nav.vue';
  export default {
      components: {
-         statusNav
+         statusNav,
+         containerSubgroupTwo
      },
         data() {
             return {
@@ -59,9 +64,7 @@
 
     
 <style>
-    .content{
-        padding-top: 80rpx;
-    }
+   
 .client-content .li{
     background-color: #FFFFFF;
     margin-top: 20rpx;
diff --git a/pages/dataQuery/dataQuery.vue b/pages/dataQuery/dataQuery.vue
index 0ef4e00..655b120 100644
--- a/pages/dataQuery/dataQuery.vue
+++ b/pages/dataQuery/dataQuery.vue
@@ -1,27 +1,28 @@
 <template>
-    <view  class="content">
-           <statusNav navBarTitle="(备品)查询结果"></statusNav>
-        <view class="dataQuery-content">
+    <view class="content">
+        <statusNav navBarTitle="(备品)查询结果"></statusNav>
+        
+        <container-subgroup-two >
+        <view class="dataQuery-content"  slot="content" style="margin: 0 -30rpx;">
             <view class="li">
-     
                 <view class="title">
-                    项目名称：湖南工业大学生化学院三楼会议室    
+                    项目名称：湖南工业大学生化学院三楼会议室
                 </view>
                 <view class="text-content">
                     <view class="left">
-                       <view class="text">
-                          核心品牌：海康威视  
-                       </view>
-                       <view class="text">
-                           规格型号：DS-CK18FI-H 
-                       </view>
-                       <view class="text">
-                           批  次  号：2210122
-                       </view>
+                        <view class="text">
+                            核心品牌：海康威视
+                        </view>
+                        <view class="text">
+                            规格型号：DS-CK18FI-H
+                        </view>
+                        <view class="text">
+                            批 次 号：2210122
+                        </view>
                     </view>
                     <view class="rigth">
                         <view class="text">
-                        备品数量：<text class="cor">3张</text>
+                            备品数量：<text class="cor">3张</text>
                         </view>
                         <view class="text cor1">
                             备品尺寸：320*160
@@ -31,33 +32,33 @@
                         </view>
                     </view>
                 </view>
-                
+
                 <view class="icon" v-if="true">
                     <text class="icon-text">正常</text>
                 </view>
                 <view class="icon1" v-else>
-                     <text class="icon-text">待维修</text>
+                    <text class="icon-text">待维修</text>
                 </view>
             </view>
             <view class="li">
                 <view class="title">
-                    项目名称：湖南工业大学生化学院三楼会议室    
+                    项目名称：湖南工业大学生化学院三楼会议室
                 </view>
                 <view class="text-content">
                     <view class="left">
-                       <view class="text">
-                          核心品牌：海康威视  
-                       </view>
-                       <view class="text">
-                           规格型号：DS-CK18FI-H 
-                       </view>
-                       <view class="text">
-                           批  次  号：2210122
-                       </view>
+                        <view class="text">
+                            核心品牌：海康威视
+                        </view>
+                        <view class="text">
+                            规格型号：DS-CK18FI-H
+                        </view>
+                        <view class="text">
+                            批 次 号：2210122
+                        </view>
                     </view>
                     <view class="rigth">
                         <view class="text">
-                        备品数量：<text class="cor">3张</text>
+                            备品数量：<text class="cor">3张</text>
                         </view>
                         <view class="text cor1">
                             备品尺寸：320*160
@@ -67,33 +68,33 @@
                         </view>
                     </view>
                 </view>
-                
+
                 <view class="icon" v-if="true">
                     <text class="icon-text">正常</text>
                 </view>
                 <view class="icon1" v-else>
-                     <text class="icon-text">待维修</text>
+                    <text class="icon-text">待维修</text>
                 </view>
             </view>
             <view class="li">
                 <view class="title">
-                    项目名称：湖南工业大学生化学院三楼会议室    
+                    项目名称：湖南工业大学生化学院三楼会议室
                 </view>
                 <view class="text-content">
                     <view class="left">
-                       <view class="text">
-                          核心品牌：海康威视  
-                       </view>
-                       <view class="text">
-                           规格型号：DS-CK18FI-H 
-                       </view>
-                       <view class="text">
-                           批  次  号：2210122
-                       </view>
+                        <view class="text">
+                            核心品牌：海康威视
+                        </view>
+                        <view class="text">
+                            规格型号：DS-CK18FI-H
+                        </view>
+                        <view class="text">
+                            批 次 号：2210122
+                        </view>
                     </view>
                     <view class="rigth">
                         <view class="text">
-                        备品数量：<text class="cor">3张</text>
+                            备品数量：<text class="cor">3张</text>
                         </view>
                         <view class="text cor1">
                             备品尺寸：320*160
@@ -103,23 +104,26 @@
                         </view>
                     </view>
                 </view>
-                
+
                 <view class="icon" v-if="false">
                     <text class="icon-text">正常</text>
                 </view>
                 <view class="icon1" v-else>
-                     <text class="icon-text">待维修</text>
+                    <text class="icon-text">待维修</text>
                 </view>
             </view>
         </view>
-    </view>
+       </container-subgroup-two >
+   </view>
 </template>
 
 <script>
-     import statusNav from '../../components/status-nav.vue';
+         import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
+    import statusNav from '../../components/status-nav.vue';
     export default {
         components: {
-            statusNav
+            statusNav,
+            containerSubgroupTwo
         },
         data() {
             return {
@@ -133,78 +137,86 @@
 </script>
 
 <style>
-    .content{
-        padding-top: 80rpx;
-    }
+
+
     .dataQuery-content {
-           font-size: 24rpx;
-           color: #333333;
-           margin-top: 15rpx;
+        font-size: 24rpx;
+        color: #333333;
+        margin-top: 15rpx;
     }
-    .dataQuery-content .li{
+
+    .dataQuery-content .li {
         background-color: #FFFFFF;
         padding: 26rpx 28rpx;
-        
-    
+
+
         margin-bottom: 14rpx;
     }
-        
+
     .dataQuery-content .li {
         position: relative;
     }
-.dataQuery-content .li .text-content{
- display: flex;
- border-bottom: 2rpx solid #EEEEEE;
- padding-bottom: 10rpx;
 
-}
-.dataQuery-content .li .text-content .left{
-    width: 48%;
-}
-.dataQuery-content .li .text-content  .text{
-    margin-top: 20rpx;
-}
-.cor{
-    color: #ff9000;
-}
-.cor1{
-    color: #999999;
-}
-.dataQuery-content .li .icon{
-    background-image: url(../../static/iocn/zc.png);
-    width: 125rpx;
-    height: 91rpx;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-    background-size: 100%;
-    padding-left:30rpx;
-    right: 20rpx;
-    top: 20rpx;
-    position: absolute;
-}
-.dataQuery-content .li .icon .icon-text{
-    transform: rotateZ(20deg);
-    color: #53e5d0;
+    .dataQuery-content .li .text-content {
+        display: flex;
+        border-bottom: 2rpx solid #EEEEEE;
+        padding-bottom: 10rpx;
 
-}
+    }
 
-.dataQuery-content .li .icon1{
-    background-image: url(../../static/iocn/dwx.png);
-    width: 125rpx;
-    height: 91rpx;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-    background-size: 100%;
-    padding-left:30rpx;
-    right: 20rpx;
-    top: 20rpx;
-    position: absolute;
-}
-.dataQuery-content .li .icon1 .icon-text{
-    transform: rotateZ(20deg);
-    color: #ff0006;
+    .dataQuery-content .li .text-content .left {
+        width: 48%;
+    }
 
-}
+    .dataQuery-content .li .text-content .text {
+        margin-top: 20rpx;
+    }
+
+    .cor {
+        color: #ff9000;
+    }
+
+    .cor1 {
+        color: #999999;
+    }
+
+    .dataQuery-content .li .icon {
+        background-image: url(../../static/iocn/zc.png);
+        width: 125rpx;
+        height: 91rpx;
+        display: flex;
+        align-items: center;
+        box-sizing: border-box;
+        background-size: 100%;
+        padding-left: 30rpx;
+        right: 20rpx;
+        top: 20rpx;
+        position: absolute;
+    }
+
+    .dataQuery-content .li .icon .icon-text {
+        transform: rotateZ(20deg);
+        color: #53e5d0;
+
+    }
+
+    .dataQuery-content .li .icon1 {
+        background-image: url(../../static/iocn/dwx.png);
+        width: 125rpx;
+        height: 91rpx;
+        display: flex;
+        align-items: center;
+        box-sizing: border-box;
+        background-size: 100%;
+        padding-left: 30rpx;
+        right: 20rpx;
+        top: 20rpx;
+        position: absolute;
+    }
+
+    .dataQuery-content .li .icon1 .icon-text {
+        transform: rotateZ(20deg);
+        color: #ff0006;
+
+    }
 </style>
diff --git a/pages/dataQuery/details.vue b/pages/dataQuery/details.vue
index c713970..b0fa847 100644
--- a/pages/dataQuery/details.vue
+++ b/pages/dataQuery/details.vue
@@ -1,172 +1,178 @@
 <template>
     <view class="content">
-   <statusNav navBarTitle="客户详情"></statusNav>
-     
-        <view class="details-nav">
-            <view class="li">
-                <image class="icon" src="../../static/iocn/ty.png" mode=""></image>
-                <view class="text">
-                    基本信息
-                </view>
-            </view>
-            <view class="li">
-                <image class="icon" src="../../static/iocn/kh.png" mode=""></image>
-                <view class="text">
-                    联系人
-                </view>
-            </view>
-            <view class="li">
-                <image class="icon" src="../../static/iocn/xs.png" mode=""></image>
-                <view class="text">
-                    项目列表
-                </view>
-            </view>
-        </view>
-
-        <view class="details-content">
-            <view class="title">
-                <image class="img" src="../../static/iocn/dn.png" mode=""></image>
-                <text class="text">基本信息</text>
-            </view>
-
-            <view class="text-content">
+        <statusNav navBarTitle="客户详情"></statusNav>
+          <container-subgroup-two>
+        <view  slot="content" style="margin: 0 -30rpx;">
+            <view class="details-nav">
                 <view class="li">
-                    客户名称：<text class="cor">长沙警校</text>
+                    <image class="icon" src="../../static/iocn/ty.png" mode=""></image>
+                    <view class="text">
+                        基本信息
+                    </view>
                 </view>
                 <view class="li">
-                    客户编号：<text class="cor">xxxxxxxxx</text>
+                    <image class="icon" src="../../static/iocn/kh.png" mode=""></image>
+                    <view class="text">
+                        联系人
+                    </view>
                 </view>
                 <view class="li">
-                    客户等级：<text class="cor">VIP1</text>
-                </view>
-                <view class="li">
-                    所属行业：<text class="cor">安防</text>
-                </view>
-                <view class="li">
-                    客户类型：<text class="cor">xxxx</text>
-                </view>
-                <view class="li">
-                    入库时间：<text class="cor">2022.3.1</text>
-                </view>
-                <view class="li">
-                    项目数量：<text class="cor1">50</text>
-                </view>
-                <view class="li">
-                    所属区域：<text class="cor">长沙</text>
-                </view>
-                <view class="li">
-                    详细地址：<text class="cor">长沙xxxxx</text>
-                </view>
-
-            </view>
-        </view>
-        <view class="details-content">
-            <view class="title">
-                <image class="img" src="../../static/iocn/lxr.png" mode=""></image>
-                <text class="text">联系人</text>
-            </view>
-
-            <view class="text-content">
-                <view class="li">
-                    姓名：<text class="cor">Eveal</text>
-                </view>
-                <view class="li">
-                    所属部门：<text class="cor">产品研发部</text>
-                </view>
-                <view class="li">
-                    职务：<text class="cor">经理</text>
-                </view>
-                <view class="li">
-                    电话：<text class="cor">154751787</text>
-                </view>
-                <view class="li">
-                    微信：<text class="cor">14250</text>
-                </view>
-                <view class="li">
-                    qq：<text class="cor">9090000</text>
-                </view>
-                <view class="li">
-                    邮箱：<text class="cor">1216311@qq.com</text>
-                </view>
-                <view class="li">
-                    负责时间段：<text class="cor">xxxxx </text>
-                </view>
-
-
-            </view>
-        </view>
-        <view class="project-list">
-            <view class="title-content">
-                <view class="title">
-                    <image class="icon" src="../../static/iocn/xmlb.png" mode=""></image>
+                    <image class="icon" src="../../static/iocn/xs.png" mode=""></image>
                     <view class="text">
                         项目列表
                     </view>
                 </view>
-                <picker mode="date" :value="time" @change="bindTimeChange">
-                    <view class="date">
-                         选择年份 <image class="icon" src="../../static/iocn/sjx.png" mode=""></image>
-                        </view>
-                </picker>
-
             </view>
+            <view class="details-content">
+                <view class="title">
+                    <image class="img" src="../../static/iocn/dn.png" mode=""></image>
+                    <text class="text">基本信息</text>
+                </view>
             
-            <view class="project-list-content">
-                 <view class="li">
-                   <view class="text">
-                       南城校区液晶显示屏
-                   </view>  
-                   <view class="date">
-                       2022/3/1
-                   </view>
-                 </view>
-                 <view class="li">
-                   <view class="text">
-                       南城校区液晶显示屏
-                   </view>  
-                   <view class="date">
-                       2022/3/1
-                   </view>
-                 </view>
-                 <view class="li">
-                   <view class="text">
-                       南城校区液晶显示屏
-                   </view>  
-                   <view class="date">
-                       2022/3/1
-                   </view>
-                 </view>
-                 <view class="li">
-                   <view class="text">
-                       南城校区液晶显示屏
-                   </view>  
-                   <view class="date">
-                       2022/3/1
-                   </view>
-                 </view>
+                <view class="text-content">
+                    <view class="li">
+                        客户名称：<text class="cor">长沙警校</text>
+                    </view>
+                    <view class="li">
+                        客户编号：<text class="cor">xxxxxxxxx</text>
+                    </view>
+                    <view class="li">
+                        客户等级：<text class="cor">VIP1</text>
+                    </view>
+                    <view class="li">
+                        所属行业：<text class="cor">安防</text>
+                    </view>
+                    <view class="li">
+                        客户类型：<text class="cor">xxxx</text>
+                    </view>
+                    <view class="li">
+                        入库时间：<text class="cor">2022.3.1</text>
+                    </view>
+                    <view class="li">
+                        项目数量：<text class="cor1">50</text>
+                    </view>
+                    <view class="li">
+                        所属区域：<text class="cor">长沙</text>
+                    </view>
+                    <view class="li">
+                        详细地址：<text class="cor">长沙xxxxx</text>
+                    </view>
+            
+                </view>
             </view>
+            <view class="details-content">
+                <view class="title">
+                    <image class="img" src="../../static/iocn/lxr.png" mode=""></image>
+                    <text class="text">联系人</text>
+                </view>
+            
+                <view class="text-content">
+                    <view class="li">
+                        姓名：<text class="cor">Eveal</text>
+                    </view>
+                    <view class="li">
+                        所属部门：<text class="cor">产品研发部</text>
+                    </view>
+                    <view class="li">
+                        职务：<text class="cor">经理</text>
+                    </view>
+                    <view class="li">
+                        电话：<text class="cor">154751787</text>
+                    </view>
+                    <view class="li">
+                        微信：<text class="cor">14250</text>
+                    </view>
+                    <view class="li">
+                        qq：<text class="cor">9090000</text>
+                    </view>
+                    <view class="li">
+                        邮箱：<text class="cor">1216311@qq.com</text>
+                    </view>
+                    <view class="li">
+                        负责时间段：<text class="cor">xxxxx </text>
+                    </view>
+            
+            
+                </view>
+            </view>
+            <view class="project-list">
+                <view class="title-content">
+                    <view class="title">
+                        <image class="icon" src="../../static/iocn/xmlb.png" mode=""></image>
+                        <view class="text">
+                            项目列表
+                        </view>
+                    </view>
+                    <picker mode="date" :value="time" @change="bindTimeChange">
+                        <view class="date">
+                            选择年份 <image class="icon" src="../../static/iocn/sjx.png" mode=""></image>
+                        </view>
+                    </picker>
+            
+                </view>
+            
+                <view class="project-list-content">
+                    <view class="li">
+                        <view class="text">
+                            南城校区液晶显示屏
+                        </view>
+                        <view class="date">
+                            2022/3/1
+                        </view>
+                    </view>
+                    <view class="li">
+                        <view class="text">
+                            南城校区液晶显示屏
+                        </view>
+                        <view class="date">
+                            2022/3/1
+                        </view>
+                    </view>
+                    <view class="li">
+                        <view class="text">
+                            南城校区液晶显示屏
+                        </view>
+                        <view class="date">
+                            2022/3/1
+                        </view>
+                    </view>
+                    <view class="li">
+                        <view class="text">
+                            南城校区液晶显示屏
+                        </view>
+                        <view class="date">
+                            2022/3/1
+                        </view>
+                    </view>
+                </view>
+            </view>
+            <view class="contact-way">
+                <view class="title">
+                    客户微信
+                </view>
+                <image class="icon" src="../../static/iocn/wx.png" mode=""></image>
+            </view>
+            <view class="contact-way">
+                <view class="title">
+                    客户电话
+                </view>
+                <image class="icon1" src="../../static/iocn/dh.png" mode=""></image>
+            </view>
+                
         </view>
-     <view class="contact-way">
-         <view class="title">
-            客户微信
-         </view>
-       <image class="icon" src="../../static/iocn/wx.png" mode=""></image>
-     </view>
-     <view class="contact-way">
-         <view class="title">
-             客户电话
-         </view>
-         <image class="icon1" src="../../static/iocn/dh.png" mode=""></image>
-     </view>
+ </container-subgroup-two>
+
     </view>
 </template>
 
 <script>
-  import statusNav from '../../components/status-nav.vue';
-  export default {
-      components: {
-          statusNav
-      },
+     import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
+    import statusNav from '../../components/status-nav.vue';
+    export default {
+        components: {
+            statusNav,
+            containerSubgroupTwo
+        },
         data() {
             return {
                 time: '12:01'
@@ -182,7 +188,6 @@
 
 <style>
     .content {
-        padding-top: 100rpx;
         padding-right: 27rpx;
         padding-left: 27rpx;
     }
@@ -213,7 +218,7 @@
         background-color: #FFFFFF;
         padding: 20rpx 18rpx;
         border-bottom: 2rpx solid #DFDFDF;
-        border-radius:0rpx 0rpx 10rpx 10rpx;
+        border-radius: 0rpx 0rpx 10rpx 10rpx;
     }
 
     .details-content .title {
@@ -254,77 +259,86 @@
     .cor1 {
         color: #FF4C4C;
     }
-    .project-list{
+
+    .project-list {
         background-color: #FFFFFF;
         padding: 22rpx 18rpx;
         margin-top: 20rpx;
     }
-    .project-list .title-content{
+
+    .project-list .title-content {
         display: flex;
         justify-content: space-between;
         padding-bottom: 16rpx;
         font-size: 24rpx;
-                border-bottom: 2rpx solid #E5E5E5;
+        border-bottom: 2rpx solid #E5E5E5;
         color: #999999;
     }
-    .project-list .title-content .title{
+
+    .project-list .title-content .title {
         display: flex;
         align-items: center;
     }
-    
-    .project-list .title-content .title .icon{
+
+    .project-list .title-content .title .icon {
         width: 23rpx;
         height: 25rpx;
         margin-right: 10rpx;
     }
-    .project-list .title-content .date{
-         width: 120rpx;
-         height: 40rpx;
-         display: flex;
-         justify-content: center;
-         align-items: center;
-         border-radius: 10rpx;
-         border: 2rpx solid #999999;
-         font-size: 24rpx;
-       display: flex;
+
+    .project-list .title-content .date {
+        width: 120rpx;
+        height: 40rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 10rpx;
+        border: 2rpx solid #999999;
+        font-size: 24rpx;
+        display: flex;
         align-items: center;
     }
-    .project-list .title-content .date .icon{
+
+    .project-list .title-content .date .icon {
         width: 12rpx;
         height: 18rpx;
         margin-left: 5rpx;
     }
-    .project-list-content .li{
+
+    .project-list-content .li {
         display: flex;
         justify-content: space-between;
         border-bottom: 2rpx solid #E5E5E5;
         padding: 18rpx;
     }
-    .project-list-content .li .text{
+
+    .project-list-content .li .text {
         font-weight: bold;
         color: #4ca5ff;
         font-size: 24rpx
     }
-    .project-list-content .li .date{
+
+    .project-list-content .li .date {
         color: #888888;
         font-size: 24rpx
     }
-        
-    .contact-way{
+
+    .contact-way {
         display: flex;
         align-items: center;
         padding: 40rpx 20rpx 34rpx;
         color: #696666;
         justify-content: space-between;
         font-size: 28rpx;
-               border-bottom: 2rpx solid #E5E5E5;
+        border-bottom: 2rpx solid #E5E5E5;
     }
-        
-    .contact-way .icon{
+
+    .contact-way .icon {
         width: 41rpx;
         height: 32rpx;
     }
-    .contact-way .icon1{
+
+    .contact-way .icon1 {
         width: 35rpx;
         height: 39rpx;
     }