css

src/components/menu.vue

@@ -467,7 +467,7 @@ export default {
       height: 40px;
       overflow-y: hidden;
       position: relative;
-      width: calc(100vw - 584px);
+      width: calc(100vw - 517px);
 
       .item-boxs {
         position: absolute;
@@ -482,6 +482,7 @@ export default {
         cursor: pointer;
         transition: all 0.4s ease;
         padding: 0 17px;
+        white-space: nowrap;
 
         &.act {
           background-color: #F1F4FA;

src/router/index.js

@@ -20,7 +20,6 @@ const notfound = resolve => require(['@/views/User/notfound.vue'], resolve);
 const BindError = resolve => require(['@/views/User/bindError.vue'], resolve);
 const OrderTrackGoods = resolve => require(['@/views/OrderTrack/goods.vue'], resolve);
 const orderTrackGoodsDetail = resolve => require(['@/views/OrderTrack/goodsDetail.vue'], resolve);
-
 const OrderTrackInvoice = resolve => require(['@/views/OrderTrack/invoice.vue'], resolve);
 const OrderTrackPurAdd = resolve => require(['@/views/OrderTrack/purAdd.vue'], resolve);
 

src/views/OrderTrack/purAdd.vue

 <template>
   <section class="goods pagex">
     <div class="goods-con">
-            <el-form :inline="true" :model="formInline" label-width="90px">
+      <el-form :inline="true" :model="formParam" label-width="90px">
         <el-form-item>
           <el-button type="primary" @click="submit">提交</el-button>
           <el-button>取消</el-button>
@@ -10,18 +10,27 @@
           <p>基本信息</p>
         </div>
         <el-form-item label="物流公司：">
-                    <el-select v-model="formInline.keyword" placeholder="请选择">
-                        <el-option label="全部" value=""></el-option>
+          <el-select v-model="formParam.keyword" placeholder="请选择">
             <el-option label="联邦快递" value="联邦快递"></el-option>
             <el-option label="DHL国际快递" value="DHL国际快递"></el-option>
             <el-option label="顺丰速运" value="顺丰速运"></el-option>
+            <el-option label="供应商配送" value="供应商配送"></el-option>
+            <el-option label="快递送货" value="快递送货"></el-option>
+            <el-option label="韵达快递" value="韵达快递"></el-option>
+            <el-option label="速尔快递" value="速尔快递"></el-option>
+            <el-option label="TNT快递" value="TNT快递"></el-option>
+            <el-option label="自提" value="自提"></el-option>
+            <el-option label="京东快递" value="京东快递"></el-option>
+            <el-option label="优速物流" value="优速物流"></el-option>
+            <el-option label="顺丰特惠" value="顺丰特惠"></el-option>
+            <el-option label="UPS" value="UPS"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="物流单号：">
-                    <el-input v-model="formInline.keyword" placeholder="请输入物流单号" @keyup.enter.native="submit"></el-input>
+          <el-input v-model="formParam.keyword" placeholder="请输入物流单号" @keyup.enter.native="submit"></el-input>
         </el-form-item>
         <el-form-item label="发货时间：">
-                    <el-input v-model="formInline.keyword" placeholder="请选择发货时间" @keyup.enter.native="submit"></el-input>
+          <el-input v-model="formParam.keyword" placeholder="请选择发货时间" @keyup.enter.native="submit"></el-input>
         </el-form-item>
         <el-form-item label="订货公司：">
           <span>猎芯科技有限公司</span>
@@ -55,41 +64,32 @@
   </section>
 </template>
 <script>
-  import Vue from 'vue';
-  import Menu from "@/components/menu.vue";
-  import {Form, FormItem, Select, Option, Input, Button, Table, TableColumn, Message, Dialog, Pagination, Autocomplete, Cascader} from 'element-ui'
+import Vue from 'vue';
+import Menu from "@/components/menu.vue";
+import {Autocomplete, Button, Cascader, Dialog, Form, FormItem, Input, Message, Option, Pagination, Select, Table, TableColumn} from 'element-ui'
 
-  Vue.prototype.$message = Message;
-  Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
-  Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete);
-  export default {
+Vue.prototype.$message = Message;
+Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
+Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete);
+export default {
   name: "orderTrackPurAdd",
   data() {
     return {
-        formInline: {
-          keyword: ''
+      formParam: {
+        id:''
       }
     };
   },
   created() {
+    this.formParam.id=this.$route.query.purchase_id;
     this.getData();
   },
-    computed: {},
   methods: {
     getData() {
-        this.$http('get', "/api/spu/get_spu_list", {
-          page: this.page,
-          limit: this.limit,
-          brand_id: this.formInline.brand_id,
-          brand_name: this.formInline.brand_name,
-          spu_name: this.formInline.goods_name,
-          keyword: this.formInline.keyword,
-          class_id2: this.formInline.class_id2,
-          class_id1: this.formInline.class_id1
-
+      this.$http('POST', "/api/purchase/purOrderDetail", {
+        id:this.formParam.id
       }).then(res => {
         if (res.code === 0) {
-
           this.tableData = res.data.list || [];
           this.total = Number(res.data.count) || 0;
         } else {
@@ -105,19 +105,14 @@
       this.multipleSelection = val;
     },
     submit() {
-        if (this.formInline.keyword && this.formInline.keyword.length == 1) {
-          this.$message("关键词不能少于2个字符");
-          return
+
     }
-        this.page = 1;
-        this.getData();
-      },
   },
   components: {
     Menu
   }
-  };
+};
 </script>
 <style scoped>
-    @import "../../assets/css/goods/goods.min.css";
+@import "../../assets/css/goods/goods.min.css";
 </style>
\ No newline at end of file