From 72e10b283ba0732c6c57d8f20c4210710052298c Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期一, 30 十月 2023 15:50:38 +0800
Subject: [PATCH] 岗位职务产品和类别调整
---
src/views/warehouseManage/warehouse/AddDialog.vue | 253 ++++++++++++++++++++++++++++----------------------
1 files changed, 140 insertions(+), 113 deletions(-)
diff --git a/src/views/warehouseManage/warehouse/AddDialog.vue b/src/views/warehouseManage/warehouse/AddDialog.vue
index 11e26d7..9894ef6 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,12 +173,10 @@
},
methods: {
// 璺嚎
- productClick() {
-
- },
+ productClick() {},
// 璁剧疆鍒犻櫎/鎵撳嵃/缂栬緫鏄惁鏄剧ず
setBottonView() {
- if (this.editConfig.title === "鏂板缓") {
+ if (this.editConfig.title === "鏂板缓"||this.editConfig.title === "缂栬緫") {
this.showEdit = false
this.showFooter = true
} else if (this.editConfig.infomation.status === "瀹屾垚") {
@@ -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