这里记录一个解决思路
搜索栏的下拉选择框设置：
1
2
3
4
5
6
7
8
9
10
11
12
| <fks-select
v-model="searchParams.projectStatus"
placeholder="请选择"
>
<!-- 已完成、审批中、暂存、已驳回 -->
<fks-option
v-for="item in stateOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</fks-select>
|
表单列显示设置：
1
2
3
4
5
6
7
8
9
10
11
12
| <fks-table-column
prop="processState"
label="流程状态"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.processState === '0'">已完成</span>
<span v-else-if="scope.row.processState === '1'">审批中</span>
<span v-else-if="scope.row.processState === '2'">暂存</span>
<span v-else-if="scope.row.processState === '3'">已驳回</span>
</template>
</fks-table-column>
|
data中的数据模型设置：
1
2
3
4
5
6
7
8
9
10
11
12
13
| stateOptions:[{
value:'0',
label:'已完成'
},{
value:'1',
label:'审批中'
},{
value:'2',
label:'暂存'
},{
value:'3',
label:'已驳回'
}]
|
效果便是在发往后端的请求中，相关字段始终是数值型或字符型的数字，而不是文字或英文。
