src/views/personal/project/childmodel/manage.vue

@@ -46,7 +46,7 @@
           <el-button link style="color:deepskyblue" @click="toDetail(row.id)">查看详情</el-button>
         </el-table-column>
       </el-table>
-      <el-pagination larger background layout="prev, pager, next" :total="5" class="mt-4"
+      <el-pagination larger background layout="prev, pager, next" :total="total" class="mt-4" 
         style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh" />
     </el-card>
 
@@ -70,10 +70,11 @@
         <el-form-item label="周期">
           <el-input v-model="editForm.cycle" placeholder="请输入周期" />
         </el-form-item>
-        <!-- <el-form-item label="负责人">
-          <el-input v-model="editForm.principalUser" placeholder="请输入负责人" />
-        </el-form-item> -->
-
+        <el-form-item label="负责人">
+          <el-select v-model="editForm.principalId" placeholder="请选择负责人">
+            <el-option v-for="person in persons" :key="person.id" :label="person.name" :value="person.id" />
+          </el-select>
+        </el-form-item>
           <el-form-item label="子系统">
             <el-input :placeholder="`子系统 ${editForm.projectChildId}`" disabled />
           </el-form-item>
@@ -108,6 +109,11 @@ const sysId = route.query.id;
 
 const router = useRouter();
 const dialogVisible = ref(false);
+const total = ref(5);
+
+
+
+
 //表单显示内容
 const editForm = ref({
   name: 'name',
@@ -117,8 +123,15 @@ const editForm = ref({
   projectChildId: sysId,
   deadLine: '',
   description: '',
+  principalId: '',
 
 });
+
+const persons = [
+  {id:0 ,name:"principal_user"},
+  {id:1 ,name:"console_user"},
+  {id:2 ,name:"developer_user"}
+]
 // 点击新增按钮打开弹窗
 const openEditDialog = () => {
 
@@ -145,7 +158,7 @@ const submitEditInfo = ()=>{
     projectChildId: sysId,
     deadLine: formattedDate,
     description: editForm.value.description,
-      principalId: 1,
+    principalId: editForm.value.principalId,
   }
   console.log(body);
 
@@ -244,7 +257,7 @@ const fetchData = () => {
       const newData = data.map(item => parseData(item))
       //  console.log(newData);
 
-      tableData.value = [...newData, ...tableData.value];
+      tableData.value = [...newData];
       initialTableData.value = tableData.value.slice();  // 将tableData的内容赋值给initialTableData
 
     }

src/views/personal/project/childmodel/participate.vue

@@ -43,7 +43,7 @@
           <el-button link style="color:deepskyblue" @click="toDetail(row.id)">查看详情</el-button>
         </el-table-column>
       </el-table>
-      <el-pagination larger background layout="prev, pager, next" :total="50" class="mt-4"
+      <el-pagination larger background layout="prev, pager, next" :total="5" class="mt-4"
         style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh" />
     </el-card>