From f9536da2d1e3add6037ffbbcbce571c16df67045 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期二, 17 十月 2023 19:24:26 +0800
Subject: [PATCH] 产品模块、仓库管理模块全部新建弹窗样式修改
---
src/views/operate/scrap/AddScrapDialog.vue | 19
src/views/overview/AddOverviewDialog.vue | 4
src/views/warehouseManage/bussinessType/AddBussinessType.vue | 220 +++++++++---------
src/views/productManage/productCategory/AddProductCategoryDialog.vue | 5
src/views/warehouseManage/position/AddDialog.vue | 182 +++++++-------
src/components/makepager/FormBtnsView.vue | 2
src/views/productManage/product/AddProductDialog.vue | 5
src/views/warehouseManage/warehouse/AddDialog.vue | 251 +++++++++++---------
8 files changed, 361 insertions(+), 327 deletions(-)
diff --git a/src/components/makepager/FormBtnsView.vue b/src/components/makepager/FormBtnsView.vue
index eee8037..201eb77 100644
--- a/src/components/makepager/FormBtnsView.vue
+++ b/src/components/makepager/FormBtnsView.vue
@@ -142,7 +142,7 @@
<style lang="scss" scoped>
.content-number {
display: flex;
- // justify-content: left;
+ justify-content: right;
height: 44px;
// border-bottom: 1px solid #e9e9e9;
padding: 0px 10px;
diff --git a/src/views/operate/scrap/AddScrapDialog.vue b/src/views/operate/scrap/AddScrapDialog.vue
index c3c675e..a2fd3e4 100644
--- a/src/views/operate/scrap/AddScrapDialog.vue
+++ b/src/views/operate/scrap/AddScrapDialog.vue
@@ -29,7 +29,6 @@
label-position="right"
label-width="120px"
size="mini"
- style="height: 60vh; overflow-x: hidden"
>
<div>
<!-- <div>aaa</div> -->
@@ -121,9 +120,9 @@
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
</div>
</el-dialog>
</div>
@@ -313,13 +312,13 @@
height: calc(100% - 80px);
overflow: auto;
margin: 20px;
- border: 1px solid #dcdfe6;
- box-shadow: inset 0 0 2px #dee2e6;
- -moz-box-shadow: inset 0 0 2px #dee2e6;
- -webkit-box-shadow: inset 0 0 2px #dee2e6;
- .basic-info-view {
- margin-top: 20px;
- }
+ // border: 1px solid #dcdfe6;
+ // box-shadow: inset 0 0 2px #dee2e6;
+ // -moz-box-shadow: inset 0 0 2px #dee2e6;
+ // -webkit-box-shadow: inset 0 0 2px #dee2e6;
+ // .basic-info-view {
+ // margin-top: 20px;
+ // }
}
.purchase-view {
display: flex;
diff --git a/src/views/overview/AddOverviewDialog.vue b/src/views/overview/AddOverviewDialog.vue
index 2da5599..348a411 100644
--- a/src/views/overview/AddOverviewDialog.vue
+++ b/src/views/overview/AddOverviewDialog.vue
@@ -263,9 +263,9 @@
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
+ <div slot="footer" class="dialog-footer">
<!-- <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> -->
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
</div>
</el-dialog>
diff --git a/src/views/productManage/product/AddProductDialog.vue b/src/views/productManage/product/AddProductDialog.vue
index 94df055..8bb5ebb 100644
--- a/src/views/productManage/product/AddProductDialog.vue
+++ b/src/views/productManage/product/AddProductDialog.vue
@@ -29,7 +29,6 @@
label-position="right"
label-width="110px"
size="mini"
- style="height: 53vh; overflow-x: hidden"
>
<!-- <div class="content-btn">
<el-button plain size="mini" disabled>鏍囩鎵撳嵃</el-button>
@@ -450,8 +449,8 @@
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
</div>
</el-dialog>
diff --git a/src/views/productManage/productCategory/AddProductCategoryDialog.vue b/src/views/productManage/productCategory/AddProductCategoryDialog.vue
index 841d7b4..e0833be 100644
--- a/src/views/productManage/productCategory/AddProductCategoryDialog.vue
+++ b/src/views/productManage/productCategory/AddProductCategoryDialog.vue
@@ -36,7 +36,6 @@
label-position="right"
label-width="110px"
size="mini"
- style="height: 290px; overflow-x: hidden"
>
<div class="basic-info">
<FormBtnsView :showProduct="true" @productClick="productClick" />
@@ -161,9 +160,9 @@
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
+ <div slot="footer" class="dialog-footer">
<!-- <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> -->
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
</div>
</el-dialog>
diff --git a/src/views/warehouseManage/bussinessType/AddBussinessType.vue b/src/views/warehouseManage/bussinessType/AddBussinessType.vue
index c3e8669..77d51d0 100644
--- a/src/views/warehouseManage/bussinessType/AddBussinessType.vue
+++ b/src/views/warehouseManage/bussinessType/AddBussinessType.vue
@@ -30,15 +30,13 @@
label-position="left"
label-width="110px"
size="mini"
- style="height: 60vh; overflow-x: hidden"
>
<div class="basic-info">
<!-- <FormBtnsView :showProduct="true" @productClick="productClick" /> -->
<div class="basic-info-view">
- <el-row>
- <el-col :span="24">
- <div style="margin-left: 20px">鍏ュ簱绫诲瀷</div>
- <el-form-item label="" prop="name" label-width="20px">
+ <div class="purchase-view">
+ <div class="left" style="margin-left: 20px">
+ <el-form-item label="鍏ュ簱绫诲瀷" prop="name">
<el-input
v-model="editConfig.infomation.name"
placeholder="璇峰～鍐�"
@@ -46,10 +44,6 @@
style="width: 85%"
></el-input>
</el-form-item>
- </el-col>
- </el-row>
- <div class="purchase-view">
- <div class="left" style="margin-left: 20px">
<el-form-item label="浣滀笟绫诲瀷" prop="baseOperationType" :label-width="labelWidth">
<el-select
v-model="editConfig.infomation.baseOperationType"
@@ -58,10 +52,11 @@
style="width: 85%"
:disabled="!showFooter"
>
- <el-option v-for="item in baseOperationTypeList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
+ <el-option v-for="item in baseOperationTypeList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
</el-select>
</el-form-item>
-
+
<el-form-item label="搴忓彿鍓嶇紑" prop="prefix" :label-width="labelWidth">
<el-input
v-model="editConfig.infomation.prefix"
@@ -82,27 +77,6 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item
- v-if="editConfig.infomation.baseOperationType !== 1"
- label="淇濈暀鏂瑰紡"
- prop="reservationMethod"
- :label-width="labelWidth"
- >
- <el-radio-group
- v-model="editConfig.infomation.reservationMethod"
- @input="reserveMethodClick"
- :disabled="!showFooter"
- >
- <div style="margin-top: 8px">
- <el-radio v-for="item in reservationMethodList"
- :key="item.id"
- :value="item.id"
- :label="item.name"
- >
- </el-radio>
- </div>
- </el-radio-group>
- </el-form-item>
<!-- <el-form-item
v-if="editConfig.infomation.resource == '鍦ㄩ瀹氭棩鏈熶箣鍓�'"
label="鍦ㄩ瀹氭棩鏈熷墠棰勫畾"
@@ -118,7 +92,6 @@
</el-form-item> -->
</div>
<div class="right">
-
<el-form-item label="閫�璐х被鍨�" prop="returnOperationTypeID">
<el-select
v-model="editConfig.infomation.returnOperationTypeID"
@@ -128,7 +101,12 @@
style="width: 85%"
:disabled="!showFooter"
>
- <el-option v-for="item in returnOperationTypeList" :key="item.id" :label="item.username" :value="item.id">
+ <el-option
+ v-for="item in returnOperationTypeList"
+ :key="item.id"
+ :label="item.username"
+ :value="item.id"
+ >
</el-option>
</el-select>
</el-form-item>
@@ -154,16 +132,35 @@
>
<el-checkbox v-model="editConfig.infomation.earlyOperations"></el-checkbox>
</el-form-item>
+ <el-form-item
+ v-if="editConfig.infomation.baseOperationType !== 1"
+ label="淇濈暀鏂瑰紡"
+ prop="reservationMethod"
+ :label-width="labelWidth"
+ >
+ <el-radio-group
+ v-model="editConfig.infomation.reservationMethod"
+ @input="reserveMethodClick"
+ :disabled="!showFooter"
+ >
+ <div style="margin-top: 8px">
+ <el-radio
+ v-for="item in reservationMethodList"
+ :key="item.id"
+ :value="item.id"
+ :label="item.name"
+ >
+ </el-radio>
+ </div>
+ </el-radio-group>
+ </el-form-item>
</div>
</div>
- <!-- <el-col :span="24">
-
- </el-col> -->
</div>
<div class="bottom">
<div class="purchase-view">
<div class="left">
- <div class="second-label">浣嶇疆</div>
+ <!-- <div class="second-label">浣嶇疆</div> -->
<el-form-item label="榛樿婧愪綅缃�" prop="defaultLocationSrcId" style="margin-left: 20px">
<el-select
v-model="editConfig.infomation.defaultLocationSrcId"
@@ -176,6 +173,8 @@
</el-option>
</el-select>
</el-form-item>
+ </div>
+ <div class="right">
<el-form-item label="榛樿鐩殑浣嶇疆" prop="defaultLocationDestId" style="margin-left: 20px">
<el-select
v-model="editConfig.infomation.defaultLocationDestId"
@@ -189,15 +188,14 @@
</el-select>
</el-form-item>
</div>
- <div class="right"></div>
</div>
</div>
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
+ <div slot="footer" class="dialog-footer">
<!-- <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> -->
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
</div>
</el-dialog>
@@ -205,8 +203,14 @@
</template>
<script>
-import { addOperationType,updateOperationType,getWarehouseList,deleteOperationType,getLocationList} from "@/api/warehouseManage/warehouse"
-import { getDataByType } from "@/api/data";
+import {
+ addOperationType,
+ updateOperationType,
+ getWarehouseList,
+ deleteOperationType,
+ getLocationList
+} from "@/api/warehouseManage/warehouse"
+import { getDataByType } from "@/api/data"
export default {
name: "AddBussinessType",
props: {
@@ -232,25 +236,25 @@
name: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }],
// 鍓嶇紑
prefix: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }],
- baseOperationType: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }],
+ baseOperationType: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }]
},
// 浣嶇疆
locationList: [],
- warehouseList:[],
+ warehouseList: [],
// 閫�璐х被鍨�
- returnOperationTypeList:[],
+ returnOperationTypeList: [],
// 浣滀笟绫诲瀷
- baseOperationTypeList:getDataByType('baseOperationType'),
+ baseOperationTypeList: getDataByType("baseOperationType"),
// 鍒涘缓娆犲崟
- createBackorderList:getDataByType('createBackorder'),
+ createBackorderList: getDataByType("createBackorder"),
// 淇濈暀鏂瑰紡
- reservationMethodList:getDataByType('reservationMethod'),
+ reservationMethodList: getDataByType("reservationMethod"),
showButton: true,
showEdit: false, // 鏄惁鏄剧ず缂栬緫鎸夐挳
isDelClick: false, // 鍒犻櫎鎸夐挳鏄惁鍙偣鍑�
showFooter: false, // 鏄惁鏄剧ず鍙栨秷淇濆瓨
labelWidth: "90px",
- positionlist:[],
+ positionlist: []
}
},
created() {
@@ -261,26 +265,26 @@
// 浠撳簱
async getWarehouse() {
await getLocationList({
- keyword:'',
+ keyword: "",
page: 0,
pageSize: 0
}).then((res) => {
if (res.code === 200) {
- this.positionlist = res.data?res.data:[]
+ this.positionlist = res.data ? res.data : []
this.$forceUpdate()
}
})
await getWarehouseList({
- keyword: '',
+ keyword: "",
page: 0,
pageSize: 0
}).then((res) => {
if (res.data.code == 200) {
- this.warehouseList = res.data.data?res.data.data:[]
+ this.warehouseList = res.data.data ? res.data.data : []
}
})
},
- getList(){
+ getList() {
this.getWarehouse()
},
// 璁剧疆鍒犻櫎/鎵撳嵃/缂栬緫鏄惁鏄剧ず
@@ -300,16 +304,16 @@
},
// 鍒櫎
deleteClick() {
- let data = JSON.parse(JSON.stringify(this.editConfig.infomation));
+ let data = JSON.parse(JSON.stringify(this.editConfig.infomation))
deleteOperationType({ id: data.id }).then((res) => {
if (res.code === 200) {
- this.editConfig.visible = false;
- this.$message.success("鍒櫎鎴愬姛!");
- this.$emit("refresh");
+ this.editConfig.visible = false
+ this.$message.success("鍒櫎鎴愬姛!")
+ this.$emit("refresh")
} else {
- this.$message.warning(res.msg?res.msg:"鍒犻櫎澶辫触!")
- }
- });
+ this.$message.warning(res.msg ? res.msg : "鍒犻櫎澶辫触!")
+ }
+ })
},
// 缂栬緫
editClick() {
@@ -318,67 +322,67 @@
this.showFooter = true
},
saveParams() {
- let data =JSON.parse(JSON.stringify(this.editConfig.infomation));
-
+ let data = JSON.parse(JSON.stringify(this.editConfig.infomation))
+
let params = {
// 鍏ュ簱绫诲瀷
- name:data.name,
+ name: data.name,
// 鍓嶇紑
- prefix:data.prefix,
+ prefix: data.prefix,
// 浣滀笟绫诲瀷
- baseOperationType:data.baseOperationType,
+ baseOperationType: data.baseOperationType,
// 閫�璐х被鍨�
- returnOperationTypeID:data.returnOperationTypeID,
+ returnOperationTypeID: data.returnOperationTypeID,
// 鍒涘缓娆犲崟
- createBackorder:data.createBackorder,
+ createBackorder: data.createBackorder,
// 浠撳簱
- warehouseId:data.warehouseId,
+ warehouseId: data.warehouseId,
// 鏄剧ず浣滀笟璇︽儏
- showOperations:data.showOperations,
- earlyOperations:data.earlyOperations,
+ showOperations: data.showOperations,
+ earlyOperations: data.earlyOperations,
// 淇濈暀鏂瑰紡
- reservationMethod:data.reservationMethod,
+ reservationMethod: data.reservationMethod,
// 榛樿鍘熶綅缃�
- defaultLocationSrcId:data.defaultLocationSrcId,
+ defaultLocationSrcId: data.defaultLocationSrcId,
// 榛樿鐩爣浣嶇疆
- defaultLocationDestId:data.defaultLocationDestId,
+ defaultLocationDestId: data.defaultLocationDestId
}
- if(data.id){
- params.id=data.id
+ if (data.id) {
+ params.id = data.id
}
- return params;
+ return params
},
// 淇濆瓨
saveClick(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
- const params = this.saveParams();
- if (this.editConfig.title === "鏂板缓") {
- addOperationType(params).then((res) => {
- if (res.code === 200) {
- this.editConfig.visible = false;
- this.$message.success("娣诲姞鎴愬姛!");
- this.$emit('refresh')
- } else {
- this.$message.warning(res.msg?res.msg:"娣诲姞澶辫触!")
- }
- });
- } else {
- updateOperationType(params).then((res) => {
- if (res.code === 200) {
- this.editConfig.visible = false;
- this.$message.success("缂栬緫鎴愬姛!");
- this.$emit('refresh')
- } else {
- this.$message.warning(res.msg?res.msg:"缂栬緫澶辫触!")
- }
- });
- }
- }else {
- console.log("error submit");
- return false;
+ const params = this.saveParams()
+ if (this.editConfig.title === "鏂板缓") {
+ addOperationType(params).then((res) => {
+ if (res.code === 200) {
+ this.editConfig.visible = false
+ this.$message.success("娣诲姞鎴愬姛!")
+ this.$emit("refresh")
+ } else {
+ this.$message.warning(res.msg ? res.msg : "娣诲姞澶辫触!")
+ }
+ })
+ } else {
+ updateOperationType(params).then((res) => {
+ if (res.code === 200) {
+ this.editConfig.visible = false
+ this.$message.success("缂栬緫鎴愬姛!")
+ this.$emit("refresh")
+ } else {
+ this.$message.warning(res.msg ? res.msg : "缂栬緫澶辫触!")
+ }
+ })
+ }
+ } else {
+ console.log("error submit")
+ return false
}
- });
+ })
},
// 鍒犻櫎
delClick() {},
@@ -423,10 +427,10 @@
height: calc(100% - 80px);
overflow: auto;
margin: 20px;
- border: 1px solid #dcdfe6;
- box-shadow: inset 0 0 2px #dee2e6;
- -moz-box-shadow: inset 0 0 2px #dee2e6;
- -webkit-box-shadow: inset 0 0 2px #dee2e6;
+ // border: 1px solid #dcdfe6;
+ // box-shadow: inset 0 0 2px #dee2e6;
+ // -moz-box-shadow: inset 0 0 2px #dee2e6;
+ // -webkit-box-shadow: inset 0 0 2px #dee2e6;
.content-number {
display: flex;
justify-content: right;
diff --git a/src/views/warehouseManage/position/AddDialog.vue b/src/views/warehouseManage/position/AddDialog.vue
index e61fef4..19ece9a 100644
--- a/src/views/warehouseManage/position/AddDialog.vue
+++ b/src/views/warehouseManage/position/AddDialog.vue
@@ -27,35 +27,34 @@
ref="form"
:model="editConfig.infomation"
:rules="rules"
- label-position="left"
- label-width="110px"
+ label-position="right"
+ label-width="130px"
size="mini"
- style="height: 60vh; overflow-x: hidden"
>
- <div>
- <!-- <div>aaa</div> -->
+ <div class="content-number-bg">
<FormBtnsView :showPosition="true" :showWarehouse="false" @productClick="productClick" />
</div>
<div class="basic-info">
<div class="basic-info-view">
<el-row>
- <el-col :span="24" class="line_height_30px">
+ <el-col :span="12" class="line_height_30px">
<el-form-item label="浣嶇疆鍚嶇О" prop="name">
<el-input
:disabled="!showFooter"
v-model="editConfig.infomation.name"
placeholder="璇疯緭鍏�"
+ style="width: 90%"
></el-input>
</el-form-item>
</el-col>
- <el-col :span="24">
+ <el-col :span="12">
<el-form-item label="涓婄骇浣嶇疆" prop="parentId">
<el-select
v-model="editConfig.infomation.parentId"
placeholder="璇烽�夋嫨"
size="mini"
- style="width: 45%"
:disabled="!showFooter"
+ style="width: 90%"
>
<el-option v-for="item in positionList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
@@ -63,79 +62,83 @@
</el-form-item>
</el-col>
</el-row>
- </div>
- <div class="bottom">
- <div class="left">
- <div class="second-label">鍏朵粬淇℃伅</div>
- <el-form-item label="浣嶇疆绫诲瀷" prop="type">
- <el-select
- v-model="editConfig.infomation.type"
- filterable
- :disabled="!showFooter"
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- no-data-text="鏆傛棤鏁版嵁"
+ <div class="purchase-view">
+ <div class="left">
+ <el-form-item label="浣嶇疆绫诲瀷" prop="type">
+ <el-select
+ v-model="editConfig.infomation.type"
+ filterable
+ :disabled="!showFooter"
+ placeholder="璇烽�夋嫨"
+ style="width: 90%"
+ no-data-text="鏆傛棤鏁版嵁"
+ >
+ <el-option v-for="item in positionTypeList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ label="鏄竴涓姤搴熶綅缃�"
+ v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 5"
+ prop="isScrapLocation"
>
- <el-option v-for="item in positionTypeList" :key="item.id" :label="item.name" :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item
- label="鏄竴涓姤搴熶綅缃�"
- v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 5"
- prop="isScrapLocation"
- >
- <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isScrapLocation"> </el-checkbox>
- </el-form-item>
- <el-form-item label="鏄竴涓��鍥炰綅缃�" prop="isReturnLocation">
- <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isReturnLocation"> </el-checkbox>
- </el-form-item>
- <el-form-item label="琛ュ厖浣嶇疆" v-if="editConfig.infomation.type == 3" prop="replenishLocation">
- <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.replenishLocation"> </el-checkbox>
- </el-form-item>
+ <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isScrapLocation"> </el-checkbox>
+ </el-form-item>
+ <el-form-item label="鏄竴涓��鍥炰綅缃�" prop="isReturnLocation">
+ <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isReturnLocation"> </el-checkbox>
+ </el-form-item>
+ <el-form-item label="琛ュ厖浣嶇疆" v-if="editConfig.infomation.type == 3" prop="replenishLocation">
+ <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.replenishLocation"> </el-checkbox>
+ </el-form-item>
+ </div>
+ <div class="right" v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 7">
+ <!-- <div class="second-label">寰幆璁℃暟</div> -->
+ <el-form-item label="鐩樼偣棰戠巼锛堝ぉ锛�" prop="countFrequency">
+ <el-input
+ :disabled="!showFooter"
+ v-model="editConfig.infomation.countFrequency"
+ placeholder="璇疯緭鍏�"
+ style="width: 90%"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="鏈�杩戞湁鏁堢洏鐐�" prop="recentlyCount">
+ <el-date-picker
+ :disabled="!showFooter"
+ v-model="editConfig.infomation.recentlyCount"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ value-format="yyyy-MM-dd"
+ style="width: 90%"
+ >
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="棰勮涓嬩竴娆＄洏鐐�" prop="nextCount">
+ <el-date-picker
+ :disabled="!showFooter"
+ v-model="editConfig.infomation.nextCount"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ value-format="yyyy-MM-dd"
+ style="width: 90%"
+ >
+ </el-date-picker>
+ </el-form-item>
+ </div>
</div>
- <div class="left" v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 7">
- <div class="second-label">寰幆璁℃暟</div>
- <el-form-item label="鐩樼偣棰戠巼锛堝ぉ锛�" prop="countFrequency">
- <el-input
- :disabled="!showFooter"
- v-model="editConfig.infomation.countFrequency"
- placeholder="璇疯緭鍏�"
- ></el-input>
- </el-form-item>
- <el-form-item label="鏈�杩戞湁鏁堢洏鐐�" prop="recentlyCount">
- <el-date-picker
- :disabled="!showFooter"
- v-model="editConfig.infomation.recentlyCount"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- value-format="yyyy-MM-dd"
- >
- </el-date-picker>
- </el-form-item>
- <el-form-item label="棰勮涓嬩竴娆＄洏鐐�" prop="nextCount">
- <el-date-picker
- :disabled="!showFooter"
- v-model="editConfig.infomation.nextCount"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- value-format="yyyy-MM-dd"
- >
- </el-date-picker>
- </el-form-item>
- </div>
+ <el-form-item label="澶囨敞" prop="notes">
+ <el-input
+ :disabled="!showFooter"
+ type="textarea"
+ placeholder="澶栭儴澶囨敞"
+ :autosize="{ minRows: 3, maxRows: 4 }"
+ maxlength="500"
+ clearable
+ v-model="editConfig.infomation.notes"
+ style="width: 96%"
+ ></el-input>
+ </el-form-item>
</div>
- <el-form-item label="" prop="notes" label-width="20px">
- <el-input
- :disabled="!showFooter"
- type="textarea"
- placeholder="澶栭儴澶囨敞"
- :autosize="{ minRows: 3, maxRows: 4 }"
- maxlength="500"
- clearable
- v-model="editConfig.infomation.notes"
- ></el-input>
- </el-form-item>
+
<div class="bottom">
<!-- <div class="left"> -->
<!-- <div class="second-label">鐗╂祦</div> -->
@@ -163,9 +166,9 @@
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
</div>
</el-dialog>
</div>
@@ -347,18 +350,21 @@
.content-status {
display: flex;
}
+.content-number-bg {
+ margin-top: 10px;
+}
.basic-info {
height: calc(100% - 80px);
overflow: auto;
margin: 20px;
- border: 1px solid #dcdfe6;
- box-shadow: inset 0 0 2px #dee2e6;
- -moz-box-shadow: inset 0 0 2px #dee2e6;
- -webkit-box-shadow: inset 0 0 2px #dee2e6;
- .basic-info-view {
- margin-top: 20px;
- padding: 0 20px;
- }
+ // border: 1px solid #dcdfe6;
+ // box-shadow: inset 0 0 2px #dee2e6;
+ // -moz-box-shadow: inset 0 0 2px #dee2e6;
+ // -webkit-box-shadow: inset 0 0 2px #dee2e6;
+ // .basic-info-view {
+ // margin-top: 20px;
+ // padding: 0 20px;
+ // }
.bottom {
display: flex;
margin-left: 20px;
diff --git a/src/views/warehouseManage/warehouse/AddDialog.vue b/src/views/warehouseManage/warehouse/AddDialog.vue
index 11e26d7..3a53609 100644
--- a/src/views/warehouseManage/warehouse/AddDialog.vue
+++ b/src/views/warehouseManage/warehouse/AddDialog.vue
@@ -27,96 +27,113 @@
ref="form"
:model="editConfig.infomation"
:rules="rules"
- label-position="left"
+ label-position="right"
label-width="100px"
size="mini"
- style="height: 60vh; overflow-x: hidden"
>
- <div>
- <!-- <div>aaa</div> -->
+ <div class="content-number-bg">
<FormBtnsView :showWarehouse="true" @productClick="productClick" />
</div>
<div class="basic-info">
<div class="basic-info-view">
-
<el-row>
- <el-col :span="24" class="line_height_30px">
+ <el-col :span="12" class="line_height_30px">
<el-form-item label="浠撳簱" prop="name">
- <el-input
- :disabled="showEdit"
- v-model="editConfig.infomation.name"
- placeholder="璇疯緭鍏�"
- ></el-input>
+ <el-input :disabled="showEdit" v-model="editConfig.infomation.name" placeholder="璇疯緭鍏�"></el-input>
</el-form-item>
</el-col>
- <el-col :span="11">
+ <el-col :span="12">
<el-form-item label="缂╁啓" prop="code">
- <el-input
- :disabled="showEdit"
- v-model="editConfig.infomation.code"
- placeholder="璇疯緭鍏�"
- ></el-input>
+ <el-input :disabled="showEdit" v-model="editConfig.infomation.code" placeholder="璇疯緭鍏�"></el-input>
</el-form-item>
</el-col>
- <el-col :span="2"> </el-col>
- <el-col :span="11">
+ <el-col :span="12">
<el-form-item label="鍦板潃" prop="address">
<el-input
- :disabled="showEdit"
+ :disabled="showEdit"
v-model="editConfig.infomation.address"
placeholder="璇疯緭鍏�"
></el-input>
</el-form-item>
</el-col>
+ <el-col :span="24">
+ <el-form-item label="鍏ュ悜杩愯緭" prop="inboundTransportation">
+ <el-radio-group :disabled="showEdit" v-model="editConfig.infomation.inboundTransportation">
+ <el-radio
+ style="width: 90%"
+ class="line_height_30px"
+ v-for="item in inboundTransportationList"
+ :key="item.id"
+ :disabled="item.disabled"
+ :label="item.id"
+ >{{ item.name }}</el-radio
+ >
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="鍑哄簱杩愯緭" prop="outboundTransportation">
+ <el-radio-group :disabled="showEdit" v-model="editConfig.infomation.outboundTransportation">
+ <el-radio
+ style="width: 90%"
+ class="line_height_30px"
+ v-for="item in outboundTransportationList"
+ :key="item.id"
+ :disabled="item.disabled"
+ :label="item.id"
+ >{{ item.name }}</el-radio
+ >
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
</el-row>
</div>
- <div class="bottom">
+ <!-- <div class="bottom">
<el-tabs v-model="activeName" type="card">
<el-tab-pane label="浠撳簱閰嶇疆" name="first">
- <div class="second-label">杩愯緭</div>
<el-form-item label="鍏ュ悜杩愯緭" prop="inboundTransportation">
- <el-radio-group
- :disabled="showEdit"
- v-model="editConfig.infomation.inboundTransportation"
- >
- <el-radio style="width:100%;" class="line_height_30px"
- v-for="(item) in inboundTransportationList"
- :key='item.id'
- :disabled="item.disabled"
- :label="item.id"
- >{{item.name}}</el-radio>
+ <el-radio-group :disabled="showEdit" v-model="editConfig.infomation.inboundTransportation">
+ <el-radio
+ style="width: 100%"
+ class="line_height_30px"
+ v-for="item in inboundTransportationList"
+ :key="item.id"
+ :disabled="item.disabled"
+ :label="item.id"
+ >{{ item.name }}</el-radio
+ >
</el-radio-group>
</el-form-item>
<el-form-item label="鍑哄簱杩愯緭" prop="outboundTransportation">
- <el-radio-group
- :disabled="showEdit"
- v-model="editConfig.infomation.outboundTransportation"
- >
- <el-radio style="width:100%;" class="line_height_30px"
- v-for="(item) in outboundTransportationList"
- :key='item.id'
- :disabled="item.disabled"
- :label="item.id"
- >{{item.name}}</el-radio>
+ <el-radio-group :disabled="showEdit" v-model="editConfig.infomation.outboundTransportation">
+ <el-radio
+ style="width: 100%"
+ class="line_height_30px"
+ v-for="item in outboundTransportationList"
+ :key="item.id"
+ :disabled="item.disabled"
+ :label="item.id"
+ >{{ item.name }}</el-radio
+ >
</el-radio-group>
</el-form-item>
</el-tab-pane>
</el-tabs>
- </div>
+ </div> -->
</div>
</el-form>
<!-- 灏� -->
- <div v-if="showFooter" slot="footer" class="dialog-footer">
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
- <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
-import { addWarehouse,updateWarehouse,deleteWarehouse } from "@/api/warehouseManage/warehouse"
-import { getDataByType } from "@/api/data";
+import { addWarehouse, updateWarehouse, deleteWarehouse } from "@/api/warehouseManage/warehouse"
+import { getDataByType } from "@/api/data"
export default {
name: "AddScrapDialog",
props: {
@@ -135,20 +152,20 @@
computed: {},
data() {
return {
- activeName:'first',
+ activeName: "first",
dialogWidth: "50%",
editConfig: this.editCommonConfig,
rules: {
name: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }],
- code: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }],
+ code: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }]
},
memberOptions: [],
paymentTypeListOptions: [],
showEdit: false, // 鏄惁鏄剧ず缂栬緫鎸夐挳
showFooter: false, // 鏄惁鏄剧ず鍙栨秷淇濆瓨
currentState: "todo", // 褰撳墠鐘舵��
- inboundTransportationList:getDataByType('inboundTransportation'),
- outboundTransportationList:getDataByType('outboundTransportation'),
+ inboundTransportationList: getDataByType("inboundTransportation"),
+ outboundTransportationList: getDataByType("outboundTransportation")
}
},
created() {
@@ -156,9 +173,7 @@
},
methods: {
// 璺嚎
- productClick() {
-
- },
+ productClick() {},
// 璁剧疆鍒犻櫎/鎵撳嵃/缂栬緫鏄惁鏄剧ず
setBottonView() {
if (this.editConfig.title === "鏂板缓") {
@@ -178,16 +193,16 @@
},
// 鍒櫎
deleteClick() {
- let data = JSON.parse(JSON.stringify(this.editConfig.infomation));
+ let data = JSON.parse(JSON.stringify(this.editConfig.infomation))
deleteWarehouse({ id: data.id }).then((res) => {
if (res.code === 200) {
- this.editConfig.visible = false;
- this.$message.success("鍒櫎鎴愬姛!");
- this.$emit("refresh");
- }else {
- this.$message.warning(res.msg?res.msg:"鍒櫎澶辫触!")
- }
- });
+ this.editConfig.visible = false
+ this.$message.success("鍒櫎鎴愬姛!")
+ this.$emit("refresh")
+ } else {
+ this.$message.warning(res.msg ? res.msg : "鍒櫎澶辫触!")
+ }
+ })
},
// 缂栬緫
editClick() {
@@ -195,52 +210,52 @@
this.showFooter = true
},
saveParams() {
- let data =JSON.parse(JSON.stringify(this.editConfig.infomation));
-
+ let data = JSON.parse(JSON.stringify(this.editConfig.infomation))
+
let params = {
- address:data.address,
- buyToResupply:data.buyToResupply,
- code:data.code,
- name:data.name,
- inboundTransportation:data.inboundTransportation,
- outboundTransportation:data.outboundTransportation,
+ address: data.address,
+ buyToResupply: data.buyToResupply,
+ code: data.code,
+ name: data.name,
+ inboundTransportation: data.inboundTransportation,
+ outboundTransportation: data.outboundTransportation
}
- if(data.id){
- params.id=data.id
+ if (data.id) {
+ params.id = data.id
}
- return params;
+ return params
},
// 淇濆瓨
saveClick(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
- const params = this.saveParams();
- if (this.editConfig.title === "鏂板缓") {
- addWarehouse(params).then((res) => {
- if (res.code === 200) {
- this.editConfig.visible = false;
- this.$message.success("娣诲姞鎴愬姛!");
- this.$emit('refresh')
- }else {
- this.$message.warning(res.msg?res.msg:"娣诲姞澶辫触!")
- }
- });
- } else {
- updateWarehouse(params).then((res) => {
- if (res.code === 200) {
- this.editConfig.visible = false;
- this.$message.success("缂栬緫鎴愬姛!");
- this.$emit('refresh')
- }else {
- this.$message.warning(res.msg?res.msg:"缂栬緫澶辫触!")
- }
- });
- }
- }else {
- console.log("error submit");
- return false;
+ const params = this.saveParams()
+ if (this.editConfig.title === "鏂板缓") {
+ addWarehouse(params).then((res) => {
+ if (res.code === 200) {
+ this.editConfig.visible = false
+ this.$message.success("娣诲姞鎴愬姛!")
+ this.$emit("refresh")
+ } else {
+ this.$message.warning(res.msg ? res.msg : "娣诲姞澶辫触!")
+ }
+ })
+ } else {
+ updateWarehouse(params).then((res) => {
+ if (res.code === 200) {
+ this.editConfig.visible = false
+ this.$message.success("缂栬緫鎴愬姛!")
+ this.$emit("refresh")
+ } else {
+ this.$message.warning(res.msg ? res.msg : "缂栬緫澶辫触!")
+ }
+ })
+ }
+ } else {
+ console.log("error submit")
+ return false
}
- });
+ })
}
}
}
@@ -264,29 +279,31 @@
.content-status {
display: flex;
}
+.content-number-bg {
+ margin-top: 10px;
+}
.basic-info {
height: calc(100% - 80px);
overflow: auto;
margin: 20px;
- border: 1px solid #dcdfe6;
- box-shadow: inset 0 0 2px #dee2e6;
- -moz-box-shadow: inset 0 0 2px #dee2e6;
- -webkit-box-shadow: inset 0 0 2px #dee2e6;
- .basic-info-view {
- margin-top: 20px;
- padding:0 20px;
+ // border: 1px solid #dcdfe6;
+ // box-shadow: inset 0 0 2px #dee2e6;
+ // -moz-box-shadow: inset 0 0 2px #dee2e6;
+ // -webkit-box-shadow: inset 0 0 2px #dee2e6;
+ // .basic-info-view {
+ // margin-top: 20px;
+ // padding: 0 20px;
+ // }
- }
- .bottom{
+ .bottom {
.second-label {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 10px;
}
- ::v-deep .el-tabs__content{
+ ::v-deep .el-tabs__content {
padding: 0 20px;
}
}
-
}
.purchase-view {
display: flex;
@@ -309,8 +326,18 @@
color: #333;
}
}
- .el-tabs--card > .el-tabs__header .el-tabs__nav {
- margin-left: 20px;
+ .el-tabs--card > .el-tabs__header {
+ border-bottom: none;
+ }
+ .el-tabs__item.is-active {
+ color: #fff;
+ background: #2a78fb;
+ }
+ .el-tabs__item {
+ height: 30px;
+ line-height: 30px;
+ font-size: 13px;
+ background: #f3f3f3;
}
.el-tabs__item {
height: 30px;
--
Gitblit v1.8.0