|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="sel-ship-module">
|
|
|
|
|
- <!-- 列表 -->
|
|
|
|
|
- <time-axis>
|
|
|
|
|
- <!-- 发货 -->
|
|
|
|
|
- <!-- <timeaxis-item class="axis-list axis-first ship-goods" bgcolor="none">
|
|
|
|
|
|
|
+ <div class="sel-ship-module">
|
|
|
|
|
+ <!-- 列表 -->
|
|
|
|
|
+ <time-axis>
|
|
|
|
|
+ <!-- 发货 -->
|
|
|
|
|
+ <!-- <timeaxis-item class="axis-list axis-first ship-goods" bgcolor="none">
|
|
|
<template v-slot:node>
|
|
<template v-slot:node>
|
|
|
<div class="tui-node node-big">
|
|
<div class="tui-node node-big">
|
|
|
<div class="node-small"></div>
|
|
<div class="node-small"></div>
|
|
@@ -18,120 +18,122 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
- </timeaxis-item> -->
|
|
|
|
|
- <!-- 制单 -->
|
|
|
|
|
- <timeaxis-item class="axis-list axis-first print-order" bgcolor="none">
|
|
|
|
|
- <template v-slot:content>
|
|
|
|
|
- <div class="axis-slot-wrap">
|
|
|
|
|
- <div class="axis-title">制单</div>
|
|
|
|
|
- <div class="axis-det">
|
|
|
|
|
- <div>{{ orderComData[0].addTime | formatTime }}</div>
|
|
|
|
|
- <card-name :info="orderComData[0].receive" />
|
|
|
|
|
- <div class="btn-wrap-com">
|
|
|
|
|
- <!-- <button class="admin-button-com default">修改</button> -->
|
|
|
|
|
- <!-- <button class="admin-button-com default">明细</button> -->
|
|
|
|
|
- <button class="admin-button-com default" @click="mobilePrintFn">打印</button>
|
|
|
|
|
- <button class="admin-button-com default" @click="printOrderFn">确定</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </timeaxis-item>
|
|
|
|
|
- <!-- 下单 -->
|
|
|
|
|
- <timeaxis-item class="axis-list down-order" bgcolor="none">
|
|
|
|
|
- <template v-slot:content>
|
|
|
|
|
- <div class="axis-slot-wrap">
|
|
|
|
|
- <div class="axis-title">{{ orderComData[1].actionName }}</div>
|
|
|
|
|
- <div class="axis-det">
|
|
|
|
|
- <div>{{ orderComData[1].addTime | formatTime }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </timeaxis-item>
|
|
|
|
|
- </time-axis>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </timeaxis-item>-->
|
|
|
|
|
+ <!-- 制单 -->
|
|
|
|
|
+ <timeaxis-item class="axis-list axis-first print-order" bgcolor="none">
|
|
|
|
|
+ <template v-slot:content>
|
|
|
|
|
+ <div class="axis-slot-wrap">
|
|
|
|
|
+ <div class="axis-title">制单</div>
|
|
|
|
|
+ <div class="axis-det">
|
|
|
|
|
+ <div>{{ orderComData[0].addTime | formatTime }}</div>
|
|
|
|
|
+ <card-name :info="orderComData[0].receive" />
|
|
|
|
|
+ <div class="btn-wrap-com">
|
|
|
|
|
+ <button class="admin-button-com default" @click="mobilePrintFn">打印</button>
|
|
|
|
|
+ <button class="admin-button-com default" @click="modifyPrintFn">修改</button>
|
|
|
|
|
+ <button class="admin-button-com default" @click="printOrderFn">下一步</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </timeaxis-item>
|
|
|
|
|
+ <!-- 下单 -->
|
|
|
|
|
+ <timeaxis-item class="axis-list down-order" bgcolor="none">
|
|
|
|
|
+ <template v-slot:content>
|
|
|
|
|
+ <div class="axis-slot-wrap">
|
|
|
|
|
+ <div class="axis-title">{{ orderComData[1].actionName }}</div>
|
|
|
|
|
+ <div class="axis-det">
|
|
|
|
|
+ <div>{{ orderComData[1].addTime | formatTime }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </timeaxis-item>
|
|
|
|
|
+ </time-axis>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
-import TimeAxis from '@/admin/home/components/plugin/time-axis'
|
|
|
|
|
-import TimeaxisItem from '@/admin/home/components/plugin/timeaxis-item'
|
|
|
|
|
-import CardName from './card-name'
|
|
|
|
|
|
|
+import TimeAxis from "@/admin/home/components/plugin/time-axis";
|
|
|
|
|
+import TimeaxisItem from "@/admin/home/components/plugin/timeaxis-item";
|
|
|
|
|
+import CardName from "./card-name";
|
|
|
// api
|
|
// api
|
|
|
-import { printOrder } from '@/api/order'
|
|
|
|
|
|
|
+import { printOrder } from "@/api/order";
|
|
|
export default {
|
|
export default {
|
|
|
- name: 'sel-order-module',
|
|
|
|
|
- components: {
|
|
|
|
|
- TimeAxis,
|
|
|
|
|
- TimeaxisItem,
|
|
|
|
|
- CardName
|
|
|
|
|
- },
|
|
|
|
|
- props: {
|
|
|
|
|
- query: {
|
|
|
|
|
- type: Object,
|
|
|
|
|
- default: () => {}
|
|
|
|
|
- },
|
|
|
|
|
- orderData: {
|
|
|
|
|
- type: Object,
|
|
|
|
|
- default: () => {}
|
|
|
|
|
- },
|
|
|
|
|
- orderComData: {
|
|
|
|
|
- type: Array,
|
|
|
|
|
- default: () => []
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- methods: {
|
|
|
|
|
- printOrderFn() {
|
|
|
|
|
- printOrder({
|
|
|
|
|
- id: this.orderData.id,
|
|
|
|
|
- option: 2
|
|
|
|
|
- }).then(res => {
|
|
|
|
|
- this.$util.pageTo({
|
|
|
|
|
- url: '/admin/order/ship',
|
|
|
|
|
- query: {
|
|
|
|
|
- id: this.orderData.id,
|
|
|
|
|
- pageStatus: 7
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- mobilePrintFn(){
|
|
|
|
|
- this.$msg('此功能即将开通')
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ name: "sel-order-module",
|
|
|
|
|
+ components: {
|
|
|
|
|
+ TimeAxis,
|
|
|
|
|
+ TimeaxisItem,
|
|
|
|
|
+ CardName
|
|
|
|
|
+ },
|
|
|
|
|
+ props: {
|
|
|
|
|
+ query: {
|
|
|
|
|
+ type: Object,
|
|
|
|
|
+ default: () => {}
|
|
|
|
|
+ },
|
|
|
|
|
+ orderData: {
|
|
|
|
|
+ type: Object,
|
|
|
|
|
+ default: () => {}
|
|
|
|
|
+ },
|
|
|
|
|
+ orderComData: {
|
|
|
|
|
+ type: Array,
|
|
|
|
|
+ default: () => []
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ printOrderFn() {
|
|
|
|
|
+ printOrder({
|
|
|
|
|
+ id: this.orderData.id,
|
|
|
|
|
+ option: 2
|
|
|
|
|
+ }).then(res => {
|
|
|
|
|
+ this.$util.pageTo({
|
|
|
|
|
+ url: "/admin/order/ship",
|
|
|
|
|
+ query: {
|
|
|
|
|
+ id: this.orderData.id,
|
|
|
|
|
+ pageStatus: 7
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ mobilePrintFn() {
|
|
|
|
|
+ this.$msg("即将开通");
|
|
|
|
|
+ },
|
|
|
|
|
+ modifyPrintFn() {
|
|
|
|
|
+ this.$msg("即将开通");
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
- // 发货
|
|
|
|
|
- .ship-goods {
|
|
|
|
|
- .axis-slot-wrap {
|
|
|
|
|
- top: -4px !important;
|
|
|
|
|
- }
|
|
|
|
|
- .axis-det {
|
|
|
|
|
- @include disFlex(center, space-between);
|
|
|
|
|
- margin-top: 50px;
|
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
|
- .admin-button-com {
|
|
|
|
|
- width: 48%;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+// 发货
|
|
|
|
|
+.ship-goods {
|
|
|
|
|
+ .axis-slot-wrap {
|
|
|
|
|
+ top: -4px !important;
|
|
|
|
|
+ }
|
|
|
|
|
+ .axis-det {
|
|
|
|
|
+ @include disFlex(center, space-between);
|
|
|
|
|
+ margin-top: 50px;
|
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
+ .admin-button-com {
|
|
|
|
|
+ width: 48%;
|
|
|
}
|
|
}
|
|
|
- // 制单
|
|
|
|
|
- .print-order {
|
|
|
|
|
- .axis-det {
|
|
|
|
|
- margin-top: 14px;
|
|
|
|
|
- & > div {
|
|
|
|
|
- margin-top: 20px;
|
|
|
|
|
- &:first-child {
|
|
|
|
|
- margin-top: 0;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- // 下单
|
|
|
|
|
- .down-order {
|
|
|
|
|
- .axis-det {
|
|
|
|
|
- margin-top: 14px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+// 制单
|
|
|
|
|
+.print-order {
|
|
|
|
|
+ .axis-det {
|
|
|
|
|
+ margin-top: 14px;
|
|
|
|
|
+ & > div {
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
+ &:first-child {
|
|
|
|
|
+ margin-top: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+// 下单
|
|
|
|
|
+.down-order {
|
|
|
|
|
+ .axis-det {
|
|
|
|
|
+ margin-top: 14px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|