add

src/router/index.js

@@ -33,6 +33,7 @@ const ConsignmentInventory = resolve => require(['@/views/consignmentManagement/
 const ConsignmentImport = resolve => require(['@/views/consignmentManagement/consignmentImport.vue'], resolve);
 const ConsignmentImportDetail = resolve => require(['@/views/consignmentManagement/consignmentImportDetail.vue'], resolve);
 const ConsignmentApplication = resolve => require(['@/views/consignmentManagement/consignmentApplication.vue'], resolve);
+const ConsignmentApplicationDetail = resolve => require(['@/views/consignmentManagement/consignmentApplicationDetail.vue'], resolve);
 const ConsignmentReplenishment = resolve => require(['@/views/consignmentManagement/consignmentReplenishment.vue'], resolve);
 const ConsignmentRecall = resolve => require(['@/views/consignmentManagement/consignmentRecall.vue'], resolve);
 const BatchRecall = resolve => require(['@/views/consignmentManagement/batchRecall.vue'], resolve);
@@ -71,6 +72,7 @@ const routes = [
   {path: '/consignmentImport', name: 'consignmentImport', meta: {title: '寄售库存导入'}, component: ConsignmentImport},
   {path: '/consignmentImportDetail', name: 'consignmentImportDetail', meta: {title: '寄售库存导入详情'}, component: ConsignmentImportDetail},
   {path: '/consignmentApplication', name: 'consignmentApplication', meta: {title: '寄售申请'}, component: ConsignmentApplication},
+  {path: '/consignmentApplicationDetail', name: 'consignmentApplicationDetail', meta: {title: '寄售申请单详情'}, component: ConsignmentApplicationDetail},
   {path: '/consignmentReplenishment', name: 'consignmentReplenishment', meta: {title: '寄售补货'}, component: ConsignmentReplenishment},
   {path: '/consignmentRecall', name: 'consignmentRecall', meta: {title: '寄售召回'}, component: ConsignmentRecall},
   {path: '/batchRecall', name: 'batchRecall', meta: {title: '批量召回'}, component: BatchRecall},

src/views/consignmentManagement/consignmentApplication.vue

@@ -49,7 +49,7 @@
           <el-table-column type="selection" width="40" align="center" fixed></el-table-column>
           <el-table-column prop="consignment_sn" label="寄售申请单号" width="160" :show-overflow-tooltip="true" align="center">
             <template slot-scope="scope">
-              <el-link type="primary" :underline="false" @click="$router.push('/consignmentImportDetail')" style="font-size: 12px;">{{ scope.row.consignment_sn }}</el-link>
+              <el-link type="primary" :underline="false" @click="$router.push({path: '/consignmentApplicationDetail', query: {consignment_id: scope.row.consignment_id}})" style="font-size: 12px;">{{ scope.row.consignment_sn }}</el-link>
             </template>
           </el-table-column>
           <el-table-column prop="consignment_status_val" label="状态" width="80" :show-overflow-tooltip="true" align="center"></el-table-column>

src/views/consignmentManagement/consignmentApplicationDetail.vue

+<template>
+  <div class="pagex">
+    <div class="section-page">
+      <el-row v-if="detailData.consignment_sn">
+        <el-col :span="4">
+          <div class="">{{ detailData.consignment_sn }}（{{ detailData.consignment_status_val }}）</div>
+        </el-col>
+        <el-col :span="4">
+          <div class="">订单人员：{{ detailData.order_uname }}</div>
+        </el-col>
+        <el-col :span="4">
+          <div class="">发货状态：{{ detailData.deliver_status_val }}</div>
+        </el-col>
+        <el-col :span="4">
+          <div class="">入库状态：{{ detailData.stock_in_status_val }}</div>
+        </el-col>
+      </el-row>
+      <!--操作区-->
+      <div class="operation-area row verCenter bothSide" style="margin-top: 20px;">
+        <div class="operation-button row verCenter">
+          <el-button type="danger" @click="deleteConsignmentItems">删除</el-button>
+        </div>
+      </div>
+      <!--列表区-->
+      <div class="data-box">
+        <el-table :data="list" border max-height="600" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="40" align="center" fixed></el-table-column>
+          <el-table-column prop="consignment_item_id" label="明细ID" width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="sku_id" label="SKUID" min-width="90" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="goods_name" label="型号" min-width="90" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="brand_name" label="品牌" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="apply_num" label="申请寄售数量" width="160" :show-overflow-tooltip="true" align="center">
+            <template slot-scope="scope">
+              <template v-if="detailData.consignment_status === 0">
+                <el-input v-model.number="scope.row.apply_num" size="mini" @blur="updateConsignmentItems(scope.row.consignment_item_id, scope.row.apply_num)"></el-input>
+              </template>
+              <template v-else>
+                {{ scope.row.apply_num }}
+              </template>
+            </template>
+          </el-table-column>
+          <el-table-column prop="deliver_num" label="发货总数" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="stock_in_num" label="入库总数" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="not_stock_in_num" label="未入库总数" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="date_code" label="批次" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
+          <el-table-column prop="consignment_item_status_val" label="状态" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
+        </el-table>
+        <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
+      </div>
+    </div>
+    <Menu></Menu>
+  </div>
+</template>
+<script>
+import Vue from 'vue';
+import Menu from "@/components/menu.vue";
+import {Autocomplete, Button, Col, DatePicker, Descriptions, DescriptionsItem, Dialog, Divider, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Link, Message, MessageBox, Option, Pagination, Popover, Row, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
+
+Vue.prototype.$message = Message
+Vue.prototype.$confirm = MessageBox.confirm;
+Vue.use(Button).use(Link).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete).use(Popover).use(Tag).use(Divider).use(Row).use(Col);
+Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Descriptions).use(DescriptionsItem);
+export default {
+  name: "consignmentApplicationDetail",
+  data() {
+    return {
+      multipleSelection: [],
+      consignment_id: '',
+      detailData: {},
+      total: 0,
+      page: 1,
+      limit: 10,
+      list: [],
+    };
+  },
+  created() {
+    this.consignment_id = this.$route.query.consignment_id;
+    this.getData()
+  },
+  methods: {
+    getData() {
+      this.$http('GET', "/api/consignment/getConsignmentDetail", {consignment_id: this.consignment_id, page: this.page, limit: this.limit}).then(res => {
+        if (res.code === 0) {
+          this.detailData = res.data;
+          this.list = res.data.items.list;
+          this.total = res.data.items.total || 0;
+        } else {
+          this.$message.error(res.msg);
+        }
+      })
+    },
+    /**
+     * 列表分页条数筛选监听
+     * @param val
+     */
+    handleSizeChange(val) {
+      this.limit = val;
+      this.getData();
+    },
+    /**
+     * 列表分页输入页码监听
+     * @param val
+     */
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getData();
+    },
+    /**
+     * chebox 选择监听
+     * @param val
+     */
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+    /**
+     * 删除寄售明细
+     */
+    deleteConsignmentItems() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning('请选择要删除的数据');
+        return;
+      }
+      // 提交审核：校验待提审状态
+      const invalidVerify = this.multipleSelection.filter(item => item.consignment_status !== '0');
+      if (invalidVerify.length) {
+        this.$message.warning('只能选择待提审状态的数据');
+        return;
+      }
+      this.$confirm('确定删除已选择的商品明细？', '删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        let consignment_item_ids = this.multipleSelection.map(item => item.consignment_item_id);
+        this.$http('POST', "/api/consignment/deleteConsignmentItems", {consignment_item_ids: consignment_item_ids}).then(res => {
+          if (res.code === 0) {
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              onClose: () => {
+                this.getData();
+              }
+            });
+          } else {
+            this.$message.error(res.msg);
+          }
+        })
+      }).catch(() => {
+        console.log('已取消删除');
+      });
+    },
+    /**
+     * 更新明细寄售数量
+     */
+    updateConsignmentItems(consignment_item_id, apply_num) {
+      if (!apply_num || apply_num <= 0) {
+        this.$message.warning('请输入有效的数量');
+        return;
+      }
+      this.$http('POST', "/api/consignment/updateConsignmentItems", {consignment_item_id: consignment_item_id, apply_num: apply_num}).then(res => {
+        if (res.code === 0) {
+
+        } else {
+          this.$message.error(res.msg);
+        }
+      })
+    }
+  },
+  components: {
+    Menu
+  }
+};
+</script>
+<style scoped>
+
+</style>
\ No newline at end of file