| | |
| | | <div class="search-bar"> |
| | | <el-form ref="form" :inline="true" :model="searchData"> |
| | | <el-form-item> |
| | | <el-input |
| | | v-model="searchData.keyword" |
| | | placeholder="请输入编号/设备名称/型号规格" |
| | | > |
| | | <el-input v-model="searchData.keyword" placeholder="请输入编号/设备名称/型号规格"> |
| | | <i slot="prefix" class="el-input__icon el-icon-search" /> |
| | | </el-input> |
| | | </el-form-item> |
| | |
| | | <div class="bom-item-search"> |
| | | <el-row> |
| | | <el-col :span="19"> |
| | | <el-input |
| | | v-model="filterText" |
| | | placeholder="输入关键字进行过滤" |
| | | /> |
| | | <el-input v-model="filterText" placeholder="输入关键字进行过滤" /> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-button type="primary" size="small" @click="addClassVisible = true"><i class="el-icon-plus" /></el-button> |
| | | <el-button type="primary" size="small" @click="addClassVisible = true"><i |
| | | class="el-icon-plus" /></el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <el-tree |
| | | ref="classTree" |
| | | :data="classTree" |
| | | :props="defaultProps" |
| | | :default-expand-all="true" |
| | | :filter-node-method="filterNode" |
| | | @node-click="nodeClickHandler" |
| | | /> |
| | | <el-tree ref="classTree" :data="classTree" :props="defaultProps" :default-expand-all="true" |
| | | :filter-node-method="filterNode" @node-click="nodeClickHandler" /> |
| | | </div> |
| | | <div class="library-table"> |
| | | <div class="table-header"> |
| | |
| | | {{ item.label }} |
| | | </el-radio-button> |
| | | </el-radio-group> |
| | | <el-checkbox v-model="isOut" @change="getExpireTable" :style="{'marginLeft':'12px'}">已过期</el-checkbox> |
| | | <el-checkbox v-model="isOut" @change="getExpireTable" :style="{ 'marginLeft': '12px' }">已过期</el-checkbox> |
| | | </div> |
| | | <div class="serve-btn"> |
| | | <!-- <el-button type="primary" icon="el-icon-plus">新增人员</el-button> --> |
| | | </div> |
| | | </div> |
| | | <div class="table-box"> |
| | | <el-table |
| | | ref="equipmentTable" |
| | | node-key="father_name" |
| | | :cell-style="{textAlign: 'center'}" |
| | | :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}" |
| | | :data="equipmentTable" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | min-width="90" |
| | | /> |
| | | <el-table-column |
| | | prop="equipment_code" |
| | | label="仪器设备编号" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column |
| | | prop="equipment_name" |
| | | label="仪器设备名称" |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="specifications_models" |
| | | label="规格型号" |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="name" |
| | | label="保管人" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column |
| | | prop="termValidity" |
| | | label="计量截止有效期" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column |
| | | prop="conditions" |
| | | label="设备状态" |
| | | min-width="120" |
| | | > |
| | | <el-table ref="equipmentTable" node-key="father_name" :cell-style="{ textAlign: 'center' }" |
| | | :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }" |
| | | :data="equipmentTable" style="width: 100%"> |
| | | <el-table-column type="index" label="序号" min-width="90" /> |
| | | <el-table-column prop="equipment_code" label="仪器设备编号" min-width="200" /> |
| | | <el-table-column prop="equipment_name" label="仪器设备名称" min-width="150" /> |
| | | <el-table-column prop="specifications_models" label="规格型号" min-width="150" /> |
| | | <el-table-column prop="name" label="保管人" min-width="200" /> |
| | | <el-table-column prop="termValidity" label="计量截止有效期" min-width="200" /> |
| | | <el-table-column prop="conditions" label="设备状态" min-width="120"> |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="scope.row.conditions === 0 ? 'primary' : 'success'" |
| | | disable-transitions |
| | | >{{ scope.row.conditions | conditionsFilter }}</el-tag> |
| | | <el-tag :type="scope.row.conditions === 0 ? 'primary' : 'success'" disable-transitions>{{ |
| | | scope.row.conditions | conditionsFilter }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="storage_place" |
| | | label="存放地" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column prop="storage_place" label="存放地" min-width="200" /> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | min-width="120" |
| | | fixed="right" |
| | | > |
| | | <el-table-column label="操作" min-width="120" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" size="small" @click="openDetail(scope.row)">编辑</el-button> |
| | | <el-button type="text" size="small" @click="clickDelete(scope.row)">删除</el-button> |
| | |
| | | <div> |
| | | <!-- 添加分类 --> |
| | | <el-dialog title="添加分类" :visible.sync="addClassVisible" width="33%"> |
| | | <el-form :model="addTreeForm"> |
| | | <el-form-item label="分类名称" label-width="100px"> |
| | | <el-input v-model="addTreeForm.name" autocomplete="off" /> |
| | | <el-form :model="addTreeForm" ref="addTreeForm"> |
| | | <el-form-item prop="name" label="分类名称" label-width="100px" :rules="[ |
| | | { required: true, message: '分类名称不能为空' } |
| | | ]"> |
| | | <el-input v-model="addTreeForm.name" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="父级分类" label-width="100px"> |
| | | <el-select v-model="addTreeForm.type" placeholder="请选择"> |
| | | <el-select style="width: 100%;" v-model="addTreeForm.type" placeholder="请选择"> |
| | | <el-option label="原材料" value="0" /> |
| | | <el-option label="电线电缆" value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="addClassVisible = false">取 消</el-button> |
| | | <el-button type="primary">确 定</el-button> |
| | | <el-button @click="resetTreeForm('addTreeForm')">取 消</el-button> |
| | | <el-button type="primary" @click="submitTreeForm('addTreeForm')">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | <div> |
| | | <el-pagination |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 15, 20, 25]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | <el-pagination :current-page="currentPage" :page-sizes="[10, 15, 20, 25]" :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 仪器详情--> |
| | | <el-drawer |
| | | title="仪器设备详情" |
| | | :visible.sync="detailDrawer" |
| | | size="80%" |
| | | class="detailDrawer" |
| | | @close="closeDetailDrawer" |
| | | > |
| | | <el-drawer title="仪器设备详情" :visible.sync="detailDrawer" size="80%" class="detailDrawer" @close="closeDetailDrawer"> |
| | | <div> |
| | | <div class="detail-info"> |
| | | <div class="tips-main"> |
| | |
| | | <div class="message-item"><span><i class="el-icon-edit" />所属分类:{{ equipmentDetail.classifyId }}</span></div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />创建人:{{ equipmentDetail.createUserId }}</span> |
| | | <el-tag type="primary"><i class="el-icon-info" :style="{marginRight:'4px', color:'#409EFF'}" /></el-tag> |
| | | <el-tag type="primary"><i class="el-icon-info" :style="{ marginRight: '4px', color: '#409EFF' }" /></el-tag> |
| | | </div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />建档日期:{{ equipmentDetail.acceptanceDate }}</span> |
| | |
| | | <span><i class="el-icon-edit" />保管人:{{ equipmentDetail.userId }}</span> |
| | | </div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />是否支持数采:{{ equipmentDetail.whetherDataAcquisition==1 ? '支持': '不支持' }}</span> |
| | | <span><i class="el-icon-edit" />是否支持数采:{{ equipmentDetail.whetherDataAcquisition == 1 ? '支持' : '不支持' |
| | | }}</span> |
| | | </div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />仪器设备计量:{{ equipmentDetail.equipmentMeasurement==1 ? '需要': '不需要' }}</span> |
| | | <span><i class="el-icon-edit" />仪器设备计量:{{ equipmentDetail.equipmentMeasurement == 1 ? '需要' : '不需要' }}</span> |
| | | </div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />计量周期:{{ equipmentDetail.termValidity }}</span> |
| | |
| | | </div> |
| | | <el-tabs v-model="activeTabsName"> |
| | | <el-tab-pane label="设备码点" name="codePoints"> |
| | | <el-button v-show="!codePointesTableStatus" :style="{marginBottom: '18px'}" @click="addCodePoints">新增设备码点</el-button> |
| | | <div v-show="codePointesTableStatus" :style="{marginBottom: '18px'}" class="btns"> |
| | | <el-button v-show="!codePointesTableStatus" :style="{ marginBottom: '18px' }" |
| | | @click="addCodePoints">新增设备码点</el-button> |
| | | <div v-show="codePointesTableStatus" :style="{ marginBottom: '18px' }" class="btns"> |
| | | <el-button @click="addNewCodePoints">添加</el-button> |
| | | <el-button @click="saveCodePoins">保存</el-button> |
| | | <el-button @click="closeCodePoins">取消</el-button> |
| | | </div> |
| | | |
| | | <el-table |
| | | ref="codePointsTable" |
| | | :cell-style="{textAlign: 'center'}" |
| | | :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}" |
| | | :data="codePointsTable" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | min-width="90" |
| | | /> |
| | | <el-table-column |
| | | prop="equipmentPoint" |
| | | label="码点编码" |
| | | min-width="150" |
| | | > |
| | | <el-table ref="codePointsTable" :cell-style="{ textAlign: 'center' }" |
| | | :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }" |
| | | :data="codePointsTable" style="width: 100%"> |
| | | <el-table-column type="index" label="序号" min-width="90" /> |
| | | <el-table-column prop="equipmentPoint" label="码点编码" min-width="150"> |
| | | <template slot-scope="scope"> |
| | | <span v-show="!codePointesTableStatus">{{ scope.row.equipmentPoint }}</span> |
| | | <el-input v-show="codePointesTableStatus" v-model="scope.row.equipmentPoint" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="equipmentPointName" |
| | | label="码点名称" |
| | | min-width="150" |
| | | > |
| | | <el-table-column prop="equipmentPointName" label="码点名称" min-width="150"> |
| | | <template slot-scope="scope"> |
| | | <span v-show="!codePointesTableStatus">{{ scope.row.equipmentPointName }}</span> |
| | | <el-input v-show="codePointesTableStatus" v-model="scope.row.equipmentPointName" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="unit" |
| | | label="单位" |
| | | min-width="150" |
| | | > |
| | | <el-table-column prop="unit" label="单位" min-width="150"> |
| | | <template slot-scope="scope"> |
| | | <span v-show="!codePointesTableStatus">{{ scope.row.unit }}</span> |
| | | <el-input v-show="codePointesTableStatus" v-model="scope.row.unit" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="更新人" |
| | | min-width="100" |
| | | /> |
| | | <el-table-column |
| | | prop="updateTime" |
| | | label="更新日期" |
| | | min-width="120" |
| | | /> |
| | | <el-table-column |
| | | prop="descriptiveness" |
| | | label="描述" |
| | | min-width="200" |
| | | > |
| | | <el-table-column prop="name" label="更新人" min-width="100" /> |
| | | <el-table-column prop="updateTime" label="更新日期" min-width="120" /> |
| | | <el-table-column prop="descriptiveness" label="描述" min-width="200"> |
| | | <template slot-scope="scope"> |
| | | <span v-show="!codePointesTableStatus">{{ scope.row.descriptiveness }}</span> |
| | | <el-input v-show="codePointesTableStatus" v-model="scope.row.descriptiveness" /> |
| | |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="计量信息" name="measure"> |
| | | <el-button :style="{marginBottom: '18px'}" @click="measureFormVisible = true">新增计量信息</el-button> |
| | | <el-table |
| | | ref="measureTable" |
| | | :cell-style="{textAlign: 'center'}" |
| | | :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}" |
| | | :data="measureTable" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column |
| | | type="index" |
| | | label="序号" |
| | | min-width="90" |
| | | /> |
| | | <el-table-column |
| | | prop="name" |
| | | label="负责人" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column |
| | | prop="measurement_unit" |
| | | label="计量单位" |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="beginDate" |
| | | label="开始日期" |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="endDate" |
| | | label="结束日期" |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="performance_index" |
| | | label="性能指标" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column |
| | | prop="uncertainty" |
| | | label="不确定度" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column |
| | | prop="conditions" |
| | | label="结果" |
| | | min-width="120" |
| | | > |
| | | <el-button :style="{ marginBottom: '18px' }" @click="measureFormVisible = true">新增计量信息</el-button> |
| | | <el-table ref="measureTable" :cell-style="{ textAlign: 'center' }" |
| | | :header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }" |
| | | :data="measureTable" style="width: 100%"> |
| | | <el-table-column type="index" label="序号" min-width="90" /> |
| | | <el-table-column prop="name" label="负责人" min-width="200" /> |
| | | <el-table-column prop="measurement_unit" label="计量单位" min-width="150" /> |
| | | <el-table-column prop="beginDate" label="开始日期" min-width="150" /> |
| | | <el-table-column prop="endDate" label="结束日期" min-width="150" /> |
| | | <el-table-column prop="performance_index" label="性能指标" min-width="200" /> |
| | | <el-table-column prop="uncertainty" label="不确定度" min-width="200" /> |
| | | <el-table-column prop="conditions" label="结果" min-width="120"> |
| | | <template slot-scope="scope"> |
| | | {{ scope.row.result }} |
| | | <!-- <el-tag |
| | |
| | | >{{ scope.row.result === 0 ? '未同意' : '已同意' }}</el-tag> --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="remarks" |
| | | label="备注" |
| | | min-width="200" |
| | | /> |
| | | <el-table-column prop="remarks" label="备注" min-width="200" /> |
| | | </el-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </el-drawer> |
| | | <!-- 添加仪器/修改仪器信息 --> |
| | | <el-drawer |
| | | ref="addDrawer" |
| | | :title="equipmentDetail.id?'修改仪器设备信息':'新增仪器设备'" |
| | | :append-to-body="true" |
| | | :visible.sync="addDrawerVisible" |
| | | class="addDrawer" |
| | | size="40%" |
| | | @close="closeAddOrChangeDrawer" |
| | | > |
| | | <el-drawer ref="addDrawer" :title="equipmentDetail.id ? '修改仪器设备信息' : '新增仪器设备'" :append-to-body="true" |
| | | :visible.sync="addDrawerVisible" class="addDrawer" size="40%" @close="closeAddOrChangeDrawer"> |
| | | <div class="demo-drawer__content"> |
| | | <el-form label-position="top" :model="equipmentform"> |
| | | <el-row :gutter="50"> |
| | |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="状态:" label-width="80"> |
| | | <el-select |
| | | v-model="equipmentform.conditions" |
| | | clearable |
| | | filterable |
| | | :allow-create="true" |
| | | placeholder="请选择仪器设备状态" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="item in conditionsOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | <el-select v-model="equipmentform.conditions" clearable filterable :allow-create="true" |
| | | placeholder="请选择仪器设备状态" style="width:100%"> |
| | | <el-option v-for="item in conditionsOptions" :key="item.value" :label="item.label" |
| | | :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="到货日期:" label-width="80"> |
| | | <el-date-picker |
| | | v-model="equipmentform.arrivalDate" |
| | | type="date" |
| | | placeholder="请选择到货日期" |
| | | style="width:100%" |
| | | /> |
| | | <el-date-picker v-model="equipmentform.arrivalDate" type="date" placeholder="请选择到货日期" |
| | | style="width:100%" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="50"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="验收日期:" label-width="80"> |
| | | <el-date-picker |
| | | v-model="equipmentform.acceptanceDate" |
| | | type="date" |
| | | placeholder="请选择验收日期" |
| | | style="width:100%" |
| | | /> |
| | | <el-date-picker v-model="equipmentform.acceptanceDate" type="date" placeholder="请选择验收日期" |
| | | style="width:100%" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <el-form-item label="保管人:" label-width="80"> |
| | | <el-select |
| | | v-model="equipmentform.userId" |
| | | clearable |
| | | filterable |
| | | :allow-create="true" |
| | | placeholder="请选择保管人" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="item in userOpetions" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | <el-select v-model="equipmentform.userId" clearable filterable :allow-create="true" placeholder="请选择保管人" |
| | | style="width:100%"> |
| | | <el-option v-for="item in userOpetions" :key="item.id" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-show="equipmentform.equipmentMeasurement===1" :gutter="50"> |
| | | <el-row v-show="equipmentform.equipmentMeasurement === 1" :gutter="50"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="计量截止有效期:" label-width="80"> |
| | | <el-input v-model="equipmentform.termValidity" type="number" /> |
| | |
| | | <el-row :gutter="50"> |
| | | <el-col :span="11"> |
| | | <el-form-item label="描述:" label-width="80"> |
| | | <el-input |
| | | v-model="equipmentform.descriptiveness" |
| | | type="textarea" |
| | | :rows="2" |
| | | placeholder="请输入内容" |
| | | style="width:217%" |
| | | /> |
| | | <el-input v-model="equipmentform.descriptiveness" type="textarea" :rows="2" placeholder="请输入内容" |
| | | style="width:217%" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="负责人"> |
| | | <el-select |
| | | v-model="measureForm.userId" |
| | | clearable |
| | | filterable |
| | | :allow-create="true" |
| | | placeholder="负责人" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="item in userOpetions" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | <el-select v-model="measureForm.userId" clearable filterable :allow-create="true" placeholder="负责人" |
| | | style="width:100%"> |
| | | <el-option v-for="item in userOpetions" :key="item.id" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="检定有效期"> |
| | | <el-date-picker |
| | | v-model="measureForm.date" |
| | | type="daterange" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | /> |
| | | <el-date-picker v-model="measureForm.date" type="daterange" range-separator="至" start-placeholder="开始日期" |
| | | end-placeholder="结束日期" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="结果"> |
| | | <el-select |
| | | v-model="measureForm.result" |
| | | clearable |
| | | filterable |
| | | :allow-create="true" |
| | | placeholder="负责人" |
| | | style="width:100%" |
| | | > |
| | | <el-option |
| | | v-for="item in resultOptions" |
| | | :key="item.id" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | <el-select v-model="measureForm.result" clearable filterable :allow-create="true" placeholder="负责人" |
| | | style="width:100%"> |
| | | <el-option v-for="item in resultOptions" :key="item.id" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="性能指标"> |
| | | <el-input |
| | | v-model="measureForm.performanceIndex" |
| | | type="textarea" |
| | | :rows="2" |
| | | placeholder="请输入内容" |
| | | /> |
| | | <el-input v-model="measureForm.performanceIndex" type="textarea" :rows="2" placeholder="请输入内容" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注"> |
| | | <el-input |
| | | v-model="measureForm.remarks" |
| | | type="textarea" |
| | | :rows="2" |
| | | placeholder="请输入内容" |
| | | /> |
| | | <el-input v-model="measureForm.remarks" type="textarea" :rows="2" placeholder="请输入内容" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item label=""> |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="#" |
| | | :on-change="handleUpload" |
| | | :auto-upload="false" |
| | | > |
| | | <el-upload class="upload-demo" action="#" :on-change="handleUpload" :auto-upload="false"> |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | |
| | | </span> |
| | | </el-dialog> |
| | | <!-- 删除仪器弹出框 --> |
| | | <el-dialog |
| | | title="提示" |
| | | :visible.sync="deletedialogVisible" |
| | | width="30%"> |
| | | <el-dialog title="提示" :visible.sync="deletedialogVisible" width="30%"> |
| | | <span>确定删除该仪器吗?</span> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="deletedialogVisible = false">取 消</el-button> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getClassifyList, getInstrumentList, |
| | | import { |
| | | getClassifyList, getInstrumentList, |
| | | addInstrumentUser, addInstrument, getInstrumentDetail, |
| | | getEquipmentPointList, addEquipmentPoint, |
| | | getMetricalInformationList, changeInstrument, addMetricalInformation, deleteInstrument } from '@/api/laboratory/ledger' |
| | | getMetricalInformationList, changeInstrument, addMetricalInformation, deleteInstrument |
| | | } from '@/api/laboratory/ledger' |
| | | import { parseTime } from '@/utils/index' |
| | | export default { |
| | | filters: { |
| | |
| | | // console.log(row.id) |
| | | await deleteInstrument({ instrumentId: this.instrumentId }) |
| | | this.deletedialogVisible = false |
| | | }, |
| | | submitTreeForm(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | alert('submit!'); |
| | | } else { |
| | | console.log('error submit!!'); |
| | | return false; |
| | | } |
| | | }); |
| | | }, |
| | | resetTreeForm(formName) { |
| | | this.$refs[formName].resetFields(); |
| | | this.addClassVisible=false |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .demo-drawer__content{ |
| | | .demo-drawer__content { |
| | | margin-left: 50px; |
| | | } |
| | | |
| | | .demo-drawer__footer { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | margin-right: 60px; |
| | | margin-bottom: 24px; |
| | | } |
| | | .ledger-main{ |
| | | |
| | | .ledger-main { |
| | | width: 100%; |
| | | height: 100%; |
| | | // 页面头部条件搜索 |
| | | .page-header-search{ |
| | | |
| | | // 页面头部条件搜索 |
| | | .page-header-search { |
| | | background: #fff; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 0 24px 12px 24px; |
| | | .search-bar{ |
| | | .el-radio-button.is-active{ |
| | | |
| | | .search-bar { |
| | | .el-radio-button.is-active { |
| | | color: #409EFF !important; |
| | | background: #ecf5ff !important; |
| | | border-color: #b3d8ff !important; |
| | | } |
| | | .el-form{ |
| | | .el-form-item{ |
| | | margin-bottom: 0px !important; |
| | | .el-input{ |
| | | width: 360px; |
| | | } |
| | | |
| | | .el-form { |
| | | .el-form-item { |
| | | margin-bottom: 0px !important; |
| | | |
| | | .el-input { |
| | | width: 360px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 页面中心内容区域 |
| | | .content-main{ |
| | | // 页面中心内容区域 |
| | | .content-main { |
| | | display: flex; |
| | | height: 100%; |
| | | min-height: calc(100vh - 88px); |
| | | padding: 15px; |
| | | >div{ |
| | | |
| | | >div { |
| | | padding: 20px; |
| | | background: #fff; |
| | | } |
| | | .library-bom{ |
| | | |
| | | .library-bom { |
| | | flex: 2; |
| | | margin-right: 12px; |
| | | .bom-item-search{ |
| | | |
| | | .bom-item-search { |
| | | margin-bottom: 12px; |
| | | ::v-deep .el-input{ |
| | | input{ |
| | | |
| | | ::v-deep .el-input { |
| | | input { |
| | | height: 33px; |
| | | line-height: 33px; |
| | | } |
| | | } |
| | | } |
| | | .bom-item-search .el-row{ |
| | | // display: flex; |
| | | .el-col{ |
| | | text-align: right; |
| | | } |
| | | } |
| | | |
| | | .bom-item-search .el-row { |
| | | |
| | | // display: flex; |
| | | .el-col { |
| | | text-align: right; |
| | | } |
| | | } |
| | | |
| | | .el-tree { |
| | | margin-top: 12px; |
| | | } |
| | | } |
| | | .library-table{ |
| | | |
| | | .library-table { |
| | | flex: 8; |
| | | max-width: 80%; |
| | | margin-left: 12px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .table-box{ |
| | | margin-top: 30px; |
| | | |
| | | .table-box { |
| | | margin-top: 30px; |
| | | flex: 1; |
| | | background: #fff; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .el-table { |
| | | flex: 1; |
| | | background: #fff; |
| | | } |
| | | |
| | | >div:nth-child(2) { |
| | | display: flex; |
| | | flex-direction: column; |
| | | .el-table { |
| | | flex: 1; |
| | | } |
| | | >div:nth-child(2){ |
| | | display: flex; |
| | | justify-content: end; |
| | | margin: 10px 0; |
| | | } |
| | | justify-content: end; |
| | | margin: 10px 0; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | .addDrawer{ |
| | | ::v-deep .el-drawer__body{ |
| | | // padding: 24px !important; |
| | | overflow-y: scroll; |
| | | overflow-x: hidden; |
| | | } |
| | | |
| | | .addDrawer { |
| | | ::v-deep .el-drawer__body { |
| | | // padding: 24px !important; |
| | | overflow-y: scroll; |
| | | overflow-x: hidden; |
| | | } |
| | | } |
| | | .detailDrawer{ |
| | | ::v-deep .el-drawer__body{ |
| | | padding: 24px !important; |
| | | overflow-y: scroll; |
| | | } |
| | | .detail-info{ |
| | | |
| | | .detailDrawer { |
| | | ::v-deep .el-drawer__body { |
| | | padding: 24px !important; |
| | | overflow-y: scroll; |
| | | } |
| | | |
| | | .detail-info { |
| | | background: #fff; |
| | | box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 15px; |
| | | margin: 0; |
| | | margin-bottom: 12px; |
| | | border-radius: 6px; |
| | | overflow: hidden; |
| | | .tips-main{ |
| | | |
| | | .tips-main { |
| | | padding: 10px 20px 0 20px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | height: 50px; |
| | | .tips-btn{ |
| | | |
| | | .tips-btn { |
| | | margin-bottom: 10px; |
| | | } |
| | | .tips{ |
| | | height: 100%; |
| | | display: flex; |
| | | height: 24px; |
| | | align-items: center; |
| | | font-size: 16px; |
| | | >span{ |
| | | display: inline-block; |
| | | margin-right: 10px; |
| | | width: 4px; |
| | | height: 16px; |
| | | background: #0077DB; |
| | | } |
| | | >div{ |
| | | |
| | | .tips { |
| | | height: 100%; |
| | | line-height: 26px; |
| | | } |
| | | .el-button{ |
| | | padding: 0; |
| | | } |
| | | display: flex; |
| | | height: 24px; |
| | | align-items: center; |
| | | font-size: 16px; |
| | | |
| | | >span { |
| | | display: inline-block; |
| | | margin-right: 10px; |
| | | width: 4px; |
| | | height: 16px; |
| | | background: #0077DB; |
| | | } |
| | | |
| | | >div { |
| | | height: 100%; |
| | | line-height: 26px; |
| | | } |
| | | |
| | | .el-button { |
| | | padding: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 基本信息和企业信息的每一个信息项样式 |
| | | .message{ |
| | | .message { |
| | | padding: 0px 20px 8px 20px; |
| | | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | border-top: 1px solid #F2F6FC; |
| | | >div{ |
| | | |
| | | >div { |
| | | flex: 30%; |
| | | max-width: 30%; |
| | | padding: 8px; |
| | |
| | | height: 40px; |
| | | display: flex; |
| | | align-items: center; |
| | | >span{ |
| | | |
| | | >span { |
| | | color: #303133; |
| | | font-size: 14px; |
| | | >i{ |
| | | |
| | | >i { |
| | | margin-right: 8px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .measureForm{ |
| | | } |
| | | |
| | | .measureForm { |
| | | |
| | | // |
| | | .el-form-item{ |
| | | .el-form-item { |
| | | |
| | | // |
| | | .el-date-editor{ |
| | | .el-date-editor { |
| | | width: 100%; |
| | | } |
| | | } |