Explorar el Código

[Mod 0000] 修改瓦斯模块抽采页面样式,添加瓦斯达标参数设置页面

houzekong hace 11 meses
padre
commit
83c89bd13b

+ 5 - 8
src/views/vent/gas/gasHome/index.vue

@@ -1,14 +1,10 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="scene-box">
-    <!-- <customHeader
-      :fieldNames="{ label: 'systemname', value: 'id', options: 'children' }"
-      :options="options"
-      @change="getSelectRow"
-      :optionValue="optionValue"
-      >瓦斯抽采综合管控系统</customHeader
-    > -->
+    <customHeader :options="options" @change="getSelectRow" :optionValue="optionValue"> 瓦斯抽采综合管控系统 </customHeader>
     <CustomHeader class="w-1710px ml-100px mt-20px" :badges="headerBadges" />
     <template v-if="activeKey === 'gasHome'">
+      <CustomBadges class="w-1710px ml-100px mt-50px" :badges="headerBadges" />
       <GasMonitor :deviceId="optionValue" />
     </template>
     <BottomMenu :navList="navList" @change="changeActive" />
@@ -16,7 +12,8 @@
 </template>
 <script lang="ts" setup>
   import { ref, onMounted } from 'vue';
-  import CustomHeader from './components/customHeader.vue';
+  import CustomHeader from '/@/components/vent/customHeader.vue';
+  import CustomBadges from './components/customHeader.vue';
   import BottomMenu from '/@/views/vent/comment/components/bottomMenu.vue';
   import { useSystemSelect } from '/@/hooks/vent/useSystemSelect';
   import { navList } from './gasHome.data';

+ 5 - 6
src/views/vent/gas/gasPumpMonitor/components/monitor.vue

@@ -1,5 +1,6 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <template>
-  <!-- <div class="monitor-container">
+  <div class="monitor-container">
     <div class="lr left-box">
       <ventBox1>
         <template #title>
@@ -41,8 +42,7 @@
         </ventBox1>
       </div>
     </div>
-  </div> -->
-  <PumpForm />
+  </div>
 </template>
 
 <script setup lang="ts" name="gas-pump-monitor">
@@ -52,7 +52,6 @@
   import BaseTab from '@/views/vent/gas/components/tab/baseTab.vue';
   import Button from '@/views/vent/gas/components/form/button.vue';
   import CategoryBoard from '@/views/vent/gas/components/board/categoryBoard.vue';
-  import PumpForm from './pumpForm.vue';
   import {
     pumpListConfig,
     pumpStationListConfig,
@@ -65,7 +64,7 @@
     LPumpCategoryConfig,
   } from '../gasPumpMonitor.data';
 
-  const props = defineProps({
+  defineProps({
     deviceId: {
       type: String,
       require: true,
@@ -81,7 +80,7 @@
   ]);
   const activedPumpID = ref(1);
 
-  const pump = ref({});
+  // const pump = ref({});
   // 将列表配置项转换为列表可用的prop
   function transConfigToProp(config) {
     return config.map((c) => {

+ 0 - 259
src/views/vent/gas/gasPumpMonitor/gasPumpMonitor.data.ts

@@ -1,5 +1,4 @@
 import { ref } from 'vue';
-import { FormSchema } from '@/components/Form';
 
 export const navList = ref([
   {
@@ -19,264 +18,6 @@ export const navList = ref([
   },
 ]);
 
-/** 工作面参数表单配置项 */
-export const workSurfaceFormSchema: FormSchema[] = [
-  {
-    label: '钻孔长度',
-    field: 'zkcd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '钻孔方位角',
-    field: 'zkfwj',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '钻孔倾角',
-    field: 'zkqj',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '钻孔间距',
-    field: 'zkjj',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '抽采半径',
-    field: 'ccbj',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '管路直径',
-    field: 'glzj',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '残余可解吸瓦斯量',
-    field: 'cykjxwsl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面回采率',
-    field: 'gzmhcl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面长度',
-    field: 'gzmcd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '巷道宽度',
-    field: 'hdkd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面采高',
-    field: 'gzmcg',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '最低允许风速',
-    field: 'zdyxfs',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '最大允许风速',
-    field: 'zdyxfs',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '回风流风速',
-    field: 'hflfs',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '单元钻孔抽采时间差异系数',
-    field: 'dyzkccsjcyxs',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面日产量',
-    field: 'gzmrcl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '取样深度',
-    field: 'qysd',
-    component: 'Input',
-    slot: 'input',
-  },
-];
-
-/** 计算参数表单配置项 */
-export const calculationFormSchema: FormSchema[] = [
-  {
-    label: '公式计算',
-    field: 'gsjs',
-    component: 'RadioGroup',
-    slot: 'radio',
-  },
-  {
-    label: '预抽瓦斯达标量',
-    field: 'ycwsdbl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '割煤相对瓦斯涌出量',
-    field: 'gmxdwsycl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '放煤相对瓦斯涌出量',
-    field: 'fmxdwsycl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '采空区相对瓦斯涌出量',
-    field: 'ckqxdwsycl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '邻近层相对瓦斯涌出量',
-    field: 'ljcxdwsycl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '邻近层瓦斯排放量',
-    field: 'ljcwspfl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '残余瓦斯压力',
-    field: 'cywsyl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '残余瓦斯含量',
-    field: 'cywshl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '单元钻孔抽采时间差异系数',
-    field: 'dyzkccsjcyxs',
-    component: 'Input',
-    slot: 'input',
-  },
-];
-
-/** 抽采单元参数表单配置项 */
-export const extractionUnitFormSchema: FormSchema[] = [
-  {
-    label: '评价单元煤炭储量',
-    field: 'pjdymtcl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面瓦斯储量',
-    field: 'gzmwscl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '实时支管抽采负压',
-    field: 'sszgccfy',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '钻孔施工长度',
-    field: 'zksgcd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '钻孔设计长度',
-    field: 'zksjcd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '单元原始瓦斯含量',
-    field: 'dyyswshl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '单元原始瓦斯压力',
-    field: 'dyyswsyl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '煤层厚度',
-    field: 'mchd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面切眼长度',
-    field: 'gzmqycd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面走向长度',
-    field: 'gzmzxcd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '个邻近层煤层厚度',
-    field: 'gljcmchd',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面预测相对涌出量',
-    field: 'gzmycxdycl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面预测绝对涌出量',
-    field: 'gzmycjdycl',
-    component: 'Input',
-    slot: 'input',
-  },
-  {
-    label: '工作面有效配风量',
-    field: 'gzmyxpfl',
-    component: 'Input',
-    slot: 'input',
-  },
-];
-
 export const statusConfig = [{ value: true, label: '开启' }, { label: '关闭' }];
 
 /** 抽放泵列表配置项 */

+ 1 - 0
src/views/vent/gas/gasPumpMonitor/index.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <div class="scene-box">
     <customHeader

+ 16 - 12
src/views/vent/gas/gasPumpMonitor/components/pumpForm.vue → src/views/vent/gas/gasPumpSetting/components/settingForm.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="custom-form">
-    <div class="custom-form__wrapper">
+  <div class="setting-form">
+    <div class="setting-form__wrapper">
       <FormTitle icon="gas-pump" title="工作面参数" />
       <BasicForm :schemas="workSurfaceFormSchema" @register="regWSForm" @submit="submitHandler">
         <template #input="{ model, field, schema }">
@@ -8,7 +8,7 @@
         </template>
       </BasicForm>
     </div>
-    <div class="custom-form__wrapper">
+    <div class="setting-form__wrapper">
       <FormTitle icon="pump" title="抽采单元参数" />
       <BasicForm :schemas="extractionUnitFormSchema" @register="regEUForm" @submit="submitHandler">
         <template #input="{ model, field, schema }">
@@ -16,7 +16,7 @@
         </template>
       </BasicForm>
     </div>
-    <div class="custom-form__wrapper">
+    <div class="setting-form__wrapper">
       <FormTitle icon="water-pump" title="计算参数" />
       <BasicForm :schemas="calculationFormSchema" @register="regCCForm" @submit="submitHandler">
         <template #radio="{ model, field, schema }">
@@ -33,9 +33,9 @@
       </BasicForm>
     </div>
     <div class="text-right">
-      <Button class="mr-10px custom-form__button" type="primary" ghost @click="cancel">取消</Button>
-      <Button class="mr-10px custom-form__button" type="primary" ghost @click="save">保存</Button>
-      <Button class="mr-10px custom-form__button" type="primary" ghost @click="submit">提交</Button>
+      <Button class="mr-10px setting-form__button" type="primary" ghost @click="cancel">取消</Button>
+      <Button class="mr-10px setting-form__button" type="primary" ghost @click="save">保存</Button>
+      <Button class="mr-10px setting-form__button" type="primary" ghost @click="submit">提交</Button>
     </div>
   </div>
 </template>
@@ -45,7 +45,7 @@
   import ListItem from '@/views/vent/gas/components/list/listItem.vue';
   import FormTitle from '@/views/vent/gas/components/form/formTitle.vue';
   import { useForm, BasicForm } from '/@/components/Form';
-  import { workSurfaceFormSchema, extractionUnitFormSchema, calculationFormSchema } from '../gasPumpMonitor.data';
+  import { workSurfaceFormSchema, extractionUnitFormSchema, calculationFormSchema } from '../gasPumpSetting.data';
   import { ref } from 'vue';
 
   const emit = defineEmits(['submit', 'save', 'cancel']);
@@ -87,15 +87,19 @@
 <style lang="less" scoped>
   @import '@/design/vent/color.less';
 
-  .custom-form__wrapper {
+  .setting-form {
+    padding: 0 20px;
+  }
+
+  .setting-form__wrapper {
     color: #fff;
     border-top: 3px solid @vent-gas-primary-text;
     background-color: #0091ff12;
-    padding: 20px 20px 0 20px;
-    margin-bottom: 20px;
+    padding: 10px 10px 0 10px;
+    margin-bottom: 10px;
   }
 
-  .custom-form__button {
+  .setting-form__button {
     color: @vent-gas-primary-text;
     border-color: @vent-gas-primary-text;
     background-color: transparent !important;

+ 259 - 0
src/views/vent/gas/gasPumpSetting/gasPumpSetting.data.ts

@@ -0,0 +1,259 @@
+import { FormSchema } from '@/components/Form';
+
+/** 工作面参数表单配置项 */
+export const workSurfaceFormSchema: FormSchema[] = [
+  {
+    label: '钻孔长度',
+    field: 'zkcd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '钻孔方位角',
+    field: 'zkfwj',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '钻孔倾角',
+    field: 'zkqj',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '钻孔间距',
+    field: 'zkjj',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '抽采半径',
+    field: 'ccbj',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '管路直径',
+    field: 'glzj',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '残余可解吸瓦斯量',
+    field: 'cykjxwsl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面回采率',
+    field: 'gzmhcl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面长度',
+    field: 'gzmcd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '巷道宽度',
+    field: 'hdkd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面采高',
+    field: 'gzmcg',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '最低允许风速',
+    field: 'zdyxfs',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '最大允许风速',
+    field: 'zdyxfs',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '回风流风速',
+    field: 'hflfs',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '单元钻孔抽采时间差异系数',
+    field: 'dyzkccsjcyxs',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面日产量',
+    field: 'gzmrcl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '取样深度',
+    field: 'qysd',
+    component: 'Input',
+    slot: 'input',
+  },
+];
+
+/** 计算参数表单配置项 */
+export const calculationFormSchema: FormSchema[] = [
+  {
+    label: '公式计算',
+    field: 'gsjs',
+    component: 'RadioGroup',
+    slot: 'radio',
+  },
+  {
+    label: '预抽瓦斯达标量',
+    field: 'ycwsdbl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '割煤相对瓦斯涌出量',
+    field: 'gmxdwsycl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '放煤相对瓦斯涌出量',
+    field: 'fmxdwsycl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '采空区相对瓦斯涌出量',
+    field: 'ckqxdwsycl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '邻近层相对瓦斯涌出量',
+    field: 'ljcxdwsycl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '邻近层瓦斯排放量',
+    field: 'ljcwspfl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '残余瓦斯压力',
+    field: 'cywsyl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '残余瓦斯含量',
+    field: 'cywshl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '单元钻孔抽采时间差异系数',
+    field: 'dyzkccsjcyxs',
+    component: 'Input',
+    slot: 'input',
+  },
+];
+
+/** 抽采单元参数表单配置项 */
+export const extractionUnitFormSchema: FormSchema[] = [
+  {
+    label: '评价单元煤炭储量',
+    field: 'pjdymtcl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面瓦斯储量',
+    field: 'gzmwscl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '实时支管抽采负压',
+    field: 'sszgccfy',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '钻孔施工长度',
+    field: 'zksgcd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '钻孔设计长度',
+    field: 'zksjcd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '单元原始瓦斯含量',
+    field: 'dyyswshl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '单元原始瓦斯压力',
+    field: 'dyyswsyl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '煤层厚度',
+    field: 'mchd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面切眼长度',
+    field: 'gzmqycd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面走向长度',
+    field: 'gzmzxcd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '个邻近层煤层厚度',
+    field: 'gljcmchd',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面预测相对涌出量',
+    field: 'gzmycxdycl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面预测绝对涌出量',
+    field: 'gzmycjdycl',
+    component: 'Input',
+    slot: 'input',
+  },
+  {
+    label: '工作面有效配风量',
+    field: 'gzmyxpfl',
+    component: 'Input',
+    slot: 'input',
+  },
+];

+ 12 - 0
src/views/vent/gas/gasPumpSetting/index.vue

@@ -0,0 +1,12 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <CustomHeader> 瓦斯抽采达标评判参数设置 </CustomHeader>
+  <SettingForm class="mt-75px" />
+</template>
+
+<script lang="ts" setup>
+  import CustomHeader from '/@/components/vent/customHeader.vue';
+  import SettingForm from './components/settingForm.vue';
+</script>
+
+<style lang="less" scoped></style>