Admin
2022-09-21 999cab6fb3fc6d2a288d365da991351c5a396bf0
src/views/doublePrevent/riskLevel/device/index.vue
@@ -3,13 +3,17 @@
        <el-card shadow="hover">
            <div class="system-user-search mb15">
                <div class="basic-line">
                    <span>风险等级:</span>
                    <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>
                    </el-select>
                </div>
                <div class="basic-line">
                    <span>部门:</span>
                    <span>部门: </span>
                    <el-cascader :options="departmentList" :props="{ emitPath: false, checkStrictly: true, value: 'depId', label: 'depName' }" placeholder="请选择部门" clearable filterable class="input-box" v-model="productionDeviceData.params.depId"> </el-cascader>
                </div>
                <el-button size="default" type="primary" class="ml10" v-throttle @click="handleSearch">
@@ -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>