垛位转移时弹窗中增加区域选项

src/components/PopupStackWithSelectWare.vue

 					<el-option v-for="item in wares" :key="item.id" :label="item.name" :value="item.id">
 					</el-option>
 				</el-select>
+				<el-select v-model="areaId" style="margin-left: 5px; width: 100px" clearable placeholder="请选择区域" @change="changeArea">
+					<el-option v-for="item in optionsArea" :key="item.id" :label="item.name" :value="item.code">
+					</el-option>
+				</el-select>
 				<el-input v-model="layer" style="width: 200px;" v-show="layerVisible"></el-input>
 				<el-button type="success" @click="handleComfirm">确定</el-button>
 			</el-row>
 			<el-row>
-				<div id="popMoveWareLayout" style=" margin:10px;width:600px; height: 300px;background-color: #00FFFF;"></div>
+				<div id="popMoveWareLayout" style=" margin:10px;width:600px; height: 500px;background-color: #00FFFF;"></div>
 			<!-- 	<div id="popMoveStoreLayer" style=" margin:10px;width:600px; height: 300px;background-color: #00FFFF;"></div> -->
 			</el-row>
 		</el-dialog>
 		data() {
 			return {
 				wareId: '',
+				areaId: '',
 				wareStack: [],
+				optionsArea: [],
 				dialogVisible: false,
 				layerVisible: false,
 				popMoveWare: {},
 				//console.log(this.wareName)
 				var url = 'MaintStack/queryByWareId.do'
 				var param = {
-					wareId: this.wareId
+					wareId: this.wareId,
+					areaId: this.areaId
 				}
 				axios.get(url, param).then(response => {
 					// alert(JSON.stringify(response));
 					this.wares = response.data.data
 					//console.log("getWare() :" + JSON.stringify(this.options))
 					if (response.data.data.length == 1) {
-						this.query.wareId = response.data.data[0].id
-						this.getAllStackByWareId(this.query.wareId)
+						this.wareId = response.data.data[0].id
+						this.getAllStackByWareId(this.wareId)
 					}
 				});
 			},
+			getArea() {
+				var url = 'MaintArea/queryAll.do'
+      			var param = {
+          			wareId: this.wareId
+        		}
+      			axios.get(url, param).then(response => {
+      				this.optionsArea = response.data.data
+				});
+			},
 			drawStoreNoLayer(data) {
 				//console.log("drawStoreLayer(data)");
 				this.popMoveStore = zrender.init(document.getElementById('popMoveStoreLayer'));
 				if (val != '') {
 					this.getAllStackByWareId()
 				}
+				this.getArea()
+			},
+			changeArea(val) {
+				if (val != '') {
+					this.getAllStackByWareId(val)
+				}
 			},
 			setColor() {
 				for (let i = 0; i < this.popMoveWare.storage._roots.length; i++) {