首页添加数据产品研发

@@ -44,6 +44,10 @@ const click = (command) => {
     case 'contractBA':
       url = '/data-smart-contract/contract-record-manage';
       break;
+    case 'dataDevelop':
+     // url = '/data-develop/data-develop-manage';
+     //TODO，待接入跳转地址
+      break;
   }
   router.push({
     path: url
@@ -95,6 +99,16 @@ const click = (command) => {
               <div class="btn-img"></div>
             </div>
           </div>
+          <div class="sub-row">
+            <div style="display: flex;align-items: center;">
+              <div class="menu-title">数据产品研发</div>
+              <div class="sub-desc">如果您想将自己的数据或者外采数据产品进行加工或衍生，在医学人工智能可信研发空间中自研和加工专属的数据产品</div>
+            </div>
+            <div style="display: flex;align-items: center;">
+              <div class="btn-title">点击进入</div>
+              <div class="btn-img"></div>
+            </div>
+          </div>
         </div>
       </div>
       <div class="chunk-row" @click="click('log')">
@@ -118,24 +132,29 @@ const click = (command) => {
           <div class="menu-title">2、数据源管理</div>
           <div class="desc">将数据系统中的数据资源接入连接器，作为封装数据产品的基础。支持数据库、本地文件服务器等资源接入及管理。</div>
         </div>
+        <div class="chunk-per" @click="click('dataDevelop')">
+          <div class="img dataDevelop"></div>
+          <div class="menu-title">3、数据产品研发</div>
+          <div class="desc">数据提供方基于自己的数据和外采数据，在医学人工智能可信研发空间中自研和加工专属的数据产品。</div>
+        </div>
         <div class="chunk-per" @click="click('dataProduct')">
           <div class="img dataProduct"></div>
-          <div class="menu-title">3、数据产品管理</div>
+          <div class="menu-title">4、数据产品管理</div>
           <div class="desc">数据提供方基于接入数据资源封装数据产品，并对数据产品进行管理。</div>
         </div>
         <div class="chunk-per" @click="click('contract')">
           <div class="img dataSmart"></div>
-          <div class="menu-title">4、数字合约</div>
+          <div class="menu-title">5、数字合约</div>
           <div class="desc">支持数据提供方、数据使用方进行合约创建、合约协商以及合约履行的操作。</div>
         </div>
         <div class="chunk-per" @click="click('delivery')">
           <div class="img dataDelivery"></div>
-          <div class="menu-title">5、数据交付</div>
+          <div class="menu-title">6、数据交付</div>
           <div class="desc">按照数字合约要求交付原始数据、脱敏后数据或计算结果数据等。</div>
         </div>
         <div class="chunk-per" @click="click('contractBA')">
           <div class="img dataControl"></div>
-          <div class="menu-title">6、数据使用控制</div>
+          <div class="menu-title">7、数据使用控制</div>
           <div class="desc">提供使用数据的软硬件环境，支持数据使用方按照数字合约要求，通过算法或应用使用数据提供方交付的数据产品。</div>
         </div>
       </div>
@@ -310,6 +329,10 @@ const click = (command) => {
   &.dataControl {
     background-image: url('@/assets/images/dataTrust/dataControl.png');
   }
+
+  &.dataDevelop {
+    background-image: url('@/assets/images/dataTrust/dataDevelop.png');
+  }
 }
 
 .chunk-main {