add

src/components/formTable/index.vue

@@ -0,0 +1,65 @@
+<template>
+    <div style="margin-bottom: 30px">
+        联系人
+        <!-- <el-button @click="handleAdd" v-if="!formData.contacts.length">+</el-button> -->
+    </div>
+    <div style="margin-bottom: 30px">
+        <el-table :data="formData.contacts">
+            <el-table-column label="序号">
+                <template #default="{ row }">
+                    <el-button @click="handleAdd">+</el-button>
+                    <el-button @click="handleDelete(row)">-</el-button>
+                </template>
+            </el-table-column>
+            <el-table-column label="姓名" prop="name">
+                <template #default="{ row }">
+                    <el-input v-model="row.name" />
+                </template>
+            </el-table-column>
+            <el-table-column label="职务" prop="duties">
+                <template #default="{ row }">
+                    <el-input v-model="row.duties" />
+                </template>
+            </el-table-column>
+            <el-table-column label="办公电话" prop="telephone">
+                <template #default="{ row }">
+                    <el-input v-model="row.telephone" />
+                </template>
+            </el-table-column>
+            <el-table-column label="手机号码" prop="mobile">
+                <template #default="{ row }">
+                    <el-input v-model="row.mobile" />
+                </template>
+            </el-table-column>
+            <el-table-column label="电子邮箱" prop="email">
+                <template #default="{ row }">
+                    <el-input v-model="row.email" />
+                </template>
+            </el-table-column>
+            <el-table-column label="传真" prop="fax">
+                <template #default="{ row }">
+                    <el-input v-model="row.fax" />
+                </template>
+            </el-table-column>
+        </el-table>
+    </div>
+
+</template>
+<script lang="ts" setup>
+import { ref, defineProps, onMounted } from "vue"
+
+const props = defineProps({
+
+    formData: {
+        type: Object,
+        require: true
+    }
+})
+
+
+
+
+
+
+
+</script>

src/views/cost_projects/edit.vue

@@ -313,7 +313,6 @@ const customEvent = (e) => {
     formData.aunit = e.part_a
     formData.generalize = e.project_scale
     formData.Acontact = e.part_a_contract
-    // part_a_contract
     showDialog.value = false;
 };
 

src/views/supervision_participating_units/edit.vue

@@ -1,54 +1,25 @@
 <template>
     <div class="edit-popup">
-    <popup
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit"
-      ref="popupRef"
+            @close="handleClose">
-      :title="popupTitle"
+            <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
-      :async="true"
-      width="80vw"
-      @confirm="handleSubmit"
-      @close="handleClose"
-    >
-      <el-form
-        ref="formRef"
-        :model="formData"
-        label-width="90px"
-        :rules="formRules"
-      >
                 <el-row>
                     <el-col :span="8">
                         <el-form-item label="项目名称" prop="project_id">
-              <el-input
+                            <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
-                v-model="formData.project_name"
+                                @click="showDialog = true" />
-                clearable
-                placeholder="点击选择项目"
-                readonly
-                @click="showDialog = true"
-              />
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="单位名称" prop="unit_name">
-              <el-input
+                            <el-input v-model="formData.unit_name" clearable placeholder="请输入单位名称" />
-                v-model="formData.unit_name"
-                clearable
-                placeholder="请输入单位名称"
-              />
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="单位类别" prop="unit_type">
-              <el-select
+                            <el-select class="flex-1" v-model="formData.unit_type" clearable placeholder="请选择单位类别">
-                class="flex-1"
+                                <el-option v-for="(item, index) in dictData.unit_type" :key="index" :label="item.name"
-                v-model="formData.unit_type"
+                                    :value="parseInt(item.value)" />
-                clearable
-                placeholder="请选择单位类别"
-              >
-                <el-option
-                  v-for="(item, index) in dictData.unit_type"
-                  :key="index"
-                  :label="item.name"
-                  :value="parseInt(item.value)"
-                />
                             </el-select>
                         </el-form-item>
                     </el-col>
@@ -56,43 +27,31 @@
                 <el-row>
                     <el-col :span="8">
                         <el-form-item label="资质等级" prop="qualification_grade">
-              <el-input
+                            <el-input v-model="formData.qualification_grade" clearable placeholder="请输入资质等级" />
-                v-model="formData.qualification_grade"
-                clearable
-                placeholder="请输入资质等级"
-              />
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="联系电话" prop="telephone">
-              <el-input
+                            <el-input v-model="formData.telephone" clearable placeholder="请输入联系电话" />
-                v-model="formData.telephone"
-                clearable
-                placeholder="请输入联系电话"
-              />
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="责任范围" prop="duty">
-              <el-input
+                            <el-input v-model="formData.duty" clearable placeholder="请输入责任范围" />
-                v-model="formData.duty"
-                clearable
-                placeholder="请输入责任范围"
-              />
                         </el-form-item>
                     </el-col>
                 </el-row>
                 <el-dialog v-model="showDialog" title="选择项目" width="70%">
-          <dialogTable
+                    <dialogTable @customEvent="customEvent" :config="supervision_project" />
-            @customEvent="customEvent"
-            :config="supervision_project"
-          />
                 </el-dialog>
-        <div style="margin-bottom: 30px">
+
+
+
+
+                <FormTable></FormTable>
+                <!-- <div style="margin-bottom: 30px">
                     联系人
-          <el-button @click="handleAdd" v-if="!formData.contacts.length"
+                    <el-button @click="handleAdd" v-if="!formData.contacts.length">+</el-button>
-            >+</el-button
-          >
                 </div>
                 <div style="margin-bottom: 30px">
                     <el-table :data="formData.contacts">
@@ -101,39 +60,39 @@
                                 <el-button @click="handleAdd">+</el-button>
                                 <el-button @click="handleDelete(row)">-</el-button>
                             </template>
-            </el-table-column>
+</el-table-column>
-            <el-table-column label="姓名" prop="name">
+<el-table-column label="姓名" prop="name">
     <template #default="{ row }">
                                 <el-input v-model="row.name" />
                             </template>
-            </el-table-column>
+</el-table-column>
-            <el-table-column label="职务" prop="duties">
+<el-table-column label="职务" prop="duties">
     <template #default="{ row }">
                                 <el-input v-model="row.duties" />
                             </template>
-            </el-table-column>
+</el-table-column>
-            <el-table-column label="办公电话" prop="telephone">
+<el-table-column label="办公电话" prop="telephone">
     <template #default="{ row }">
                                 <el-input v-model="row.telephone" />
                             </template>
-            </el-table-column>
+</el-table-column>
-            <el-table-column label="手机号码" prop="mobile">
+<el-table-column label="手机号码" prop="mobile">
     <template #default="{ row }">
                                 <el-input v-model="row.mobile" />
                             </template>
-            </el-table-column>
+</el-table-column>
-            <el-table-column label="电子邮箱" prop="email">
+<el-table-column label="电子邮箱" prop="email">
     <template #default="{ row }">
                                 <el-input v-model="row.email" />
                             </template>
-            </el-table-column>
+</el-table-column>
-            <el-table-column label="传真" prop="fax">
+<el-table-column label="传真" prop="fax">
     <template #default="{ row }">
                                 <el-input v-model="row.fax" />
                             </template>
-            </el-table-column>
+</el-table-column>
-          </el-table>
+</el-table>
-        </div>
+</div> -->
             </el-form>
         </popup>
     </div>