路由报表模板配置页面

2024-06-19 08:49:10 +08:00
parent cdc640c4b2
commit a24e54c0ec
23 changed files with 6747 additions and 3 deletions
--- a/src/views/govern/reportForms/bind.vue
+++ b/src/views/govern/reportForms/bind.vue
@@ -0,0 +1,108 @@
+<template>
+    <el-tabs v-model="activeName" class="demo-tabs">
+        <el-tab-pane label="数据单位" name="0">
+            绑定数据单位:
+            <el-cascader
+                :popper-append-to-body="false"
+                ref="cascaderUnit"
+                placeholder="请选择数据单位"
+                v-model="value"
+                :options="options1"
+                filterable
+                @change="handleChange"
+                :props="{
+                    value: 'code',
+                    label: 'name'
+                }"
+            ></el-cascader>
+        </el-tab-pane>
+        <el-tab-pane label="数据指标" name="1">
+            绑定数据指标:
+            <el-cascader
+                :popper-append-to-body="false"
+                ref="cascaderUnit"
+                placeholder="请选择数据指标"
+                v-model="value"
+                :options="options2"
+                filterable
+                @change="handleChange"
+                :props="{
+                    value: 'name',
+                    label: 'showName'
+                }"
+            ></el-cascader>
+        </el-tab-pane>
+        <el-tab-pane label="合格率判定" name="2">
+            绑定合格率判定:
+            <el-cascader
+                :popper-append-to-body="false"
+                ref="cascaderhgl"
+                placeholder="请选择数据合格率"
+                v-model="value"
+                :options="options3"
+                filterable
+                @change="handleChange"
+                :props="{
+                    value: 'name',
+                    label: 'showName'
+                }"
+            ></el-cascader>
+        </el-tab-pane>
+        <el-tab-pane label="监测点台账指标" name="3">
+            绑定数据指标:
+            <el-cascader
+                :popper-append-to-body="false"
+                ref="cascaderjcd"
+                placeholder="请选择监测点台账"
+                v-model="value"
+                :options="options4"
+                filterable
+                @change="handleChange"
+                :props="{
+                    value: 'name',
+                    label: 'showName'
+                }"
+            ></el-cascader>
+        </el-tab-pane>
+    </el-tabs>
+</template>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { codeDicTree } from '@/api/system-boot/dictTree'
+import { targetLimitChooseTree, getIndex, terminalChooseTree } from '@/api/harmonic-boot/luckyexcel'
+const emit = defineEmits(['setValue'])
+
+const activeName = ref('0')
+const value = ref([])
+
+const options1 = ref([])
+const options2 = ref([])
+const options3 = ref([])
+const options4: any = ref([])
+
+const handleChange = (e: any) => {
+    value.value = []
+
+    emit('setValue', e)
+}
+
+codeDicTree({ code: 'Device_Unit' }).then(res => {
+    options1.value = res.data
+})
+getIndex().then(res => {
+    options2.value = res.data
+})
+targetLimitChooseTree().then(res => {
+    options3.value = res.data
+})
+terminalChooseTree().then(res => {
+    options4.value = res.data
+})
+
+onMounted(() => {})
+</script>
+<style lang="scss" scoped>
+:deep(.el-tab-pane) {
+    padding: 10px;
+}
+</style>