前端

src/views/outboundManagement/weighingManagementNew.vue

@@ -0,0 +1,252 @@
+<template>
+	<div class="center">
+		<BaseHeaderLayout :leftSpan="12">
+			<template slot="left">
+				<!-- <ws-button type="primary" @click="weighing(3)" v-hasPermission=" `outbound.acquisitionWeightOut.new`">添加皮重
+				</ws-button>
+				<ws-button type="primary" @click="weighing(4)" v-hasPermission=" `outbound.acquisitionWeightOut.new`">添加毛重
+				</ws-button> -->
+			</template>
+			<!-- <template slot="left"> </template> -->
+			<template slot="right">
+				<ws-select v-model="warehouseName" placeholder="" @change="warehouseNameChange" :value="searchType">
+				<ws-option v-for="item in warehouseList" :key="item.value" :label="item.value" :value="item.value"
+					style="color: #8890b1" />
+				</ws-select>
+				<ws-input class='findinput' @keyup.enter.native="find()" v-model="searchKeyWord" placeholder="可按合同编号、车牌号查找"
+				clearable maxlength="500" type="input">
+				</ws-input>
+				<ws-button class="find" type="primary" @click="find()"><img width="16" height="16" style="
+					vertical-align: text-top;
+					position: relative;
+					top: 0px;
+					left: -8px;
+					" src="../../../public/img/sousuo.png" alt="" /></ws-button>
+			</template>
+		</BaseHeaderLayout>
+	</div>
+</template>
+<script>
+	import {
+		grossWeight,
+		getbinNumber,
+		contractListWeighing,
+		tareAdd,
+		tareEdit,
+		getweighing,
+		getweighingList,
+		selectWarehouseSelf,
+		delelteWeighing,
+	} from '@/model/outboundManagement/index'
+	import WsUpload from '@/components/WsUpload'
+	import {EventBus} from 'base-core-lib'
+	export default {
+		components: {
+			WsUpload,
+		},
+		data() {
+			return {
+				warehouseName:'',
+				warehouseList:[],
+			}
+    },
+    mounted() {
+	  this.openPort()
+	  },
+		activated() {
+			this.selectWarehouse()
+      		this.showType = this.isShow
+		},
+		methods: {
+			warehouseNameChange(e) {
+				for (let i = 0; i < this.warehouseList.length; i++) {
+				if (this.warehouseList[i].value == e) {
+					this.warehouseId = this.warehouseList[i].warehouseId
+				}
+				}
+				this.getList()
+			},
+			find() {
+				this.getList()
+			},
+			selectWarehouse() {
+				selectWarehouseSelf({
+					compId: localStorage.getItem('ws-pf_compId'),
+				})
+				.toPromise()
+				.then((response) => {
+					this.warehouseList = []
+					for (let i = 0; i < response.length; i++) {
+					this.warehouseList.push({
+						value: response[i].warehouseName,
+						warehouseId: response[i].id,
+					})
+					}
+					this.warehouseName = this.warehouseList[0].value
+					this.warehouseId = this.warehouseList[0].warehouseId
+					this.getList()
+				})
+			},
+			getList() {
+				getweighingList({
+					compId: localStorage.getItem('ws-pf_compId'),
+					currentPage: this.currentPage,
+					pageSize: this.pageSize,
+					searchKeyWord: this.searchKeyWord,
+					warehouseName: this.warehouseName,
+					managementType: 3,
+				})
+				.toPromise()
+				.then((response) => {
+					this.weighingList = response.records
+					this.deptBudgetTotal = response.total
+					for (var i = 0; i < response.records.length; i++) {
+					if (response.records[i].addressUrl != null) {
+						if (response.records[i].addressUrl) {
+						response.records[i].addressUrlArray = response.records[i].addressUrl.split(',')
+						}
+					} else {
+						response.records[i].addressUrlArray = []
+					}
+					}
+					for (var i = 0; i < response.records.length; i++) {
+					var arr = new Array()
+					this.addressUrls[i] = new Array()
+					if (this.weighingList.records[i].addressUrl !=
+						null) {
+						arr = this.weighingList.records[i].addressUrl.split(',')
+						this.addressUrls[i] = arr
+					}
+					}
+				})
+				.catch((response) => {
+
+				})
+			},
+		},
+	}
+</script>
+<style lang="scss" scoped>
+	.center {
+		background: #f6f7fc;
+	}
+
+	.ws-info-table {
+		border: none;
+	}
+
+	.ws-info-table .el-form-item {
+		width: 50%;
+		border: none;
+	}
+
+	.formItem {
+		width: 100%;
+		display: inline;
+	}
+
+	/deep/.ws-info-table .el-form-item .el-form-item__label {
+		width: 30%;
+		text-align: center;
+		background: #ffffff;
+		font-size: 14px;
+		color: #8890b1;
+	}
+
+	/deep/.ws-info-table .el-form-item .el-form-item__content {
+		border: none;
+	}
+
+	.title {
+		font-size: 16px;
+		font-weight: 600;
+		margin: 10px;
+	}
+
+	.titleup {
+		position: relative;
+	}
+
+	.title::before {
+		content: '';
+		display: inline-block;
+		width: 5px;
+		height: 15px;
+		background: #8890b1;
+		margin-right: 5px;
+	}
+
+	.substance {
+		background: #ffffff;
+		width: 100%;
+		border-radius: 4px;
+		margin: 0 auto;
+		padding-top: 20px;
+	}
+
+	/deep/.el-table .el-table__header .cell,
+	.el-table .el-table__body .cell {
+		text-align: center;
+	}
+
+	/deep/.el-table--enable-row-transition .el-table__body td {
+		text-align: center;
+	}
+
+	.bg-left {
+		padding-left: 30px;
+	}
+
+	.bg-right {
+		padding-right: 10px;
+		text-align: right;
+	}
+
+	.bg-bottom {
+		margin: 15px 0px;
+	}
+
+	.titleup {
+		position: relative;
+	}
+
+	/deep/ .substance .bangdan {
+		width: 100%;
+		padding-top: 6%;
+		padding-bottom: 6%;
+	}
+
+	// // .photo2{
+	// //   margin-top: 10px;
+	// // }
+	.el-upload--picture-card {
+		background-color: #fbfdff;
+		border: 1px dashed #c0ccda;
+		border-radius: 6px;
+		box-sizing: border-box;
+		width: 148px;
+		height: 148px;
+		line-height: 146px;
+		vertical-align: top;
+		margin-left: -289px;
+	}
+
+	.titleup::before {
+		content: '';
+		display: inline-block;
+		width: 5px;
+		height: 30px;
+		background: #5473e8;
+		position: absolute;
+		left: 0;
+	}
+
+	.but {
+		text-align: center;
+		margin: 20px auto;
+	}
+
+	.butCss {
+		opacity: 0;
+	}
+</style>