|
|
@@ -26,7 +26,7 @@
|
|
|
<div class="que-item" v-for="(item, index) in queList" :key="index">
|
|
|
<div class="que-details">
|
|
|
<div class="que-field">
|
|
|
- <span class="que-value que-goafName">{{ item.goafName || '-' }}</span>
|
|
|
+ <span class="que-value que-goafName">{{ item.queTitle || '-' }}</span>
|
|
|
</div>
|
|
|
<div class="que-field time-field">
|
|
|
<span class="que-label">时间:</span>
|
|
|
@@ -48,19 +48,20 @@
|
|
|
|
|
|
<!-- 编辑/新增模式 -->
|
|
|
<div v-else class="edit-container">
|
|
|
- <!-- 动态渲染topFormSchema字段(编辑/新增模式) -->
|
|
|
- <!-- <div class="mine-base-info" v-if="mode === 'add'">
|
|
|
- <a-form-item v-for="schema in topFormSchema" :key="schema.field" :name="schema.field" :label="schema.label" :rules="schema.rules">
|
|
|
- <component
|
|
|
- :is="getComponent(schema.component)"
|
|
|
- v-model:value="currentRecord[schema.field]"
|
|
|
- v-bind="schema.componentProps"
|
|
|
- :placeholder="`请输入${schema.label}`"
|
|
|
- style="width: 100%"
|
|
|
- disabled
|
|
|
+ <div class="mine-base-info" v-if="mode === 'add'">
|
|
|
+ <a-form-item name="deptId" label="煤矿名称">
|
|
|
+ <MineCascader
|
|
|
+ v-model:value="innerValue"
|
|
|
+ :sync-to-store="false"
|
|
|
+ :init-from-store="false"
|
|
|
+ :change-on-select="false"
|
|
|
+ @change="changeCascader"
|
|
|
/>
|
|
|
</a-form-item>
|
|
|
- </div> -->
|
|
|
+ <a-form-item name="goafId" label="密闭名称">
|
|
|
+ <a-select v-model:value="goafId" :options="goafOptions" placeholder="请选择" />
|
|
|
+ </a-form-item>
|
|
|
+ </div>
|
|
|
|
|
|
<!-- 问题项编辑区 -->
|
|
|
<div class="que-item" v-for="(item, index) in queList" :key="item.orderNum || index">
|
|
|
@@ -96,13 +97,14 @@
|
|
|
<script setup lang="ts">
|
|
|
import { ref, computed, reactive, watch } from 'vue';
|
|
|
import { BasicModal, useModalInner } from '/@/components/Modal';
|
|
|
- import { formSchema, topFormSchema } from '../problemReport.data';
|
|
|
+ import { formSchema } from '../problemReport.data';
|
|
|
import { Select, Input, DatePicker, message } from 'ant-design-vue';
|
|
|
import { PlusOutlined } from '@ant-design/icons-vue';
|
|
|
import dayjs, { Dayjs } from 'dayjs';
|
|
|
import MineCascader from '/@/components/Form/src/jeecg/components/MineCascader/MineCascader.vue';
|
|
|
import type { FormInstance, RuleObject } from 'ant-design-vue/es/form';
|
|
|
import { JEditor, JImageUpload } from '/@/components/Form';
|
|
|
+ import { useInitForm } from '/@/views/analysis/warningAnalysis/connectAnalysis/hooks/form';
|
|
|
|
|
|
// 组件映射表
|
|
|
const componentMap = {
|
|
|
@@ -117,6 +119,7 @@
|
|
|
|
|
|
// 定义事件发射
|
|
|
const emit = defineEmits(['success']);
|
|
|
+ const { goafOptions, goafId, innerValue, initGoafOptions } = useInitForm();
|
|
|
|
|
|
// 模态框模式:查看/编辑/新增
|
|
|
const mode = ref<'view' | 'edit' | 'add'>('view');
|
|
|
@@ -142,7 +145,6 @@
|
|
|
|
|
|
// 合并表单规则(从schema中提取)
|
|
|
const formRules = reactive({
|
|
|
- mineCode: topFormSchema.find((item) => item.field === 'mineCode')?.rules || [],
|
|
|
queList: {
|
|
|
type: 'array',
|
|
|
required: true,
|
|
|
@@ -372,6 +374,11 @@
|
|
|
setModalProps({ confirmLoading: false });
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ function changeCascader(val) {
|
|
|
+ innerValue.value = val;
|
|
|
+ initGoafOptions(val);
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|