| | |
| | | padding: 20px; |
| | | } |
| | | |
| | | .el-form-item{ |
| | | margin-bottom: 16px; |
| | | } |
| | | .picName{ |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | word-break: break-all; |
| | | width: 120px; |
| | | } |
| | | .el-form-item { |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | .picName { |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | word-break: break-all; |
| | | width: 120px; |
| | | } |
| | | </style> |
| | | |
| | | <template> |
| | |
| | | <div class="search_thing"> |
| | | <div class="search_label">状态:</div> |
| | | <el-select v-model="componentData.entity.deviceStatus" placeholder="全部"> |
| | | <el-option |
| | | v-for="item in deviceStatusList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | <el-option v-for="item in deviceStatusList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
| | | v-model="componentData.entity.deviceName" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | </div> |
| | | <div class="search_thing"> |
| | | <div class="search_thing"> |
| | | <div class="search_label">规格型号:</div> |
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
| | | v-model="componentData.entity.specificationModel" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | </div> |
| | | <div class="search_thing"> |
| | | <div class="search_label">设备大类:</div> |
| | | <el-select v-model="componentData.entity.largeCategory" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in equipmentList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | <div class="search_thing"> |
| | | <div class="search_label">设备大类:</div> |
| | | <el-select v-model="componentData.entity.largeCategory" placeholder="请选择"> |
| | | <el-option v-for="item in equipmentList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | <div class="search_thing" style="padding-left: 30px;"> |
| | | <el-button size="small" @click="refresh()">重 置</el-button> |
| | | <el-button size="small" @click="refresh()">重 置</el-button> |
| | | <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="medium" type="primary" @click="dialogVisible2 = true">新增</el-button> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | <div class="table"> |
| | | <!-- 语法 子组件通过 this.$emit +传入方法名 调用父组件方法 例如 this.$emit(selectAllByOne) 就需在父组件声明并传入 @selectAllByOne="selectAllByOne"--> |
| | | <ValueTable @selectAllByOne="selectAllByOne" @isUpdate="isUpdate" ref="ValueTable" :url="$api.deviceScope.selectDeviceParameter" :upUrl="$api.deviceScope.upDeviceParameter" :delUrl="$api.deviceScope.delDeviceParameter" :componentData="componentData" :key="upIndex"/> |
| | | <ValueTable @selectAllByOne="selectAllByOne" @isUpdate="isUpdate" ref="ValueTable" |
| | | :url="$api.deviceScope.selectDeviceParameter" :upUrl="$api.deviceScope.upDeviceParameter" |
| | | :delUrl="$api.deviceScope.delDeviceParameter" :componentData="componentData" :key="upIndex" /> |
| | | </div> |
| | | <el-dialog |
| | | :title="isUp?'设备详情':'档案修订'" |
| | | :visible.sync="dialogVisible" |
| | | width="70%" |
| | | :before-close="handleClose"> |
| | | <el-row style="display:flex;justify-content: space-around;"> |
| | | <!-- 左边布局 --> |
| | | <el-col :span="7" > |
| | | <el-col> |
| | | <!-- 图片 --> |
| | | <el-image class="img" style="width:100%;height: 320px;marginBottom:16px" :src="javaApi+'/img/'+formData.imageUpload"> |
| | | <div slot="error" class="image-error" style="width: calc(100% -2px); |
| | | <el-dialog :title="isUp?'设备详情':'档案修订'" :visible.sync="dialogVisible" width="70%" :before-close="handleClose"> |
| | | <el-row style="display:flex;justify-content: space-around;"> |
| | | <!-- 左边布局 --> |
| | | <el-col :span="7"> |
| | | <el-col> |
| | | <!-- 图片 --> |
| | | <el-image class="img" style="width:100%;height: 320px;marginBottom:16px" |
| | | :src="javaApi+'/img/'+formData.imageUpload"> |
| | | <div slot="error" class="image-error" style="width: calc(100% -2px); |
| | | height: 318px; |
| | | border-radius: 16px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <i class="el-icon-picture-outline" style="font-size:60px;color:#666666;"></i> |
| | | </div> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="90px"> |
| | | <el-form-item label="设备分类:" > |
| | | <el-select :disabled="isUp" v-model="formData.largeCategory" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in equipmentList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="出厂日期:"> |
| | | <el-date-picker |
| | | style="width:100%" |
| | | :disabled="isUp" |
| | | v-model="formData.dateProduction" |
| | | type="datetime" |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="设备负责人:" > |
| | | <el-select :disabled="isUp" v-model="formData.getDeviceManager" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in responsiblePersonList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="被授权人:" > |
| | | <el-select :disabled="isUp" v-model="formData.getDeviceManager" size="small" multiple placeholder="请选择" style="width:100%"> |
| | | <el-option |
| | | v-for="item in authorizerList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-col> |
| | | <!-- 中间布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="116px"> |
| | | <el-form-item label="设备名称:" > |
| | | <el-input :disabled="isUp" v-model="formData.deviceName" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="内部编码:"> |
| | | <el-input :disabled="isUp" v-model="formData.internalCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="资产编码:" > |
| | | <el-input :disabled="isUp" v-model="formData.assetCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准日期(月):" > |
| | | <el-date-picker |
| | | :disabled="isUp" |
| | | v-model="formData.calibrationDate" |
| | | type="month" |
| | | size="small" |
| | | format="yyyy-MM" |
| | | value-format="yyyy-MM" |
| | | style="width:100%" |
| | | placeholder="选择月"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="报废时间:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | :disabled="isUp" |
| | | v-model="formData.scrapTime" |
| | | type="datetime" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | size="small" |
| | | placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="验收记录:" > |
| | | <el-input :disabled="isUp" v-model="formData.acceptanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="出厂编号:" > |
| | | <el-input :disabled="isUp" v-model="formData.factoryNo" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="购置日期:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | :disabled="isUp" |
| | | v-model="formData.acquisitionDate" |
| | | type="datetime" |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="准确度量值:" > |
| | | <el-input :disabled="isUp" v-model="formData.accurateMeasurement" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注:" > |
| | | <el-input :disabled="isUp" v-model="formData.notes" size="small"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | <!-- 右边布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="110px" ref="ruleForm"> |
| | | <el-form-item label="规格型号:" > |
| | | <el-input :disabled="isUp" v-model="formData.specificationModel" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <el-select :disabled="isUp" v-model="formData.deviceStatus" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in deviceStatusList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="存放点:" > |
| | | <el-input :disabled="isUp" v-model="formData.storagePoint" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="最近追溯日期:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | :disabled="isUp" |
| | | v-model="formData.latestTraceability" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="datetime" |
| | | size="small" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="停用时间:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | :disabled="isUp" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="formData.downTime" |
| | | type="datetime" |
| | | size="small" |
| | | placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="维修记录:" > |
| | | <el-input :disabled="isUp" v-model="formData.maintenanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="生产厂家:" > |
| | | <el-input :disabled="isUp" v-model="formData.manufacturer" size="small" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="采购费用:" > |
| | | <el-input :disabled="isUp" v-model="formData.procurementCosts" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准证书:" > |
| | | <el-input :disabled="isUp" v-model="formData.calibrationCerticate" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="!isUp" label="图片:" > |
| | | <div style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="formData.imageName" class="picName">{{formData.imageName}}</div> |
| | | <el-upload |
| | | :action="action" |
| | | :on-success="handleSuccessUpImg" |
| | | :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' |
| | | :headers="headers" |
| | | :on-change="beforeUpload" |
| | | :on-error="onError" |
| | | ref='upload' |
| | | > |
| | | <el-button type="text" style="height:30px;paddingTop:8px">上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row v-if="!isUp"> |
| | | <el-button @click="handleClose">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button> |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | <i class="el-icon-picture-outline" style="font-size:60px;color:#666666;"></i> |
| | | </div> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="90px"> |
| | | <el-form-item label="设备分类:"> |
| | | <el-select :disabled="isUp" v-model="formData.largeCategory" placeholder="请选择" size="small" |
| | | style="width:100%"> |
| | | <el-option v-for="item in equipmentList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="出厂日期:"> |
| | | <el-date-picker style="width:100%" :disabled="isUp" v-model="formData.dateProduction" type="datetime" |
| | | size="small" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="设备负责人:"> |
| | | <el-select :disabled="isUp" v-model="formData.equipmentManager" placeholder="请选择" size="small" |
| | | style="width:100%"> |
| | | <el-option v-for="item in responsiblePersonList" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="被授权人:"> |
| | | <el-select :disabled="isUp" v-model="formData.authorizedPerson" size="small" multiple placeholder="请选择" |
| | | style="width:100%"> |
| | | <el-option v-for="item in authorizerList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-col> |
| | | <!-- 中间布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="116px"> |
| | | <el-form-item label="设备名称:"> |
| | | <el-input :disabled="isUp" v-model="formData.deviceName" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="内部编码:"> |
| | | <el-input :disabled="isUp" v-model="formData.internalCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="资产编码:"> |
| | | <el-input :disabled="isUp" v-model="formData.assetCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准日期(月):"> |
| | | <el-date-picker :disabled="isUp" v-model="formData.calibrationDate" type="month" size="small" |
| | | format="yyyy-MM" value-format="yyyy-MM" style="width:100%" placeholder="选择月"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="报废时间:"> |
| | | <el-date-picker style="width:100%" :disabled="isUp" v-model="formData.scrapTime" type="datetime" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" size="small" placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="验收记录:"> |
| | | <el-input :disabled="isUp" v-model="formData.acceptanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="出厂编号:"> |
| | | <el-input :disabled="isUp" v-model="formData.factoryNo" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="购置日期:"> |
| | | <el-date-picker style="width:100%" :disabled="isUp" v-model="formData.acquisitionDate" type="datetime" |
| | | size="small" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="准确度量值:"> |
| | | <el-input :disabled="isUp" v-model="formData.accurateMeasurement" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注:"> |
| | | <el-input :disabled="isUp" v-model="formData.notes" size="small"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | <!-- 右边布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData" label-width="110px" ref="ruleForm"> |
| | | <el-form-item label="规格型号:"> |
| | | <el-input :disabled="isUp" v-model="formData.specificationModel" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <el-select :disabled="isUp" v-model="formData.deviceStatus" placeholder="请选择" size="small" |
| | | style="width:100%"> |
| | | <el-option v-for="item in deviceStatusList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="存放点:"> |
| | | <el-input :disabled="isUp" v-model="formData.storagePoint" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="最近追溯日期:"> |
| | | <el-date-picker style="width:100%" :disabled="isUp" v-model="formData.latestTraceability" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" size="small" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="停用时间:"> |
| | | <el-date-picker style="width:100%" :disabled="isUp" format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" v-model="formData.downTime" type="datetime" size="small" |
| | | placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="维修记录:"> |
| | | <el-input :disabled="isUp" v-model="formData.maintenanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="生产厂家:"> |
| | | <el-input :disabled="isUp" v-model="formData.manufacturer" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="采购费用:"> |
| | | <el-input :disabled="isUp" v-model="formData.procurementCosts" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准证书:"> |
| | | <el-input :disabled="isUp" v-model="formData.calibrationCerticate" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="!isUp" label="图片:"> |
| | | <div |
| | | style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="formData.imageName" class="picName">{{formData.imageName}}</div> |
| | | <el-upload :action="action" :on-success="handleSuccessUpImg" :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' :headers="headers" :on-change="beforeUpload" |
| | | :on-error="onError" ref='upload'> |
| | | <el-button type="text" style="height:30px;paddingTop:8px">上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row v-if="!isUp"> |
| | | <el-button @click="handleClose">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm" :loading="upLoad">确 定</el-button> |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | |
| | | |
| | | <!-- 新增--> |
| | | <el-dialog |
| | | title="新增设备" |
| | | :visible.sync="dialogVisible2" |
| | | width="70%" |
| | | :before-close="handleClose2"> |
| | | <el-row style="display:flex;justify-content: space-around;"> |
| | | <!-- 左边布局 --> |
| | | <el-col :span="7" > |
| | | <el-col> |
| | | <!-- 图片 --> |
| | | <el-image class="img" style="width:100%;height: 320px;margin-bottom:16px" :src="javaApi+'/img/'+formData2.imageUpload"> |
| | | <div slot="error" class="image-error" style="width: calc(100% -2px); |
| | | <!-- 新增--> |
| | | <el-dialog title="新增设备" :visible.sync="dialogVisible2" width="70%" :before-close="handleClose2"> |
| | | <el-row style="display:flex;justify-content: space-around;"> |
| | | <!-- 左边布局 --> |
| | | <el-col :span="7"> |
| | | <el-col> |
| | | <!-- 图片 --> |
| | | <el-image class="img" style="width:100%;height: 320px;margin-bottom:16px" |
| | | :src="javaApi+'/img/'+formData2.imageUpload"> |
| | | <div slot="error" class="image-error" style="width: calc(100% -2px); |
| | | height: 318px; |
| | | border-radius: 16px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <i class="el-icon-picture-outline" style="font-size:60px;color:#666666;"></i> |
| | | </div> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | | <el-form :label-position="labelPosition" :model="formData2" label-width="90px"> |
| | | <el-form-item label="设备分类:" > |
| | | <el-select v-model="formData2.largeCategory" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in equipmentList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="出厂日期:"> |
| | | <el-date-picker |
| | | style="width:100%" |
| | | v-model="formData2.dateProduction" |
| | | type="datetime" |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="设备负责人:" > |
| | | <el-select v-model="formData2.equipmentManager" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in responsiblePersonList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="被授权人:" > |
| | | <el-select v-model="formData2.authorizedPerson" size="small" multiple placeholder="请选择" style="width:100%"> |
| | | <el-option |
| | | v-for="item in authorizerList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-col> |
| | | <!-- 中间布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData2" label-width="116px"> |
| | | <el-form-item label="设备名称:" > |
| | | <el-input v-model="formData2.deviceName" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="内部编码:"> |
| | | <el-input v-model="formData2.internalCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="资产编码:" > |
| | | <el-input v-model="formData2.assetCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准日期(月):" > |
| | | <el-date-picker |
| | | v-model="formData2.calibrationDate" |
| | | type="month" |
| | | size="small" |
| | | format="yyyy-MM" |
| | | value-format="yyyy-MM" |
| | | style="width:100%" |
| | | placeholder="选择月"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="报废时间:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | v-model="formData2.scrapTime" |
| | | type="datetime" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | size="small" |
| | | placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="验收记录:" > |
| | | <el-input v-model="formData2.acceptanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="出厂编号:" > |
| | | <el-input v-model="formData2.factoryNo" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="购置日期:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | v-model="formData2.acquisitionDate" |
| | | type="datetime" |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="准确度量值:" > |
| | | <el-input v-model="formData2.accurateMeasurement" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注:" > |
| | | <el-input v-model="formData2.notes" size="small"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | <!-- 右边布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData2" label-width="110px" ref="ruleForm"> |
| | | <el-form-item label="规格型号:" > |
| | | <el-input v-model="formData2.specificationModel" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <el-select v-model="formData2.deviceStatus" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option |
| | | v-for="item in deviceStatusList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="存放点:" > |
| | | <el-input v-model="formData2.storagePoint" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="最近追溯日期:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | v-model="formData2.latestTraceability" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="datetime" |
| | | size="small" |
| | | placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="停用时间:" > |
| | | <el-date-picker |
| | | style="width:100%" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="formData2.downTime" |
| | | type="datetime" |
| | | size="small" |
| | | placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="维修记录:" > |
| | | <el-input v-model="formData2.maintenanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="生产厂家:" > |
| | | <el-input v-model="formData2.manufacturer" size="small" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="采购费用:" > |
| | | <el-input v-model="formData2.procurementCosts" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准证书:" > |
| | | <el-input v-model="formData2.calibrationCerticate" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="图片:" > |
| | | <div style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="formData2.imageName" class="picName">{{formData2.imageName}}</div> |
| | | <el-upload |
| | | :action="action" |
| | | :on-success="handleSuccessUpImg2" |
| | | :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' |
| | | :headers="headers" |
| | | :on-change="beforeUpload" |
| | | :on-error="onError" |
| | | ref='upload' |
| | | > |
| | | <el-button type="text" style="height:30px;paddingTop:8px">上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row > |
| | | <el-button @click="handleClose2">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm2" :loading="upLoad2">确 定</el-button> |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | <i class="el-icon-picture-outline" style="font-size:60px;color:#666666;"></i> |
| | | </div> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | | <el-form :label-position="labelPosition" :model="formData2" label-width="90px"> |
| | | <el-form-item label="设备分类:"> |
| | | <el-select v-model="formData2.largeCategory" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option v-for="item in equipmentList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="出厂日期:"> |
| | | <el-date-picker style="width:100%" v-model="formData2.dateProduction" type="datetime" size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="设备负责人:"> |
| | | <el-select v-model="formData2.equipmentManager" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option v-for="item in responsiblePersonList" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="被授权人:"> |
| | | <el-select v-model="formData2.authorizedPerson" size="small" multiple placeholder="请选择" |
| | | style="width:100%"> |
| | | <el-option v-for="item in authorizerList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-col> |
| | | <!-- 中间布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData2" label-width="116px"> |
| | | <el-form-item label="设备名称:"> |
| | | <el-input v-model="formData2.deviceName" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="内部编码:"> |
| | | <el-input v-model="formData2.internalCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="资产编码:"> |
| | | <el-input v-model="formData2.assetCode" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准日期(月):"> |
| | | <el-date-picker v-model="formData2.calibrationDate" type="month" size="small" format="yyyy-MM" |
| | | value-format="yyyy-MM" style="width:100%" placeholder="选择月"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="报废时间:"> |
| | | <el-date-picker style="width:100%" v-model="formData2.scrapTime" type="datetime" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" size="small" placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="验收记录:"> |
| | | <el-input v-model="formData2.acceptanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="出厂编号:"> |
| | | <el-input v-model="formData2.factoryNo" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="购置日期:"> |
| | | <el-date-picker style="width:100%" v-model="formData2.acquisitionDate" type="datetime" size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="准确度量值:"> |
| | | <el-input v-model="formData2.accurateMeasurement" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="备注:"> |
| | | <el-input v-model="formData2.notes" size="small"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | <!-- 右边布局 --> |
| | | <el-col :span="7"> |
| | | <el-form :label-position="labelPosition" :model="formData2" label-width="110px" ref="ruleForm"> |
| | | <el-form-item label="规格型号:"> |
| | | <el-input v-model="formData2.specificationModel" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="设备状态:"> |
| | | <el-select v-model="formData2.deviceStatus" placeholder="请选择" size="small" style="width:100%"> |
| | | <el-option v-for="item in deviceStatusList" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="存放点:"> |
| | | <el-input v-model="formData2.storagePoint" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="最近追溯日期:"> |
| | | <el-date-picker style="width:100%" v-model="formData2.latestTraceability" format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" type="datetime" size="small" placeholder="选择日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="停用时间:"> |
| | | <el-date-picker style="width:100%" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" |
| | | v-model="formData2.downTime" type="datetime" size="small" placeholder="选择时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="维修记录:"> |
| | | <el-input v-model="formData2.maintenanceRecords" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="生产厂家:"> |
| | | <el-input v-model="formData2.manufacturer" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="采购费用:"> |
| | | <el-input v-model="formData2.procurementCosts" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="校准证书:"> |
| | | <el-input v-model="formData2.calibrationCerticate" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="图片:"> |
| | | <div |
| | | style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="formData2.imageName" class="picName">{{formData2.imageName}}</div> |
| | | <el-upload :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' :headers="headers" :on-change="beforeUpload" |
| | | :on-error="onError" ref='upload'> |
| | | <el-button type="text" style="height:30px;paddingTop:8px">上传</el-button> |
| | | </el-upload> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row> |
| | | <el-button @click="handleClose2">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm2" :loading="upLoad2">确 定</el-button> |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | //是否是档案修订 true不是 false是 |
| | | isUp: true, |
| | | formData: {}, |
| | | formData2: { |
| | | imageUpload:'', |
| | | imageName:'' |
| | | }, |
| | | formData2: { |
| | | imageUpload: '', |
| | | imageName: '' |
| | | }, |
| | | value: '', |
| | | options: [], |
| | | labelPosition: 'right', |
| | | dialogVisible: false, |
| | | dialogVisible2: false, |
| | | addPower: false, |
| | | dialogVisible2: false, |
| | | addPower: false, |
| | | componentData: { |
| | | entity: { |
| | | deviceStatus: null, |
| | |
| | | font: '删除', |
| | | type: 'text', |
| | | method: 'doDiy' |
| | | },{ |
| | | }, { |
| | | id: 'archives', |
| | | font: '档案修订', |
| | | type: 'text', |
| | | method: 'isUpdate' |
| | | }], |
| | | tagField: { |
| | | deviceStatus: { |
| | | deviceStatus: { |
| | | select: [{ |
| | | value: 0, |
| | | type: 'success', |
| | | label: '正常' |
| | | },{ |
| | | }, { |
| | | value: 1, |
| | | type: 'warning', |
| | | label: '报废' |
| | | },{ |
| | | }, { |
| | | value: 2, |
| | | type: 'danger', |
| | | label: '保修' |
| | | }] |
| | | }, |
| | | equipmentManager: { |
| | | select: [] |
| | | }, |
| | | authorizedPerson: { |
| | | select: [] |
| | | } |
| | | }, |
| | | linkEvent:{ |
| | | deviceName:{ |
| | | method:'selectAllByOne' |
| | | } |
| | | }, |
| | | selectField: {}, |
| | | requiredAdd:['largeCategory','subclass','deviceName','internalCode','specificationModel','manufacturer'], |
| | | requiredUp:['largeCategory','subclass','deviceName','internalCode','specificationModel','manufacturer'] |
| | | }, |
| | | linkEvent: { |
| | | deviceName: { |
| | | method: 'selectAllByOne' |
| | | } |
| | | }, |
| | | selectField: { |
| | | authorizedPerson: { |
| | | select: [], |
| | | choose: true |
| | | }, |
| | | equipmentManager: { |
| | | select: [] |
| | | } |
| | | }, |
| | | requiredAdd: [], |
| | | requiredUp: [] |
| | | }, |
| | | entityCopy: {}, |
| | | upIndex: 0, |
| | | addDia: true, |
| | | addPower: true, |
| | | //设备类型列表 |
| | | equipmentList:[], |
| | | // 负责人列表 |
| | | responsiblePersonList:[], |
| | | // 授权人列表 |
| | | authorizerList:[], |
| | | // 设备状态列表 |
| | | deviceStatusList:[], |
| | | upLoad:false, |
| | | upLoad2:false, |
| | | //设备类型列表 |
| | | equipmentList: [], |
| | | // 负责人列表 |
| | | responsiblePersonList: [], |
| | | // 授权人列表 |
| | | authorizerList: [], |
| | | // 设备状态列表 |
| | | deviceStatusList: [], |
| | | upLoad: false, |
| | | upLoad2: false, |
| | | } |
| | | }, |
| | | computed: { |
| | | headers() { |
| | | return { 'token': sessionStorage.getItem('token') } |
| | | }, |
| | | action(){ |
| | | return this.javaApi+this.$api.deviceScope.uploadFile |
| | | } |
| | | }, |
| | | computed: { |
| | | headers() { |
| | | return { |
| | | 'token': sessionStorage.getItem('token') |
| | | } |
| | | }, |
| | | action() { |
| | | return this.javaApi + this.$api.deviceScope.uploadFile |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
| | | this.getPower() |
| | | this.getAuthorizedPerson() |
| | | this.selectEnumByCategory() |
| | | this.selectDevicePrincipal() |
| | | // this.getAuthorizedPerson() |
| | | this.selectEnumByCategory() |
| | | this.selectDevicePrincipal() |
| | | }, |
| | | methods: { |
| | | refreshTable() { |
| | |
| | | let del = false |
| | | let add = false |
| | | for (var i = 0; i < power.length; i++) { |
| | | if(power[i].menuMethod=='upDeviceParameter'){ |
| | | if (power[i].menuMethod == 'upDeviceParameter') { |
| | | up = true |
| | | } |
| | | if(power[i].menuMethod=='delDeviceParameter'){ |
| | | if (power[i].menuMethod == 'delDeviceParameter') { |
| | | del = true |
| | | } |
| | | if(power[i].menuMethod=='addDeviceParameter'){ |
| | | if (power[i].menuMethod == 'addDeviceParameter') { |
| | | add = true |
| | | } |
| | | } |
| | | if(!up){ |
| | | if (!up) { |
| | | this.componentData.do.splice(1, 1) |
| | | } |
| | | if(!del){ |
| | | if (!del) { |
| | | this.componentData.do.splice(0, 1) |
| | | } |
| | | this.addPower = add |
| | | }, |
| | | // 获取授权人 |
| | | getAuthorizedPerson(){ |
| | | this.$axios.get(this.$api.deviceScope.selectDevicePrincipal).then(res => { |
| | | let data = [] |
| | | res.data.forEach(a=>{ |
| | | data.push({ |
| | | label: a.name, |
| | | value: a.id |
| | | }) |
| | | }) |
| | | this.authorizerList = data |
| | | }) |
| | | }, |
| | | // 获取字典 |
| | | selectEnumByCategory() { |
| | | // 获取字典 |
| | | selectEnumByCategory() { |
| | | this.$axios.post(this.$api.enums.selectEnumByCategory, { |
| | | category: "设备状态" |
| | | }).then(res => { |
| | | this.deviceStatusList = res.data |
| | | }) |
| | | this.$axios.post(this.$api.enums.selectEnumByCategory, { |
| | | this.$axios.post(this.$api.enums.selectEnumByCategory, { |
| | | category: "设备分类" |
| | | }).then(res => { |
| | | this.equipmentList = res.data |
| | | }) |
| | | }, |
| | | // 获取负责人列表 |
| | | selectDevicePrincipal(){ |
| | | this.$axios.get(this.$api.deviceScope.selectDevicePrincipal).then(res => { |
| | | // 获取负责人列表 |
| | | selectDevicePrincipal() { |
| | | this.$axios.get(this.$api.deviceScope.selectDevicePrincipal).then(res => { |
| | | let data = [] |
| | | res.data.forEach(a=>{ |
| | | res.data.forEach(a => { |
| | | data.push({ |
| | | label: a.name, |
| | | value: a.id |
| | | }) |
| | | }) |
| | | this.responsiblePersonList = data |
| | | this.authorizerList = data |
| | | this.componentData.tagField.equipmentManager = data |
| | | this.componentData.tagField.authorizedPerson = data |
| | | }) |
| | | }, |
| | | handleClose(){ |
| | | }, |
| | | handleClose() { |
| | | this.dialogVisible = false; |
| | | this.upLoad = false; |
| | | this.upLoad = false; |
| | | }, |
| | | handleClose2(){ |
| | | handleClose2() { |
| | | this.dialogVisible2 = false; |
| | | this.upLoad = false; |
| | | this.upLoad = false; |
| | | }, |
| | | selectAllByOne(row){ |
| | | selectAllByOne(row) { |
| | | this.isUp = true |
| | | //打开弹框 |
| | | this.dialogVisible = true; |
| | | //row = 点击对应行值 |
| | | //复制给formData |
| | | this.formData=this.HaveJson(row); |
| | | this.formData.authorizedPerson=row.authorizedPerson?row.authorizedPerson.split(','):[]; |
| | | this.formData = this.HaveJson(row); |
| | | this.formData.authorizedPerson = row.authorizedPerson ? row.authorizedPerson.split(',') : []; |
| | | }, |
| | | isUpdate(row){ |
| | | isUpdate(row) { |
| | | //修改 isUp 为档案修改 |
| | | this.isUp = false |
| | | //打开弹框 |
| | | this.dialogVisible = true; |
| | | //row = 点击对应行值一行值 |
| | | //复制给formData |
| | | this.formData=this.HaveJson(row); |
| | | this.formData.authorizedPerson=row.authorizedPerson?row.authorizedPerson.split(','):[]; |
| | | this.formData = this.HaveJson(row); |
| | | this.formData.authorizedPerson = row.authorizedPerson ? row.authorizedPerson.split(',') : []; |
| | | }, |
| | | beforeUpload(file){ |
| | | if (file.size > 1024*1024*10) { |
| | | beforeUpload(file) { |
| | | if (file.size > 1024 * 1024 * 10) { |
| | | this.$message.error('上传文件不超过10M'); |
| | | this.$refs.upload.clearFiles() |
| | | return false; |
| | | }else{ |
| | | return true; |
| | | } |
| | | }, |
| | | onError(err, file, fileList) { |
| | | } else { |
| | | return true; |
| | | } |
| | | }, |
| | | onError(err, file, fileList) { |
| | | this.$message.error('上传失败') |
| | | this.$refs.upload.clearFiles() |
| | | }, |
| | | // 上传图片成功 |
| | | handleSuccessUpImg(response,){ |
| | | if(response.code==200){ |
| | | this.formData.imageUpload = response.data.url; |
| | | this.formData.imageName = response.data.name; |
| | | } |
| | | }, |
| | | handleSuccessUpImg2(response,){ |
| | | if(response.code==200){ |
| | | this.$nextTick(()=>{ |
| | | this.formData2.imageUpload = response.data.url; |
| | | this.formData2.imageName = response.data.name; |
| | | }) |
| | | } |
| | | }, |
| | | submitForm(){ |
| | | this.upLoad = true; |
| | | let authorizedPerson = this.formData.authorizedPerson.length>0?this.formData.authorizedPerson.join(','):'' |
| | | delete this.formData.createTime |
| | | delete this.formData.updateTime |
| | | delete this.formData.createUser |
| | | delete this.formData.updateUser |
| | | this.formData.authorizedPerson = authorizedPerson |
| | | this.$axios.post(this.$api.deviceScope.upDeviceParameter, this.formData, { |
| | | // 上传图片成功 |
| | | handleSuccessUpImg(response, ) { |
| | | if (response.code == 200) { |
| | | this.formData.imageUpload = response.data.url; |
| | | this.formData.imageName = response.data.name; |
| | | } |
| | | }, |
| | | handleSuccessUpImg2(response, ) { |
| | | if (response.code == 200) { |
| | | this.$nextTick(() => { |
| | | this.formData2.imageUpload = response.data.url; |
| | | this.formData2.imageName = response.data.name; |
| | | }) |
| | | } |
| | | }, |
| | | submitForm() { |
| | | this.upLoad = true; |
| | | let authorizedPerson = this.formData.authorizedPerson.length > 0 ? this.formData.authorizedPerson.join(',') : '' |
| | | delete this.formData.createTime |
| | | delete this.formData.updateTime |
| | | delete this.formData.createUser |
| | | delete this.formData.updateUser |
| | | this.formData.authorizedPerson = authorizedPerson |
| | | this.$axios.post(this.$api.deviceScope.upDeviceParameter, this.formData, { |
| | | headers: { |
| | | 'Content-Type': 'application/json' |
| | | } |
| | |
| | | return |
| | | } |
| | | this.$message.success('修改成功') |
| | | this.upLoad = false |
| | | this.upLoad = false |
| | | this.refreshTable() |
| | | this.dialogVisible = false |
| | | this.dialogVisible = false |
| | | }).catch(e => { |
| | | this.$message.error('修改失败') |
| | | this.dialogVisible = false |
| | | this.upLoad = false |
| | | }) |
| | | }, |
| | | submitForm2(){ |
| | | this.upLoad2 = true; |
| | | let authorizedPerson = this.formData2.authorizedPerson.length>0?this.formData2.authorizedPerson.join(','):'' |
| | | this.formData2.authorizedPerson = authorizedPerson |
| | | this.$axios.post(this.$api.deviceScope.addDeviceParameter, this.formData2, { |
| | | }, |
| | | submitForm2() { |
| | | this.upLoad2 = true; |
| | | let authorizedPerson = this.formData2.authorizedPerson.length > 0 ? this.formData2.authorizedPerson.join(',') : |
| | | '' |
| | | this.formData2.authorizedPerson = authorizedPerson |
| | | this.$axios.post(this.$api.deviceScope.addDeviceParameter, this.formData2, { |
| | | headers: { |
| | | 'Content-Type': 'application/json' |
| | | } |
| | |
| | | return |
| | | } |
| | | this.$message.success('提交成功') |
| | | this.upLoad2 = false |
| | | this.upLoad2 = false |
| | | this.refreshTable() |
| | | this.dialogVisible2 = false |
| | | this.formData2 = { |
| | | imageUpload:'', |
| | | imageName:'' |
| | | } |
| | | this.dialogVisible2 = false |
| | | this.formData2 = { |
| | | imageUpload: '', |
| | | imageName: '' |
| | | } |
| | | }).catch(e => { |
| | | this.$message.error('提交失败') |
| | | this.dialogVisible2 = false |
| | | this.upLoad2 = false |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |