求购留言

src/router/routers.js

@@ -124,6 +124,14 @@ export const constantRouterMap = [
     },
     hidden: true
   },
+  {
+    path: '/publish/otherInfo',
+    meta: { title: '留言页', noCache: true },
+    component: (resolve) => {
+      return require(['@/views/homepage/publish/otherInfo'], resolve)
+    },
+    hidden: true
+  },
   {
     path: '/backstage',
     component: Layout,

src/views/homepage/components/searchPanel.vue

@@ -6,7 +6,7 @@
         <el-option v-for="item in [{value:undefined,label:'全部产品'}, ...dict.product_type]" :key="item.value" :label="item.label" :value="item.value" />
       </el-select>
       <el-select v-model="query.area" placeholder="区域" style="width: 100px">
-        <el-option v-for="item in [{value:undefined,label:'区域'}, ...dict.area_province]" :key="item.value" :label="item.label" :value="item.value" />
+        <el-option v-for="item in [{value:undefined,label:'全地区'}, ...dict.area_province]" :key="item.value" :label="item.label" :value="item.value" />
       </el-select>
       <el-button icon="el-icon-search" class="btn">搜索</el-button>
     </div>

src/views/homepage/index.vue

@@ -13,7 +13,7 @@
     </div>
     <div class="line-btn" style="padding-top: 42px;">
       <div class="btn-o" style="padding: 10px" @click="goToDetails(null, '/publish/supplyInfo/all')">我要供应</div>
-      <div class="btn-o" style="padding: 10px">我要采购</div>
+      <div class="btn-o" style="padding: 10px" @click="goToDetails(null, '/publish/buyInfo/all')">我要采购</div>
     </div>
     <div class="line-btn" style="padding-top: 30px">
       <div v-for="(item,index) in dict.product_type" :key="index" class="btn-b" :class="currentProductTypeObj===item?'active':''" @mouseenter="changeProductPush(item)">{{ item.label }}</div>
@@ -136,11 +136,11 @@
           </div></el-col>
         </el-row>
         <div class="line-btn" style="padding-top: 64px;">
-          <div class="btn-o" style="padding: 10px">我要供应</div>
-          <div class="btn-o" style="padding: 10px">我要采购</div>
+          <div class="btn-o" style="padding: 10px" @click="goToDetails(null, '/publish/supplyInfo/all')">我要供应</div>
+          <div class="btn-o" style="padding: 10px" @click="goToDetails(null, '/publish/buyInfo/all')">我要采购</div>
         </div>
         <div class="line-btn" style="padding: 30px 0;">
-          <div class="btn-l">没有我需要的，我要留言</div>
+          <div class="btn-l" @click="goToDetails(null, '/publish/otherInfo')">没有我需要的，我要留言</div>
         </div>
         <!--合作伙伴 -->
         <div class="line-title"><div class="title-point" /><span class="title-text">合作伙伴 </span></div>

src/views/homepage/publish/supplyInfo.vue

@@ -15,7 +15,7 @@
           <el-breadcrumb separator-class="el-icon-arrow-right">
             <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
             <el-breadcrumb-item :to="{ path: '/publish' }">信息发布</el-breadcrumb-item>
-            <el-breadcrumb-item>我要供应{{ title }}</el-breadcrumb-item>
+            <el-breadcrumb-item>我要供应{{ title }}产品</el-breadcrumb-item>
           </el-breadcrumb>
         </div>
         <div class="form-table-box">
@@ -28,12 +28,12 @@
             <el-form-item label="产品分类：" class="form-cell" required style="margin: 0">
               <div class="cell-box" style="display: flex">
                 <el-form-item prop="productType">
-                  <el-select v-model="formData.productType" placeholder="产品大类" style="width: 120px" @change="changeProductType">
+                  <el-select v-model="formData.productType" placeholder="产品大类" style="width: 240px" @change="changeProductType">
                     <el-option v-for="item in productTypeOpts" :key="item.id" :label="item.label" :value="item.value" />
                   </el-select>
                 </el-form-item>
                 <el-form-item prop="productSubType" style="margin-left: 5px">
-                  <el-select v-model="formData.productSubType" placeholder="产品小类" style="width: 160px">
+                  <el-select v-model="formData.productSubType" placeholder="产品小类" style="width: 320px">
                     <el-option v-for="item in productSubTypeOpts" :key="item.id" :label="item.label" :value="item.value" />
                   </el-select>
                 </el-form-item>
@@ -144,11 +144,11 @@
             <el-form-item label="产品价格区间（元）：" class="form-cell" required style="margin: 0">
               <div class="cell-box" style="display: flex">
                 <el-form-item prop="minPrice">
-                  <el-input v-model.number="formData.minPrice" placeholder="价格区间下限" class="cell-input" style="width: 180px" />
+                  <el-input v-model.number="formData.minPrice" placeholder="价格区间下限" class="cell-input" style="width: 300px" />
                 </el-form-item>
                 <div style="width: 20px;text-align: center">~</div>
                 <el-form-item prop="maxPrice">
-                  <el-input v-model.number="formData.maxPrice" placeholder="价格区间上限" class="cell-input" style="width: 180px" />
+                  <el-input v-model.number="formData.maxPrice" placeholder="价格区间上限" class="cell-input" style="width: 300px" />
                 </el-form-item>
               </div>
             </el-form-item>
@@ -216,8 +216,8 @@
           </el-form>
           <div style="width: 100%;text-align: center">
             <el-button @click="cancelView">返回</el-button>
-            <el-button type="primary" @click="submitForm()">保存</el-button>
-            <el-button type="warning" @click="submitForm()">提交</el-button>
+            <el-button type="success" @click="submitForm()">保存</el-button>
+            <el-button type="primary" @click="submitForm()">提交</el-button>
           </div>
         </div>
       </div>
@@ -259,7 +259,7 @@ export default {
       }, 500)
     }
     return {
-      title: '产品',
+      title: '',
       uploadHeaders: { 'Authorization': getToken() },
       imgSrcStart: process.env.VUE_APP_BASE_API,
       editor: false, // 富文本对象
@@ -332,12 +332,14 @@ export default {
   },
   methods: {
     onDictReady(dict) {
-      console.log(this.$route.params.type)
       if (this.$route.params.type === 'hardware') {
+        this.title = '硬件'
         this.productTypeOpts = dict.product_type.slice(0, 4)
       } else if (this.$route.params.type === 'other') {
+        this.title = '其他'
         this.productTypeOpts = dict.product_type.slice(4)
       } else {
+        this.title = ''
         this.productTypeOpts = dict.product_type
       }
       this.loadData()
@@ -589,7 +591,7 @@ export default {
 .cell-box {
   min-width: 120px;
   .cell-input {
-    width: 420px;
+    width: 620px;
   }
   .cell-select {
     width: 220px;