{ type: 'select', label: '运行状态', placeholder: '请选择运行状态', bindKey: 'state', options: [ { name: '启炉', value: '1' }, { name: '停炉', value: '0' } ], customRender: (value: any) => { if (!value) { return '' } } },用以上方法增加一个控制模式的筛选功能，自动或手动

要增加一个控制模式的筛选功能，可以在原有的 "options" 数组中再增加两个选项，例如：

options: [
  {
    name: '启炉',
    value: '1'
  },
  {
    name: '停炉',
    value: '0'
  },
  {
    name: '自动',
    value: 'auto'
  },
  {
    name: '手动',
    value: 'manual'
  }
]

然后，在 Vue 组件的模板中增加一个新的筛选条件，例如：

<template>
  <div>
    <label>状态：</label>
    <select v-model="state">
      <option v-for="option in options" :value="option.value">{{ option.name }}</option>
    </select>
    <label>控制模式：</label>
    <select v-model="mode">
      <option v-for="option in options" :value="option.value">{{ option.name }}</option>
    </select>
    <button @click="getList">搜索</button>
  </div>
</template>

其中，"mode" 是一个新的 data 属性，用于存储控制模式的值。使用和 "state" 相同的方式生成一个下拉框交互组件，绑定了 "options" 数组中的每个对象。在点击搜索按钮时，将 "state" 和 "mode" 的值传递给后端进行查询。

最后，在后端接口中获取 "state" 和 "mode" 的值，并进行处理，例如：

router.get('/api/data', (req, res) => {
  const { state, mode } = req.query
  const filter = {}
  if (state) {
    filter.state = state
  }
  if (mode) {
    filter.mode = mode
  }
  const result = db.query(filter)
  res.send(result)
})

其中，db.query 表示查询数据库中符合条件的数据，并返回结果。