From 44f5fadd6a669405cd8a7608aa510bd62688a750 Mon Sep 17 00:00:00 2001
From: wyg <wu1555611@163.com>
Date: 星期一, 17 六月 2024 11:35:11 +0800
Subject: [PATCH] 去除若依化
---
src/views/basicData/location/index.vue | 569 +++-----------------------------------------------------
1 files changed, 34 insertions(+), 535 deletions(-)
diff --git a/src/views/basicData/location/index.vue b/src/views/basicData/location/index.vue
index 03ca361..b3759a5 100644
--- a/src/views/basicData/location/index.vue
+++ b/src/views/basicData/location/index.vue
@@ -1,542 +1,41 @@
<template>
- <div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
- <el-form-item label="浠撳簱" prop="lgort">
- <el-input
- v-model="queryParams.lgort"
- placeholder="璇疯緭鍏ヤ粨搴�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鍚嶇О" prop="locationName">
- <el-input
- v-model="queryParams.locationName"
- placeholder="璇疯緭鍏ュ悕绉�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鐘舵��" prop="state">
- <el-input
- v-model="queryParams.state"
- placeholder="璇疯緭鍏ョ姸鎬�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
-
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button
- type="primary"
- plain
- icon="el-icon-plus"
- size="mini"
- @click="handleAdd"
- v-hasPermi="['system:location:add']"
- >鏂板</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="success"
- plain
- icon="el-icon-edit"
- size="mini"
- :disabled="single"
- @click="handleUpdate"
- v-hasPermi="['system:location:edit']"
- >淇敼</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="danger"
- plain
- icon="el-icon-delete"
- size="mini"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['system:location:remove']"
- >鍒犻櫎</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['system:location:export']"
- >瀵煎嚭</el-button>
- </el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
- </el-row>
-
- <el-table v-loading="loading" :data="locationList" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="搴撲綅ID" align="center" prop="locationId" v-if="true"/>
- <el-table-column label="闅跺睘搴撲綅ID" align="center" prop="parentLocationId" />
- <el-table-column label="浠撳簱" align="center" prop="lgort" />
- <el-table-column label="搴撲綅搴忓彿" align="center" prop="locationNo" />
- <el-table-column label="鍚嶇О" align="center" prop="locationName" />
- <el-table-column label="宸ュ巶" align="center" prop="werks" />
- <el-table-column label="绫诲瀷" align="center" prop="type" />
- <el-table-column label="浣撶Н闄愬埗" align="center" prop="volumeRestriction" />
- <el-table-column label="閲嶉噺闄愬埗" align="center" prop="weightLimit" />
- <el-table-column label="绠辨暟闄愬埗" align="center" prop="containerNumberLimit" />
- <el-table-column label="鏁伴噺闄愬埗" align="center" prop="quantitativeRestrictions" />
- <el-table-column label="鎵樼洏闄愬埗" align="center" prop="trayLimit" />
- <el-table-column label="闀垮害" align="center" prop="length" />
- <el-table-column label="瀹�" align="center" prop="width" />
- <el-table-column label="楂�" align="center" prop="height" />
- <el-table-column label="鍧愭爣X" align="center" prop="coordinateX" />
- <el-table-column label="鍧愭爣Y" align="center" prop="coordinateY" />
- <el-table-column label="鍧愭爣Z" align="center" prop="coordinateZ" />
- <el-table-column label="鍍忕礌X" align="center" prop="pixelX" />
- <el-table-column label="鍍忕礌Y" align="center" prop="pixelY" />
- <el-table-column label="绌洪棿灞傛暟" align="center" prop="paceLayer" />
- <el-table-column label="1-鍏佽" align="center" prop="allowMixedProduct" />
- <el-table-column label="1-鍏佽" align="center" prop="allowMixedProductLot" />
- <el-table-column label="灞傜骇" align="center" prop="layer" />
- <el-table-column label="1-瀛樺湪" align="center" prop="hasChild" />
- <el-table-column label="璺緞" align="center" prop="path" />
- <el-table-column label="鎻忚堪" align="center" prop="description" />
- <el-table-column label="鐘舵��" align="center" prop="state" />
- <el-table-column label="鏈�鍚庢洿鏂颁汉id" align="center" prop="lastUpdatedUserId" />
- <el-table-column label="鏈�鍚庢洿鏂颁汉濮撳悕" align="center" prop="lastUpdatedUserName" />
- <el-table-column label="鏈�鍚庢洿鏂版椂闂�" align="center" prop="lastUpdatedDateTime" width="180">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.lastUpdatedDateTime, '{y}-{m}-{d}') }}</span>
- </template>
- </el-table-column>
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['system:location:edit']"
- >淇敼</el-button>
- <el-button
- size="mini"
- type="text"
- icon="el-icon-delete"
- @click="handleDelete(scope.row)"
- v-hasPermi="['system:location:remove']"
- >鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
-
- <pagination
- v-show="total>0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
-
- <!-- 娣诲姞鎴栦慨鏀瑰簱浣嶅璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="闅跺睘搴撲綅ID" prop="parentLocationId">
- <el-input v-model="form.parentLocationId" placeholder="璇疯緭鍏ラ毝灞炲簱浣岻D" />
- </el-form-item>
- <el-form-item label="浠撳簱" prop="lgort">
- <el-input v-model="form.lgort" placeholder="璇疯緭鍏ヤ粨搴�" />
- </el-form-item>
- <el-form-item label="搴撲綅搴忓彿" prop="locationNo">
- <el-input v-model="form.locationNo" placeholder="璇疯緭鍏ュ簱浣嶅簭鍙�" />
- </el-form-item>
- <el-form-item label="鍚嶇О" prop="locationName">
- <el-input v-model="form.locationName" placeholder="璇疯緭鍏ュ悕绉�" />
- </el-form-item>
- <el-form-item label="宸ュ巶" prop="werks">
- <el-input v-model="form.werks" placeholder="璇疯緭鍏ュ伐鍘�" />
- </el-form-item>
- <el-form-item label="浣撶Н闄愬埗" prop="volumeRestriction">
- <el-input v-model="form.volumeRestriction" placeholder="璇疯緭鍏ヤ綋绉檺鍒�" />
- </el-form-item>
- <el-form-item label="閲嶉噺闄愬埗" prop="weightLimit">
- <el-input v-model="form.weightLimit" placeholder="璇疯緭鍏ラ噸閲忛檺鍒�" />
- </el-form-item>
- <el-form-item label="绠辨暟闄愬埗" prop="containerNumberLimit">
- <el-input v-model="form.containerNumberLimit" placeholder="璇疯緭鍏ョ鏁伴檺鍒�" />
- </el-form-item>
- <el-form-item label="鏁伴噺闄愬埗" prop="quantitativeRestrictions">
- <el-input v-model="form.quantitativeRestrictions" placeholder="璇疯緭鍏ユ暟閲忛檺鍒�" />
- </el-form-item>
- <el-form-item label="鎵樼洏闄愬埗" prop="trayLimit">
- <el-input v-model="form.trayLimit" placeholder="璇疯緭鍏ユ墭鐩橀檺鍒�" />
- </el-form-item>
- <el-form-item label="闀垮害" prop="length">
- <el-input v-model="form.length" placeholder="璇疯緭鍏ラ暱搴�" />
- </el-form-item>
- <el-form-item label="瀹�" prop="width">
- <el-input v-model="form.width" placeholder="璇疯緭鍏ュ" />
- </el-form-item>
- <el-form-item label="楂�" prop="height">
- <el-input v-model="form.height" placeholder="璇疯緭鍏ラ珮" />
- </el-form-item>
- <el-form-item label="鍧愭爣X" prop="coordinateX">
- <el-input v-model="form.coordinateX" placeholder="璇疯緭鍏ュ潗鏍嘪" />
- </el-form-item>
- <el-form-item label="鍧愭爣Y" prop="coordinateY">
- <el-input v-model="form.coordinateY" placeholder="璇疯緭鍏ュ潗鏍嘫" />
- </el-form-item>
- <el-form-item label="鍧愭爣Z" prop="coordinateZ">
- <el-input v-model="form.coordinateZ" placeholder="璇疯緭鍏ュ潗鏍嘮" />
- </el-form-item>
- <el-form-item label="鍍忕礌X" prop="pixelX">
- <el-input v-model="form.pixelX" placeholder="璇疯緭鍏ュ儚绱燲" />
- </el-form-item>
- <el-form-item label="鍍忕礌Y" prop="pixelY">
- <el-input v-model="form.pixelY" placeholder="璇疯緭鍏ュ儚绱燳" />
- </el-form-item>
- <el-form-item label="绌洪棿灞傛暟" prop="paceLayer">
- <el-input v-model="form.paceLayer" placeholder="璇疯緭鍏ョ┖闂村眰鏁�" />
- </el-form-item>
- <el-form-item label="1-鍏佽" prop="allowMixedProduct">
- <el-input v-model="form.allowMixedProduct" placeholder="璇疯緭鍏�1-鍏佽" />
- </el-form-item>
- <el-form-item label="1-鍏佽" prop="allowMixedProductLot">
- <el-input v-model="form.allowMixedProductLot" placeholder="璇疯緭鍏�1-鍏佽" />
- </el-form-item>
- <el-form-item label="灞傜骇" prop="layer">
- <el-input v-model="form.layer" placeholder="璇疯緭鍏ュ眰绾�" />
- </el-form-item>
- <el-form-item label="1-瀛樺湪" prop="hasChild">
- <el-input v-model="form.hasChild" placeholder="璇疯緭鍏�1-瀛樺湪" />
- </el-form-item>
- <el-form-item label="璺緞" prop="path">
- <el-input v-model="form.path" placeholder="璇疯緭鍏ヨ矾寰�" />
- </el-form-item>
- <el-form-item label="鎻忚堪" prop="description">
- <el-input v-model="form.description" placeholder="璇疯緭鍏ユ弿杩�" />
- </el-form-item>
- <el-form-item label="鐘舵��" prop="state">
- <el-input v-model="form.state" placeholder="璇疯緭鍏ョ姸鎬�" />
- </el-form-item>
- <el-form-item label="鏈�鍚庢洿鏂颁汉id" prop="lastUpdatedUserId">
- <el-input v-model="form.lastUpdatedUserId" placeholder="璇疯緭鍏ユ渶鍚庢洿鏂颁汉id" />
- </el-form-item>
- <el-form-item label="鏈�鍚庢洿鏂颁汉濮撳悕" prop="lastUpdatedUserName">
- <el-input v-model="form.lastUpdatedUserName" placeholder="璇疯緭鍏ユ渶鍚庢洿鏂颁汉濮撳悕" />
- </el-form-item>
- <el-form-item label="鏈�鍚庢洿鏂版椂闂�" prop="lastUpdatedDateTime">
- <el-date-picker clearable
- v-model="form.lastUpdatedDateTime"
- type="datetime"
- value-format="yyyy-MM-dd HH:mm:ss"
- placeholder="璇烽�夋嫨鏈�鍚庢洿鏂版椂闂�">
- </el-date-picker>
- </el-form-item>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button :loading="buttonLoading" type="primary" @click="submitForm">纭� 瀹�</el-button>
- <el-button @click="cancel">鍙� 娑�</el-button>
- </div>
- </el-dialog>
+ <div class="box">
+ <el-card class="box-card1">
+ <div v-for="o in 4" :key="o" class="text item">
+ {{'鍒楄〃鍐呭 ' + o }}
+ </div>
+</el-card>
+<el-card class="box-card2">
+ <div v-for="o in 4" :key="o" class="text item">
+ {{'鍒楄〃鍐呭 ' + o }}
+ </div>
+</el-card>
</div>
</template>
<script>
-import { listLocation, getLocation, delLocation, addLocation, updateLocation } from "@/api/basicData/location";
-
export default {
- name: "Location",
- data() {
- return {
- // 鎸夐挳loading
- buttonLoading: false,
- // 閬僵灞�
- loading: true,
- // 閫変腑鏁扮粍
- ids: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鏄剧ず鎼滅储鏉′欢
- showSearch: true,
- // 鎬绘潯鏁�
- total: 0,
- // 搴撲綅琛ㄦ牸鏁版嵁
- locationList: [],
- // 寮瑰嚭灞傛爣棰�
- title: "",
- // 鏄惁鏄剧ず寮瑰嚭灞�
- open: false,
- // 鏌ヨ鍙傛暟
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- lgort: undefined,
- locationName: undefined,
- type: undefined,
- state: undefined,
- },
- // 琛ㄥ崟鍙傛暟
- form: {},
- // 琛ㄥ崟鏍￠獙
- rules: {
- locationId: [
- { required: true, message: "搴撲綅ID涓嶈兘涓虹┖", trigger: "blur" }
- ],
- parentLocationId: [
- { required: true, message: "闅跺睘搴撲綅ID涓嶈兘涓虹┖", trigger: "blur" }
- ],
- lgort: [
- { required: true, message: "浠撳簱涓嶈兘涓虹┖", trigger: "blur" }
- ],
- locationNo: [
- { required: true, message: "搴撲綅搴忓彿涓嶈兘涓虹┖", trigger: "blur" }
- ],
- locationName: [
- { required: true, message: "鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
- ],
- werks: [
- { required: true, message: "宸ュ巶涓嶈兘涓虹┖", trigger: "blur" }
- ],
- type: [
- { required: true, message: "绫诲瀷涓嶈兘涓虹┖", trigger: "change" }
- ],
- volumeRestriction: [
- { required: true, message: "浣撶Н闄愬埗涓嶈兘涓虹┖", trigger: "blur" }
- ],
- weightLimit: [
- { required: true, message: "閲嶉噺闄愬埗涓嶈兘涓虹┖", trigger: "blur" }
- ],
- containerNumberLimit: [
- { required: true, message: "绠辨暟闄愬埗涓嶈兘涓虹┖", trigger: "blur" }
- ],
- quantitativeRestrictions: [
- { required: true, message: "鏁伴噺闄愬埗涓嶈兘涓虹┖", trigger: "blur" }
- ],
- trayLimit: [
- { required: true, message: "鎵樼洏闄愬埗涓嶈兘涓虹┖", trigger: "blur" }
- ],
- length: [
- { required: true, message: "闀垮害涓嶈兘涓虹┖", trigger: "blur" }
- ],
- width: [
- { required: true, message: "瀹戒笉鑳戒负绌�", trigger: "blur" }
- ],
- height: [
- { required: true, message: "楂樹笉鑳戒负绌�", trigger: "blur" }
- ],
- coordinateX: [
- { required: true, message: "鍧愭爣X涓嶈兘涓虹┖", trigger: "blur" }
- ],
- coordinateY: [
- { required: true, message: "鍧愭爣Y涓嶈兘涓虹┖", trigger: "blur" }
- ],
- coordinateZ: [
- { required: true, message: "鍧愭爣Z涓嶈兘涓虹┖", trigger: "blur" }
- ],
- pixelX: [
- { required: true, message: "鍍忕礌X涓嶈兘涓虹┖", trigger: "blur" }
- ],
- pixelY: [
- { required: true, message: "鍍忕礌Y涓嶈兘涓虹┖", trigger: "blur" }
- ],
- paceLayer: [
- { required: true, message: "绌洪棿灞傛暟涓嶈兘涓虹┖", trigger: "blur" }
- ],
- allowMixedProduct: [
- { required: true, message: "1-鍏佽涓嶈兘涓虹┖", trigger: "blur" }
- ],
- allowMixedProductLot: [
- { required: true, message: "1-鍏佽涓嶈兘涓虹┖", trigger: "blur" }
- ],
- layer: [
- { required: true, message: "灞傜骇涓嶈兘涓虹┖", trigger: "blur" }
- ],
- hasChild: [
- { required: true, message: "1-瀛樺湪涓嶈兘涓虹┖", trigger: "blur" }
- ],
- path: [
- { required: true, message: "璺緞涓嶈兘涓虹┖", trigger: "blur" }
- ],
- description: [
- { required: true, message: "鎻忚堪涓嶈兘涓虹┖", trigger: "blur" }
- ],
- state: [
- { required: true, message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur" }
- ],
- displayOrder: [
- { required: true, message: "鎺掑簭涓嶈兘涓虹┖", trigger: "blur" }
- ],
- createdUserId: [
- { required: true, message: "鍒涘缓浜篿d涓嶈兘涓虹┖", trigger: "blur" }
- ],
- createdUserName: [
- { required: true, message: "鍒涘缓浜哄鍚嶄笉鑳戒负绌�", trigger: "blur" }
- ],
- createdDateTime: [
- { required: true, message: "鍒涘缓鏃ユ湡鏃堕棿涓嶈兘涓虹┖", trigger: "blur" }
- ],
- lastUpdatedUserId: [
- { required: true, message: "鏈�鍚庢洿鏂颁汉id涓嶈兘涓虹┖", trigger: "blur" }
- ],
- lastUpdatedUserName: [
- { required: true, message: "鏈�鍚庢洿鏂颁汉濮撳悕涓嶈兘涓虹┖", trigger: "blur" }
- ],
- lastUpdatedDateTime: [
- { required: true, message: "鏈�鍚庢洿鏂版椂闂翠笉鑳戒负绌�", trigger: "blur" }
- ],
- isDeleted: [
- { required: true, message: "鏄惁鍒犻櫎涓嶈兘涓虹┖", trigger: "blur" }
- ]
- }
- };
- },
- created() {
- this.getList();
- },
- methods: {
- /** 鏌ヨ搴撲綅鍒楄〃 */
- getList() {
- this.loading = true;
- listLocation(this.queryParams).then(response => {
- this.locationList = response.rows;
- this.total = response.total;
- this.loading = false;
- });
- },
- // 鍙栨秷鎸夐挳
- cancel() {
- this.open = false;
- this.reset();
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- locationId: undefined,
- parentLocationId: undefined,
- lgort: undefined,
- locationNo: undefined,
- locationName: undefined,
- werks: undefined,
- type: undefined,
- volumeRestriction: undefined,
- weightLimit: undefined,
- containerNumberLimit: undefined,
- quantitativeRestrictions: undefined,
- trayLimit: undefined,
- length: undefined,
- width: undefined,
- height: undefined,
- coordinateX: undefined,
- coordinateY: undefined,
- coordinateZ: undefined,
- pixelX: undefined,
- pixelY: undefined,
- paceLayer: undefined,
- allowMixedProduct: undefined,
- allowMixedProductLot: undefined,
- layer: undefined,
- hasChild: undefined,
- path: undefined,
- description: undefined,
- state: undefined,
- displayOrder: undefined,
- createdUserId: undefined,
- createdUserName: undefined,
- createdDateTime: undefined,
- lastUpdatedUserId: undefined,
- lastUpdatedUserName: undefined,
- lastUpdatedDateTime: undefined,
- isDeleted: undefined
- };
- this.resetForm("form");
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 澶氶�夋閫変腑鏁版嵁
- handleSelectionChange(selection) {
- this.ids = selection.map(item => item.locationId)
- this.single = selection.length!==1
- this.multiple = !selection.length
- },
- /** 鏂板鎸夐挳鎿嶄綔 */
- handleAdd() {
- this.reset();
- this.open = true;
- this.title = "娣诲姞搴撲綅";
- },
- /** 淇敼鎸夐挳鎿嶄綔 */
- handleUpdate(row) {
- this.loading = true;
- this.reset();
- const locationId = row.locationId || this.ids
- getLocation(locationId).then(response => {
- this.loading = false;
- this.form = response.data;
- this.open = true;
- this.title = "淇敼搴撲綅";
- });
- },
- /** 鎻愪氦鎸夐挳 */
- submitForm() {
- this.$refs["form"].validate(valid => {
- if (valid) {
- this.buttonLoading = true;
- if (this.form.locationId != null) {
- updateLocation(this.form).then(response => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- this.open = false;
- this.getList();
- }).finally(() => {
- this.buttonLoading = false;
- });
- } else {
- addLocation(this.form).then(response => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
- this.open = false;
- this.getList();
- }).finally(() => {
- this.buttonLoading = false;
- });
- }
- }
- });
- },
- /** 鍒犻櫎鎸夐挳鎿嶄綔 */
- handleDelete(row) {
- const locationIds = row.locationId || this.ids;
- this.$modal.confirm('鏄惁纭鍒犻櫎搴撲綅缂栧彿涓�"' + locationIds + '"鐨勬暟鎹」锛�').then(() => {
- this.loading = true;
- return delLocation(locationIds);
- }).then(() => {
- this.loading = false;
- this.getList();
- this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(() => {
- }).finally(() => {
- this.loading = false;
- });
- },
- /** 瀵煎嚭鎸夐挳鎿嶄綔 */
- handleExport() {
- this.download('system/location/export', {
- ...this.queryParams
- }, `location_${new Date().getTime()}.xlsx`)
- }
- }
-};
+
+}
</script>
+
+<style scoped>
+.box{
+ width: 100%;
+ height: calc(100vh - 124px);
+ display: flex;
+ padding: 20px;
+}
+.box-card1{
+ width: 20%;
+ height: 100%;
+ background-color: #4b0f0f;
+}
+.box-card2{
+ width: 80%;
+ height: 100%;
+ background-color: #58c8eb;
+}
+</style>
+
+
--
Gitblit v1.9.3