若依字典dict

新建一个字典

给字典添加数据

 

代码生成

因为是字典，不只一个数据，要有下拉框

所以在代码生成里面，显示类型修改为下拉框，字典类型修改为 “预算类型”

 

前端代码显示

引入对应字典

const { reimbursestatus } = proxy.useDict('reimbursestatus');

搜索下拉框

<el-form-item label="报销状态" prop="status">
        <el-select v-model="queryParams.status" placeholder="请选择报销状态" clearable>
          <el-option
            v-for="dict in reimbursestatus"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>

表格数据

<el-table-column label="报销状态" align="center" prop="status">
        <template #default="scope">
          <dict-tag :options="reimbursestatus" :value="scope.row.status"/>
        </template>
      </el-table-column>

添加修改框

<el-form-item label="报销状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择报销状态">
            <el-option
              v-for="dict in reimbursestatus"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            ></el-option>
          </el-select>
        </el-form-item>

 

后端数据库