|
@@ -2,30 +2,15 @@
|
|
|
<div class="dispatching">
|
|
|
<h2 style="margin-bottom: 20px;padding-bottom:7px;border-bottom:2px solid #ddd">配送管理</h2>
|
|
|
<header id="header">
|
|
|
- <el-row type="flex">
|
|
|
- <el-col :span="4">
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option label="1区" value="11"></el-option>
|
|
|
- <el-option label="2区" value="22"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
+ <el-row type="flex" :gutter="20">
|
|
|
<el-col :span="4">
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option label="1舍" value="13"></el-option>
|
|
|
- <el-option label="2舍" value="24"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-input v-model="search" placeholder="请选择"></el-input>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option label="可用" value="15"></el-option>
|
|
|
- <el-option label="可用" value="26"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-button type="primary" @click="getDispatchList">查找</el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="4">
|
|
|
- <el-button type="primary">查找</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4">
|
|
|
- <el-button type="primary">新增</el-button>
|
|
|
+ <el-button type="primary" @click="add">新增</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</header>
|
|
@@ -36,32 +21,24 @@
|
|
|
:data="tableData"
|
|
|
tooltip-effect="dark"
|
|
|
style="width: 100%"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
>
|
|
|
- <el-table-column type="selection" width="55"></el-table-column>
|
|
|
- <el-table-column prop="id" label="ID编码" width="180"></el-table-column>
|
|
|
- <el-table-column prop="aa" label="配送客户/单位"></el-table-column>
|
|
|
- <el-table-column prop="date" label="时间" width="180"></el-table-column>
|
|
|
- <el-table-column prop="a" label="配送地址"></el-table-column>
|
|
|
- <el-table-column prop="b" label="产品名称"></el-table-column>
|
|
|
- <el-table-column prop="c" label="重量"></el-table-column>
|
|
|
- <el-table-column prop="d" label="配送员"></el-table-column>
|
|
|
- <el-table-column label="状态" width="150">
|
|
|
+ <el-table-column prop="id" label="序号" width="80"></el-table-column>
|
|
|
+ <el-table-column prop="code" label="ID编码"></el-table-column>
|
|
|
+ <el-table-column prop="deliveryCustomer" label="配送客户/单位"></el-table-column>
|
|
|
+ <el-table-column prop="deliveryAddress" label="配送地址"></el-table-column>
|
|
|
+ <el-table-column prop="productName" label="产品名称"></el-table-column>
|
|
|
+ <el-table-column prop="weight" label="重量"></el-table-column>
|
|
|
+ <el-table-column prop="distributor" label="配送员"></el-table-column>
|
|
|
+ <el-table-column prop="status" label="状态"></el-table-column>
|
|
|
+ <el-table-column label="操作" width="150">
|
|
|
<template slot-scope="scope">
|
|
|
- <div v-if="scope.row.status == 0">
|
|
|
- <span>配送中</span>
|
|
|
- <el-button @click="edit(scope.row)" type="text" size="small">查看行程</el-button>
|
|
|
- </div>
|
|
|
- <div v-else-if="scope.row.status == 1">配送完成</div>
|
|
|
- <div v-else>错误</div>
|
|
|
+ <el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button>
|
|
|
+ <el-popconfirm title="是否删除此设备的信息?" @onConfirm="del(scope.row)">
|
|
|
+ <el-button slot="reference" type="text" size="small">删除</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <div style="margin-top: 20px">
|
|
|
- <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
|
|
|
- <el-button @click="toggleSelection()">取消选择</el-button>
|
|
|
- <el-button @click="inStore">删除所选</el-button>
|
|
|
- </div>
|
|
|
|
|
|
<el-row type="flex" justify="end">
|
|
|
<el-col :span="8" class="pagination">
|
|
@@ -69,142 +46,167 @@
|
|
|
@current-change="pageChange"
|
|
|
background
|
|
|
layout="prev, pager, next"
|
|
|
- :page-count="10"
|
|
|
+ :page-count="Number(totalPages)"
|
|
|
></el-pagination>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</article>
|
|
|
</section>
|
|
|
+
|
|
|
+ <el-dialog title="新增/编辑" :visible.sync="isShow" width="40%">
|
|
|
+ <el-row type="flex">
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form ref="addDispatch" :model="formData" :rules="rules" label-width="140px">
|
|
|
+ <el-form-item label="ID编码">
|
|
|
+ <el-input v-model="formData.code"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="配送客户/单位">
|
|
|
+ <el-input v-model="formData.deliveryCustomer"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="配送地址">
|
|
|
+ <el-input v-model="formData.deliveryAddress"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="产品名称">
|
|
|
+ <el-input v-model="formData.productName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="重量(kg)">
|
|
|
+ <el-input v-model.number="formData.weight"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="配送员">
|
|
|
+ <el-input v-model="formData.distributor"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-input v-model.number="formData.status"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="isShow=false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm('addDispatch')">保 存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import {
|
|
|
+ reqDispatchList,
|
|
|
+ reqAddDispatch,
|
|
|
+ reqUpdateDispatch,
|
|
|
+ reqDelDispatch
|
|
|
+} from "@/api/storeTransportation.js";
|
|
|
|
|
|
-const pageSize = 10
|
|
|
-const tableData = [
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "广州广泛食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "深圳新思路1242号",
|
|
|
- b: "带骨羊前腿",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 0
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "湖北食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "深圳新思路1242号",
|
|
|
- b: "带骨羊前腿",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 0
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "湖北食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "深圳新思路1242号",
|
|
|
- b: "带骨羊前腿",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 0
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "广州广泛食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "湖北省武汉市武昌区高架路135号",
|
|
|
- b: "羊菲力",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 0
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "广州广泛食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "湖北省武汉市武昌区高架路135号",
|
|
|
- b: "带骨羊前腿",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 0
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "绍兴食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "湖北省武汉市武昌区高架路135号",
|
|
|
- b: "羊菲力",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 1
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "绍兴食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "深圳新思路1242号",
|
|
|
- b: "羊菲力",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 1
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "广州广泛食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "深圳新思路1242号",
|
|
|
- b: "羊菲力",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 1
|
|
|
- },
|
|
|
- {
|
|
|
- id: "12425",
|
|
|
- aa: "广州广泛食品有限公司",
|
|
|
- date: "2020-07-14",
|
|
|
- a: "深圳新思路1242号",
|
|
|
- b: "带骨羊前腿",
|
|
|
- c: "5000kg",
|
|
|
- d: "张小刚",
|
|
|
- status: 1
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- ]
|
|
|
+const pageSize = 10;
|
|
|
+const rules = {};
|
|
|
|
|
|
export default {
|
|
|
+ name: "dispatching",
|
|
|
data() {
|
|
|
return {
|
|
|
- value: "",
|
|
|
- multipleSelection: [],
|
|
|
+ search: "",
|
|
|
page: 1,
|
|
|
- tableData
|
|
|
+ tableData: [],
|
|
|
+ totalPages: 0,
|
|
|
+ isShow: false,
|
|
|
+ formData: {
|
|
|
+ code: "1010",
|
|
|
+ deliveryCustomer: "xx食品有限公司",
|
|
|
+ deliveryAddress: "深圳新思路",
|
|
|
+ productName: "羊菲力",
|
|
|
+ weight: 20,
|
|
|
+ distributor: "1010",
|
|
|
+ status: 1
|
|
|
+ },
|
|
|
+ isAdd: false,
|
|
|
+ rules
|
|
|
};
|
|
|
},
|
|
|
- created() {},
|
|
|
+ created() {
|
|
|
+ // 出仓管理列表
|
|
|
+ this.getDispatchList();
|
|
|
+ },
|
|
|
methods: {
|
|
|
- toggleSelection(rows) {
|
|
|
- if (rows) {
|
|
|
- rows.forEach(row => {
|
|
|
- this.$refs.multipleTable.toggleRowSelection(row);
|
|
|
+ submitForm(formName) {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.isAdd) {
|
|
|
+ reqAddDispatch(this.formData)
|
|
|
+ .then(res => {
|
|
|
+ // 出仓管理列表
|
|
|
+ this.getDispatchList();
|
|
|
+ this.$message.success("添加成功!");
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("添加失败!");
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ reqUpdateDispatch(this.formData)
|
|
|
+ .then(res => {
|
|
|
+ // 出仓管理列表
|
|
|
+ this.getDispatchList();
|
|
|
+ this.$message.success("编辑成功!");
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("编辑失败!");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 出仓管理列表
|
|
|
+ getDispatchList() {
|
|
|
+ reqDispatchList({
|
|
|
+ searchStr: this.search,
|
|
|
+ pageSize,
|
|
|
+ pageNum: this.page
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ this.tableData = res.content;
|
|
|
+ this.totalPages = res.totalPages;
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
});
|
|
|
- } else {
|
|
|
- this.$refs.multipleTable.clearSelection();
|
|
|
- }
|
|
|
},
|
|
|
- // 入待宰栏
|
|
|
- inStore() {},
|
|
|
- handleSelectionChange(val) {
|
|
|
- this.multipleSelection = val;
|
|
|
+ add() {
|
|
|
+ this.isShow = true;
|
|
|
+ this.isAdd = true;
|
|
|
+ },
|
|
|
+ edit(row) {
|
|
|
+ this.formData = row;
|
|
|
+ this.isShow = true;
|
|
|
+ this.isAdd = false;
|
|
|
+ },
|
|
|
+ del(row) {
|
|
|
+ reqDelDispatch(row.id)
|
|
|
+ .then(res => {
|
|
|
+ console.log(res);
|
|
|
+ // 出仓管理列表
|
|
|
+ this.getDispatchList();
|
|
|
+ this.$message.success("删除成功!");
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("删除失败!");
|
|
|
+ });
|
|
|
},
|
|
|
- edit(row) {},
|
|
|
pageChange(p) {
|
|
|
console.log(p);
|
|
|
+ this.page = p;
|
|
|
+ // 出仓管理列表
|
|
|
+ this.getDispatchList();
|
|
|
}
|
|
|
}
|
|
|
};
|