费用管理-费用描述多个筛选

src/components/SearchForm/index.vue

@@ -128,4 +128,10 @@ const handleReset = () => {
 .el-inputs {
   width: 100% !important;
 }
+.el-input-tag__input::placeholder{
+  color:#a8abb2;
+}
+.el-input__inner::placeholder{
+  color:#a8abb2;
+}
 </style>

src/views/quoteConfig/costManagement.vue

@@ -148,6 +148,7 @@ const formInline = reactive({
   productId: "",//归属
   rulesName: '',//保险公司id
   costRules: '',//协议类型
+  costRulesList: '',//协议类型
   agreementStatus: "",//有效状态
   auditStatus: "",//协议状态
   validState: "",
@@ -189,7 +190,7 @@ const fields = ref([
     label: "承保规则", model: "rulesName", type: "input", placeholder: "输入业务规则查找",
   },
   {
-    label: "费用描述", model: "costRules", type: "input", placeholder: "输入费用描述关键字查找",
+    label: "费用描述", model: "costRulesList", type: "inputTag", placeholder: "输入费用描述关键字查找",
   },
 
   {
@@ -540,6 +541,7 @@ const resetForm = () => {
   formInline.productId = "";//归属
   formInline.rulesName = '';//保险公司id
   formInline.costRules = '';//协议类型
+  formInline.costRulesList = [];//协议类型
   formInline.agreementStatus = "";//有效状态
   formInline.auditStatus = "";//协议状态
   formInline.validState = "";