| | |
| | | <el-input v-model="form.DeviceName" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="使用状态" style=" display: flex;"> |
| | | <el-select v-model="form.Status" :popper-append-to-body="false" filterable style="width: 200px" placeholder="请选择"> |
| | | <el-select |
| | | v-model="form.Status" |
| | | :popper-append-to-body="false" |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in StatusArr" |
| | | :key="item.value" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="所属车间" style=" display: flex;"> |
| | | <el-select v-model="form.WorkShop" :popper-append-to-body="false" filterable style="width: 200px" placeholder="请选择"> |
| | | <el-select |
| | | v-model="form.WorkShop" |
| | | :popper-append-to-body="false" |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <!-- @focus="getWorkShopSelect"--> |
| | | <el-option |
| | | v-for="item in WorkShopArr" |
| | | :key="item.code" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item filterable label="设备类型" style="display: flex;"> |
| | | <el-select v-model="form.DeviceType" :popper-append-to-body="false" style="width: 200px" placeholder="请选择" @change="deviceTypeChange"> |
| | | <el-select |
| | | v-model="form.DeviceType" |
| | | :popper-append-to-body="false" |
| | | style="width: 200px" |
| | | filterable |
| | | placeholder="请选择" |
| | | |
| | | @change="deviceTypeChange" |
| | | > |
| | | <!-- @focus="getDeviceTypeSelect"--> |
| | | <el-option |
| | | v-for="item in DeviceTypeArr" |
| | | :key="item.code" |
| | |
| | | <el-form-item label="设备组" style=" display: flex;"> |
| | | <el-select |
| | | v-model="form.DeviceGroup" |
| | | filterable |
| | | :popper-append-to-body="false" |
| | | :disabled="form.DeviceType===''" |
| | | style="width: 200px" |
| | |
| | | <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button> |
| | | <el-button type="primary" icon="el-icon-c-scale-to-original" @click="deviceTypeButton">设备类型</el-button> |
| | | <el-button type="primary" icon="el-icon-document-copy" @click="deviceGroupButton">设备组</el-button> |
| | | <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button> |
| | | <!-- <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>--> |
| | | </div> |
| | | <el-divider /> |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | :height="tableHeight" |
| | | :height="tableHeight+'px'" |
| | | stripe |
| | | highlight-current-row |
| | | :style="{width: 100+'%',height:(tableHeight-50)+'px'}" |
| | |
| | | <el-input v-model="dialogForm.devicename" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="设备类型" prop="devicetypecode"> |
| | | <el-select v-model="dialogForm.devicetypecode" :popper-append-to-body="false" style="width: 200px" placeholder="请选择" @change="devicetypecodeChange"> |
| | | <el-select |
| | | v-model="dialogForm.devicetypecode" |
| | | :popper-append-to-body="false" |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | filterable |
| | | @change="devicetypecodeChange" |
| | | > |
| | | <el-option |
| | | v-for="item in DeviceTypeArr" |
| | | :key="item.code" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="设备组" prop="devicegroupcode"> |
| | | <el-select v-model="dialogForm.devicegroupcode" :popper-append-to-body="false" :disabled="dialogForm.devicetypecode===''" style="width: 200px" placeholder="请选择"> |
| | | <el-select |
| | | v-model="dialogForm.devicegroupcode" |
| | | :popper-append-to-body="false" |
| | | :disabled="dialogForm.devicetypecode===''" |
| | | style="width: 200px" |
| | | filterable |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in DeviceGroupDialogArr" |
| | | :key="item.code" |
| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="所属车间" prop="workshopcode"> |
| | | <el-select v-model="dialogForm.workshopcode" :popper-append-to-body="false" style="width: 200px" placeholder="请选择" @change="workshopcodeChange"> |
| | | <el-select |
| | | v-model="dialogForm.workshopcode" |
| | | filterable |
| | | :popper-append-to-body="false" |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | @change="workshopcodeChange" |
| | | > |
| | | <!-- @focus="getWorkShopSelect"--> |
| | | |
| | | <el-option |
| | | v-for="item in WorkShopArr" |
| | | :key="item.code" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="所属产线" prop="linecode"> |
| | | <el-select v-model="dialogForm.linecode" :popper-append-to-body="false" :disabled="dialogForm.workshopcode===''" style="width: 200px" placeholder="请选择"> |
| | | <el-select |
| | | v-model="dialogForm.linecode" |
| | | filterable |
| | | :popper-append-to-body="false" |
| | | :disabled="dialogForm.workshopcode===''" |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in WorkLineArr" |
| | | :key="item.linecode" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="使用状态" prop="status"> |
| | | <el-select v-model="dialogForm.status" :popper-append-to-body="false" style="width: 200px" placeholder="请选择"> |
| | | <el-select |
| | | v-model="dialogForm.status" |
| | | filterable |
| | | :popper-append-to-body="false" |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in StatusArr" |
| | | :key="item.value" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="稼动率" prop="ratio"> |
| | | <el-input v-model="dialogForm.ratio" style="width: 195px" /><span style="margin-left: 10px">%</span> |
| | | <el-input v-model="dialogForm.ratio" style="width: 195px" /> |
| | | <span style="margin-left: 10px">%</span> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-select v-if="row.isVisible===1" v-model="row.eqptype_code" :popper-append-to-body="false" placeholder="请选择"> |
| | | <el-select |
| | | v-if="row.isVisible===1" |
| | | v-model="row.eqptype_code" |
| | | filterable |
| | | :popper-append-to-body="false" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in DeviceTypeArr" |
| | | :key="item.code" |
| | |
| | | this.$refs.dialogForm.clearValidate() |
| | | }, |
| | | // 对话框所属车间下拉选择改变时 |
| | | async workshopcodeChange(val) { |
| | | async workshopcodeChange(val) { |
| | | const { data: res } = await WorkShopSelectLine({ workshopcode: val }) |
| | | this.WorkLineArr = res |
| | | this.dialogForm.linecode = '' |
| | |
| | | addDeviceGroup() { |
| | | let number = Math.random() * Math.random()// 作为删除时的标识符 |
| | | number = number === 0 ? (10 + Math.random()) : number |
| | | this.DeviceGroupArray.unshift({ code: '', name: '', eqptype_code: '', eqptype_name: '', remark: '', isVisible: 1, number: number }) |
| | | this.DeviceGroupArray.unshift({ |
| | | code: '', |
| | | name: '', |
| | | eqptype_code: '', |
| | | eqptype_name: '', |
| | | remark: '', |
| | | isVisible: 1, |
| | | number: number |
| | | }) |
| | | }, |
| | | // 排序 |
| | | sortChangeOfDeviceGroup({ column, prop, order }) { |
| | |
| | | border: none; |
| | | padding: 0 20px; |
| | | } |
| | | |
| | | ::v-deep .el-button--primary:hover { |
| | | border: none; |
| | | } |
| | | |
| | | ::v-deep .el-button--info { |
| | | //background-color: $main_color !important; |
| | | height: 30px; |
| | |
| | | margin: 10px 30px 0px 0; |
| | | } |
| | | |
| | | .body ::v-deep .el-divider{ |
| | | .body ::v-deep .el-divider { |
| | | border: 1px solid #eee; |
| | | width: 99%; |
| | | margin: 10px auto; |
| | | } |
| | | .body ::v-deep .el-form-item{ |
| | | |
| | | .body ::v-deep .el-form-item { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | ::v-deep .el-input__inner:focus { |
| | | border-color: $main_color; |
| | | } |
| | | |
| | | ::v-deep .el-select .el-input__inner:focus{ |
| | | ::v-deep .el-select .el-input__inner:focus { |
| | | border-color: $main_color; |
| | | } |
| | | |
| | | ::v-deep .el-select-dropdown__item.selected{ |
| | | ::v-deep .el-select-dropdown__item.selected { |
| | | color: $main_color; |
| | | } |
| | | </style> |
| | | <style lang="scss"> |
| | | .dateStyle{ |
| | | .el-date-table td.today span{ |
| | | .dateStyle { |
| | | .el-date-table td.today span { |
| | | color: #42b983; |
| | | } |
| | | } |