Merge branch 'hi-ucs-dev' of http://192.168.124.50:80/wuhongjian/hi-ucs into hi-ucs-dev

front/src/views/capacityOnTheShelf/Algorithm.vue

@@ -7,17 +7,19 @@
 -->
 <template>
   <div class="box">
-    <div class="header">能力上架申请</div>
+    <!-- <div class="header">能力上架申请</div> -->
     <div class="top">
       <div
         v-for="(nav, index) in navList"
         :key="nav"
-        :class="[index <= navList2.indexOf(showView) ? 'finish' : '']"
+        :class="[index <= navList2.indexOf(showView) ? 'finish' : 'ff']"
       >
+        <div class="wai">
           <span class="bg-box">
             <span>{{ index + 1 }}</span>
           </span>
-        <span>{{ nav.name }}</span>
+          <span class="bg-name">{{ nav.name }}</span>
+        </div>
         <div class="line" v-if="index !== navList.length - 1"></div>
       </div>
     </div>
@@ -79,37 +81,10 @@
         :required="required"
         :notFilled="notFilled"
       ></put-on-the-shelf>
-      <!-- <algorithm-essential-information
-        v-if="showView === '基本信息' && refData.name"
-        :refData="refData"
-        :dataFrom="dataFrom"
-        :videoList="videoList"
-      ></algorithm-essential-information>
-      <algorithm-advantage
-        v-else-if="showView === '算法优势'"
-        :refData="refData"
-        :dataFrom="dataFrom"
-      ></algorithm-advantage>
-      <algorithm-scenarios
-        v-else-if="showView === '应用场景'"
-        :refData="refData"
-        :dataFrom="dataFrom"
-      ></algorithm-scenarios> -->
-      <!-- <algorithm-scenarios
-        v-else-if="showView === '应用场景'"
-        :refData="refData"
-        :dataFrom="dataFrom"
-      ></algorithm-scenarios> -->
-      <!-- <algorithm-deployment-use
-        v-else-if="showView === '部署与使用'"
-        :refData="refData"
-        :dataFrom="dataFrom"
-        :fileList="fileList"
-        :imgList="imgList"
-      ></algorithm-deployment-use> -->
+   
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
-      <button @click="close()">取消</button>
+     
       <a-popconfirm
         v-if="
           showView == '算法优势' &&
@@ -251,34 +226,35 @@
       >
         <button>提交</button>
       </a-popconfirm>
-      <button v-else-if="showView === '部署与使用'" @click="submit()">
+      <button v-else-if="服务商联系电话 === '部署与使用'" @click="submit()">
         提交
       </button>
+       <button @click="close()">取消</button>
     </div>
   </div>
 </template>
 <script setup>
-  // import AlgorithmEssentialInformation from '@/views/capacityOnTheShelf/components/AlgorithmEssentialInformation.vue'
-  // import AlgorithmAdvantage from '@/views/capacityOnTheShelf/components/AlgorithmAdvantage.vue'
-  // import AlgorithmScenarios from '@/views/capacityOnTheShelf/components/AlgorithmScenarios.vue'
-  import PutOnTheShelf from '@/views/capacityOnTheShelf/components/PutOnTheShelf.vue'
-  // import AlgorithmDeploymentUse from '@/views/capacityOnTheShelf/components/AlgorithmDeploymentUse.vue'
-  import { ref, onBeforeUnmount } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { getCategoryTree } from '@/api/personalCenter'
-  import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
-  import {
+// import AlgorithmEssentialInformation from '@/views/capacityOnTheShelf/components/AlgorithmEssentialInformation.vue'
+// import AlgorithmAdvantage from '@/views/capacityOnTheShelf/components/AlgorithmAdvantage.vue'
+// import AlgorithmScenarios from '@/views/capacityOnTheShelf/components/AlgorithmScenarios.vue'
+import PutOnTheShelf from '@/views/capacityOnTheShelf/components/PutOnTheShelf.vue'
+// import AlgorithmDeploymentUse from '@/views/capacityOnTheShelf/components/AlgorithmDeploymentUse.vue'
+import { ref, onBeforeUnmount } from 'vue'
+import { useRouter } from 'vue-router'
+import { getCategoryTree } from '@/api/personalCenter'
+import { shangjiainsert, shangjiaapply } from '@/api/personalCenter'
+import {
   getUser,
   getUserInfo,
   selectOne,
   updateRes,
   relaunch,
-  } from '@/api/home'
-  import { message } from 'ant-design-vue'
-  import mybus from '@/myplugins/mybus'
-  const router = useRouter()
-  const showView = ref('基本信息')
-  const sfys = ref([
+} from '@/api/home'
+import { message } from 'ant-design-vue'
+import mybus from '@/myplugins/mybus'
+const router = useRouter()
+const showView = ref('基本信息')
+const sfys = ref([
   {
     name: '算法优势',
     list: [
@@ -296,8 +272,8 @@
       },
     ],
   },
-  ])
-  const yycj = ref([
+])
+const yycj = ref([
   {
     name: '应用场景',
     list: [
@@ -321,8 +297,8 @@
       },
     ],
   },
-  ])
-  const bs = ref([
+])
+const bs = ref([
   {
     name: '计费标准信息',
     list: [
@@ -365,19 +341,19 @@
       },
     ],
   },
-  ])
-  let shiyongshouce = ref({})
-  const navList = ref([])
-  const navList2 = ref([])
-  const fileList = ref({})
-  const packageList = ref({})
-  const accessoryList = ref({})
-  const imgList = ref({})
-  const videoList = ref({})
-  const data = ref({})
-  const refData = ref({})
-  const submitFlag = ref(true)
-  const dataFrom = ref({
+])
+let shiyongshouce = ref({})
+const navList = ref([])
+const navList2 = ref([])
+const fileList = ref({})
+const packageList = ref({})
+const accessoryList = ref({})
+const imgList = ref({})
+const videoList = ref({})
+const data = ref({})
+const refData = ref({})
+const submitFlag = ref(true)
+const dataFrom = ref({
   infoList: [
     {
       attrType: '组件类型',
@@ -388,8 +364,8 @@
   delFlag: 0,
   type: '组件服务',
   deptId: '',
-  })
-  const required = ref([
+})
+const required = ref([
   '归属部门',
   '部门联系人',
   '部门联系人电话',
@@ -406,15 +382,15 @@
   '服务接口',
   '接口请求方式',
   '算法类别',
-  ])
-  const notFilled = ref([])
-  getUser().then((res) => {
+])
+const notFilled = ref([])
+getUser().then((res) => {
   dataFrom.value.deptId = res.data.data.deptId
-  })
-  const close = () => {
+})
+const close = () => {
   window.close()
-  }
-  const back = () => {
+}
+const back = () => {
   navList.value.forEach((val, index) => {
     if (val.key === showView.value && index > 0) {
       showView.value = navList2.value[index - 1]
@@ -424,8 +400,8 @@
       console.log('表单数据=============>', dataFrom.value)
     }
   })
-  }
-  const next = () => {
+}
+const next = () => {
   notFilled.value = []
   console.log(dataFrom.value, 'dataFrom.value.name')
   if (!dataFrom.value.name) {
@@ -447,18 +423,14 @@
     notFilled.value.push('部门联系人电话')
   }
   if (
-      !dataFrom.value.infoList.filter(
-        (val) => val.attrType === '算法类别'
-      )[0] ||
+    !dataFrom.value.infoList.filter((val) => val.attrType === '算法类别')[0] ||
     !dataFrom.value.infoList.filter((val) => val.attrType === '算法类别')[0]
       .attrValue
   ) {
     notFilled.value.push('算法类别')
   }
   if (
-      !dataFrom.value.infoList.filter(
-        (val) => val.attrType === '应用领域'
-      )[0] ||
+    !dataFrom.value.infoList.filter((val) => val.attrType === '应用领域')[0] ||
     !dataFrom.value.infoList.filter((val) => val.attrType === '应用领域')[0]
       .attrValue
   ) {
@@ -483,9 +455,9 @@
       console.log('表单数据=============>', dataFrom.value, refData.value)
     }
   }
-  }
-  // 预览
-  const preview = () => {
+}
+// 预览
+const preview = () => {
   notFilled.value = []
   console.log(dataFrom.value, 'dataFrom.value.name')
   if (
@@ -520,8 +492,8 @@
     })
     window.open(newpage.href, '_blank')
   }
-  }
-  const submit = () => {
+}
+const submit = () => {
   notFilled.value = []
   console.log(dataFrom.value, 'dataFrom.value.name')
   if (
@@ -611,8 +583,8 @@
       }
     }
   }
-  }
-  const init = () => {
+}
+const init = () => {
   getCategoryTree().then((res) => {
     // console.clear()
     res.data.data = res.data.data
@@ -728,16 +700,14 @@
       }
     })
     data.value = res.data.data.children
-      refData.value = data.value.filter(
-        (item) => item.name === showView.value
-      )[0]
+    refData.value = data.value.filter((item) => item.name === showView.value)[0]
     console.log('所有编目结构==============>', data.value)
   })
-  }
-  const resourceId = router.currentRoute.value.query.id
-  const taskId = router.currentRoute.value.query.taskId
-  const echoData = ref({})
-  if (resourceId) {
+}
+const resourceId = router.currentRoute.value.query.id
+const taskId = router.currentRoute.value.query.taskId
+const echoData = ref({})
+if (resourceId) {
   // 回显数据
   selectOne(resourceId).then((res) => {
     echoData.value = res.data.data
@@ -745,25 +715,25 @@
     init()
     // console.log('驳回修改===================>', echoData.value)
   })
-  } else {
+} else {
   init()
-  }
-  // 特殊字段处理
-  const refPutOnTheShelf = ref(null)
-  const changeSfys = (type) => {
+}
+// 特殊字段处理
+const refPutOnTheShelf = ref(null)
+const changeSfys = (type) => {
   console.log(refPutOnTheShelf, sfys.value)
   refPutOnTheShelf.value.add('算法优势', true, type)
-  }
-  const changeYycj = (type) => {
+}
+const changeYycj = (type) => {
   console.log(refPutOnTheShelf)
   refPutOnTheShelf.value.add('应用场景', true, type)
-  }
-  const changeBs = (type) => {
+}
+const changeBs = (type) => {
   console.log(refPutOnTheShelf)
   refPutOnTheShelf.value.add('计费标准信息', true)
   refPutOnTheShelf.value.add('常见问题', true, type)
-  }
-  mybus.on('chageDataFrom', (obj) => {
+}
+mybus.on('chageDataFrom', (obj) => {
   if (obj.attrType == '技术文档' && obj.attrValue != null) {
     shiyongshouce.value = obj
   }
@@ -782,24 +752,24 @@
     })
   }
   console.log('数据变更=================》', obj, dataFrom.value.infoList)
-  })
-  mybus.on('chageFileList', (obj) => {
+})
+mybus.on('chageFileList', (obj) => {
   fileList.value = obj
-  })
-  mybus.on('chagePackageList', (obj) => {
+})
+mybus.on('chagePackageList', (obj) => {
   packageList.value = obj
-  })
-  mybus.on('chageAccessory', (obj) => {
+})
+mybus.on('chageAccessory', (obj) => {
   accessoryList.value = obj
-  })
-  mybus.on('chageImgList', (obj) => {
+})
+mybus.on('chageImgList', (obj) => {
   imgList.value = obj
-  })
-  mybus.on('chageVideoList', (obj) => {
+})
+mybus.on('chageVideoList', (obj) => {
   videoList.value = obj
-  })
-  //datafrom外面数据
-  mybus.on('chageDataFromDwon', (obj) => {
+})
+//datafrom外面数据
+mybus.on('chageDataFromDwon', (obj) => {
   switch (obj.attrType) {
     case '算法名称':
       dataFrom.value.name = obj.attrValue
@@ -833,8 +803,8 @@
       break
   }
   // console.log('dataFrom.value', dataFrom.value)
-  })
-  onBeforeUnmount(() => {
+})
+onBeforeUnmount(() => {
   mybus.off('chageDataFrom')
   mybus.off('chageFileList')
   mybus.off('chageImgList')
@@ -842,13 +812,13 @@
   mybus.off('chageVideoList')
   mybus.off('chagePackageList')
   mybus.off('chageAccessory')
-  })
+})
 </script>
 <style lang="less" scoped>
-  .box {
+.box {
   position: relative;
   top: 0.64rem;
-    margin: 0.15rem 4rem;
+  // margin: 0.15rem 3rem;
   padding: 0.1rem;
   background: #fff;
   .header {
@@ -859,57 +829,87 @@
     padding: 0 1rem;
   }
   .top {
-      margin: 0.1rem 0.2rem 0;
-      padding: 0.15rem 0.3rem;
-      background: #edf4fc;
-      display: flex;
-      justify-content: space-between;
-      div {
-        font-size: 0.18rem;
-        color: #999;
+    font-size: 16px;
+    margin: 0.32px 0.4px 0;
+    padding: 24px 24pxs;
     display: flex;
     justify-content: center;
+    .ff {
+      color: #b3b3b3;
+      display: inline-flex;
+      justify-content: center;
       align-items: center;
+      .wai {
+        margin-top: 14px;
         .bg-box {
           display: flex;
           justify-content: center;
           align-items: center;
-          width: 0.45rem;
-          height: 0.45rem;
+          width: 32px;
+          height: 32px;
           border-radius: 50%;
-          border: 0.01rem solid rgb(214, 214, 214);
-          margin-right: 0.1rem;
+          // border: 0.01rem solid rgb(214, 214, 214);
+          margin: 0px 16px;
           transition: all 0.3s ease;
           span {
             display: flex;
             justify-content: center;
             align-items: center;
-            width: 0.3rem;
-            height: 0.3rem;
+            width: 32px;
+            height: 32px;
             border-radius: 50%;
-            border: 0.01rem solid #999;
+            border: 1px solid #d9d9d9;
+          }
+        }
+        .bg-name {
+          color: #b3b3b3;
         }
       }
       .line {
-          margin-left: 0.1rem;
-          width: 1.3rem;
-          height: 0.01rem;
-          background: #999;
+        // margin-left: 16px;
+        width: 326px;
+        height: 2px;
+        background: #d9d9d9;
       }
     }
     .finish {
-        color: #0087ff;
-        .bg-box {
-          background: #9ccefa;
       color: #fff;
-          border: 0.01rem solid #9ccefa;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      .wai {
+        margin-top: 14px;
+        .bg-box {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 32px;
+          height: 32px;
+          border-radius: 50%;
+          // border: 0.01rem solid rgb(214, 214, 214);
+          margin: 0px 16px;
+          transition: all 0.3s ease;
           span {
-            background: #0087ff;
-            border: 0.01rem solid #0087ff;
+            background: #0058e1;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 32px;
+            height: 32px;
+            border-radius: 50%;
+            border: 1px solid solid #0058e1;
+          }
+        }
+        .bg-name {
+          color: #212121;
+          font-weight: bold;
         }
       }
       .line {
-          background: #0087ff;
+        // margin-left: 16px;
+        width: 326px;
+        height: 2px;
+        background: #0058e1;
       }
     }
     .btn {
@@ -941,7 +941,7 @@
       }
     }
     .first {
-        justify-content: space-around;
+      justify-content: center;
     }
   }
   .btn {
@@ -958,17 +958,27 @@
       border: none;
       border-radius: 0.06rem;
       background: #0087ff;
+      margin-right:12px;
     }
     button:nth-of-type(1) {
-        color: #0087ff;
-        background: #e1edfa;
+        background: #0058e1;
+      color:#ffffff;
+      width: 90px;
+      height: 32px;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
       }
       button:nth-of-type(2) {
-        background: #01c5dc;
+        width: 90px;
+      height: 32px;
+      background: #ffffff;
+      color:#0058e1;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
       }
   }
   .first {
-      justify-content: space-around;
-    }
+    justify-content: center;
   }
+}
 </style>

front/src/views/newHome/components/WorkDynamics.vue

@@ -1,57 +1,5 @@
 <template>
   <div class="work-dynamics">
-    <!-- <div class="title">
-      <div>工作动态</div>
-      <div class="title-son"></div>
-    </div>
-    <div class="content" v-if="dataList && dataList.length > 0">
-      <div v-for="(item, index) in dataList" :key="item">
-        <div class="content-one" v-if="index % 2 == 0">
-          <div class="one">
-            <a-image
-              style="text-align: center"
-              alt="暂无图片"
-              :src="item.imageUrl"
-              :fallback="imgSrc"
-            />
-          </div>
-          <div class="content-miaoshui">
-            <div class="content-miaoshui-title">{{ item.title }}</div>
-            <div class="content-miaoshui-content">
-              {{ item.content }}
-            </div>
-            <div class="shijain">
-              <div>{{ item.createDate }}发布</div>
-              <div class="shijain-content-bootom" @click="selectOne(item.id)">
-                查看详情
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="content-one" v-else>
-          <div class="content-miaoshui">
-            <div class="content-miaoshui-title">{{ item.title }}</div>
-            <div class="content-miaoshui-content">
-              {{ item.content }}
-            </div>
-          </div>
-          <div class="one">
-            <a-image alt="暂无图片" :src="item.imageUrl" :fallback="imgSrc" />
-            <div class="shijain">
-              <div>{{ item.createDate }}发布</div>
-              <div class="shijain-content-bootom" @click="selectOne(item.id)">
-                查看详情
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <a-empty v-else></a-empty>
-    <div class="bottom" @click="jumpPage()">
-      查看更多
-      <span class="gengduo"></span>
-    </div> -->
     <div class="fixedmount">
       <div @click="applyResource()">
         <p></p>
@@ -67,12 +15,14 @@
         <!-- <a-button type="primary" >Open Modal</a-button> -->
         <a-modal
           v-model:visible="visible"
-          @ok="handleOk"
+          
           class="shangjia-class"
-          @cancel="handlecancel"
+         
         >
+      
+
           <div class="ant-modal-title" id="vcDialogTitle1">
-            <div class="showBg"></div>
+            <!-- <div class="showBg"></div> -->
             能力上架申请
           </div>
           <div class="ability-to-type">
@@ -92,52 +42,19 @@
               </div>
             </div>
           </div>
+         
           <div
-            class="component-type"
+            class="ability-to-type"
             v-if="abilityToTypeFunctionData == '组件服务'"
           >
             <div class="title">组件类型选择</div>
-            <div class="component-type-content">
-              <!-- <a-checkbox-group
-                v-model:value="value1"
-                name="checkboxgroup"
-                :options="componentType"
-              /> -->
-              <a-radio-group v-model:value="componentTypeValue">
-                <a-radio
-                  @click="componentTypeValueFunction(item)"
-                  v-for="item in componentType"
-                  :key="item"
-                  :value="item"
-                >
-                  {{ item }}
-                </a-radio>
-              </a-radio-group>
-            </div>
-          </div>
-        </a-modal>
-      </div>
-      <!-- <div @click="showAbilitySquare">
-        <p></p>
-        <p>能力广场</p>
-        <a-modal
-          v-model:visible="visibleAbilitySquare"
-          @ok="handleOkAbilitySquare"
-          class="shangjia-class"
-          @cancel="handlecancelAbilitySquare"
-        >
-          <div class="ant-modal-title" id="vcDialogTitle1">
-            <div class="showBg"></div>
-            能力广场目录
-          </div>
-          <div class="ability-to-type">
             <div class="ability-to-type-content">
               <div
-                v-for="item in abilitySquare"
+                v-for="item in componentType"
                 :key="item"
-                @click="abilitySquareFunction(item)"
+                @click="componentTypeValueFunction(item)"
                 :class="
-                  abilitySquareFunctionData == item
+                  componentTypeValue == item
                     ? 'ability-to-type-down'
                     : ''
                 "
@@ -146,66 +63,74 @@
               </div>
             </div> 
            </div>
+           <template v-slot:footer>
+        <a-button  class="shenqing" @click="handleOk">申请</a-button>
+        <a-button class="quxiao"  @click="handlecancel">取消</a-button>
+    </template>
+
         </a-modal>
-      </div> -->
+      </div>
+    
     </div>
   </div>
 </template>
 <script setup>
-  import { gongZuoZhuangTai } from '@/api/home.js'
-  import { message } from 'ant-design-vue'
-  import { ref, watch } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { useStore } from 'vuex'
-  const store = useStore()
-  const router = useRouter()
-  const imgSrc = ref(require('@/assets/newHome/zw.png'))
-  let dataList = ref([])
-  // let tupain = ref([
-  //   require('../../../assets/newHome/one.png'),
-  //   require('../../../assets/newHome/two.png'),
-  //   require('../../../assets/newHome/three.png'),
-  //   require('../../../assets/newHome/four.png'),
-  // ])
-  //能力上架弹窗
-  function handlecancel() {
+import { gongZuoZhuangTai } from '@/api/home.js'
+import { message } from 'ant-design-vue'
+import { ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { useStore } from 'vuex'
+const store = useStore()
+const router = useRouter()
+const imgSrc = ref(require('@/assets/newHome/zw.png'))
+let dataList = ref([])
+// let tupain = ref([
+//   require('../../../assets/newHome/one.png'),
+//   require('../../../assets/newHome/two.png'),
+//   require('../../../assets/newHome/three.png'),
+//   require('../../../assets/newHome/four.png'),
+// ])
+//能力上架弹窗
+function handlecancel() {
   abilityToTypeFunctionData.value = '组件服务'
   componentTypeValue.value = ''
-  }
-  let abilityToTypeFunctionData = ref('组件服务')
-  function abilityToTypeFunction(item) {
+}
+let abilityToTypeFunctionData = ref('组件服务')
+function abilityToTypeFunction(item) {
   abilityToTypeFunctionData.value = item
-  }
-  let abilityToType = ref(['组件服务', '应用资源'])
-  let abilitySquare = ref(['智能算法', '图层服务', '应用资源'])
-  let componentType = ref([
+}
+
+let abilityToType = ref(['组件服务', '应用资源'])
+let abilitySquare = ref(['智能算法', '图层服务', '应用资源'])
+let componentType = ref([
   '智能算法',
   '图层服务',
   '开发组件',
   // '办公组件',
   '业务组件',
   // '其他',
-  ])
-  const visible = ref(false)
-  const showModal = () => {
+])
+const visible = ref(false)
+const showModal = () => {
   visible.value = true
-  }
-  // 能力广场
-  const visibleAbilitySquare = ref(false)
-  const showAbilitySquare = () => {
+}
+// 能力广场
+const visibleAbilitySquare = ref(false)
+const showAbilitySquare = () => {
   visibleAbilitySquare.value = true
-  }
-  let componentTypeValueOld = ref('')
-  function componentTypeValueFunction(item) {
+}
+let componentTypeValueOld = ref('')
+function componentTypeValueFunction(item) {
+  componentTypeValue.value = item
   if (componentTypeValueOld.value != item) {
     componentTypeValue.value = item
     componentTypeValueOld.value = item
   } else {
     componentTypeValue.value = ''
   }
-  }
-  let componentTypeValue = ref('')
-  const handleOk = (e) => {
+}
+let componentTypeValue = ref('')
+const handleOk = (e) => {
   let snum = ref({})
   if (abilityToTypeFunctionData.value == '组件服务') {
     if (!componentTypeValue.value || componentTypeValue.value == '') {
@@ -239,8 +164,8 @@
   abilityToTypeFunctionData.value = '组件服务'
   componentTypeValue.value = ''
   console.log(e)
-  }
-  const getList = () => {
+}
+const getList = () => {
   const params = {
     limit: 4,
     page: 1,
@@ -252,36 +177,33 @@
       console.log('item', dataList.value[index].imageUrl)
     })
   })
-  }
-  const newpage = router.resolve({
+}
+const newpage = router.resolve({
   path: '/addApplication', // 跳转的页面路由
-  })
-  const toView = () => {
+})
+const toView = () => {
   window.open(newpage.href, '_blank')
-  }
-  // const toApply = () => {
-  //   window.open(applypage.href, '_blank')
-  // }
-  getList()
-  // dataList.value.map((item, index) => {
-  //   dataList.value[index].tupian = tupain.value[index]
-  //   console.log('item', item, dataList.value)
-  // })
-  function jumpPage() {
+}
+// const toApply = () => {
+//   window.open(applypage.href, '_blank')
+// }
+getList()
+// dataList.value.map((item, index) => {
+//   dataList.value[index].tupian = tupain.value[index]
+//   console.log('item', item, dataList.value)
+// })
+function jumpPage() {
   // 点击内存入store
   // store.commit('WorkDynList', {
   //   selectCardsnum: '组件服务',
   // })
-    console.log(
-      '选中===================>',
-      store.getters['home/selectCardsnum']
-    )
+  console.log('选中===================>', store.getters['home/selectCardsnum'])
   // router.push({ path: '/DetailsPageconetent' })
   router.push({
     path: '/WorkDynList',
   })
-  }
-  const selectOne = (id) => {
+}
+const selectOne = (id) => {
   console.log('点击===============》', id)
   router.push({
     path: '/WorkDynDetails',
@@ -289,12 +211,12 @@
       id: id,
     },
   })
-  }
-  watch(abilityToTypeFunctionData, () => {
+}
+watch(abilityToTypeFunctionData, () => {
   componentTypeValue.value = ''
-  })
-  // 能力广场
-  const handleOkAbilitySquare = (e) => {
+})
+// 能力广场
+const handleOkAbilitySquare = (e) => {
   let snumSquare = ref({})
   snumSquare.value = {
     abilityToType: abilitySquareFunctionData.value,
@@ -307,15 +229,15 @@
   console.log(e, abilitySquareFunctionData.value, 'hahhaha')
   visibleAbilitySquare.value = false
   abilitySquareFunctionData.value = '智能算法'
-  }
-  let abilitySquareFunctionData = ref('智能算法')
-  function abilitySquareFunction(item) {
+}
+let abilitySquareFunctionData = ref('智能算法')
+function abilitySquareFunction(item) {
   abilitySquareFunctionData.value = item
-  }
-  function handlecancelAbilitySquare() {
+}
+function handlecancelAbilitySquare() {
   abilitySquareFunctionData.value = '智能算法'
-  }
-  const applyResource = () => {
+}
+const applyResource = () => {
   console.log('点击===============》')
   router.push({
     path: '/DetailsPageconetent',
@@ -323,10 +245,10 @@
       select: '基础设施',
     },
   })
-  }
+}
 </script>
 <style lang="less">
-  .shangjia-class {
+.shangjia-class {
   position: fixed;
   left: 50%;
   top: 50%;
@@ -334,7 +256,33 @@
   margin-top: -1.44rem;
   font-size: 0.14rem;
   font-weight: 500;
+  .ant-modal-footer {
+    border: 0;
+    text-align: center;
+    margin-top: 24px;
+    padding-bottom: 24px;
    
+    .shenqing{
+      background: #0058e1;
+      color:#ffffff;
+      width: 90px;
+      height: 32px;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
+    }
+    .quxiao{
+      width: 90px;
+      height: 32px;
+      background: #ffffff;
+      color:#0058e1;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
+
+    }
+}
+  .ant-modal-body {
+    padding: 0px !important;
+  }
   .ant-radio-inner {
     height: 0.16rem;
     width: 0.16rem;
@@ -346,17 +294,21 @@
     background-position: center;
   }
   .ant-modal-content {
-      border-radius: 0.1rem;
+    border-radius: 2px;
+    border: 1px #e6e9ed solid;
+    width: 690px;
+    box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.5);
     .ability-to-type,
     .component-type {
       display: flex;
-        margin-top: 0.2rem;
+      margin-top: 24px;
+      margin-left: 24px;
       .title {
         white-space: nowrap;
-          margin-right: 0.2rem;
         display: flex;
         align-items: center;
         height: 0.26rem;
+        font-size: 16px;
       }
       .component-type-content {
         width: 100%;
@@ -365,7 +317,7 @@
         background: unset;
         .ant-radio-group {
           display: grid;
-            grid-template-columns: 1fr 1fr 1fr;
+          grid-template-columns: auto auto auto auto;
           grid-gap: 0.15rem;
         }
       }
@@ -374,20 +326,26 @@
     .ability-to-type {
       .ability-to-type-content {
         display: grid;
-          grid-template-columns: 1fr 1fr 1fr;
+        grid-template-columns: auto auto auto auto;
         height: unset;
         border: unset;
         background: unset;
+        margin-left: 20px;
         div {
-            margin-right: 0.15rem;
+          &:hover {
+    background: #0058e1;
     cursor: pointer;
-            font-size: 0.14rem;
-            width: 0.9rem;
-            height: 0.26rem;
-            border-radius: 0.13rem;
-            color: #333333;
-            background: #f5f5f5;
-            border: 0.01rem #cccccc solid;
+    color:#ffffff;
+  }
+          margin-right: 16px;
+          cursor: pointer;
+          font-size: 16px;
+          width: 90px;
+          height: 32px;
+          border-radius: 2px;
+          color: #0058e1;
+          background: #ffffff;
+          border: 1px #0058e1 solid;
           display: flex;
           justify-content: center;
           align-items: center;
@@ -395,7 +353,7 @@
         }
 
         .ability-to-type-down {
-            background: #0087ff;
+          background: #0058e1;
           color: #fff;
         }
       }
@@ -405,15 +363,25 @@
   .ant-modal-title {
     display: flex;
     align-items: center;
+    display: flex;
+    align-items: center;
+    margin: 0px 24px;
+    padding-top: 24px;
+    padding-bottom: 22px;
+    color: #212121;
+    font-weight: bold;
+    font-size: 20px;
+    border-bottom: 2px solid #ebeced;
   }
 
   .ant-modal-footer {
     border: 0;
     text-align: center;
     padding-bottom: 0.2rem;
+    margin-top:50px;
     button {
-        margin-right: 0.2rem;
-        border-radius: 0.08rem;
+      margin-right: 12px;
+      border-radius: 2px;
     }
   }
 
@@ -425,10 +393,10 @@
     background-position: center;
     margin-right: 0.1rem;
   }
-  }
+}
 </style>
 <style lang="less" scoped>
-  .work-dynamics {
+.work-dynamics {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -445,9 +413,9 @@
     border-radius: 0.01rem;
     margin-top: 0.18rem;
   }
-  }
+}
 
-  .content {
+.content {
   width: 13rem;
   height: 4.8rem;
   display: flex;
@@ -457,15 +425,15 @@
     padding-top: 0.49rem;
   }
   border: #eaedf2 0.01rem solid;
-  }
+}
 
-  .content > div:hover {
+.content > div:hover {
   border-radius: 0.02rem;
   border: 0.01rem solid #0058e1;
   box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
-  }
+}
 
-  .content-miaoshui {
+.content-miaoshui {
   display: flex;
   flex-direction: column;
   padding-top: 0.2rem;
@@ -502,9 +470,9 @@
     word-break: break-all;
     cursor: pointer;
   }
-  }
+}
 
-  .shijain {
+.shijain {
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -514,9 +482,9 @@
   div:first-child {
     margin-left: 0.16rem;
   }
-  }
+}
 
-  .shijain-content-bootom {
+.shijain-content-bootom {
   margin-right: 0.16rem;
   width: 0.8rem;
   height: 0.24rem;
@@ -524,18 +492,18 @@
   border: 0.01rem solid #0058e1;
   cursor: pointer;
   color: #0058e1;
-  }
+}
 
-  .shijain-content-bootom:hover {
+.shijain-content-bootom:hover {
   background: rgba(0, 88, 225, 0.3);
-  }
+}
 
-  .content > div > div {
+.content > div > div {
   height: 2.4rem;
   width: 100%;
-  }
+}
 
-  .one {
+.one {
   height: 2.4rem;
   display: flex;
   flex-direction: column;
@@ -558,9 +526,9 @@
     width: 100%;
     max-width: 2.98rem;
   }
-  }
+}
 
-  .bottom {
+.bottom {
   height: 0.24rem;
   font-size: 0.16rem;
   width: 1rem;
@@ -577,21 +545,21 @@
     background: url('~@/assets/newHome/gd2.png') no-repeat;
     background-position: center;
   }
-  }
+}
 
-  .bottom:hover {
+.bottom:hover {
   border-radius: 0.02rem;
   background-color: rgba(1, 102, 255, 0.1);
-  }
+}
 
-  .content > div {
+.content > div {
   height: 4.8rem;
   width: 3.1rem;
   margin-right: 0.1rem;
   background: #f3f5f9;
-  }
+}
 
-  .fixedmount {
+.fixedmount {
   height: 3rem;
   display: flex;
   position: fixed;
@@ -601,9 +569,9 @@
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
-  }
+}
 
-  .fixedmount div {
+.fixedmount div {
   width: 0.96rem;
   height: 0.96rem;
   // border-radius: 0.04rem;
@@ -618,9 +586,9 @@
   cursor: pointer;
   // background: #e3edfc;
   background: url('~@/assets/home/bg-right.png');
-  }
+}
 
-  .fixedmount div p:nth-child(2) {
+.fixedmount div p:nth-child(2) {
   position: absolute;
   bottom: 0rem;
   height: 0.2rem;
@@ -628,29 +596,29 @@
   line-height: 0.2rem;
   color: #fff;
   // margin-top: .08rem;
-  }
+}
 
-  .fixedmount div:nth-child(1) p:nth-child(1) {
+.fixedmount div:nth-child(1) p:nth-child(1) {
   height: 0.32rem;
   width: 0.32rem;
   //background: url('~@/assets/home/shenqing.png') no-repeat;
   background: url('~@/assets/home/sq.png') no-repeat;
   background-size: contain;
   background-position: center;
-  }
+}
 
-  .fixedmount div:nth-child(2) p:nth-child(1) {
+.fixedmount div:nth-child(2) p:nth-child(1) {
   height: 0.32rem;
   width: 0.32rem;
   background: url('~@/assets/home/xq.png') no-repeat;
   background-size: contain;
   background-position: center;
-  }
-  .fixedmount div:nth-child(3) p:nth-child(1) {
+}
+.fixedmount div:nth-child(3) p:nth-child(1) {
   height: 0.32rem;
   width: 0.32rem;
   background: url('~@/assets/home/sj.png') no-repeat;
   background-size: 140% 126%;
   background-position: center;
-  }
+}
 </style>