添加修改页面

Admin

2022-08-13 32e57481fc33fa98c5628fdadd41460ccef24d28

 src/views/doublePrevent/riskLevel/device/index.vue

@@ -3,6 +3,10 @@
        <el-card shadow="hover">
            <div class="system-user-search mb15">
                <div class="basic-line">
                    <span>生产装置名称:</span>
                    <el-input v-model="productionDeviceData.params.produceDeviceName" class="input-box"> </el-input>
                </div>
                <div class="basic-line">
                    <span>风险等级：</span>
                    <el-select v-model="productionDeviceData.params.riskLevel" clearable filterable class="input-box" placeholder="请选择风险等级">
                        <el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id"></el-option>
@@ -90,9 +94,9 @@
        params: {
            pageIndex: number;
            pageSize: number;
            riskLevel: number | null;
            riskLevel: number | null | '';
            status: number;
            depId: number | null;
            depId: number | null | '';
            location: string | null;
            produceDeviceName: string | null;
        };
@@ -141,6 +145,8 @@
        });
        // 初始化表格数据
        const initProductionDeviceTableData = async () => {
            state.productionDeviceData.params.riskLevel = state.productionDeviceData.params.riskLevel === '' ? null : state.productionDeviceData.params.riskLevel;
            state.productionDeviceData.params.depId = state.productionDeviceData.params.depId === '' ? null : state.productionDeviceData.params.depId;
            let res = await productionDeviceApi().getProductionDeviceList(state.productionDeviceData.params);
            if (res.data.code === '200') {
                state.productionDeviceData.data = res.data.data;
@@ -241,4 +247,15 @@
};
</script>

<style scoped></style>
<style scoped>
:deep(.el-textarea.is-disabled .el-textarea__inner) {
    background-color: var(--el-card-bg-color);
    color: var(--el-input-text-color, var(--el-text-color-regular));
}
:deep(.el-input.is-disabled .el-input__inner) {
    color: var(--el-input-text-color, var(--el-text-color-regular));
}
:deep(.el-input.is-disabled .el-input__wrapper) {
    background-color: var(--el-card-bg-color);
}
</style>