特价申请

src/router/index.js

@@ -261,6 +261,21 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/offer',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [
+      {
+        path: 'special/:offerId(\\d+)',
+        component: (resolve) => import('@/views/ecw/offer/special'),
+        props: true,
+        name: 'offer',
+        meta: {title: '特价申请', icon: '', activeMenu: '/offer/special'}
+      }
+    ]
+  }
 ]
 
 // 防止连续点击多次路由报错

src/views/ecw/offer/components/special/index.vue

-<template>
-  <div>
-
-    <el-dialog
-      title="特价申请"
-      :visible.sync="dialogVisible"
-      width="900px"
-      :before-close="handleClose()">
-      <div>
-        订单号： {{ number }}
-      </div>
-      <el-table
-        :data="[]"
-        style="width: 100%">
-        <el-table-column
-          prop="address"
-          label="品名">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="填单货物属性">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="入库货物属性">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="最后操作时间">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="原价">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="成本价">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="销售价">
-        </el-table-column>
-        <el-table-column
-          prop="address"
-          label="操作">
-        </el-table-column>
-      </el-table>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Special",
-  props: {
-    id: {
-      type: String
-    },
-    visible: {
-      tpe: Boolean,
-      default: false
-    },
-    number: {
-      tpe: String,
-      default: ''
-    }
-  },
-  mounted() {
-    this.dialogVisible = visible
-  },
-  data() {
-    return {
-      dialogVisible: false
-    }
-  },
-  methods: {
-    handleClose() {}
-  },
-  watch: {
-    visible(val) {
-      this.dialogVisible = val
-    },
-    dialogVisible(val) {
-      this.$emit('update:visible', this.dialogVisible, val)
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

src/views/ecw/offer/index.vue

@@ -92,7 +92,7 @@
                       v-hasPermi="['ecw:offer:update']">详情</el-button>
             <el-button size="mini" type="text" icon="el-icon-edit" @click="$router.push(`result?offerId=${scope.row.offerId}&number=${scope.row.number}`)"
                       v-hasPermi="['ecw:offer:update']">结果</el-button>
-            <el-button size="mini" type="text" icon="el-icon-edit"
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="$router.push('/offer/special/' + scope.row.offerId)"
                       v-hasPermi="['ecw:offer:update']">特价</el-button>
 
             <el-button size="mini" type="text" icon="el-icon-edit"
@@ -112,8 +112,6 @@
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                 @pagination="getList"/>
 
-    <special :visible.sync="special.visible" :id="special.offerId" :number="special.number"></special>
-
   </div>
 </template>
 
@@ -178,11 +176,6 @@ export default {
         sendstatus: null,
       },
 
-      special: {
-        visible: false,
-        offerId: undefined,
-        number: ''
-      }
 
     };
   },
@@ -258,11 +251,6 @@ export default {
           this.$download.excel(response, '${table.classComment}.xls');
           this.exportLoading = false;
         }).catch(() => {});
-    },
-    handleSpecial(row){
-      this.special.visible = true
-      this.special.offerId = row.offerId
-      this.special.number = row.number
     }
   }
 };

src/views/ecw/offer/special.vue

+<template>
+  <div class="app-container">
+    <el-card>
+      <div slot="header" class="card-title">申请特价</div>
+      <!-- 列表 -->
+      <div class="offer-header">
+        <span style="font-size: 15px;">订单号：{{ offer.number }}</span>
+      </div>
+
+      <el-table v-loading="loading" :data="offer.offerProdRespVOList">
+        <el-table-column label="序号" align="center" prop="id" type="index"></el-table-column>
+        <el-table-column
+          prop="prodTitleZh"
+          label="品名">
+        </el-table-column>
+        <el-table-column
+          prop="prodAttrIds"
+          label="填单货物属性">
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="入库货物属性">
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="最后操作时间">
+        </el-table-column>
+        <el-table-column
+          label="原价">
+          <template v-slot="{row}">
+            运费：{{ row.originalSeaFreight }}美元/立方米   清关费：{{ row.originalClearanceFreight }}奈拉/立方米
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="成本价">
+          <template v-slot="{row}">
+            运费：{{ row.seaFreight }}美元/立方米   清关费：{{ row.clearanceFreight }}奈拉/立方米
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="销售价">
+          <template v-slot="{row}">
+            运费：{{ row.seaFreight }}美元/立方米   清关费：{{ row.clearanceFreight }}奈拉/立方米
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="操作">
+          <el-button size="mini" type="text" v-hasPermi="['ecw:offer:update']">优惠申请</el-button>
+          <el-button size="mini" type="text" v-hasPermi="['ecw:offer:update']">佣金规则</el-button>
+          <el-button size="mini" type="text" v-hasPermi="['ecw:offer:update']">管理折扣</el-button>
+        </el-table-column>
+
+      </el-table>
+
+      <div style="text-align: center;margin-top: 80px">
+        <el-button type="primary">申请重货优惠</el-button>
+        <el-button type="primary">申请泡货优惠</el-button>
+        <el-button type="primary">关闭窗口</el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {getOfferLogPage} from "@/api/ecw/offerLog";
+import {DICT_TYPE} from  '@/utils/dict'
+import {getOffer} from '@/api/ecw/offer'
+export default {
+  name: "OfferSpecial",
+  components: {
+
+  },
+  props: {
+    offerId: String
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      list: [],
+      total:0,
+      params:{
+        page:1,
+        rows:20,
+        offerId:0,
+        type:2
+      },
+      relationId:0,
+      creatorName:'test',
+      offer: {
+        number: '',
+        offerProdRespVOList: []
+      }
+    };
+  },
+  created() {
+    if(this.offerId){
+      this.params.offerId = this.offerId
+      this.getOffer()
+    }
+  },
+  methods: {
+    getOffer(){
+      this.loading = true
+      getOffer(this.offerId).then(response => {
+        this.loading = false
+        this.offer = response.data
+      })
+    }
+  }
+};
+</script>
+<style>
+.card-title{
+  font-size: 18px;
+  font-weight: bold;
+}
+.offer-header{
+  padding-bottom: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>