hzh

igirl-web/app/front/vues/pages/moreservice/policy/policy.css

@@ -5,35 +5,20 @@
         height: 61px !important;
 }
 .active {
-        background: #1e82d2;
+        float: left;
+        position: relative;
         width: 77px;
         height: 27px;
-        font-size:14px;
-        letter-spacing:1px;
-        text-align: center;
-        line-height: 27px;
-        color:#fff;
-        cursor: pointer;
-      }
-      .active:before,.active:after{
-        width: 0;
-        height: 0;
-        border: solid transparent;
-        position: absolute;
-        left: 100%;
-        content:''; 
-      }
-      .active:before{
-        border-width: 10px;
-        border-left-color: #0cc;
-        top:20px;
-      }
-      .active:after{
-          border-width: 8px;
-          border-left-color: #fff;
-          top:22px;
-    
+        box-sizing: border-box;
+        font-size: 14px;
+        background: rgba(16,142,233,1);
+        border-radius: 2px;
+        color: #fff;
+      
+
       }
+      
+
       .acitves{
         width: 77px;
         height: 27px;
@@ -45,6 +30,28 @@
         cursor: pointer; 
       }
 
+      
+.active:before,
+.active:after{
+position:absolute;
+content:'';
+width:10px;
+height:10px;
+bottom:-8px;
+left:50%;
+margin-left:-7px;
+overflow:hidden;
+pointer-events:none;
+-webkit-transform:rotate(45deg);
+-mz-transform:rotate(45deg);
+transform:rotate(45deg);
+}
+
+.active:after{
+        bottom: -4px;
+        background: rgba(16,142,233,1);
+}
+
       .lists{
         display: flex;
         height: 27px;

igirl-web/app/front/vues/pages/policyquery/policyquery.css

@@ -330,7 +330,7 @@
 .policylist-recommend {
     width:100%;
     height:60px;
-    background:rgba(255,255,255,1);
+    background:rgba(250,250,250,1);
     border-radius:1px;
     border:1px solid rgba(247,247,248,1);
     padding: 0px 20px;
@@ -358,10 +358,16 @@
     margin-left: 10px;
     color: #118EE9;
 }
+.el-input-group__append button.el-button{
+    border: 1px solid rgba(15,142,233,1)!important;
+    color: #fff !important;
+    background: rgba(15,142,233,1) !important;
+}
 .recommend-input {
-    float: right;
-    width:220px;
-    height:32px;
+    width: 667px;
+    height: 36px;
+    margin-left: 30px;
+    float: left;
 }
 .policylist-content {
     width: 100%;

igirl-web/app/front/vues/pages/policyquery/policyquery.html

 <div class="policylist-warpper">
     <div class="policylist" v-if="detailPageType">
-        <div class="policylist-title">政策查询</div>
+            <div class="policylist-recommend">
+                    <div style="float: left;
+                    font-size: 28px;
+                    font-family: PingFangSC-Medium,PingFang SC;
+                    font-weight: 500;
+                    color: rgba(16,142,233,1);">政策查询</div>
+                    <div class="recommend-input">
+                            <el-input
+                            placeholder="请输入查询的标题/内容"
+                            v-model="zctext"
+                            change="()=>{console.log(123)}">
+                            <el-button slot="append" icon="el-icon-search">检索</el-button>
+                            </el-input>
+                    </div>
+                    
+            </div>
+            <div class="policylist-header">
+                    <div class="policyquery-items">
+                        <div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
+                            <div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">{{item}}</div>
+                        </div>
+                       
+                    </div>
+                </div>
             <div class="policylist-header" :style="headerHeight ? \'height:190px\' : \'height:auto\'">
                 <div class="policyquery-items">
                     <div class="items_left">发布地区</div>
@@ -90,21 +113,7 @@
                     <div class="itemName" v-if="input9">{{input9}} <i class="el-icon-close" @click="inputDel(\'input9\')"></i> </div>
                 </div>
             </div>
-            <div class="policylist-recommend">
-                    <div style="float: left;font-size:14px;
-                    font-family:MicrosoftYaHei;
-                    color:rgba(121,121,121,1);">共为您的企业推荐了<span style="color: #F2784B">{{total}}</span>条政策</div>
-                    <div class="recommend-input">
-                            <el-input
-                            placeholder="请输入查询的标题/内容"
-                            v-model="zctext"
-                            size="mini"
-                            change="()=>{console.log(123)}">
-                            <i slot="suffix" class="el-input__icon el-icon-search"  style="fontSize:16px;"></i>
-                            </el-input>
-                    </div>
-                    
-            </div>
+           
             <div class="policylist-content">
                     <div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
                             <!-- 没数据 -->

igirl-web/app/front/vues/pages/policyquery/policyquery.js

@@ -3,6 +3,8 @@
       data: function() {
         return {
           total: 0,
+          state2: '',
+          show2: false,
           policyArr: [],
           recommendationsArr: [],
           policyOptions: [{
@@ -40,6 +42,16 @@
           input7:'',
           input8:'',
           input9:'',
+          quanbu:'全部(1369)',
+          quanData1:[
+           '全部(1369)',
+           '申报通知(386)',
+           '立项公示(134)',
+           '管理办法(103)',
+           '政策图解(1)',
+           '政务信息(13)',
+           '新闻资讯(69)',
+          ],
           tableData1: [
             '不限',
             '北京',
@@ -221,6 +233,14 @@
         this.input1 = val;
         this.zcPost()
       },
+      quanClick1(val) {
+        console.log(val);
+        if (val == undefined) {
+          console.log(123123123123);
+            val = ''
+        };
+        this.quanbu = val;
+      },
       tableDataClick2(val) {
         console.log(val);
         if (val == undefined) {