| | |
| | | addDev, |
| | | updateDev, |
| | | addBatt, |
| | | getMonCapByUid, |
| | | } from "@/api/station"; |
| | | |
| | | import getBinaryDigits from '@/utils/getBinaryDigits.js'; |
| | | |
| | | import powerTypes from '@/utils/const/const_powerType.js'; |
| | | import moment from 'moment'; |
| | | |
| | | import useElement from "@/hooks/useElement.js"; |
| | | const { $loading, $message, $confirm } = useElement(); |
| | |
| | | const areaList = ref([]); |
| | | const layout = { |
| | | gutter: 16, |
| | | span: 8 |
| | | span: 6 |
| | | }; |
| | | |
| | | const addDevFlag = ref(0); |
| | |
| | | latitude: 0, |
| | | powerName: "", |
| | | company: "", |
| | | modelCfg: 0, |
| | | powerModel: "", |
| | | protocol: "", |
| | | powerIp: "", |
| | |
| | | monvolstd: '', |
| | | moncapstd: '', |
| | | monresstd: '', |
| | | nodeStation: '', |
| | | moncount: '', |
| | | product: "", |
| | | battModel: "", |
| | | powerType: 1, |
| | | powerInuseTime: moment().format('YYYY-MM-DD'), |
| | | inuseTime: moment().format('YYYY-MM-DD'), |
| | | }); |
| | | |
| | | const otherIdList = ref([]); |
| | |
| | | params.longitude = params.longitude || 0; |
| | | params.latitude = params.latitude || 0; |
| | | params.addBinfFlag = addBinfFlag.value; |
| | | params.modelCfg = form1.modelCfg.reduce((pre, cur) => pre + cur, 0); |
| | | |
| | | // 编辑用户时, 区域中不在管理员管理内的区域要挑出来 最后更新时再追加进去 |
| | | console.log("params update", params, "============="); |
| | |
| | | params.longitude = params.longitude || 0; |
| | | params.latitude = params.latitude || 0; |
| | | params.addBinfFlag = addBinfFlag.value; |
| | | params.modelCfg = form1.modelCfg.reduce((pre, cur) => pre + cur, 0); |
| | | console.log("params", params, "============="); |
| | | |
| | | let loading = $loading(); |
| | |
| | | params.longitude = params.longitude || 0; |
| | | params.latitude = params.latitude || 0; |
| | | params.addBinfFlag = addBinfFlag.value; |
| | | params.modelCfg = form1.modelCfg.reduce((pre, cur) => pre + cur, 0); |
| | | console.log("params", params, "============="); |
| | | |
| | | if (addDevFlag.value == 1) { |
| | |
| | | const monVolList = ref([]); |
| | | const productList = ref([]); |
| | | const battModelList = ref([]); |
| | | const monCapList = ref([]); |
| | | |
| | | // 获取标称容量 |
| | | function getMonCapList() { |
| | | getMonCapByUid().then((res) => { |
| | | let { code, data, data2 } = res; |
| | | let list = []; |
| | | if (code && data) { |
| | | list = data2; |
| | | } |
| | | monCapList.value = list; |
| | | }); |
| | | } |
| | | |
| | | // 获取电压等级 |
| | | function getVolLevels() { |
| | |
| | | getDevTypeList(); |
| | | getMonVolList(); |
| | | getProductList(); |
| | | getMonCapList(); |
| | | |
| | | if (info) { |
| | | for(let key in info) { |
| | | form1[key] = info[key]; |
| | | } |
| | | |
| | | addBinfFlag.value = !!info.battgroupId * 1; |
| | | form1.modelCfg = getBinaryDigits(info.modelCfg).map((v, i) => { |
| | | return v == 1 ? 1 << i : 0; |
| | | }).filter(v => !!v); |
| | | |
| | | addBinfFlag.value = info.stationId ? !!info.battgroupId * 1 : 1; |
| | | if (info.addBattFlag) { |
| | | if (!info.devId) { |
| | | addDevFlag.value = 1; |
| | |
| | | |
| | | <template> |
| | | <div class=""> |
| | | <el-form ref="formRef" :model="form1" label-width="7em" :rules="rules"> |
| | | <el-form ref="formRef" :model="form1" label-width="8em" :rules="rules"> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="省" prop="provice"> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="机房名称" prop="stationName"> |
| | | <el-select |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电压等级" prop="stationType"> |
| | | <el-select |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="是否节点站" prop="nodeStation"> |
| | | <el-select |
| | | v-model="form1.nodeStation" |
| | | :disabled="info.addBattFlag" |
| | | filterable |
| | | allow-create |
| | | placeholder="请选择" |
| | | style="width: 180px" |
| | | > |
| | | <el-option |
| | | label="非节点站" |
| | | :value="0" |
| | | /> |
| | | <el-option |
| | | label="节点站" |
| | | :value="1" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="经度" prop="longitude"> |
| | | <el-input v-model="form1.longitude" :disabled="info.addBattFlag"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="纬度" prop="latitude"> |
| | | <el-input v-model="form1.latitude" :disabled="info.addBattFlag"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电源型号" prop="powerModel"> |
| | | <el-select |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电源协议" prop="protocol"> |
| | | <el-select |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电源IP" prop="powerIp"> |
| | | <el-input v-model="form1.powerIp" :disabled="info.addBattFlag"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="layout.span * 2"> |
| | | <el-form-item label="整流器启用" prop="modelCfg"> |
| | | <el-select |
| | | v-model="form1.modelCfg" |
| | | :disabled="info.addBattFlag" |
| | | filterable |
| | | multiple |
| | | clearable |
| | | collapse-tags |
| | | collapse-tags-tooltip |
| | | placeholder="请选择" |
| | | style="width: 100%" |
| | | > |
| | | <el-option |
| | | v-for="(item, idx) in 16" |
| | | :key="'list12_' + idx" |
| | | :label="'#' + item" |
| | | :value="1 << idx" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电源投运日期" prop="powerInuseTime"> |
| | | <el-date-picker |
| | | v-model="form1.powerInuseTime" |
| | | :disabled="info.addBattFlag" |
| | | type="date" |
| | | size="small" |
| | | :clearable="false" |
| | | :editable="false" |
| | | placeholder="选择日期" |
| | | format="YYYY-MM-DD" |
| | | value-format="YYYY-MM-DD" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-input v-model="form1.devIp" :disabled="info.addBattFlag && !addDevFlag"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </template> |
| | | </el-row> |
| | | <template v-if="addBinfFlag || info.addBattFlag"> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="单体个数" prop="moncount"> |
| | | <el-input v-model="form1.moncount"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </template> |
| | | </el-row> |
| | | <template v-if="addBinfFlag || info.addBattFlag"> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="标称电压" prop="monvolstd"> |
| | | <el-select |
| | |
| | | </el-col> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="标称容量" prop="moncapstd"> |
| | | <el-input v-model="form1.moncapstd"></el-input> |
| | | <el-select |
| | | v-model="form1.moncapstd" |
| | | filterable |
| | | allow-create |
| | | placeholder="请选择" |
| | | style="width: 180px" |
| | | > |
| | | <el-option |
| | | v-for="(item, idx) in monCapList" |
| | | :key="'list13_' + idx" |
| | | :label="item" |
| | | :value="item" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="标称内阻" prop="monresstd"> |
| | | <el-input v-model="form1.monresstd"></el-input> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="layout.gutter"> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电池型号" prop="battModel"> |
| | | <el-input v-model="form1.battModel"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="layout.span"> |
| | | <el-form-item label="电池投运日期" prop="inuseTime"> |
| | | <el-date-picker |
| | | v-model="form1.inuseTime" |
| | | type="date" |
| | | size="small" |
| | | :clearable="false" |
| | | :editable="false" |
| | | placeholder="选择日期" |
| | | format="YYYY-MM-DD" |
| | | value-format="YYYY-MM-DD" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | | <div class="form-footer"> |