投标分析按钮添加

src/views/bid-policy/AnalysisResult.vue

@@ -2,7 +2,13 @@
   <div class="analysis-result">
     <PolicyLimit :baseInfo="baseInfo" @dataList="getLimit"></PolicyLimit>
     <div class="digest" v-show="proShow">
-      <div class="digest_head">项目摘要</div>
+      <div class="digest_head">
+        <span class="digest_head_title">项目摘要</span>
+        <div class="digest_head_follow">
+          <span :class="follow.classActive"></span>
+          <span class="follow_text">{{follow.text}}</span>
+        </div>
+      </div>
       <ul class="digest_ul">
         <li class="digest_list">
           <div class="li_left">地区</div>
@@ -65,6 +71,10 @@ export default {
   },
   data () {
     return {
+      follow: {
+        classActive: 'icon_heart_gray',
+        text: '关注'
+      },
       activeName: '1',
       baseInfo: {}, // 项目摘要及类似项目分析基础数据（渲染页面及需传给子组件使用）
       // 类似项目明细数据 传子组件的数据
@@ -214,6 +224,8 @@ export default {
     padding: 24px 40px 32px;
     background: #fff;
     .digest_head{
+      display: flex;
+      justify-content: space-between;
       height: 28px;
       font-size: 18px;
       font-family: Microsoft YaHei, Microsoft YaHei-Regular;
@@ -221,6 +233,36 @@ export default {
       text-align: LEFT;
       color: #1d1d1d;
       line-height: 28px;
+      .digest_head_follow{
+        display: flex;
+        align-items: center;
+        margin-right: 16px;
+        cursor: pointer;
+        .follow_text{
+          font-size: 14px;
+          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+          font-weight: 400;
+          text-align: LEFT;
+          color: #686868;
+          line-height: 22px;
+        }
+        .icon_heart_gray{
+          margin-right: 4px;
+          display: flex;
+          width: 18px;
+          height: 18px;
+          background: url('~@/assets/images/icon/icon-heart.png') no-repeat;
+          background-size: contain;
+        }
+        .icon_heart_red{
+          margin-right: 4px;
+          display: flex;
+          width: 18px;
+          height: 18px;
+          background: url('~@/assets/images/icon/icon-favorite.png') no-repeat;
+          background-size: contain;
+        }
+      }
     }
     .digest_ul{
       margin-top: 16px;

src/views/bid-policy/components/PolicyLimit.vue

@@ -3,9 +3,17 @@
     <div class="limit_head">
       <div class="limit_top">
         <span class="limit_head_name">{{baseInfo.projectname}}</span>
-        <span></span>
       </div>
-      <div class="limit_bot"></div>
+      <div class="limit_bot">
+        <div class="btn_bidfor">
+          <span class="icon_ai"></span>
+          <span class="btn_text">中标企业预测</span>
+        </div>
+        <div class="purcontent">
+          <span class="icon_square"></span>
+          <span class="pur_set">采购内容设置</span>
+        </div>
+      </div>
     </div>
     <div class="limit_content">
       <IndustrySelector ref="industrySel" :initIndustry="baseInfo.s_subscopeclass" selectorType="line">
@@ -208,6 +216,9 @@ export default {
     padding: 12px 0;
   }
   .limit_head{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
     padding-bottom: 20px;
     width: 100%;
     font-size: 18px;
@@ -215,6 +226,59 @@ export default {
     color: #1d1d1d;
     line-height: 28px;
     border-bottom: 1px solid #ececec;
+    .limit_bot{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .btn_bidfor{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 144px;
+        height: 32px;
+        background: #2cb7ca;
+        border-radius: 4px;
+        cursor: pointer;
+        .icon_ai{
+          display: flex;
+          width: 16px;
+          height: 16px;
+          background: url('~@/assets/images/icon/ai.png') no-repeat;
+          background-size: contain;
+        }
+        .btn_text{
+          margin-left: 14px;
+          font-size: 14px;
+          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 22px;
+        }
+      }
+      .purcontent{
+        margin-left: 20px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        .icon_square{
+          display: flex;
+          width: 18px;
+          height: 18px;
+          background: url('~@/assets/images/icon/top-manage.png') no-repeat;
+          background-size: contain;
+        }
+        .pur_set{
+          margin-left: 4px;
+          font-size: 13px;
+          font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+          font-weight: 400;
+          text-decoration: underline;
+          text-align: CENTER;
+          color: #2cb7ca;
+          line-height: 20px;
+        }
+      }
+    }
   }
   .limit_money_section{
     display: flex;

src/views/portrayal/EntPortrayal.vue

@@ -174,7 +174,7 @@ export default {
         display: flex;
         width: 18px;
         height: 18px;
-        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADSElEQVRYR+2X30sUURTHv2d2tnywnoW2MAoSIjKot6CihwqMknowcLZsd6YVg4IIetuWiHoI8qElnRnTZhc0MDQKqreCHoICEwQNlKK2fyCClJ2dE3dTWHXn16rgg/N6z4/P/Z57zr1DWGcfrTMebAD5VWRDoRUrpD+xjsDBJQBHwRQTAYkwBeZXkkQDiYTytTJJ78DALrIjKWJuAVEjM2QQFwC8ixB1JxLKuBeUa8my2Wz9pk1bH4PQ7hFgFoT7hR/TdzOZjN3b298kReQxAHVuPgwMFed+q11dXX+q2VQFEjDRzVteE+hw2WlejVLJnnGciCzL0l6H+ToRmsvrhOHCj+kLDQ2NMTkamQToI4jzpSLGJalkE0X3MHEbAWfL4YAPxbnfp6pBVQXSzdwgAW3M+ENw2lX14otquzGM/A0G3ycSZfkPBTTKmUzHbDV7XbdOgGiYCPUA8mpSUZbaLQPq68vtdxhfyjtx+KSmxd961Vzvy52Dg6FKKFE+Nx/DeHoGJI2W40t8VLscf19puwxIN61+Al1iYFRLKq1+XSHWK6HsIu/r7IxPePkZhvUSRC0MHtCS8Q5PINO0vjGoEUxtqtr+LAiQsDHN/HFmp0lV41k/H7EBYgwz+LuWjO/0VsjIFYX8QXbql9htXdf7m0mSx5hha6oS9QQyzNxf0bYlmw+lUvHPtSb18uvpsQ5GZPoUDMiwJkHUBOKkmoj3rQWQaeYvivMDYEJNKvu8FTKshyC6LiarmlSOrQWQbuTGxAxj4IGWVG56AmXN3O4oY7LcxsxXgxzSMNC6mbtGQDfAs06pdODKlY4pTyCxaBjWPRDdEjWGhDYtoTwPk9T1MC+eWbfVhJLxHYzCIJ1Oy7EduwfBOL9aUEEHqOvluppQQWGEGJ4PtNWACgPjC7TS8oWFCQRUK1QtMIGBFqC2xXaNkLgUfbpvEQzzm0Jh5rTXC8C37d3aNp3ur4vFIiMgOukGtRym1Or2PqqWJ/RfhxfUSmFClaxyN0uhCJxyiGRiPJqf8G8KhXDKLMQPrdCCYyXUIunLZ6Y2mJoVqoTatl2+A0aKiG0G5X/9tG+GOTOBro7VuLdqjVFzyWpN6Oe3AbShkJ8Cfuv/AMkozTS0zinfAAAAAElFTkSuQmCC) no-repeat;
+        background: url('~@/assets/images/icon/icon-heart.png') no-repeat;
         background-size: contain;
       }
       .icon_heart_red{
@@ -182,7 +182,7 @@ export default {
         display: flex;
         width: 18px;
         height: 18px;
-        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACBElEQVRYR+3Xv0scQRTA8e+TC0TwTwiYkBQ2IvYBx1QJJIVgkUAE90QI2KQR0qmEkBSBpAlpEvcKwRSCTUC7G8E/QEFQKy/gnxA0kGMn7HLIJW7mx7q3WNw0V9zMm8+9fftmTrhmQ66Zhz7I9UT6Gbpyhszq5ARiZgGF4VYn4BHCdxJpyFzzuHsT03hwlyR5gfAYuI2hhnAKaBL5KHPNfRvqv4/MfFJDDPIZ4bklwC/gHS3eZHOGWQJeIdQsa75xxrws6J95c3JBHcwWwn1XirPvDRvZpzDtOX+Xcx7lofJBsVoHnnoFLzrJsCZ1PfPv8ksg83VyjAGzV3SfoHVGlNSbO91rLoNiFQNpEVcxGhLpyAU6yd6OakZLIn3HDlpVvx1vSXlUQ1vq+oYrQ+fAzfJ2tUTyBB0CIxWBDqSuR10Z+gC8rAQkvJdZvWgHfVH3GOCwgjpKu/y4RPrICsoab6zeZkdAb8eyRHrF2Rgz0JKqMcy691EQCk+Pmh88kxXd9gL1FGXBpPtaL2ilZ8qBcYJKzZQHxgtUCsoT4w3qQm12boIhZbxNiyd5BZwXJOiSb2KVHimbwENP0TYwJZFOe47XCAJ1epQvKhgT9Mi6f55HpgphCoMcmSqMuRLoAiW8JiH929NGWMOwGFIz3p3aqwJ7MCm4qHtg+CtkH+TKcD9Drgz9AS0gsyVs0KiWAAAAAElFTkSuQmCC) no-repeat;
+        background: url('~@/assets/images/icon/icon-favorite.png') no-repeat;
         background-size: contain;
       }
       .follow_text{