新增采购页面

ghs/src/admin/warehouse/components/CommodityPurchase.vue

@@ -0,0 +1,144 @@
+<template>
+	<view class="item-cmd_bx">
+		<view class="img_bx">
+			<app-img
+				src="https://img.huaml.com/uploads/12358/202005/29/de74c55596d304b85e79154958e8bf57_small.jpeg"
+				alt="商品图"
+				mode="aspectFit"
+				:height="160"
+			/>
+		</view>
+		<view class="cmd-info_bx">
+			<view class="tit">天使美人</view>
+			<view class="kc">B级</view>
+			<view class="num-open_bx">
+				<view class="price"><text class="unit">￥</text><text>42</text></view>
+				<template v-if="isEdit">
+					<view class="open-bx" v-if="type == COMMODITY_TYPE.COMMON">
+						<i class="iconfont iconjianqu" @click="subtractEvent"></i>
+						<text class="num" @click="customNum">5/2</text>
+						<i class="iconfont icontianjia" @click="addEvent"></i>
+					</view>
+					<view class="open-bx" v-else-if="type == COMMODITY_TYPE.CHANGE">
+						<input class="change-input" type="text" placeholder="自动调价" />
+						<i class="iconfont icondelete" @click="delEvent"></i>
+					</view>
+				</template>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import { COMMODITY_TYPE } from "@/utils/declare";
+import AppImg from "@/components/app-img";
+export default {
+	name: "Commodity",
+	components: {
+		AppImg
+	},
+	props: {
+		type: {
+			type: String,
+			default: COMMODITY_TYPE.COMMON
+		},
+		isEdit: {
+			type: Boolean,
+			default: true
+		}
+	},
+	data() {
+		return {
+			COMMODITY_TYPE
+		};
+	},
+	methods: {
+		customNum() {
+			this.$emit("customNum");
+		},
+		addEvent() {
+			this.$emit("add");
+		},
+		subtractEvent() {
+			this.$emit("subtract");
+		},
+		delEvent() {
+			this.$emit("del");
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.item-cmd_bx {
+	position: relative;
+	margin-bottom: 20px;
+	.img_bx {
+		height: 160px;
+		width: 160px;
+		position: absolute;
+		left: 0px;
+		top: 0px;
+	}
+	.cmd-info_bx {
+		padding-left: 177px;
+		& .tit {
+			font-size: 28px;
+			font-weight: 400;
+			color: #333333;
+			padding-top: 10px;
+		}
+		& .kc {
+			color: #999999;
+			font-size: 24px;
+			padding: 10px 0 24px;
+		}
+		& .num-open_bx {
+			display: flex;
+			align-items: center;
+			& .price {
+				flex: 1;
+
+				font-size: 32upx;
+				color: #333;
+				.unit {
+					font-size: 22upx;
+				}
+			}
+			& .open-bx {
+				display: flex;
+				align-items: center;
+				& .iconfont {
+					color: #3385ff;
+					font-size: 40px;
+				}
+				.icondelete {
+					margin: 0 10px 0 30px;
+					color: #ccc;
+					&.edit {
+						color: #3385ff;
+					}
+				}
+				& > .num {
+					display: inline-block;
+					margin: 0 8px;
+					color: #333333;
+					border-radius: 22px;
+					background-color: #f5f5f5;
+					padding: 5px 36px;
+				}
+				.change-input {
+					width: 164px;
+					height: 60px;
+					line-height: 60px;
+					text-align: center;
+					background: #ffffff;
+					border: 1px solid #dddddd;
+					border-radius: 4px;
+					font-size: 28px;
+				}
+			}
+		}
+	}
+}
+</style>

ghs/src/admin/warehouse/components/FooterCart.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="cart-ft_bx">
+    <div class="cart-ct_bx">
+      <view class="cart-lf_bx">
+        <view class="cart-dot_bx">
+          <i class="iconfont icongouwuche"></i>
+        </view>
+        <view class="price">
+          ￥3566.88
+        </view>
+      </view>
+      <view class="cart-rg_bx">
+        选好了
+      </view>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FooterCart',
+}
+</script>
+
+<style lang="scss" scoped>
+.cart-ft_bx {
+  width: 702px;
+  height: 88px;
+  background-color: #444444;
+  position: fixed;
+  bottom: 15px;
+  border-radius: 50px;
+  left: 50%;
+  transform: translate(-50%, 0);
+  z-index: 200;
+  overflow: hidden;
+  & .cart-ct_bx {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    & .cart-lf_bx {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      & .cart-dot_bx {
+        width: 72px;
+        height: 72px;
+        border-radius: 50%;
+        background-color: #3385ff;
+        text-align: center;
+        line-height: 72px;
+        margin-left: 6px;
+        .iconfont {
+          font-size: 40px;
+          color: #fff;
+        }
+      }
+      & .price {
+        font-weight: 500;
+        color: #ffffff;
+        font-size: 36px;
+        padding-left: 24px;
+      }
+    }
+    & .cart-rg_bx {
+      height: 100%;
+      width: 200px;
+      text-align: center;
+      font-size: 28px;
+      color: #ffffff;
+      background-color: #3385ff;
+      line-height: 88px;
+    }
+  }
+}
+</style>

ghs/src/admin/warehouse/purchase/add.vue

@@ -0,0 +1,270 @@
+<template>
+	<view class="billing_box_bg">
+		<view class="input-wrap">
+			<app-search-module placeholder="请输入关键词搜索" @search="searchFn" />
+		</view>
+
+		<view class="scroll-middle_bx">
+			<scroll-view
+				scroll-y
+				scroll-with-animation
+				class="tab-view"
+				:scroll-top="scrollTop"
+			>
+				<div
+					v-for="(item, index) in tabbar"
+					:key="index"
+					class="tab-bar-item"
+					:class="[currentTab == index ? 'active' : '']"
+					:data-current="index"
+					@tap.stop="swichNav($event, item)"
+				>
+					<text>{{ item.categoryName || "暂无" }}</text>
+					<text class="tag">4/10</text>
+				</div>
+			</scroll-view>
+			<block v-for="(item, index) in tabbar" :key="index">
+				<scroll-view scroll-y class="right-box" v-if="currentTab == index">
+					<view class="item_list_bx">
+						<view class="item_list_title">{{ item.categoryName }}</view>
+						<CommodityPurchase @customNum="customNum"></CommodityPurchase>
+					</view>
+
+					<!--内容部分 start -->
+					<!-- v-if="!$util.isEmpty(list.data)" -->
+
+					<!-- <block v-else>
+                    <app-wrapper-empty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
+                </block> -->
+					<!--内容部分 end -->
+				</scroll-view>
+			</block>
+		</view>
+		<!-- :maskClosable="false" -->
+		<modal-module
+			:show="isModel"
+			@cancel="modalCancel"
+			@click="affirm"
+			title="花之物语 红色系"
+			color="#333"
+			:size="32"
+			padding="30rpx 30rpx"
+		>
+			<template slot="customContent">
+				<view class="select-view">
+					<view class="select-cmd_bx">
+						<view class="num_bx">
+							<view class="kc">
+								价格
+							</view>
+							<input type="number" placeholder="请填写采购总价" />元
+						</view>
+					</view>
+					<view class="select-cmd_bx">
+						<view class="num_bx">
+							<view class="kc">
+								数量
+							</view>
+							<input type="number" />扎
+							<input type="number" style="margin-left:24upx" />支
+						</view>
+					</view>
+				</view>
+			</template>
+		</modal-module>
+		<!-- <modal-module
+			:show="showSubmitModel"
+			@cancel="cancelEvent"
+			@click="submitEvent"
+			title="有花材库存不足，确认下一步？"
+			color="#333"
+			:size="32"
+			padding="30rpx 30rpx"
+		>
+		</modal-module> -->
+		<FooterCart></FooterCart>
+	</view>
+</template>
+
+<script>
+import AppSearchModule from "@/components/module/app-search";
+import AppTabs from "@/components/plugin/tabs";
+import AppWrapperEmpty from "@/components/app-wrapper-empty";
+import CommodityPurchase from "../components/CommodityPurchase";
+import ModalModule from "@/components/plugin/modal";
+import FooterCart from "../components/FooterCart";
+export default {
+	name: "Billing", // 开单
+	components: {
+		AppTabs,
+		AppSearchModule,
+		AppWrapperEmpty,
+		CommodityPurchase,
+		ModalModule,
+		FooterCart
+	},
+	data() {
+		return {
+			tabbar: [
+				{
+					categoryName: "花束",
+					delStatus: "0",
+					description: "",
+					goodsNum: "0",
+					id: "95",
+					img: "https://img.huaml.com",
+					inTurn: "0",
+					merchantId: "12358",
+					parentId: "0",
+					sold: "0",
+					status: "1"
+				},
+				{
+					categoryName: "花篮",
+					delStatus: "0",
+					description: "",
+					goodsNum: "0",
+					id: "96",
+					img: "https://img.huaml.com",
+					inTurn: "0",
+					merchantId: "12358",
+					parentId: "0",
+					sold: "0",
+					status: "1"
+				}
+			],
+			currentTab: 0,
+			isModel: false,
+			showSubmitModel: false
+		};
+	},
+	methods: {
+		//自定义数量
+		customNum() {
+			this.isModel = true;
+		},
+		modalCancel() {
+			this.isModel = false;
+		}, // 取消 确认
+		affirm(val) {
+			if (val.index === 0) {
+				this.modalCancel();
+			} else {
+			}
+		},
+		cancelEvent() {},
+		submitEvent() {},
+
+		searchFn() {},
+		scrollTop() {},
+		swichNav(e) {
+			let cur = e.currentTarget.dataset.current;
+			if (this.currentTab == cur) {
+				return false;
+			} else {
+				this.currentTab = cur;
+				// this.form.categoryId = item.id;
+				// this.resetList();
+				// this._list();
+				// this.checkCor()
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.billing_box_bg {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	.input-wrap {
+		padding: 22px 20px 22px 30px;
+	}
+	.scroll-middle_bx {
+		flex: 1;
+		display: flex;
+	}
+	.tab-view {
+		height: 100%;
+		width: 170upx;
+		flex-shrink: 0;
+		background-color: #f0f2f6;
+		.tab-bar-item {
+			position: relative;
+			width: 170upx;
+			height: 90upx;
+			box-sizing: border-box;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 26upx;
+			color: #444;
+			font-weight: 400;
+			.tag {
+				display: flex;
+				padding: 0 20px;
+				align-items: center;
+				position: absolute;
+				right: 0;
+				top: 0;
+				height: 32px;
+				background: #ff2842;
+				border-radius: 16px;
+				color: #fff;
+				font-size: 20px;
+			}
+		}
+
+		.active {
+			position: relative;
+			color: $mainColor;
+			font-size: 26px;
+			background: #fff;
+		}
+
+		.active::before {
+			content: "";
+			position: absolute;
+			border-left: 8upx solid $mainColor;
+			height: 100%;
+			left: 0;
+		}
+	}
+	.right-box {
+		height: 100%;
+		flex: 1;
+		box-sizing: border-box;
+	}
+	.item_list_bx {
+		padding: 40px 16px;
+	}
+	.item_list_title {
+		margin-bottom: 20px;
+		font-size: 24px;
+		font-weight: 600;
+		color: #666666;
+	}
+	.select-view {
+		margin-bottom: 30upx;
+	}
+	.select-cmd_bx {
+		margin-top: 30px;
+		& .num_bx {
+			display: flex;
+			align-items: center;
+			.kc {
+				width: 80upx;
+			}
+			& > input {
+				flex: 1;
+				height: 80px;
+				border: 1px solid #dddddd;
+				border-radius: 4px;
+				text-align: center;
+				margin-right: 24px;
+			}
+		}
+	}
+}
+</style>

ghs/src/admin/warehouse/purchase/details.vue

@@ -0,0 +1,499 @@
+<template>
+	<view class="affirm-page">
+		<view class="affirm-view overscroll">
+			<!-- 门店信息 -->
+			<form>
+				<view class="module-com">
+					<view class="commodity-view">
+						<view class="commodity-list">
+							<view class="commodity-item">
+								<image
+									class="item-icon"
+									src="https://img.huaml.com/uploads/12358/202005/29/de74c55596d304b85e79154958e8bf57_small.jpeg"
+									alt="商品图"
+								/>
+
+								<view class="item-info">
+									<view class="info-line">
+										<text class="item-name">天使面孔</text>
+										<text class="item-price">
+											<text class="unit">¥</text>
+
+											<text class="price">60.00</text>
+										</text>
+									</view>
+									<view class="info-line">
+										<text class="item-type">c级</text>
+										<text class="item-count">25/4</text>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="summary-bar">
+							<view class="operate-view">
+								<text class="iconfont icongouwuche"></text>
+								重选花材
+							</view>
+							<view class="describe-view">
+								共3种, 共16扎9支，合计 ¥<text class="price">114.00</text>
+							</view>
+						</view>
+					</view>
+				</view>
+				<!-- <view class="prompt-text">注: 请先关注公众号，绑定后可以在移动端自动登录</view> -->
+
+				<view class="module-com input-line-wrap">
+					<tui-list-cell class="line-cell" :hover="false" :arrow="true">
+						<view class="tui-title ">供应商</view>
+						<text>
+							茗星花卉 欠款：91658.00
+						</text>
+					</tui-list-cell>
+					<tui-list-cell class="line-cell" :hover="false">
+						<view class="tui-title "></view>
+
+						<view class="tag-list">
+							<view class="tag-item">
+								盛丰
+							</view>
+							<view class="tag-item">
+								盛丰
+							</view>
+							<view class="tag-item">
+								盛丰
+							</view>
+						</view>
+					</tui-list-cell>
+				</view>
+				<view class="module-com input-line-wrap">
+					<tui-list-cell class="line-cell" :hover="false">
+						<view class="tui-title ">打包费</view>
+						<input
+							v-model="form.floor"
+							placeholder-class="phcolor"
+							class="tui-input"
+							name="floor"
+							placeholder="请填写，留空没有费用"
+						/>
+					</tui-list-cell>
+
+					<tui-list-cell class="line-cell" :hover="false">
+						<view class="tui-title ">包机（长途运费）</view>
+						<input
+							v-model="form.floor"
+							placeholder-class="phcolor"
+							class="tui-input"
+							name="floor"
+							placeholder="请填写，留空没有费用"
+						/>
+					</tui-list-cell>
+					<tui-list-cell class="line-cell" :hover="false">
+						<view class="tui-title ">提货费</view>
+						<input
+							v-model="form.floor"
+							placeholder-class="phcolor"
+							class="tui-input"
+							name="floor"
+							placeholder="请填写，留空没有费用"
+						/>
+					</tui-list-cell>
+					<tui-list-cell class="line-cell" :hover="false">
+						<view class="tui-title ">本地运费</view>
+						<input
+							v-model="form.floor"
+							placeholder-class="phcolor"
+							class="tui-input"
+							name="floor"
+							placeholder="请填写，留空没有费用"
+						/>
+					</tui-list-cell>
+					<tui-list-cell
+						class="line-cell"
+						:hover="false"
+						:arrow="true"
+						@click="openAddres"
+					>
+						<view class="tui-title ">入库日期</view>
+						<view class="tui-input" v-if="form.province || form.city">
+							{{ form.province + "-" + form.city }}
+						</view>
+						<view class="tui-placeholder" v-else>请选择</view>
+						<input v-model="form.province" name="province" hidden />
+					</tui-list-cell>
+					<tui-list-cell
+						class="line-cell"
+						:hover="false"
+						:arrow="true"
+						@click="openAddres"
+					>
+						<view class="tui-title ">仓库</view>
+						<view class="tui-input" v-if="form.province || form.city">
+							{{ form.province + "-" + form.city }}
+						</view>
+						<view class="tui-placeholder" v-else>请选择仓库</view>
+						<input v-model="form.province" name="province" hidden />
+					</tui-list-cell>
+
+					<!-- <tui-list-cell class="line-cell remark-wrap" :hover="false">
+						<view class="tui-title">简介</view>
+						<view class="tui-input">
+							<textarea
+								v-model="form.introduction"
+								class="tui-textarea remark"
+								placeholder-class="phcolor"
+								placeholder="请输入简介"
+							/>
+						</view>
+					</tui-list-cell> -->
+				</view>
+			</form>
+		</view>
+		<view class="under-bar">
+			<view class="price-view">
+				<text class="price-title">总金额</text>
+				<text class="price-number">¥ <text class="large">114</text>.00</text>
+			</view>
+			<button class="admin-button-com blue middle" @click="formSubmit">
+				确认
+			</button>
+		</view>
+		<!-- 选择地区 -->
+		<app-area-sel
+			:show.sync="showRegion"
+			@change="changeAreaFn"
+			:city="form.city"
+		/>
+		<!-- 省市联动 -->
+		<simple-address
+			ref="simpleAddress"
+			:pickerValueDefault="cityPickerValueDefault"
+			@onConfirm="onCityConfirm"
+		></simple-address>
+		<!-- 选择客户 -->
+		<AppCustomerSel
+			:show.sync="showCustomer"
+			@change="changeCustomerFn"
+			:city="form.customer"
+		/>
+	</view>
+</template>
+
+<script>
+import TuiListCell from "@/components/plugin/list-cell";
+import AppAvatarModule from "@/components/module/app-avatar";
+import SimpleAddress from "@/components/plugin/simple-address";
+import AppAreaSel from "@/components/app-area-sel";
+import AppCustomerSel from "@/components/app-customer-sel";
+const form = require("@/utils/formValidation.js");
+export default {
+	// 采购详情
+	components: {
+		TuiListCell,
+		AppAvatarModule,
+		SimpleAddress,
+		AppAreaSel,
+		AppCustomerSel
+	},
+	data() {
+		return {
+			form: {
+				shopName: "",
+				province: "",
+				city: "",
+				address: "",
+				floor: "",
+				openTime: "8:00 - 22:00",
+				introduction: "",
+				telephone: "",
+				customer: ""
+			},
+			// 详细地址
+			showRegion: false,
+			showCustomer: true,
+			region: {
+				lat: 0,
+				long: 0
+			},
+			// 省市联动
+			regionData: [],
+			cityPickerValueDefault: [0, 0]
+		};
+	},
+	methods: {
+		init() {
+			this._getDet();
+		},
+		// api
+		_getDet() {
+			let data = uni.getStorageSync("modifyShopB");
+			if (this.$util.isEmpty(data)) return;
+			Object.keys(this.form).forEach((i, index) => {
+				// if (i != 'password') {
+				this.form[i] = data[i];
+				// }
+			});
+		},
+		// option
+		// 选择地址
+		selRegionFn() {
+			if (!this.form.city) {
+				this.$msg("请先选择城市！");
+				return false;
+			}
+			this.showRegion = true;
+		},
+		changeAreaFn(e) {
+			console.log("changeAreaFn", e);
+			this.form.address = e.address;
+			this.region.lat = e.location.lat;
+			this.region.long = e.location.lng;
+		},
+		changeCustomerFn(e) {
+			console.log("changeCustomerFn", e);
+			this.form.address = e.address;
+			this.form.lat = e.location.lat;
+			this.form.long = e.location.lng;
+		},
+		// 省市联动
+		openAddres() {
+			this.$refs.simpleAddress.open();
+		},
+		onCityConfirm(e) {
+			// this.form.receiveAddress = e.label
+			this.form.province = e.provinceName;
+			this.form.city = e.cityName;
+			// this.pickerText = JSON.stringify(e)
+		},
+		confirmFn() {
+			let hostFn = this.option.id ? update : add;
+			if (this.option.id) {
+				this.form.id = this.option.id;
+			}
+			hostFn(this.form).then(res => {
+				let promptText = this.option.id ? "修改成功！" : "添加成功！";
+				this.$msg(promptText);
+				// uni.removeStorageSync("modifyShopB");
+				// setTimeout(() => {
+				// 	this.$util.pageTo("/admin/shop/list");
+				// }, 1000);
+			});
+		},
+		// 表单验证
+		formSubmit(e) {
+			// 表单规则
+			let rules = [
+				{
+					name: "shopName",
+					rule: [""],
+					msg: ["请输入名称"]
+				},
+				{
+					name: "openTime",
+					rule: [""],
+					msg: ["请输入营业时间"]
+				},
+				{
+					name: "telephone",
+					rule: [""],
+					msg: ["请输入联系电话"]
+				},
+				{
+					name: "province",
+					rule: [""],
+					msg: ["请选择地址"]
+				},
+				{
+					name: "address",
+					rule: [""],
+					msg: ["请填写详细地址"]
+				},
+				{
+					name: "floor",
+					rule: [""],
+					msg: ["请输入门牌号"]
+				}
+			];
+			// 进行表单检查
+			let formData = this.form;
+			let checkRes = form.validation(formData, rules);
+			// 验证通过!
+			if (!checkRes) {
+				this.confirmFn();
+			} else {
+				this.$msg(checkRes);
+			}
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.affirm-page {
+	position: relative;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+
+	.affirm-view {
+		flex: 1;
+		padding: 20upx;
+		background-color: #f0f2f6;
+
+		.tag-list {
+			width: 100%;
+			display: flex;
+			// justify-content: flex-end;
+			align-items: center;
+			.tag-item {
+				padding: 0 28upx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex-wrap: wrap;
+				margin: 0 10upx 10upx 0;
+				height: 50upx;
+				font-size: 26upx;
+
+				border: 1px solid #eeeeee;
+				border-radius: 4upx;
+			}
+		}
+
+		.commodity-view {
+			display: flex;
+			flex-direction: column;
+			.commodity-list {
+				padding: 20upx;
+				.commodity-item {
+					display: flex;
+					margin-bottom: 20upx;
+					.item-icon {
+						flex-shrink: 0;
+						width: 140upx;
+						height: 140upx;
+					}
+					.item-info {
+						display: flex;
+						flex-direction: column;
+						justify-content: center;
+						flex: 1;
+						margin-left: 20upx;
+						.info-line {
+							margin-bottom: 20upx;
+							display: flex;
+							justify-content: space-between;
+							align-items: flex-end;
+							.item-name {
+								color: #666;
+								font-size: 28upx;
+							}
+							.item-price {
+								color: #333;
+								font-size: 22upx;
+								.price {
+									font-size: 32upx;
+									font-weight: bold;
+								}
+							}
+							.item-type {
+								color: #999;
+								font-size: 24upx;
+							}
+							.item-count {
+								color: #666;
+								font-size: 24upx;
+							}
+						}
+					}
+				}
+			}
+			.summary-bar {
+				padding: 0 20upx;
+				height: 90upx;
+				display: flex;
+
+				align-items: center;
+				justify-content: space-between;
+				border-top: 1upx solid #eeeeee;
+				.operate-view {
+					display: flex;
+
+					align-items: center;
+					color: #3385ff;
+					font-size: 26upx;
+					.iconfont {
+						margin-right: 20upx;
+						font-size: 40upx;
+					}
+				}
+				.describe-view {
+					display: flex;
+
+					align-items: center;
+					color: #333;
+					font-size: 24upx;
+					.price {
+						font-weight: bold;
+						font-size: 36upx;
+					}
+				}
+			}
+		}
+
+		.module-com {
+			background-color: #fff;
+			margin-bottom: 20upx;
+
+			border-radius: 10upx;
+			overflow: hidden;
+			.member-wrap {
+				.member-det {
+					font-size: 24upx;
+					margin-left: 20upx;
+				}
+			}
+			.remark-wrap {
+				align-items: flex-start;
+				.remark {
+					height: 240upx;
+				}
+			}
+			// .tui-placeholder,
+			// .tui-input {
+			// 	padding-right: 30upx;
+			// 	width: 100%;
+			// 	text-align: right;
+			// }
+		}
+	}
+	.under-bar {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 20upx;
+		width: 100%;
+		height: 100upx;
+		background-color: #fff;
+
+		box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
+		.price-view {
+			display: flex;
+			align-items: center;
+			font-size: 24upx;
+			.price-title {
+				color: #333;
+			}
+			.price-number {
+				margin: 0 20upx;
+				color: #ff2842;
+				.large {
+					font-size: 40upx;
+				}
+			}
+		}
+		.admin-button-com {
+			width: 200upx;
+		}
+	}
+}
+</style>

ghs/src/admin/warehouse/purchase/result.vue

@@ -0,0 +1,23 @@
+<template>
+	<appResult :title="'入库成功'">
+		<button class="admin-button-com blue big">继续入库</button>
+		<button class="admin-button-com big">关闭</button>
+	</appResult>
+</template>
+
+<script>
+import appResult from "@/components/app-result";
+export default {
+	name: "BillingResult", // 开单结果
+	components: {
+		appResult
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.admin-button-com {
+	margin-bottom: 20px;
+	width: 100%;
+}
+</style>

ghs/src/pages.json

@@ -534,6 +534,30 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "admin/warehouse/purchase/",
+			"pages": [
+				{
+					"path": "result",
+					"style": {
+						"navigationBarTitleText": "结果"
+					}
+				},
+				{
+					"path": "add",
+					"style": {
+						"navigationBarTitleText": "新增采购单",
+						"enablePullDownRefresh": true
+					}
+				},
+				{
+					"path": "details",
+					"style": {
+						"navigationBarTitleText": "采购单详情"
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {