|
@@ -1,68 +1,107 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <el-dialog v-model="visible" title="数据模拟" width="860" :close-on-click-modal="false" @closed="$emit('closed')">
|
|
|
|
|
- <el-form ref="formRef" :model="form" :rules="rules" label-width="120">
|
|
|
|
|
|
|
+ <el-dialog v-model="visible" title="数据模拟" fullscreen :close-on-click-modal="false" @closed="$emit('closed')">
|
|
|
|
|
+ <el-tabs v-model="apiKey">
|
|
|
|
|
+ <el-tab-pane label="参数配置" name="makeData"></el-tab-pane>
|
|
|
|
|
+ <el-tab-pane label="数据复制" name="copyData"></el-tab-pane>
|
|
|
|
|
+ </el-tabs>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form ref="formRef" :model="form" :rules="rules" label-width="126">
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :md="12" :xs="24">
|
|
<el-col :md="12" :xs="24">
|
|
|
- <el-form-item label="时间范围" prop="dateRange">
|
|
|
|
|
- <el-date-picker v-model="form.dateRange" type="daterange" :clearable="false" :shortcuts="shortcuts" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
|
|
|
|
|
|
|
+ <el-form-item label="模拟项目" prop="targetProjectId">
|
|
|
|
|
+ <el-select v-model="form.targetProjectId" filterable placeholder="请选择模拟项目" @change="form.targetMountedId = null, dataTimeRange()">
|
|
|
|
|
+ <el-option v-for="item in $TOOL.data.get('PROJECT')" :key="item.fpiId" :label="item.projectName" :value="item.fpiId"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col :md="12" :xs="24">
|
|
|
|
|
- <el-form-item class="step-item" label="时间步长" prop="timeStep">
|
|
|
|
|
- <el-input-number v-model="form.timeStep" :min="0"
|
|
|
|
|
- :max="['second', 'minute'].includes(form.timeStepType) ? 60 : form.timeStepType == 'hour' ? 12 : Infinity"
|
|
|
|
|
- :controls="false" placeholder="时间步长">
|
|
|
|
|
- </el-input-number>
|
|
|
|
|
- <el-form-item>
|
|
|
|
|
- <el-select v-model="form.timeStepType">
|
|
|
|
|
- <el-option label="秒" value="second"></el-option>
|
|
|
|
|
- <el-option label="分钟" value="minute"></el-option>
|
|
|
|
|
- <el-option label="小时" value="hour"></el-option>
|
|
|
|
|
- <el-option label="天" value="day"></el-option>
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <el-col v-if="form.targetProjectId" :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="数据时间范围">
|
|
|
|
|
+ <template v-if="XEUtils.isEmpty(acceptItem)">该项目未配置验收清单,<el-button type="primary" link @click="$router.push('/basic/acceptItems')">去配置</el-button></template>
|
|
|
|
|
+ <template v-else-if="acceptItem.beginTime">{{ $TOOL.dateFormat(acceptItem.beginTime, "YY.M.D") }}<span>-{{ acceptItem.endTime && $TOOL.dateFormat(acceptItem.endTime, "YY.M.D") || "至今" }}</span></template>
|
|
|
|
|
+ <template v-else>该项目未配置数据时间范围,<el-button type="primary" link @click="$router.push('/basic/project')">去配置</el-button></template>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :md="12" :xs="24">
|
|
<el-col :md="12" :xs="24">
|
|
|
- <el-form-item label="精度偏差" prop="precision">
|
|
|
|
|
- <el-input-number v-model="form.precision" :min="0" :max="2" :precision="2" :controls="false" placeholder="请输入精度偏差">
|
|
|
|
|
- <template #prefix>±</template>
|
|
|
|
|
- </el-input-number>
|
|
|
|
|
|
|
+ <el-form-item label="模拟项目安装点" prop="targetMountedId">
|
|
|
|
|
+ <el-select v-model="form.targetMountedId" filterable placeholder="请选择模拟项目安装点">
|
|
|
|
|
+ <el-option v-for="item in filterTargetM" :key="item.id" :label="item.mountedName" :value="item.id"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+
|
|
|
|
|
+ <el-col v-if="apiKey == 'makeData'" :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="模拟时间范围" prop="targetTime">
|
|
|
|
|
+ <el-date-picker v-model="form.targetTime" type="datetimerange" :clearable="false" value-format="YYYY-MM-DD HH:mm:ss" :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]" :shortcuts="shortcuts" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"></el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
+ <template v-if="apiKey == 'copyData'">
|
|
|
|
|
+ <el-col :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="模拟年份" prop="targetYear">
|
|
|
|
|
+ <el-date-picker v-model="form.targetYear" type="year" value-format="YYYY" format="YYYY" placeholder="请选择模拟年份" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="模拟月份">
|
|
|
|
|
+ <el-select v-model="form.targetMonth" filterable clearable placeholder="请选择模拟月份">
|
|
|
|
|
+ <el-option v-for="item in 12" :key="item" :label="item + '月'" :value="XEUtils.padStart(item, 2, '0')"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="数据来源" prop="source">
|
|
|
|
|
+ <el-radio-group v-model="form.source" @change="refreshTable">
|
|
|
|
|
+ <el-radio value="template">模版项目</el-radio>
|
|
|
|
|
+ <el-radio value="other">其他项目</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
<el-col :md="12" :xs="24">
|
|
<el-col :md="12" :xs="24">
|
|
|
- <el-form-item label="数据处理" prop="handler">
|
|
|
|
|
- <el-radio-group v-model="form.handler">
|
|
|
|
|
- <el-radio value="copy">重复新增</el-radio>
|
|
|
|
|
- <el-radio value="cover">数据覆盖</el-radio>
|
|
|
|
|
- <el-radio value="partly">部分覆盖</el-radio>
|
|
|
|
|
|
|
+ <el-form-item style="margin-bottom: 0;" label="数据处理" prop="isCover">
|
|
|
|
|
+ <el-radio-group v-model="form.isCover">
|
|
|
|
|
+ <el-radio :value="false">重复新增</el-radio>
|
|
|
|
|
+ <el-radio :value="true">数据覆盖</el-radio>
|
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
- <el-form-item label="数据设置">
|
|
|
|
|
- <sc-form-table :header-cell-style="headerCellStyle" v-model="form.warnList" hideSeq :span-method="spanMethod">
|
|
|
|
|
- <el-table-column prop="field" width="100" align="center"></el-table-column>
|
|
|
|
|
- <el-table-column label="报警类型" prop="fieldDesc" width="160" align="center"></el-table-column>
|
|
|
|
|
- <el-table-column class-name="threshold-cell" label="阈值" prop="threshold">
|
|
|
|
|
- <template #default="scope">
|
|
|
|
|
- <el-input-number v-model="scope.row.min" :min="0" :max="scope.row.max" :precision="2" :controls="false" placeholder="最小值"></el-input-number>
|
|
|
|
|
- <div class="symbol">至</div>
|
|
|
|
|
- <el-input-number v-model="scope.row.max" :min="scope.row.min" :precision="2" :controls="false" placeholder="最大值"></el-input-number>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- <el-table-column label="报警条数" prop="count" width="120" align="center">
|
|
|
|
|
- <template #default="scope">
|
|
|
|
|
- <el-input-number v-model="scope.row.count" :min="0" :controls="false" placeholder="请输入报警条数"></el-input-number>
|
|
|
|
|
- </template>
|
|
|
|
|
- </el-table-column>
|
|
|
|
|
- </sc-form-table>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
|
+ <template v-if="apiKey == 'copyData'">
|
|
|
|
|
+ <el-divider />
|
|
|
|
|
+
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <template v-if="form.source == 'other'">
|
|
|
|
|
+ <el-col :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="数据源项目" prop="sourceProjectId">
|
|
|
|
|
+ <el-select v-model="form.sourceProjectId" filterable placeholder="请选择数据源项目" @change="form.sourceMountedId = null, refreshTable()">
|
|
|
|
|
+ <el-option v-for="item in $TOOL.data.get('PROJECT')" :key="item.fpiId" :label="item.projectName" :value="item.fpiId"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="数据源安装点" prop="sourceMountedId">
|
|
|
|
|
+ <el-select v-model="form.sourceMountedId" filterable placeholder="请选择数据源安装点" @change="refreshTable">
|
|
|
|
|
+ <el-option v-for="item in filterSourceM" :key="item.id" :label="item.mountedName" :value="item.id"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
|
|
+ <el-col :md="12" :xs="24">
|
|
|
|
|
+ <el-form-item label="抓拍时间" prop="sourceTime">
|
|
|
|
|
+ <el-date-picker v-model="form.sourceTime" type="datetimerange" :clearable="false" value-format="YYYY-MM-DD HH:mm:ss" :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" @change="refreshTable"></el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+
|
|
|
|
|
+ <data-table ref="tableRef" :isTemp="form.source == 'template'" hideHandler :options="tableOptions"></data-table>
|
|
|
|
|
+ </template>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
- <el-button :loading="isSaving" type="primary" auto-insert-space @click="submit">保存</el-button>
|
|
|
|
|
|
|
+ <el-button :loading="isSaving" type="primary" auto-insert-space @click="submit()">提交</el-button>
|
|
|
|
|
+ <el-button v-if="form.source == 'other'" :loading="isSaving" type="primary" auto-insert-space @click="submit('template')">保存为模版</el-button>
|
|
|
<el-button auto-insert-space @click="visible = false">取消</el-button>
|
|
<el-button auto-insert-space @click="visible = false">取消</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
@@ -71,76 +110,123 @@
|
|
|
<script setup>
|
|
<script setup>
|
|
|
import moment from "moment";
|
|
import moment from "moment";
|
|
|
import XEUtils from "xe-utils";
|
|
import XEUtils from "xe-utils";
|
|
|
|
|
+import API from "@/api";
|
|
|
|
|
+import TOOL from "@/utils/tool";
|
|
|
|
|
+import { rangeShortcuts } from "@/utils/shortcuts";
|
|
|
|
|
+import dataTable from "./components/record";
|
|
|
|
|
|
|
|
|
|
+const route = useRoute();
|
|
|
const $emit = defineEmits(["success", "closed"]);
|
|
const $emit = defineEmits(["success", "closed"]);
|
|
|
|
|
+const apiKey = ref("makeData");
|
|
|
const visible = ref(false);
|
|
const visible = ref(false);
|
|
|
const isSaving = ref(false);
|
|
const isSaving = ref(false);
|
|
|
|
|
|
|
|
-const shortcuts = [
|
|
|
|
|
- { text: "上周", value: () => [moment().subtract(1, "week"), moment()] },
|
|
|
|
|
- { text: "上月", value: () => [moment().subtract(1, "month"), moment()] },
|
|
|
|
|
- { text: "去年", value: () => [moment().subtract(1, "year"), moment()] }
|
|
|
|
|
-]
|
|
|
|
|
-
|
|
|
|
|
|
|
+const shortcuts = rangeShortcuts();
|
|
|
const form = ref({
|
|
const form = ref({
|
|
|
- id: null,
|
|
|
|
|
- dateRange: null,
|
|
|
|
|
- timeStepType: "minute",
|
|
|
|
|
- timeStep: 3,
|
|
|
|
|
- precision: null,
|
|
|
|
|
- handler: "copy",
|
|
|
|
|
- warnList: [
|
|
|
|
|
- { field: "PM2.5 (μg/m³)", min: 0, max: 75, count: 0 },
|
|
|
|
|
- { field: "PM10 (μg/m³)", min: 0, max: 150, count: 0 },
|
|
|
|
|
- { field: "PM100 (μg/m³)", min: 0, max: 300, count: 0 },
|
|
|
|
|
- { field: "噪音 (dB)", fieldDesc: "白天", min: 0, max: 70, count: 0 },
|
|
|
|
|
- { field: "噪音 (dB)", fieldDesc: "夜间", min: 0, max: 55, count: 0 },
|
|
|
|
|
-
|
|
|
|
|
- { field: "温度 (℃)", fieldDesc: "春秋(3-6月、9-11月)", min: 5, max: 27, count: 0 },
|
|
|
|
|
- { field: "温度 (℃)", fieldDesc: "冬季(12-2月)", min: -5, max: 5, count: 0 },
|
|
|
|
|
- { field: "温度 (℃)", fieldDesc: "夏季(7-8月)", min: 28, max: 35, count: 0 },
|
|
|
|
|
-
|
|
|
|
|
- { field: "湿度 (%)", fieldDesc: "春秋(3-6月、9-11月)", min: 40, max: 70, count: 0 },
|
|
|
|
|
- { field: "湿度 (%)", fieldDesc: "冬季(12-2月)", min: 40, max: 70, count: 0 },
|
|
|
|
|
- { field: "湿度 (%)", fieldDesc: "夏季(7-8月)", min: 75, max: 95, count: 0 }
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ targetProjectId: TOOL.data.get("PROJECT_ID"),
|
|
|
|
|
+ targetMountedId: null,
|
|
|
|
|
+ targetTime: [],
|
|
|
|
|
+ targetYear: null,
|
|
|
|
|
+ targetMonth: null,
|
|
|
|
|
+ isCover: false,
|
|
|
|
|
+ source: "other",
|
|
|
|
|
+ sourceProjectId: null,
|
|
|
|
|
+ sourceProjectIdNot: 1,
|
|
|
|
|
+ sourceMountedId: null,
|
|
|
|
|
+ sourceTime: [moment().startOf("day").format("YYYY-MM-DD HH:mm:ss"), moment().format("YYYY-MM-DD HH:mm:ss")]
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
const rules = reactive({
|
|
const rules = reactive({
|
|
|
- dateRange: [{ required: true, message: "请选择时间范围" }],
|
|
|
|
|
- timeStep: [{ required: true, message: "请输入时间步长" }],
|
|
|
|
|
- precision: [{ required: true, message: "请输入精度偏差" }],
|
|
|
|
|
- warnList: [{ required: true, validator: (rule, value, callback) => {
|
|
|
|
|
- callback();
|
|
|
|
|
- }}]
|
|
|
|
|
|
|
+ targetProjectId: [{ required: true, message: "请选择模拟项目" }],
|
|
|
|
|
+ targetMountedId: [{ required: true, message: "请选择模拟项目安装点" }],
|
|
|
|
|
+ targetYear: [{ required: true, message: "请选择模拟年份" }],
|
|
|
|
|
+ targetTime: [
|
|
|
|
|
+ { required: true, message: "请选择模拟时间范围" },
|
|
|
|
|
+ { validator: (rule, value, callback) => {
|
|
|
|
|
+ if (apiKey.value == "makeData" && moment(XEUtils.last(value)).diff(XEUtils.first(value), "minute") < 3) {
|
|
|
|
|
+ callback(new Error("模拟时间范围至少为3分钟"));
|
|
|
|
|
+ } else callback();
|
|
|
|
|
+ }}
|
|
|
|
|
+ ],
|
|
|
|
|
+ isCover: [{ required: true }],
|
|
|
|
|
+ source: [{ required: true }],
|
|
|
|
|
+ sourceProjectId: [{ required: true, message: "请选择数据源项目" }],
|
|
|
|
|
+ sourceMountedId: [{ required: true, message: "请选择数据源安装点" }],
|
|
|
|
|
+ sourceTime: [{ required: true, message: "请选择数据源抓拍时间" }]
|
|
|
|
|
+})
|
|
|
|
|
+
|
|
|
|
|
+const tableRef = ref();
|
|
|
|
|
+const tableOptions = reactive({
|
|
|
|
|
+ batchDel: false,
|
|
|
|
|
+ maxHeight: 1048,
|
|
|
|
|
+ toolbarConfig: { enabled: true, print: false, zoom: false },
|
|
|
|
|
+ formConfig: { enabled: false, data: form },
|
|
|
|
|
+ paramsColums: computed(() => [
|
|
|
|
|
+ { column: "projectId", field: form.value.source == "template" ? "sourceProjectIdNot" : "sourceProjectId" },
|
|
|
|
|
+ form.value.source == "template" ? {} : { column: "projectIdNot", field: "sourceProjectIdNot" },
|
|
|
|
|
+ { column: "mountedId", field: "sourceMountedId" },
|
|
|
|
|
+ { column: "createTimeBegin", field: "sourceTime[0]" },
|
|
|
|
|
+ { column: "createTimeEnd", field: "sourceTime[1]" }
|
|
|
|
|
+ ])
|
|
|
})
|
|
})
|
|
|
|
|
+const refreshTable = () => tableRef.value.refreshTable();
|
|
|
|
|
|
|
|
-// 合并表头
|
|
|
|
|
-const headerCellStyle = ({ row, columnIndex }) => {
|
|
|
|
|
- if (row[0].level === 1) {
|
|
|
|
|
- row[1].colSpan = 2;
|
|
|
|
|
- if (columnIndex === 0) return { display: "none" };
|
|
|
|
|
|
|
+
|
|
|
|
|
+const acceptItem = ref({});
|
|
|
|
|
+const dataTimeRange = async () => {
|
|
|
|
|
+ const query = {
|
|
|
|
|
+ projectId: form.value.targetProjectId,
|
|
|
|
|
+ itemName: XEUtils.last(route.meta.title.split("-"))
|
|
|
}
|
|
}
|
|
|
|
|
+ const res = await API.system.project.bindItem.judgment(query);
|
|
|
|
|
+ acceptItem.value = res || {};
|
|
|
}
|
|
}
|
|
|
-// 合并前两列
|
|
|
|
|
-const spanMethod = ({ row, rowIndex, columnIndex }) => {
|
|
|
|
|
- if ([0, 1, 2].includes(rowIndex)) {
|
|
|
|
|
- if (columnIndex === 0) return [1, 2];
|
|
|
|
|
- if (columnIndex === 1) return [0, 0];
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
- if (columnIndex === 0) {
|
|
|
|
|
- if ([5, 8].includes(rowIndex)) return [3, 1];
|
|
|
|
|
- if ([6, 7, 9, 10].includes(rowIndex)) return [0, 0];
|
|
|
|
|
- }
|
|
|
|
|
|
|
+const mounteds = ref([]);
|
|
|
|
|
+const filterTargetM = computed(() => form.value.targetProjectId ? XEUtils.filter(mounteds.value, item => item.projectId == form.value.targetProjectId) : []);
|
|
|
|
|
+const filterSourceM = computed(() => form.value.sourceProjectId ? XEUtils.filter(mounteds.value, item => item.projectId == form.value.sourceProjectId) : []);
|
|
|
|
|
+const fetchMounted = async () => {
|
|
|
|
|
+ const res = await API.env.mounted.get();
|
|
|
|
|
+ mounteds.value = res || [];
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-const open = () => visible.value = true;
|
|
|
|
|
-const formRef = ref();
|
|
|
|
|
|
|
+const open = () => {
|
|
|
|
|
+ visible.value = true;
|
|
|
|
|
+ TOOL.data.get("PROJECT_ID") && dataTimeRange();
|
|
|
|
|
+ fetchMounted();
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
-const submit = () => {
|
|
|
|
|
|
|
+const formRef = ref();
|
|
|
|
|
+const submit = key => {
|
|
|
formRef.value.validate(valid => {
|
|
formRef.value.validate(valid => {
|
|
|
if (valid) {
|
|
if (valid) {
|
|
|
|
|
+ if (tableRef.value?.getTableTotal() == 0) return ElMessage.warning("暂无相关数据,请调整条件后重试。");
|
|
|
|
|
+
|
|
|
|
|
+ let data = XEUtils.pick(form.value, "targetProjectId", "targetMountedId", "isCover");
|
|
|
|
|
+ if (apiKey.value == "makeData") {
|
|
|
|
|
+ XEUtils.set(data, "targetBeginTime", XEUtils.first(form.value.targetTime));
|
|
|
|
|
+ XEUtils.set(data, "targetEndTime", XEUtils.last(form.value.targetTime));
|
|
|
|
|
+ }
|
|
|
|
|
+ if (apiKey.value == "copyData") {
|
|
|
|
|
+ data = XEUtils.omit(form.value, "sourceProjectId", "sourceProjectIdNot", "source", "sourceTime");
|
|
|
|
|
+ XEUtils.set(data, "sourceBeginTime", XEUtils.first(form.value.sourceTime));
|
|
|
|
|
+ XEUtils.set(data, "sourceEndTime", XEUtils.last(form.value.sourceTime));
|
|
|
|
|
+
|
|
|
|
|
+ form.value.source == "template" && XEUtils.set(data, "sourceMountedId", XEUtils.get(XEUtils.find(mounteds.value, item => item.projectId == 1), "id"));
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ if (key == "template") {
|
|
|
|
|
+ XEUtils.set(data, "targetProjectId", 1);
|
|
|
|
|
+ XEUtils.set(data, "targetMountedId", XEUtils.get(XEUtils.find(mounteds.value, item => item.projectId == 1), "id"));
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ isSaving.value = true;
|
|
|
|
|
+ API.env.dataMock[apiKey.value](data).then(() => {
|
|
|
|
|
+ isSaving.value = false;
|
|
|
|
|
+ ElMessage.success("操作成功");
|
|
|
|
|
+ visible.value = false;
|
|
|
|
|
+ $emit("success");
|
|
|
|
|
+ }).catch(() => isSaving.value = false);
|
|
|
} else {
|
|
} else {
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
@@ -153,20 +239,7 @@ defineExpose({
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
-.el-form {padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));}
|
|
|
|
|
-
|
|
|
|
|
-.el-form-item .el-input-number {width: 100%;}
|
|
|
|
|
-.el-form-item .el-input-number :deep(.el-input__prefix) {margin-right: 8px;}
|
|
|
|
|
-.el-form-item .el-input-number :deep(.el-input__inner) {text-align: unset;}
|
|
|
|
|
-.el-form-item .el-input-number + .el-form-item {margin-left: 20px;}
|
|
|
|
|
-
|
|
|
|
|
-.el-form-item.step-item {
|
|
|
|
|
- .el-input-number {flex: 1;}
|
|
|
|
|
- .el-form-item {width: 100px;}
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
|
|
+.el-form {margin-top: 5px;padding-right: var(--el-message-close-size, 16px);}
|
|
|
.el-form-item .el-radio-group {flex-wrap: nowrap;}
|
|
.el-form-item .el-radio-group {flex-wrap: nowrap;}
|
|
|
-
|
|
|
|
|
-.el-form-item :deep(.el-table) .threshold-cell .cell {display: flex;justify-content: center;align-items: center;}
|
|
|
|
|
-.el-form-item :deep(.el-table) .threshold-cell .cell .symbol {margin: 0 10px;}
|
|
|
|
|
|
|
+.el-form :deep(.el-main) {padding-right: 0;padding-bottom: 0;}
|
|
|
</style>
|
|
</style>
|