|
@@ -16,10 +16,12 @@
|
|
|
placeholder="请输入名称"
|
|
|
prefix-icon="el-icon-search"
|
|
|
size="medium"
|
|
|
+ clearable
|
|
|
+ @change="filterList"
|
|
|
/>
|
|
|
<div class="tag-list">
|
|
|
<div
|
|
|
- v-for="(item,index) in list"
|
|
|
+ v-for="(item,index) in showList"
|
|
|
:key="item.id"
|
|
|
class="el-tag"
|
|
|
:style="item.isEdit&&'padding:0;border:none;'"
|
|
@@ -32,14 +34,20 @@
|
|
|
class="input-edit"
|
|
|
:ref="`inputRef${index}`"
|
|
|
size="small"
|
|
|
- @keyup.enter.native="editItemHandle(item)"
|
|
|
+ @change="editItemHandle(item)"
|
|
|
/>
|
|
|
<span v-else>
|
|
|
{{ item.label }}
|
|
|
- <i
|
|
|
- class="el-tag__close el-icon-close"
|
|
|
- @click.stop="closeItemHandle(item)"
|
|
|
- />
|
|
|
+ <el-popconfirm
|
|
|
+ :title="`是否确认删除该${type==='tag'?'标签':'品种'}`"
|
|
|
+ @onConfirm="closeItemHandle(item)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ slot="reference"
|
|
|
+ class="el-tag__close el-icon-close"
|
|
|
+ />
|
|
|
+ <!-- @click.stop="closeItemHandle(item)" -->
|
|
|
+ </el-popconfirm>
|
|
|
</span>
|
|
|
</div>
|
|
|
|
|
@@ -49,7 +57,7 @@
|
|
|
v-model="inputValue"
|
|
|
ref="saveTagInput"
|
|
|
size="small"
|
|
|
- @keyup.enter.native="addNewTagHandle"
|
|
|
+ @change="addNewTagHandle"
|
|
|
>
|
|
|
</el-input>
|
|
|
<el-button v-else size="small" @click="addNewItem">+ 标签</el-button>
|
|
@@ -84,17 +92,17 @@ export default {
|
|
|
this.initData();
|
|
|
}
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ showList() {
|
|
|
+ return this.list.length ? this.list.filter(_ => _.label.includes(this.searchTxt)) : []
|
|
|
+ }
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
searchTxt: '',
|
|
|
inputVisible: false,
|
|
|
inputValue: '',
|
|
|
- list: [
|
|
|
- { label: '基差' },
|
|
|
- { label: '库存' },
|
|
|
- { label: '进口' },
|
|
|
- { label: '产量' },
|
|
|
- ]
|
|
|
+ list: []
|
|
|
}
|
|
|
},
|
|
|
mounted(){
|
|
@@ -103,7 +111,6 @@ export default {
|
|
|
methods:{
|
|
|
/* 关闭标签 */
|
|
|
closeItemHandle(item) {
|
|
|
-
|
|
|
this.delItem(item)
|
|
|
},
|
|
|
|
|
@@ -113,6 +120,7 @@ export default {
|
|
|
: await crossVarietyInterface.varietyDel({ChartVarietyId:item.id})
|
|
|
|
|
|
if(res.Ret !== 200) return
|
|
|
+ this.$message.success('删除成功')
|
|
|
// let index = this.list.findIndex(_ => _.id === item.id);
|
|
|
// this.list.splice(index,1)
|
|
|
|
|
@@ -160,18 +168,20 @@ export default {
|
|
|
},
|
|
|
|
|
|
refreshData() {
|
|
|
- this.type==='tag' ? this.$parent.getTagList() : this.$parent.getVarietyList();
|
|
|
+ this.searchTxt = ''
|
|
|
+ this.$emit('refresh')
|
|
|
},
|
|
|
|
|
|
initData() {
|
|
|
this.list = this.dataList.map(_ => ({
|
|
|
- label: this.type==='tag' ? _.ChartTagName : _.ChartVarietyName,
|
|
|
- id: this.type==='tag' ? _.ChartTagId : _.ChartVarietyId,
|
|
|
+ label: _.ChartTagName || _.ChartVarietyName,
|
|
|
+ id: _.ChartTagId || _.ChartVarietyId,
|
|
|
..._
|
|
|
}))
|
|
|
},
|
|
|
|
|
|
cancelHandle() {
|
|
|
+ this.searchTxt = ''
|
|
|
this.$emit('update:isShow',false)
|
|
|
}
|
|
|
},
|