| | |
| | | <el-input v-model="deviceName" class="div_left_input" clearable placeholder="输入设备名称" size="small" |
| | | suffix-icon="el-icon-search" @blur="searchFilter" @clear="searchFilter" |
| | | @keyup.enter.native="searchFilter"></el-input> |
| | | <el-tree ref="tree" v-loading="loading" :data="list" :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" :props="{ children: 'children', label: 'label' }" highlight-current |
| | | node-key="id" style="height:calc(100vh - 200px); |
| | | <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'label' }" node-key="id" |
| | | @node-click="handleNodeClick" :filter-node-method="filterNode" highlight-current @node-expand="nodeOpen" |
| | | @node-collapse="nodeClose" v-loading="loading" :expand-on-click-node="false" style="height:calc(100% - 46px); |
| | | overflow-y: scroll; |
| | | scrollbar-width: none;" @node-click="handleNodeClick" @node-expand="nodeOpen" @node-collapse="nodeClose"> |
| | | <div slot-scope="{ node, data }" class="custom-tree-node"> |
| | | scrollbar-width: none;"> |
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <el-row style="width: 100%;"> |
| | | <el-col :span="24"> |
| | | <p class="single-line-ellipsis" style="width: 100%"> |
| | | <el-col :span="21" :title="data.label"> |
| | | <span class="single-line-ellipsis" style="width: 100%;display: inline-block;"> |
| | | <i :class="`node_i ${data.children != undefined |
| | | ? data.code === '[1]' |
| | | ? 'el-icon-folder-opened' |
| | |
| | | }` |
| | | "></i> |
| | | {{ data.label }} |
| | | </p> |
| | | <p> |
| | | {{ data.managementNumber === undefined ? '' : data.managementNumber }} |
| | | </p> |
| | | </span> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | |
| | | <div v-if="isShowAll" style="height: 100%;"> |
| | | <el-tabs v-model="menuListActiveName" class="main_right" type="border-card"> |
| | | <el-tab-pane label="设备总览" name="设备总览"> |
| | | <!-- 完成接口 --> |
| | | <overview v-if="menuListActiveName == '设备总览'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备工具明细" name="设备工具明细"> |
| | | <!-- 完成接口 --> |
| | | <management v-if="menuListActiveName == '设备工具明细'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="资源预定" name="资源预定"> |
| | | <resourceReservation v-if="menuListActiveName == '资源预定'" :clickNodeVal="clickNodeVal"/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="作业指导书" name="作业指导书"> |
| | | <operationInstruction v-if="tabListActiveName == '作业指导书'" :clickNodeVal="clickNodeVal" /> |
| | | <operationInstruction v-if="menuListActiveName == '作业指导书'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | <operationOverview v-if="tabListActiveName == '设备运行总览'" :clickNodeVal="clickNodeVal"/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备档案" name="设备档案"> |
| | | <!-- 完成接口 --> |
| | | <files v-if="tabListActiveName == '设备档案'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备验收" name="设备验收"> |
| | | <!-- 完成接口 --> |
| | | <equipment-acceptance v-if="tabListActiveName == '设备验收'" |
| | | :clickNodeVal="clickNodeVal"></equipment-acceptance> |
| | | <checkAndAccept v-if="tabListActiveName == '设备验收'" :clickNodeVal="clickNodeVal"/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备校准" name="设备校准"> |
| | | <!-- 完成接口 --> |
| | | <calibration v-if="tabListActiveName == '设备校准'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备核查" name="设备核查"> |
| | | <check v-if="tabListActiveName == '设备核查'" :clickNodeVal="clickNodeVal"/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备维护" name="设备维护"> |
| | | <!-- 完成接口 --> |
| | | <maintenance v-if="tabListActiveName == '设备维护'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备借用" name="设备借用"> |
| | | <!-- 完成接口 --> |
| | | <borrow v-if="tabListActiveName == '设备借用'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="设备故障" name="设备故障"> |
| | | <fault v-if="tabListActiveName == '设备故障'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <!-- 完成接口 --> |
| | | <el-tab-pane label="使用记录" name="使用记录"> |
| | | <record v-if="tabListActiveName == '使用记录'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | | <!-- 完成接口 --> |
| | | <el-tab-pane label="设备停用/启用" name="设备停用/启用"> |
| | | <state v-if="tabListActiveName == '设备停用/启用'" :clickNodeVal="clickNodeVal" /> |
| | | </el-tab-pane> |
| | |
| | | import operationInstruction from "./component/operationInstruction.vue"; |
| | | import operationOverview from "./component/operationOverview.vue"; |
| | | import files from "./component/files.vue"; |
| | | import EquipmentAcceptance from "./component/equipmentAcceptance.vue"; |
| | | import checkAndAccept from "./component/check-and-accept.vue"; |
| | | import calibration from "./component/calibration.vue"; |
| | | import check from "./component/check.vue"; |
| | | import maintenance from "./component/maintenance.vue"; |
| | |
| | | } from '@/api/cnas/resourceDemand/device.js' |
| | | export default { |
| | | components: { |
| | | EquipmentAcceptance, |
| | | checkAndAccept, |
| | | operationOverview, |
| | | files, |
| | | calibration, |