选择框改为DictRadio

master
czc 2 years ago
parent 3540898d2d
commit 31bde1f290

@ -15,7 +15,7 @@
<script> <script>
export default { export default {
props: ['radioData','size', 'value','showAll'], props: ['radioData','size', 'value','showAll', 'filter'],
data() { data() {
return { return {
// value:this.value // value:this.value
@ -32,7 +32,12 @@ export default {
}, },
dictList(){ dictList(){
let list = [...this.radioData]; let list = [...this.radioData];
if(this.showAll === "all"){ if (this.filter) {
list = list.filter(it => {
return this.filter.indexOf(it.value) == -1
})
}
if(this.showAll === "all"){
list.splice(0, 0, {label:"全部"}) list.splice(0, 0, {label:"全部"})
} }
return list return list

@ -2,14 +2,10 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
<el-form-item label="申请状态" prop="status"> <el-form-item label="申请状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择申请状态" clearable size="small"> <DictRadio v-model="queryParams.status" :radioData="dict.type.oms_aftersale_status" size="small" :show-all="'all'"></DictRadio>
<el-option v-for="(item, index) in dict.type.oms_aftersale_status" :label="item.label" :value="item.value" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="售后类型" prop="type"> <el-form-item label="售后类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择售后类型" clearable size="small"> <DictRadio v-model="queryParams.type" :radioData="dict.type.oms_aftersale_type" size="small" :show-all="'all'"></DictRadio>
<el-option v-for="(item, index) in dict.type.oms_aftersale_type" :label="item.label" :value="item.value" />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="订单号" prop="orderSn"> <el-form-item label="订单号" prop="orderSn">
<el-input v-model.trim="queryParams.orderSn" placeholder="请输入订单号" clearable size="small" <el-input v-model.trim="queryParams.orderSn" placeholder="请输入订单号" clearable size="small"

@ -2,19 +2,17 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
<el-form-item label="订单状态" prop="status"> <el-form-item label="订单状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择订单状态" clearable size="small"> <DictRadio v-model="queryParams.status" :radioData="dict.type.oms_order_status" size="small" :show-all="'all'" :filter="['11', '12', '13', '14']"></DictRadio>
<el-option v-for="(item, index) in dict.type.oms_order_status" :label="item.label" :value="item.value" v-if="item.value < 11"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="订单编号" prop="orderSn"> <el-form-item label="订单编号" prop="orderSn">
<el-input v-model.trim="queryParams.orderSn" placeholder="请输入订单编号" clearable size="small" <el-input v-model.trim="queryParams.orderSn" placeholder="请输入订单编号" clearable size="small"
@keyup.enter.native="handleQuery"/> @keyup.enter.native="handleQuery"/>
</el-form-item> </el-form-item>
<el-form-item label="支付方式" prop="payType"> <!-- <el-form-item label="支付方式" prop="payType">-->
<el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable size="small"> <!-- <el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable size="small">-->
<el-option v-for="(item, index) in dict.type.oms_pay_type" :label="item.label" :value="item.value"/> <!-- <el-option v-for="(item, index) in dict.type.oms_pay_type" :label="item.label" :value="item.value"/>-->
</el-select> <!-- </el-select>-->
</el-form-item> <!-- </el-form-item>-->
<!-- <el-form-item label="商品名称" prop="productName">--> <!-- <el-form-item label="商品名称" prop="productName">-->
<!-- <el-input v-model.trim="queryParams.productName" placeholder="请输入商品名称" clearable size="small"--> <!-- <el-input v-model.trim="queryParams.productName" placeholder="请输入商品名称" clearable size="small"-->
<!-- @keyup.enter.native="handleQuery"/>--> <!-- @keyup.enter.native="handleQuery"/>-->
@ -601,4 +599,7 @@ export default {
.el-link.el-link--default { .el-link.el-link--default {
color: #409eff; color: #409eff;
} }
.el-select{
width: 100%;
}
</style> </style>

@ -10,19 +10,8 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="操作人" prop="operateMan">--> <el-form-item label="订单状态" prop="status">
<!-- <el-input--> <DictRadio v-model="queryParams.status" :radioData="dict.type.oms_order_status" size="small" :show-all="'all'"></DictRadio>
<!-- v-model="queryParams.operateMan"-->
<!-- placeholder="请输入操作人"-->
<!-- clearable-->
<!-- size="small"-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="订单状态" prop="orderStatus">
<el-select v-model="queryParams.orderStatus" placeholder="请选择订单状态" clearable size="small">
<el-option v-for="(item, index) in dict.type.oms_order_status" :label="item.label" :value="item.value"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item class="flex_one tr"> <el-form-item class="flex_one tr">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button>

Loading…
Cancel
Save