From 2cb8775339209916fcc889dfa9d5ea7a9f63cd24 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 27 六月 2022 18:08:02 +0800
Subject: [PATCH] 仓库定义、库位定义、物料类型 实现增删查改功能
---
src/views/zzmx/gylx.vue | 74 ++++++++++++++++++++++++++++--------
1 files changed, 57 insertions(+), 17 deletions(-)
diff --git a/src/views/zzmx/gylx.vue b/src/views/zzmx/gylx.vue
index 946cd75..375570a 100644
--- a/src/views/zzmx/gylx.vue
+++ b/src/views/zzmx/gylx.vue
@@ -118,7 +118,7 @@
<el-dialog
:title="operation==='add'?'鏂板':'淇敼'"
:visible.sync="dialogVisible"
- width="80%"
+ width="70%"
top="15vh"
@closed="handleClose"
@close="handleClose"
@@ -152,14 +152,22 @@
<el-input v-model="dialogForm.OrgName" type="textarea" style="width: 220px" />
</el-form-item>
</div>
- <el-form-item label="宸ヨ壓璁剧疆" prop="OrgName">
+ <el-form-item label="宸ヨ壓璁剧疆" prop="OrgName" style="margin-top: 30px">
<div class="settingDiv">
<!-- 瀹炵幇宸ヨ壓璁剧疆鍔ㄦ�佹坊鍔�-->
<div v-for="(tag,index) in dynamicTags" :key="tag.id" style="display: flex;align-items: center">
<div style="display: flex;align-items: center;position: relative;">
- <div class="orderNumber">{{ index }}</div>
+ <div
+ class="orderNumber"
+ :style="{
+ backgroundColor:index===0?'#f8f8fa':'#409EFF',
+ color:index===0?'#c6bbc4':'#FFFFFF',
+ border:index===0?'1px solid #c6bbc4':'1px solid #409EFF',
+ zIndex:!flag&&tag.label===flagSelected?0:2
+ }"
+ >
+ {{ index+1 }}</div>
<el-tooltip class="item" effect="dark" :content="tag.label" placement="top">
-
<!-- @close="handleTagClose(tag.label)"-->
<!-- :closable="index!==0"-->
<el-tag
@@ -175,7 +183,15 @@
<i class="el-icon-edit" @click="tagEdit(tag)" />
</el-tag>
</el-tooltip>
- <i v-if="index!==0" class="el-icon-close" @click="handleTagClose(tag.label)" />
+ <i
+ v-if="index!==0"
+ :style="{
+ left:!flag&&tag.label===flagSelected?'191px':'91px',
+ top:!flag&&tag.label===flagSelected?'-2px':'-8px',
+ }"
+ class="el-icon-close"
+ @click="handleTagClose(tag.label)"
+ />
<el-autocomplete
v-if="!flag&&tag.label===flagSelected"
:ref="'saveTagInput'+tag.id"
@@ -256,7 +272,7 @@
prop: 'lm_date', // 鎺掑簭瀛楁
order: 'desc', // 鎺掑簭瀛楁
page: 1, // 绗嚑椤�
- rows: 10 // 姣忛〉澶氬皯鏉�
+ rows: 20 // 姣忛〉澶氬皯鏉�
},
isEnableArr: [
{ label: '鏄�', value: 'Y' },
@@ -318,7 +334,8 @@
},
createFilter(queryString) {
return (restaurant) => {
- return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
+ // return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
+ return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1)
}
},
loadAll() {
@@ -395,6 +412,7 @@
this.dynamicTags.splice(index, 1)
}
})
+ this.addDisabled = false
},
showInput() {
@@ -695,7 +713,18 @@
*/
.orderNumber {
-
+ margin-bottom: 31px;
+ position: absolute;
+ margin-left: -7px;
+ z-index: 2;
+ width: 15px;
+ height: 15px !important;
+ font-size: 12px;
+ text-align: center;
+ line-height: 15px;
+ color: #FFFFFF;
+ background-color: #409EFF;
+ border-radius: 50%;
}
.el-icon-edit {
@@ -714,17 +743,22 @@
background-color: #99a9bf;
color: #FFFFFF;
}
- .el-icon-close {
- position: absolute ;
- top: -5px ;
- z-index: 100 ;
+
+.el-icon-close {
+ position: absolute;
+ top: -8px;
+ z-index: 2;
+ left: 91px;
cursor: pointer;
- padding: 1px 0 0 1px ;
+ color: #FFFFFF;
+ border-radius: 50%;
+ background-color: #ff7474;
+ padding: 1px 0 0 1px;
}
-.el-icon-close:hover {
- background-color: #99a9bf;
-}
+//.el-icon-close:hover {
+// background-color: #99a9bf;
+//}
.el-tag--dark {
background-color: $main_color;
@@ -746,10 +780,15 @@
border-radius: 0;
color: $main_color;
}
+::v-deep .el-button--success:disabled {
+ background-color:#eeeeee;
+ color: $main_color;
+}
::v-deep .el-tag {
//height: 30px;
border-radius: 0;
+ border: 1px solid $main_color;
}
::v-deep .el-input--small .el-input__inner {
@@ -759,7 +798,8 @@
.settingDiv {
display: flex;
width: 100%;
- height: 40px;
+ padding-left: 7px;
+ height: 56px;
overflow-x: scroll;
overflow-y: hidden;
align-items: center;
--
Gitblit v1.9.3