手机版对接

public/css/list.scss

@@ -218,4 +218,61 @@
       font-size: .24rem;
     }
   }
+}
+.newcontentList{
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  margin-top: 1rem;
+  padding: .55rem .4rem;
+  border-top: 1px solid transparent;
+  position: absolute;
+  top: 0;
+  & li{
+    width:100%;
+    background:#fff;
+    border-bottom:1px solid #E8EAF3;
+    margin: .4rem 0;
+    padding: .2rem 0;
+    .companyInfo {
+      display: flex;
+      padding-bottom: 10px;
+      //border-bottom: 1px solid #E9EAF3;
+      position: relative;
+      &::after{
+        content:"";
+        position: absolute;
+        bottom:0;
+        left:0;
+        right:0;
+        -webkit-transform: scaleY(0.5);
+        transform: scaleY(0.5);
+        -webkit-transform-origin: 0 0;
+        transform-origin: 0 0;
+
+      }
+      .leftInfo {
+        width: 1rem;
+        height: 1rem;
+        >img{
+          width: 1rem;
+          height: 1rem;
+          box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.05);
+          border-radius:0.06rem;
+          border: 1px solid #dcdff1;
+        }
+      }
+      .rightInfo {
+        padding-left: .3rem;
+        width: calc(100%  - 1rem);
+        >p:nth-child(2){
+          color: #69697A;
+          font-size: 12px;
+          line-height: 20px;
+          margin-top: 0.1rem;
+        }
+      }
+    }
+  }
 }
\ No newline at end of file

src/main.js

@@ -172,7 +172,7 @@ router.beforeEach((to, from, next) => {
     if(!publicFun.getCookie("userInfo")){
         if(to.name == 'dashboard'||to.name=='indexView'|| to.name == 'login' || to.name == 'mobileLoginCmpt'|| to.name == 'emailLoginCmpt'|| to.name == 'mobileRegisterCmpt'|| to.name == 'emailRegisterCmpt'||to.name=='completeInfoCmpt'|| to.name == 'successCmpt'||to.name=='findPasswordCmpt'||to.name=='modifyPasswordCmpt'||to.name=='passSuccessCmpt'||to.name=='indexView'||to.name=="mobileIndex"||to.name=="mobileLogin"||to.name=="loginByPhone"||to.name=="loginByEmail"||to.name=="mobileRegister"||to.name=="duijieshareRequire"||to.name=="duijieshareProject"||to.name=="knowledgeList"||to.name=="knowledgeDetail"||to.name=='vip'||to.name=='vipList'||to.name=='loadEmail'||to.name=='openEmail'||to.name=="viewRequire"||to.name=="duijiephoneBusinessList"||to.name=="duijiephoneBusinessDetail"||to.name=="duijiephoneRequireDetail"||to.name=="bigBusinessList"||to.name=="bigBusinessDetail"||to.name=="requireDetail"||to.name=="mixSearch"||to.name=="activitylist"||to.name=="activitydetail"||to.name=="activitySearchResult"||to.name=="activityapplyForProject"||to.name=='wechatLogin'||to.name=='newPage'||to.name=='bindAccount'||to.name=='subjectsecondStage'||to.name=='subjectsecondStageDetail'||to.name=='subjectmasterComment'||to.name=='subjectmasterList'||to.name=='subjectmasterDetail'||to.name=='subjectfirstStage'||to.name=='subjectcommentMore'||to.name=='subjectList'||to.name=="subjectresultpage"){
         } else{
-            if(to.path == '/questionfill'||to.path == '/questionfillpc'||to.path == '/casedetailschild'||to.path == '/lndustryfocuschild'||to.path == '/successfulcasechild'||to.path == '/projectdetails'||to.path == '/seeprojectlist'||to.path == '/projectlist'||to.path == '/viewproject'||to.path == '/templateMobile1'||to.path == '/knowledge'||to.path == '/knowledgedetails'||to.path == '/termserviceed'||to.path == '/privacypolicyed'||to.path == '/contactused'||to.path == '/aboutused'||to.path == '/casedetailsed'||to.path == '/lndustryfocused'||to.path == '/successfulcaseed'||to.path == '/usehelped'||to.path == '/useHelp'||to.path == '/reminder'||to.path == '/contactus' ||to.path == '/privacypolicy' ||to.path == '/termservice' ||to.path == '/casedetails' ||to.path == '/successfulcase' ||to.path == '/lndustryfocus' ||to.path == '/aboutus'||to.path=='/applicationnotice' ){
+            if(to.path == '/tabconnect'||to.path == '/questionfill'||to.path == '/questionfillpc'||to.path == '/casedetailschild'||to.path == '/lndustryfocuschild'||to.path == '/successfulcasechild'||to.path == '/projectdetails'||to.path == '/seeprojectlist'||to.path == '/projectlist'||to.path == '/viewproject'||to.path == '/templateMobile1'||to.path == '/knowledge'||to.path == '/knowledgedetails'||to.path == '/termserviceed'||to.path == '/privacypolicyed'||to.path == '/contactused'||to.path == '/aboutused'||to.path == '/casedetailsed'||to.path == '/lndustryfocused'||to.path == '/successfulcaseed'||to.path == '/usehelped'||to.path == '/useHelp'||to.path == '/reminder'||to.path == '/contactus' ||to.path == '/privacypolicy' ||to.path == '/termservice' ||to.path == '/casedetails' ||to.path == '/successfulcase' ||to.path == '/lndustryfocus' ||to.path == '/aboutus'||to.path=='/applicationnotice' ){
 
             }else{
                 if(to.path == '/projectlist' || to.path == '/phoneBusinessList'){

src/router.js

@@ -852,6 +852,12 @@ export default new Router({
                     name: "duijiephoneBusinessList",
                     component: duijiephoneBusinessList
                 },
+                {
+                    path: '/tabconnect',
+                    name:"duijietabconnect",
+                    component: resolve => require(['views/mobile/tabconnect.vue'], resolve),
+                    meta: {title: '对接'}
+                },
                 {
                     path: '/projectrelease',
                     name:"duijieprojectrelease",

src/views/innovatecompany/bannerconfig/bannerconfigs.vue

@@ -108,7 +108,7 @@
                     </div>
                 </el-form-item>
                 <el-form-item label="插入链接：" prop="showUrl">
-                    <el-input maxlength="500" v-model="expertData.showUrl" placeholder="请输入完整链接，包含http://或https://"></el-input>
+                    <el-input maxlength="500" v-model.trim="expertData.showUrl" placeholder="请输入完整链接，包含http://或https://"></el-input>
                 </el-form-item>
                 <el-form-item label="上线状态：" prop="showState">
                     <el-radio :disabled="isShowCount" v-model="expertData.showState" label="0">展示中</el-radio>

src/views/innovatecompany/bannerconfig/homeconfigs.vue

@@ -108,7 +108,7 @@
                     </div>
                 </el-form-item>
                 <el-form-item label="插入链接：" prop="showUrl">
-                    <el-input maxlength="500" v-model="expertData.showUrl" placeholder="请输入完整链接，包含http:"></el-input>
+                    <el-input maxlength="500" v-model.trim="expertData.showUrl" placeholder="请输入完整链接，包含https://"></el-input>
                 </el-form-item>
                 <el-form-item label="上线状态：" prop="showState">
                     <el-radio :disabled="isShowCount&&expertData.showState!=0" v-model="expertData.showState" label="0">展示中</el-radio>

src/views/mobile/projectment/projectlist.vue

 <template>
-    <div class="wrapper">
-        <breadTop :title="title" :isSearch="state" :isTranslate="state" @isShowScreen="isShowScreen"></breadTop>
-        <div v-if="tableData.length != 0" class="contentList" style="overflow: auto;-webkit-overflow-scrolling: touch;">
+    <div class="">
+<!--        <breadTop :title="title" :isSearch="state" :isTranslate="state" @isShowScreen="isShowScreen"></breadTop>-->
+        <div v-if="tableData.length != 0" class="newcontentList" style="overflow: auto;-webkit-overflow-scrolling: touch;margin-top: 1rem;padding-top: 0;">
             <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :auto-fill="false" :bottom-all-loaded="allLoaded" ref="loadmore">
                 <ul>
                     <li v-for="(item,index) in tableData" :key="item.projectId" @click="handleToDetail(item)">
-                        <div class="companyInfo">
-                            <div class="leftInfo">
-                                <img :src="item.companyLogoUrl?item.companyLogoUrl:require('../../../assets/img/smallBusiness@2x.png')" alt="">
+                        <el-row>
+                            <el-col :span="24">
+                                <div class="companyInfo">
+                                    <div class="leftInfo">
+                                        <img :src="item.companyLogoUrl?item.companyLogoUrl:require('../../../assets/img/smallBusiness@2x.png')" alt="">
+                                    </div>
+                                    <div class="rightInfo">
+                                        <p style="font-size: 14px;color:#1A1A1E;font-weight: bold;" class="line-limit-lengths">{{isTrans?item.transProjectName:item.projectName}}</p>
+                                        <p style="margin-right: 0.3rem;" class="line-limit-lengths">{{item.projectInstroduction}}</p>
+                                    </div>
+                                </div>
+                            </el-col>
+<!--                            <el-col :span="4">-->
+<!--                                <div style="text-align: center;">-->
+<!--                                    <p style="font-size: 16px;color:#5D78FF;">1245</p>-->
+<!--                                    <p style="color:#9197B4;font-size: 12px;margin-top: 0.15rem;">被收藏数</p>-->
+<!--                                </div>-->
+<!--                            </el-col>-->
+                        </el-row>
+                        <div style="font-size: 11px;color: #9197B4;padding: 0.2rem 0 0 1.3rem;display: flex;width: 100%;">
+                            <div style="width: 60%">
+                                <span v-if="item.projectPhase">
+                                    <i class="iconfont icon-biaoqian" style="font-size: 11px;"></i>
+                                    {{item.projectPhase}}
+                                </span>
+                                    <span v-if="item.projectModel" style="margin-left: 0.4rem;">
+                                    <i class="iconfont icon-biaoqian" style="font-size: 11px;"></i>
+                                    {{item.projectModel}}
+                                </span>
                             </div>
-                            <div class="rightInfo">
-                                <p>{{isTrans?item.transProjectName:item.projectName}}</p>
-                                <i style="display:inline-block;margin:10px 5px 0 0; padding: 0 5px; border: 1px solid #FF9E29;color: #FF9E29;border-radius:3px;font-size: 12px;" v-if="item.projectIndustryList" v-for="(itemed,index) in item.projectIndustryList" :key="index">{{itemed}}</i>
-                                <i style="display:inline-block;margin:10px 5px 0 0;padding: 0 5px; border: 1px solid #5D78FF;color: #5D78FF;border-radius:3px;font-size: 12px;" v-if="item.projectPhase">{{item.projectPhase}}</i>
-                                <i style="display:inline-block;margin:10px 5px 0 0;padding: 0 5px; border: 1px solid #0ABB87;color: #0ABB87;border-radius:3px;font-size: 12px;" v-if="item.projectModel">{{item.projectModel}}</i>
+                            <div style="text-align: right;width: 40%;">
+                                <i class="iconfont icon-map-pin" style="font-size: 11px;"></i>
+                                <span> {{item.companyNation + (item.companyProvince?'-'+item.companyProvince+"-"+item.companyCity:"")}}</span>
                             </div>
-                            <div class="clearFix"></div>
-                        </div>
-                        <div class="contentInfo">
-                            <p>
-                                <span>{{$t('listproject.companyIndustryList')}}</span>
-                                <span v-if="!item.companyIndustryList">{{$t("emptyDataTitle.noData")}}</span>
-                                <span v-if="item.companyIndustryList"><span v-for="(itemed,index) in item.companyIndustryList" :key="index"> {{itemed}} <i> {{item.companyIndustryList.length-1 == index ? '' : '|'}} </i></span></span>
-                            </p>
-                            <p><span>{{$t('listproject.cooperationWay')}}</span><span>{{item.cooperationWay?item.cooperationWay:$t('emptyDataTitle.noData')}}</span></p>
-                            <p><span>{{$t('bigBusiness.listInfo.place')}}</span><span>{{item.companyNation + (item.companyProvince?'-'+item.companyProvince+"-"+item.companyCity:"")}}</span></p>
                         </div>
                     </li>
                 </ul>
@@ -78,8 +92,8 @@
             }
         },
         methods:{
-            isShowScreen(data){
-                this.isShow = data;
+            isShowScreen(){
+                this.isShow = true;
             },
             groupdata(val){
                 this.stateData = val;
@@ -278,13 +292,12 @@
                 this.projecturl = '/business/search/project';
                 this.title = this.$t("topNav.findProject");
                 this.state = true;
-                this.getInitList();
             }else if(this.$route.query.state == 'false' || this.$route.query.state == false){
                 this.projecturl = '/business/project/selectMyProjects';
                 this.title = this.$t("topNav.irelease");
                 this.state = false;
-                this.getInitList();
             }
+            this.getInitList();
             globalMsg.$on("isVisible",(data)=>{
                 this.isShow = data;
             })
@@ -298,13 +311,12 @@
                     this.state = true;
                     this.projecturl = '/business/search/project';
                     this.title = this.$t("topNav.findProject");
-                    this.getInitList();
                 }else{
                     this.projecturl = '/business/project/selectMyProjects';
                     this.title = this.$t("topNav.irelease");
                     this.state = false;
-                    this.getInitList();
                 }
+                this.getInitList();
                 globalMsg.$on("isVisible",(data)=>{
                     this.isShow = data;
                 })

src/views/mobile/tabCmpt.vue

@@ -42,7 +42,7 @@
                         this.$router.push("/index")
                         break;
                     case "contact":
-                        this.$router.push("/phoneBusinessList")
+                        this.$router.push("/tabconnect")
                         break;
                     case "voted":
                         this.$router.push("/subjectList")

src/views/mobile/tabconnect.vue

+<template>
+    <div class="wrapper">
+        <div class="checkbox_div">
+            <ul>
+                <li @click="addtype(1)" :class="addprojecttype==1?'checkbox_li':''">
+                    找项目
+                </li>
+                <li @click="addtype(2)" :class="addprojecttype==2?'checkbox_li':''">
+                    找客户
+                </li>
+            </ul>
+            <p style="position: absolute;top: 10px;right: 20px;font-size: 14px;" @click="handleScreen">筛选 <i class="iconfont icon-xiala" style="font-size: 12px;"></i></p>
+        </div>
+        <div class="historical_div">
+            <project-list v-if="addprojecttype==1" ref="project"></project-list>
+            <business-list v-if="addprojecttype==2" :isMargin="true" :isVisible="isVisible" :is-which="2" ref="business"></business-list>
+            <div style="position: absolute;right: 0px;bottom: 0px;">
+                <p><img src="../../assets/img/pushproject.png" alt="" style="width: 1.26rem;" @click="$router.push({path:'/projectrelease',query:{}})"></p>
+                <p><img src="../../assets/img/pushbusiness.png" alt="" style="width: 1.26rem;" @click="$router.push({path:'/addPhoneRequire',query:{}})"></p>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import projectList from './projectment/projectlist';
+    import businessList from '../../components/mobile/searchList';
+    export default {
+        name: "tabconnect",
+        components:{
+            projectList,businessList
+        },
+        data(){
+            return{
+                addprojecttype:1,
+                isVisible:false,
+            }
+        },
+        methods:{
+            addtype(val){
+                if(val == 1){
+                    this.addprojecttype = 1;
+                }else if(val == 2){
+                    this.addprojecttype = 2;
+                }
+            },
+            handleScreen(){
+                if(this.addprojecttype==1){
+                    this.$refs.project.isShowScreen();
+                }else if(this.addprojecttype==2){
+                    this.isVisible = true;
+                    // this.$refs.business.isShowScreen();
+                }
+            },
+        },
+        mounted(){
+            globalMsg.$on("isVisible",(data)=>{
+                this.isVisible = data;
+            })
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .checkbox_div{
+        width: 100%;
+        border-bottom: 1px solid #E6E6E6;
+        position: relative;
+        >ul{
+            width: 50%;
+            margin: .3rem auto 0;
+            display: flex;
+            font-weight: bold;
+            font-size: 18px;
+            /*border: 1px solid #9197B4;*/
+            text-align: center;
+            border-radius: 5px;
+            >li{
+                width: calc(100%/2);
+                line-height: 40px;
+            }
+        }
+    }
+    .checkbox_li{
+        color: #5D78FF;
+        border-bottom: 2px solid #5D78FF;
+    }
+</style>
\ No newline at end of file