核心升级: - Spring Boot 2.7.18 → 3.5.14 - MyBatis Plus 3.5.5 → 3.5.16 (spring-boot3-starter) - Springdoc 1.8.0 → 2.8.6 (OpenAPI 3) - Flowable 6.8.0 → 7.1.0 - Druid 1.2.x → 1.2.28 (boot3-starter) - kotlin-reflect 1.9.10 → 1.9.25 迁移适配: - javax → jakarta 命名空间 (620+ 文件) - Swagger 注解迁移到 OpenAPI 3 (@Tag/@Schema/@Operation/@Parameter) - Spring Security 6.2 适配 (antMatchers→requestMatchers, EnableMethodSecurity) - Druid 包名迁移 (boot→boot3) - Redis 配置路径迁移 (spring.redis→spring.data.redis) - Flyway 适配 (flyway-database-postgresql) - Flowable 7.x 适配 (MULE_TASK_IMAGE 移除) 修复: - spring-boot-maven-plugin 2.5.15→3.5.14 (SPI服务发现失效) - mybatis-plus-boot-starter 3.5.5→3.5.16 (kotlin-reflect+fastjson2冲突) - Flowable database-schema-update 启用自动建表 验证: 23/23 测试通过, 1374 API端点正常
807 lines
23 KiB
Vue
Executable File
807 lines
23 KiB
Vue
Executable File
<template>
|
|
<div class="app-container">
|
|
<el-form
|
|
v-show="showSearch"
|
|
ref="queryRef"
|
|
:model="queryParams"
|
|
:inline="true"
|
|
label-width="90px"
|
|
>
|
|
<el-tabs
|
|
v-model="activeName"
|
|
class="demo-tabs"
|
|
@tab-click="handleClick"
|
|
>
|
|
<el-tab-pane
|
|
label="药品定价"
|
|
name="1"
|
|
>
|
|
<el-row :gutter="16">
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="财务类别"
|
|
|
|
prop="chargeItem"
|
|
>
|
|
<el-select
|
|
v-model="queryParams.typeCode"
|
|
placeholder="请选择财务类别"
|
|
clearable
|
|
|
|
:disabled="editShow"
|
|
@change="handleQuery"
|
|
>
|
|
<el-option
|
|
v-for="dict in fin_type_code"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="状态"
|
|
|
|
prop="chargeItem"
|
|
>
|
|
<el-select
|
|
v-model="queryParams.statusEnum"
|
|
placeholder="请选择状态"
|
|
clearable
|
|
|
|
:disabled="editShow"
|
|
@change="handleQuery"
|
|
>
|
|
<el-option
|
|
v-for="dict in options"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="名称"
|
|
|
|
prop="searchKey"
|
|
>
|
|
<el-input
|
|
v-model="queryParams.searchKey"
|
|
placeholder="名称/编码/拼音"
|
|
clearable
|
|
@keyup.enter="handleQuery"
|
|
@blur="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
</el-row>
|
|
<el-table
|
|
v-loading="loading"
|
|
:data="definitionList"
|
|
tooltip-effect="dark"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
<el-table-column
|
|
type="selection"
|
|
width="40"
|
|
align="center"
|
|
fixed="left"
|
|
/>
|
|
<el-table-column
|
|
label="项目名称"
|
|
width="200"
|
|
prop="chargeName"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.chargeName ? scope.row.chargeName : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="所属科室"
|
|
width="200"
|
|
prop="orgId_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.orgId_dictText ? scope.row.orgId_dictText : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="财务类别"
|
|
width="200"
|
|
prop=" typeCode_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.typeCode_dictText
|
|
? scope.row.typeCode_dictText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="医保类别"
|
|
width="200"
|
|
prop="ybType_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.ybType_dictText ? scope.row.ybType_dictText : "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="基础价格"
|
|
width="200"
|
|
prop="price"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="费用明细个数"
|
|
width="200"
|
|
prop="detailCount"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
<div v-if="scope.row.detailCount != 0">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
@click="handleDetails(scope.row)"
|
|
>
|
|
{{ thousandNumber(scope.row.detailCount) }}
|
|
</el-button>
|
|
</div>
|
|
<div v-else>
|
|
{{ scope.row.detailCount == 0 ? "0" : "-" }}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="状态"
|
|
width="200"
|
|
prop="statusEnum_enumText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.statusEnum_enumText
|
|
? scope.row.statusEnum_enumText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
min-width="290"
|
|
label="操作"
|
|
align="center"
|
|
class-name="small-padding fixed-width"
|
|
fixed="right"
|
|
>
|
|
<template #default="scope">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
@click="handleUpdate(scope.row)"
|
|
>
|
|
修改
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="total > 0"
|
|
v-model:page="queryParams.pageNo"
|
|
v-model:limit="queryParams.pageSize"
|
|
:total="total"
|
|
@pagination="getList"
|
|
/>
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="器具定价"
|
|
name="2"
|
|
>
|
|
<el-row :gutter="16">
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="财务类别"
|
|
|
|
prop="chargeItem"
|
|
>
|
|
<el-select
|
|
v-model="queryParams.typeCode"
|
|
placeholder="请选择财务类别"
|
|
clearable
|
|
|
|
:disabled="editShow"
|
|
@change="handleQuery"
|
|
>
|
|
<el-option
|
|
v-for="dict in fin_type_code"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="状态"
|
|
|
|
prop="chargeItem"
|
|
>
|
|
<el-select
|
|
v-model="queryParams.statusEnum"
|
|
placeholder="请选择状态"
|
|
clearable
|
|
|
|
:disabled="editShow"
|
|
@change="handleQuery"
|
|
>
|
|
<el-option
|
|
v-for="dict in options"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="名称"
|
|
|
|
prop="searchKey"
|
|
>
|
|
<el-input
|
|
v-model="queryParams.searchKey"
|
|
placeholder="名称/编码/拼音"
|
|
clearable
|
|
@keyup.enter="handleQuery"
|
|
@blur="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
</el-row>
|
|
<el-table
|
|
v-loading="loading"
|
|
:data="definitionList"
|
|
tooltip-effect="dark"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
<el-table-column
|
|
type="selection"
|
|
width="40"
|
|
align="center"
|
|
fixed="left"
|
|
/>
|
|
<el-table-column
|
|
label="项目名称"
|
|
width="200"
|
|
prop="chargeName"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.chargeName ? scope.row.chargeName : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="所属科室"
|
|
width="200"
|
|
prop="orgId_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.orgId_dictText ? scope.row.orgId_dictText : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="财务类别"
|
|
width="200"
|
|
prop=" typeCode_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.typeCode_dictText
|
|
? scope.row.typeCode_dictText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="医保类别"
|
|
width="200"
|
|
prop="ybType_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.ybType_dictText ? scope.row.ybType_dictText : "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="基础价格"
|
|
width="200"
|
|
prop="price"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="费用明细个数"
|
|
width="200"
|
|
prop="detailCount"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
<div v-if="scope.row.detailCount != 0">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
@click="handleDetails(scope.row)"
|
|
>
|
|
{{ thousandNumber(scope.row.detailCount) }}
|
|
</el-button>
|
|
</div>
|
|
<div v-else>
|
|
{{ scope.row.detailCount == 0 ? "0" : "-" }}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="状态"
|
|
width="200"
|
|
prop="statusEnum_enumText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.statusEnum_enumText
|
|
? scope.row.statusEnum_enumText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
min-width="290"
|
|
label="操作"
|
|
align="center"
|
|
class-name="small-padding fixed-width"
|
|
fixed="right"
|
|
>
|
|
<template #default="scope">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
@click="handleUpdate(scope.row)"
|
|
>
|
|
修改
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="total > 0"
|
|
v-model:page="queryParams.pageNo"
|
|
v-model:limit="queryParams.pageSize"
|
|
:total="total"
|
|
@pagination="getList"
|
|
/>
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="活动定价"
|
|
name="3"
|
|
>
|
|
<el-row :gutter="16">
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="财务类别"
|
|
|
|
prop="chargeItem"
|
|
>
|
|
<el-select
|
|
v-model="queryParams.typeCode"
|
|
placeholder="请选择财务类别"
|
|
clearable
|
|
|
|
:disabled="editShow"
|
|
@change="handleQuery"
|
|
>
|
|
<el-option
|
|
v-for="dict in fin_type_code"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="状态"
|
|
|
|
prop="chargeItem"
|
|
>
|
|
<el-select
|
|
v-model="queryParams.statusEnum"
|
|
placeholder="请选择状态"
|
|
clearable
|
|
|
|
:disabled="editShow"
|
|
@change="handleQuery"
|
|
>
|
|
<el-option
|
|
v-for="dict in options"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
<!-- <el-col :span="4" style="width: 20%"> -->
|
|
<el-form-item
|
|
label-width="100"
|
|
label="名称"
|
|
|
|
prop="searchKey"
|
|
>
|
|
<el-input
|
|
v-model="queryParams.searchKey"
|
|
placeholder="名称/编码/拼音"
|
|
clearable
|
|
@keyup.enter="handleQuery"
|
|
@blur="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<!-- </el-col> -->
|
|
</el-row>
|
|
<el-table
|
|
v-loading="loading"
|
|
:data="definitionList"
|
|
tooltip-effect="dark"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
<el-table-column
|
|
type="selection"
|
|
width="40"
|
|
align="center"
|
|
fixed="left"
|
|
/>
|
|
<el-table-column
|
|
label="项目名称"
|
|
width="200"
|
|
prop="chargeName"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.chargeName ? scope.row.chargeName : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="所属科室"
|
|
width="200"
|
|
prop="orgId_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.orgId_dictText ? scope.row.orgId_dictText : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="财务类别"
|
|
width="200"
|
|
prop=" typeCode_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.typeCode_dictText
|
|
? scope.row.typeCode_dictText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="医保类别"
|
|
width="200"
|
|
prop="ybType_dictText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.ybType_dictText ? scope.row.ybType_dictText : "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="基础价格"
|
|
width="200"
|
|
prop="price"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.price ? thousandNumber(scope.row.price) : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="费用明细个数"
|
|
width="200"
|
|
prop="detailCount"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
<div v-if="scope.row.detailCount != 0">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
@click="handleDetails(scope.row)"
|
|
>
|
|
{{ thousandNumber(scope.row.detailCount) }}
|
|
</el-button>
|
|
</div>
|
|
<div v-else>
|
|
{{ scope.row.detailCount == 0 ? "0" : "-" }}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="状态"
|
|
width="200"
|
|
prop="statusEnum_enumText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.statusEnum_enumText
|
|
? scope.row.statusEnum_enumText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
min-width="290"
|
|
label="操作"
|
|
align="center"
|
|
class-name="small-padding fixed-width"
|
|
fixed="right"
|
|
>
|
|
<template #default="scope">
|
|
<el-button
|
|
link
|
|
type="primary"
|
|
@click="handleUpdate(scope.row)"
|
|
>
|
|
修改
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination
|
|
v-show="total > 0"
|
|
v-model:page="queryParams.pageNo"
|
|
v-model:limit="queryParams.pageSize"
|
|
:total="total"
|
|
@pagination="getList"
|
|
/>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-form>
|
|
<el-dialog
|
|
v-model="openDetails"
|
|
:title="title"
|
|
width="600px"
|
|
append-to-body
|
|
>
|
|
<el-table
|
|
v-loading="detailLoading"
|
|
:data="definitionDetailList"
|
|
tooltip-effect="dark"
|
|
:show-overflow-tooltip="true"
|
|
>
|
|
<el-table-column
|
|
label="条件"
|
|
prop="conditionCode_enumText"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
scope.row.conditionCode_enumText
|
|
? scope.row.conditionCode_enumText
|
|
: "-"
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="价格"
|
|
width="200"
|
|
prop="amount"
|
|
align="center"
|
|
>
|
|
<template #default="scope">
|
|
{{ scope.row.amount ? scope.row.amount : "-" }}
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-dialog>
|
|
<edit
|
|
:title="title"
|
|
:open="open"
|
|
:form-data="form"
|
|
@submit="submitForm"
|
|
@update:open="handleOpenChange"
|
|
@update:form="handleFormChange"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import {getDetail, initOption, listDefinition, updateDefinition,} from "./components/definition";
|
|
import Edit from "./components/edit.vue";
|
|
import {thousandNumber} from "@/utils/his.js";
|
|
|
|
const activeName = ref("1");
|
|
const showSearch = ref("true");
|
|
const loading = ref(true);
|
|
const detailLoading = ref(true);
|
|
const definitionList = ref([]);
|
|
const definitionDetailList = ref([]);
|
|
const total = ref(0);
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
const options = ref([]);
|
|
const title = ref("");
|
|
const open = ref(false);
|
|
const openDetails = ref(false);
|
|
const { fin_type_code } = proxy.useDict("fin_type_code");
|
|
|
|
const data = reactive({
|
|
form: {},
|
|
queryParams: {
|
|
search: "",
|
|
definitionType: "",
|
|
chargeItem: "",
|
|
searchKey: "",
|
|
pageNo: 1,
|
|
pageSize: 10,
|
|
},
|
|
});
|
|
|
|
const { queryParams, form } = toRefs(data);
|
|
const handleClick = (tab, event) => {
|
|
console.log(tab, event);
|
|
activeName.value = tab.props.name;
|
|
queryParams.value.pageNo = 1;
|
|
handleInit();
|
|
getList();
|
|
};
|
|
|
|
/** 查询委托单信息列表 */
|
|
function getList() {
|
|
loading.value = true;
|
|
queryParams.value.chargeItemContext = activeName.value;
|
|
listDefinition(queryParams.value).then((response) => {
|
|
definitionList.value = response.data.records;
|
|
total.value = response.data.total;
|
|
loading.value = false;
|
|
});
|
|
}
|
|
|
|
/** 搜索按钮操作 */
|
|
function handleQuery() {
|
|
queryParams.value.pageNo = 1;
|
|
getList();
|
|
}
|
|
|
|
// 表单重置
|
|
function reset() {
|
|
form.value = {
|
|
id: null,
|
|
itemNo: null,
|
|
chargeName: null,
|
|
totalVolume: null,
|
|
unitCode: null,
|
|
partPercent: null,
|
|
conditionYbCode: null,
|
|
price: null,
|
|
amount: null,
|
|
partMinUnitCode: null,
|
|
partConditionPrice: null,
|
|
partPrice: null,
|
|
description: null,
|
|
statusEnum: null,
|
|
itemId: null,
|
|
};
|
|
proxy.resetForm("einfoRef");
|
|
}
|
|
|
|
/** 修改按钮操作 */
|
|
function handleUpdate(row) {
|
|
reset();
|
|
form.value = row;
|
|
open.value = true;
|
|
title.value = "修改项目定价";
|
|
}
|
|
/** 搜索按钮操作 */
|
|
function handleInit() {
|
|
queryParams.value.definitionType = activeName.value;
|
|
initOption(queryParams.value).then((response) => {
|
|
options.value = response.data.publicationStatusOptions;
|
|
});
|
|
}
|
|
|
|
const handleOpenChange = (value) => {
|
|
open.value = value;
|
|
};
|
|
|
|
function handleDetails(row) {
|
|
getDetail(row.id).then((res) => {
|
|
if (res.code == 200) {
|
|
definitionDetailList.value = res.data;
|
|
openDetails.value = true;
|
|
detailLoading.value = false;
|
|
title.value = "明细详情";
|
|
}
|
|
});
|
|
}
|
|
|
|
const handleFormChange = (newForm) => {
|
|
0;
|
|
form.value = { ...newForm };
|
|
};
|
|
|
|
/** 提交按钮 */
|
|
function submitForm(form) {
|
|
updateDefinition(form).then((response) => {
|
|
proxy.$modal.msgSuccess("操作成功");
|
|
open.value = false;
|
|
getList();
|
|
});
|
|
}
|
|
|
|
handleInit();
|
|
getList();
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
:deep(.demo-tabs > .el-tabs__content) {
|
|
color: #6b778c;
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
}
|
|
:deep(.el-input__wrapper) {
|
|
height: 32px;
|
|
}
|
|
:deep(.el-input__inner) {
|
|
height: 30px;
|
|
}
|
|
:deep(.el-tabs__content) {
|
|
height: 80vh;
|
|
}
|
|
.el-select{
|
|
width: 150px!important;
|
|
}
|
|
</style>
|