暂存表单联调

src/views/pqs/supervise/interfere/components/undocumented/index.vue

@@ -1,13 +1,9 @@
 <template>
-    <TableHeader  ref="TableHeaderRef">
+    <TableHeader ref="TableHeaderRef">
         <template #select>
             <el-form-item label="工程名称">
-                <el-input
-                    v-model="tableStore.table.params.searchValue"
-                    clearable
-                ></el-input>
+                <el-input v-model="tableStore.table.params.searchValue" clearable></el-input>
             </el-form-item>
-
             <el-form-item label="所属地市">
                 <el-select v-model="tableStore.table.params.loadType" clearable placeholder="请选择所属地市">
                     <el-option
@@ -20,8 +16,8 @@
             </el-form-item>
         </template>
         <template #operation>
-            <el-button icon="el-icon-Plus" type="primary" @click="addList">新增</el-button>
-            
+            <!-- <el-button icon="el-icon-Plus" type="primary" @click="addList">新增</el-button> -->
+            <el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button>
             <el-button icon="el-icon-Download" @click="exportEvent" type="primary">导出</el-button>
         </template>
     </TableHeader>
@@ -30,6 +26,8 @@
     <Add ref="addRef" @onSubmit="tableStore.index()" />
     <!-- 上传 -->
     <Audit ref="AuditRef" @onSubmit="tableStore.index()" />
+    <!-- 查看详情 detail 新增/修改 create-->
+    <addForm ref="addForms" openType="create"></addForm>
 </template>
 <script setup lang="ts">
 import { ref, onMounted, provide, nextTick } from 'vue'
@@ -39,6 +37,7 @@ import TableHeader from '@/components/table/header/index.vue'
 import { mainHeight } from '@/utils/layout'
 import Add from './add.vue'
 import Audit from './audit.vue'
+import addForm from './addForm.vue'
 import { useDictData } from '@/stores/dictData'
 import { getLoadTypeUserList } from '@/api/process-boot/interference'
 const dictData = useDictData()
@@ -149,6 +148,15 @@ const addList = () => {
     addRef.value.open()
 }
 
+//三个表单
+const addForms = ref()
+const formVisibile = ref(false)
+const addFormModel = () => {
+    console.log( addForms.value,"00000");
+    addForms.value.open()
+    formVisibile.value = true
+}
+
 // 导出
 const exportEvent = () => {
     let form = JSON.parse(JSON.stringify(tableStore.table.params))
@@ -176,4 +184,7 @@ onMounted(() => {
 :deep(.el-upload-list__item) {
     width: 400px;
 }
+::v-deep .el-input__wrapper{
+    width:200px !important;
+}
 </style>