[update] 企标更改流程禁用一些修改单的字段,选择标准组件增加清空按钮

This commit is contained in:
lideqin
2024-03-18 14:01:40 +08:00
parent 44c8ccbc94
commit 744658bdaf
4 changed files with 33 additions and 13 deletions
+19 -1
View File
@@ -7,7 +7,9 @@
@input="indexClick($event)"
:disabled="disabled || selectOnly"
:max-length="500"
:placeholder="placeholder"/>
:placeholder="placeholder">
<a-icon v-if="nameStr || value" slot="suffix" class="close-icon" type="close-circle" theme="filled" @click="clearInput" />
</a-input>
<a-button v-if="!disabled" type="primary" class="button-box" @click="standardClick">
{{this.$t('standardSelect.standardSelection')}}
</a-button>
@@ -63,6 +65,13 @@ export default {
}
this.$refs.standardSelectionModal.open()
},
// 清空输入框
clearInput () {
console.log('输入框清空了')
this.$emit('change', '')
this.$emit('nameChange', '')
this.$emit('listChange', [])
},
// 输入框输入监听
indexClick (event) {
this.$emit('change', event.target.value)
@@ -101,4 +110,13 @@ export default {
margin-left: 10px;
}
}
.close-icon {
font-size: 12px;
color: rgba(0, 0, 0, 0.25);
transition: color 0.3s;
}
.close-icon:hover {
color: rgba(0, 0, 0, 0.45);
}
</style>
@@ -311,6 +311,7 @@ export default {
},
close () {
this.visible = false
this.selectedRowKeys = []
this.ipagination = {
current: 1,
pageSize: 10,