页面样式解决

src/components/Introduce/FicHatch.vue

@@ -5,7 +5,7 @@
         <div style="text-align: center; padding-bottom: 40px">
           <img
             v-if="typeNum === 2"
-            src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/ac9e829e39404303beba994937e831a8.png"
+            src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210401/5dfc1b58aad443fdb6ac8b6396932f8b.png"
             alt=""
           />
           <img
@@ -13,7 +13,7 @@
             src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210317/608254ebb11d4f68b50558a28713f0c4.png"
             alt=""
           />
-          <!-- <span v-if="typeNum === 2">数智创世代专业孵化器</span>
+          <!-- <span v-if="typeNum === 2">数智创时代专业孵化器</span>
           <span v-if="typeNum === 3">虚拟孵化器</span> -->
         </div>
         <div v-if="typeNum === 2" class="con-con">

src/views/Challenge/Children/Notice.vue

@@ -1,13 +1,10 @@
 <template>
   <div>
-    <div class="search-background">
+    <div class="search-list">
-      <div class="d-flex">
+      <span>发榜单位：</span> <a-input style="width: 20%" v-model="getParam.companyName" /> <span>发榜项目：</span>
-        <div class="flex-3 flex-wrap">
+      <a-input style="width: 20%" v-model="getParam.address" />
-          <span class="ins-title">所属领域：</span>
+      <span class="ml-2">截止时间：</span> <a-range-picker format="YYYY-MM-DD HH:mm:ss" @change="onChange" show-time allow-clear />
-          <a-input style="width: 30%; margin: auto 0" allow-clear v-model="servics" />
+      <a-button class="search-btn" type="primary" @click="submit">搜索</a-button>
-          <a-button type="primary" style="margin: auto 0" @click="getData">搜索</a-button>
-        </div>
-      </div>
     </div>
     <div class="d-flex flex-wrap" style="min-height: 500px">
       <div :class="(index + 1) % 3 === 0 ? 'margin-0' : ''" :key="index" class="pro-box" v-for="(item, index) in lists.list">
@@ -94,6 +91,14 @@ export default {
           isActive: false,
         },
       ],
+      getParam: {
+        companyName: '',
+        address: '',
+        dataTitle: '',
+        serviccs: '',
+        startTime: '',
+        endTime: '',
+      },
       lists: {},
       servics: '',
       visible: false,
@@ -157,6 +162,7 @@ export default {
       this.current = current;
       this.getData();
     },
+    submit() {},
   },
 };
 </script>
@@ -268,4 +274,24 @@ export default {
   bottom: 24px;
   width: 100px;
 }
+
+.search-list {
+  position: relative;
+  height: 80px;
+  line-height: 80px;
+  background: #fff;
+  box-shadow: 0 0 10px #ccc;
+  border-radius: 4px;
+  padding: 0 24px;
+  position: relative;
+  margin-bottom: 10px;
+}
+
+.search-btn {
+  position: absolute;
+  right: 4px;
+  height: 34px;
+  top: 24px;
+  width: 116.5px;
+}
 </style>

src/views/Challenge/Children/Release.vue

@@ -66,6 +66,8 @@ export default {
       address: '',
       dataTitle: '',
       serviccs: '',
+      startTime: '',
+      endTime: '',
     };
   },
   created() {
@@ -79,6 +81,8 @@ export default {
           this.address = getParam.address;
           this.dataTitle = getParam.dataTitle;
           this.serviccs = getParam.serviccs;
+          this.startTime = getParam.startTime;
+          this.endTime = getParam.endTime;
         }
         const params = {
           param: {
@@ -86,6 +90,8 @@ export default {
             address: this.address,
             title: this.dataTitle,
             serviccs: this.serviccs,
+            startTime: this.startTime,
+            endTime: this.endTime,
             pageNum: this.current,
             pageSize: 8,
           },

src/views/Challenge/Children/components/Publish.vue

@@ -3,6 +3,10 @@
     <a-button @click="showModal" type="primary">我要发榜</a-button>
     <a-modal :confirm-loading="confirmLoading" :title="title" :visible="visible" @cancel="handleCancel" @ok="handleOk" width="50%">
       <a-form :form="form">
+        <!-- 公司名称 -->
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="公司名称">
+          <a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" />
+        </a-form-item>
         <!-- 需求名称 -->
         <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="需求名称">
           <a-input placeholder="请输入需求名称..." v-model.trim="platform.needName" />
@@ -213,6 +217,7 @@ export default {
       try {
         const params = {
           param: {
+            companyName: this.platform.companyName,
             title: this.platform.needName,
             content: this.needContent,
             servics: this.platform.technicalField,

src/views/Challenge/Children/components/SearchBox.vue

@@ -9,7 +9,7 @@
   <div class="search-list">
     <span>发榜单位：</span> <a-input style="width: 20%" v-model="getParam.companyName" /> <span>发榜项目：</span>
     <a-input style="width: 20%" v-model="getParam.address" />
-    <span class="ml-2">截止时间：</span> <a-input style="width: 20%" v-model="getParam.dataTitle" />
+    <span class="ml-2">截止时间：</span> <a-range-picker format="YYYY-MM-DD HH:mm:ss" @change="onChange" show-time allow-clear />
     <!-- <span>所属领域：</span>
     <a-input style="width: 20%" v-model="getParam.serviccs" /> -->
     <a-button class="search-btn" type="primary" @click="submit">搜索</a-button>
@@ -25,14 +25,24 @@ export default {
         address: '',
         dataTitle: '',
         serviccs: '',
+        startTime: '',
+        endTime: '',
       },
     };
   },
   methods: {
     submit() {
-      // console.log(this.getParam);
       this.$emit('getData', this.getParam);
     },
+    onChange(e) {
+      if (e.length > 0) {
+        this.getParam.startTime = this.$moment(e[0]._d).format('YYYY-MM-DD HH:mm:ss');
+        this.getParam.endTime = this.$moment(e[1]._d).format('YYYY-MM-DD HH:mm:ss');
+      } else {
+        this.getParam.startTime = '';
+        this.getParam.endTime = '';
+      }
+    },
   },
 };
 </script>
@@ -56,9 +66,5 @@ export default {
   height: 34px;
   top: 24px;
   width: 116.5px;
-  font-size: 18px;
-  // color: white !important;
-  // background-color: #0195DA !important;
-  // border-color: #0195DA !important;
 }
 </style>

src/views/Develop/Develop.vue

@@ -3,7 +3,7 @@
  * @email: 18603454788@163.com
  * @Date: 2021-01-14 13:10:21
  * @LastEditors: wally
- * @LastEditTime: 2021-01-18 12:24:12
+ * @LastEditTime: 2021-04-01 14:44:49
 -->
 
 
@@ -17,16 +17,52 @@
       <div class="dev-content line-height-30 mt-8">
         <div style="text-indent: 2em">
           传控科技成立于2015年8月，由资深电子产品工程师携自动化和计算机专业相关同仁创立，
-          围绕时物链条构建软硬件开放平台，致力于成为智能传感器控制系统解决方案和关键设备供应商。
+          围绕着时物链条®软硬件开放平台，致力于成为智能传感器控制系统解决方案和关键设备供应商。
         </div>
         <div style="text-indent: 2em">
-          传控科技以传感器控制技术为核心进行开源模块及电子产品的研发生产、电子信息技术及网络应用的开发、
+          传控科技以传感器控制技术为核心进行开源模块及电子产品的研发与生产、电子信息技术及网络应用的开发、
-          咨询、服务、培训等，业务覆盖数字工厂、数字医疗、数字管理三大方向，自主研发产品先后应用于国家电力、
+          咨询、服务、培训等，除了在消费类电子、普通工业产品和军工产品的研发制造积累了丰富的经验，还为现代生活开发了许多创新产品。
-          北京科学技术委员会、山大一院、北京深孵咨询服务有限公司等企事业单位，清华大学、北京大学、山西大学、中北大学等高校。
         </div>
         <div style="text-indent: 2em">
-          传控科技拥有发明专利和知识产权二十余项，并且拥有国内及美国注册商标任意环、ANYRING、CCSENS、
+          传控科技拥有含金量较高的发明专利和版权二十多项，并且拥有国内及美国注册商标任意环®、ANYRING®、
-          老吾老、幼吾幼、传控可及、时物链条等，已通过ISO9001认证。
+          CCSENS®、老吾老®、幼吾幼®、传控可及®、时物链条®等，已通过ISO9001认证。
+        </div>
+        <div style="width: 100%; margin: 0 auto" class="d-flex flex-wrap">
+          <img
+            style="width: 40%; margin: 40px auto"
+            src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210401/a03dde6200444de99b73140e1989866b.png"
+            alt=""
+          />
+          <img
+            style="width: 40%; margin: 40px auto"
+            src="https://www.sxwikionline.com/gateway/wiki/uploads/upload/20210401/13221988aaeb4f6587d1eb62b43a784a.png"
+            alt=""
+          />
+          <div style="text-indent: 2em; width: 100%">
+            <h3>业务架构</h3>
+            <p style="text-indent: 2em">
+              传控科技以数字管理方向的核心产品老板工具为基础，
+              以定制化插件开发的模式延伸出数字工厂及数字医疗方向，并配备集成了商业智能BI、轻量级ERP、4D建筑实景、
+              数字孪生3D仿真场景及业务流程的大数据驾驶舱。
+            </p>
+            <h3>数字管理</h3>
+            <p style="text-indent: 2em">
+              传控科技从自身管理需求出发，围绕时物链条®软硬件开放平台，结合智能传感器领域20余年经验，
+              为企业打造5G环境下的区块链安全、软硬件一体化、多维度的数字管理解决方案，实现传统管理模式到云管理的无缝对接。
+              核心产品老板工具基于项目管理理论，提供全场景解决方案，适用于各种团队、组织的跨部门、跨公司多场景的信息化管理，
+              兼顾个人管理，提供多平台数据融合工具，是一款即开即用的轻量级管理工具。
+            </p>
+            <h3>数字工厂</h3>
+            <p style="text-indent: 2em">
+              传控科技形成了在业界极具竞争力的高精度动态称重传感器变送器、倾角/振动传感器、低成本机器视觉传感器等。
+              在工业级MES系统领域有铁矿选矿系统、石英砂选矿系统、超声电机老化系统、远程运维系统等软硬件一体化解决方案。
+            </p>
+            <h3>数字医疗</h3>
+            <p style="text-indent: 2em">
+              传控科技围绕着养老行业的智能家居、远程康复、急救绿色通道等场景下，在相关行业获得了种子用户，并沉淀出了可复制的产品。
+              其中老吾老®提醒套装曾与小米、华为同台领奖，远程康复套件、无感采集智慧平车已在山西医科大学第一附属医院落地实施。
+            </p>
+          </div>
         </div>
       </div>
       <div class="d-flex flex-row-reverse mt-8">

src/views/Hatch/Children/Epoch.vue

@@ -62,7 +62,7 @@ export default {
           imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj02.png',
         },
         {
-          title: '数智创世代专业孵化器',
+          title: '数智创时代专业孵化器',
           content:
             '研究院的介绍包含研究院，公司架构，和各中心的介绍。' +
             '各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' +

src/views/Hatch/Children/Tutor.vue

@@ -15,17 +15,10 @@
           class="teacher-box font-24 mb-3"
           v-for="(item, index) in teacher.services"
         >
-          <div
+          <div :class="index === 0 ? 'teacher-item-active' : ''" @click="showProfile = true" class="teacher-item font-24 mb-3">
-            :class="index === 0 ? 'teacher-item-active' : ''"
-            @click="showProfile = true"
-            class="teacher-item font-24 mb-3"
-          >
             <div class="font-26 teacher-title mb-5">{{ item.name }}</div>
             <div class="font-14 teacher-txt">
-              会组成按理事会章程执行，经理
+              会组成按理事会章程执行，经理 层设总经理 1 名、会组成按理事 会章程执行，经理层设总经理 1 名导师。
-              层设总经理 1 名、会组成按理事
-              会章程执行，经理层设总经理 1
-              名导师。
             </div>
             <div class="d-flex flex-row justify-center py-5">
               <span></span>
@@ -35,20 +28,8 @@
               <img src="~assets/teacher02.png" v-else />
             </div>
           </div>
-          <a-modal
+          <a-modal :footer="null" :title="item.name" :visible="showProfile" @cancel="handleCancel" @ok="handleCancel" width="50%">
-            :footer="null"
+            <p class="line-height-30">会组成按理事会章程执行，经理 层设总经理 1 名、会组成按理事 会章程执行，经理层设总经理 1 名导师。</p>
-            :title="item.name"
-            :visible="showProfile"
-            @cancel="handleCancel"
-            @ok="handleCancel"
-            width="50%"
-          >
-            <p class="line-height-30">
-              会组成按理事会章程执行，经理
-              层设总经理 1 名、会组成按理事
-              会章程执行，经理层设总经理 1
-              名导师。
-            </p>
           </a-modal>
         </div>
       </div>
@@ -105,11 +86,8 @@ export default {
             }
           }
         } else {
-          this.$message.error(msg);
         }
-      } catch (error) {
+      } catch (error) {}
-        this.$message.error(error);
-      }
     },
   },
 };