绘制技术监督页面 联调承载能力评估

This commit is contained in:
GGJ
2024-03-13 20:33:01 +08:00
parent 88ab8c2526
commit 7429e2270b
14 changed files with 1137 additions and 159 deletions

View File

@@ -1,45 +1,77 @@
<template>
<div>
<div>
<TableHeader area ref="TableHeaderRef">
<template #select>
<el-form-item label="干扰源类型">
<el-input
v-model="tableStore.table.params.searchValue"
clearable
placeholder="请选择干扰源类型"
></el-input>
</el-form-item>
<el-form-item label="干扰源用户名称">
<el-input
v-model="tableStore.table.params.searchValue"
clearable
placeholder="请选择干扰源用户名称"
></el-input>
</el-form-item>
<TableHeader area ref="TableHeaderRef">
<template #select>
<el-form-item label="干扰源类型">
<el-input
v-model="tableStore.table.params.searchValue"
clearable
placeholder="请选择干扰源类型"
></el-input>
</el-form-item>
<el-form-item label="干扰源用户名称">
<el-input
v-model="tableStore.table.params.searchValue"
clearable
placeholder="请选择干扰源用户名称"
></el-input>
</el-form-item>
<el-form-item label="是否上传报告:">
<el-select v-model="tableStore.table.params.searchState" placeholder="请选择是否上传报告">
<el-option
v-for="item in process"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</template>
<template #operation>
<el-button icon="el-icon-Plus" type="primary">新增</el-button>
<el-button icon="el-icon-Upload" type="primary">上传</el-button>
<el-button icon="el-icon-Sort" type="primary">关联</el-button>
<el-button icon="el-icon-Download" type="primary">导出</el-button>
</template>
</TableHeader>
<Table ref="tableRef" />
<el-form-item label="是否上传报告:">
<el-select v-model="tableStore.table.params.searchState" placeholder="请选择是否上传报告">
<el-option v-for="item in process" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
</template>
<template #operation>
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
<el-button icon="el-icon-Upload" type="primary">上传</el-button>
<el-button icon="el-icon-Sort" type="primary">关联</el-button>
<el-button icon="el-icon-Download" type="primary">导出</el-button>
</template>
</TableHeader>
<Table ref="tableRef" />
<!-- 新增 -->
<el-dialog title="未建档干扰用户新增" v-model="userAdd" width="50%">
<el-divider content-position="left" style="font-weight: bolder; font-size: 18px">基本信息</el-divider>
<el-form :inline="true" label-width="120px">
<el-form-item label="区域:">
<Area ref="areaRef" v-model="addData.orgNo" style="width: 240px" />
</el-form-item>
<el-form-item label="干扰源类型:">
<el-select v-model="addData.loadType" clearable collapse-tags style="width: 240px" placeholder="请选择">
<el-option
v-for="item in interferenceType"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="干扰源用户名称:">
<el-input
v-model="addData.userName"
clearable
style="width: 240px"
placeholder="请输入关键字"
></el-input>
</el-form-item>
<el-form-item label="建档时间:">
<el-date-picker
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="addData.recordTime"
type="datetime"
placeholder="选择日期时间"
></el-date-picker>
</el-form-item>
</el-form>
<div style="display: flex; justify-content: center; margin-top: 30px">
<el-button type="primary" class="ml20" @click="config">确定</el-button>
<el-button type="primary" class="ml20" @click="userAdd = false">取消</el-button>
</div>
</div>
</el-dialog>
</template>
<script setup lang="ts">
import { ref, onMounted, provide, nextTick } from 'vue'
@@ -47,11 +79,14 @@ import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import Area from '@/components/form/area/index.vue'
import { mainHeight } from '@/utils/layout'
import { useDictData } from '@/stores/dictData'
import { addUse, updateUse, removeUse } from '@/api/advance-boot/bearingCapacity'
const dictData = useDictData()
const userAdd = ref(false)
const process = [
{
name: '是',
@@ -65,7 +100,13 @@ const process = [
const dialogVisible = ref(false)
const TableHeaderRef = ref()
const title = ref('')
const interferenceType = dictData.getBasicData('Interference_Source')
const addData = ref({
orgNo: dictData.state.area[0].id,
loadType: '',
userName: '',
recordTime: ''
})
const ruleFormRef = ref()
const tableStore = new TableStore({
@@ -142,6 +183,11 @@ tableStore.table.params.searchValue = ''
tableStore.table.params.type = ''
provide('tableStore', tableStore)
// 新增
const add = () => {
userAdd.value = true
}
onMounted(() => {
tableStore.index()
})