团队赛队员配置修改

jeecgboot-vue3-master/src/views/annualCompPoint/committee/components/AnnualCompPointForm.vue

@@ -90,6 +90,7 @@
           <a-form-item label="队伍人数" v-bind="validateInfos.teamNumber">
             <a-input-number v-model:value="formData.teamNumber" placeholder="请输入队伍人数"
                             style="width: 100%" :disabled="disabled"/>
+            <a-button @click="showModel">设置</a-button>
           </a-form-item>
         </a-col>
         <a-col :span="12" v-if="formData.entryForm==='Y'">
@@ -296,9 +297,24 @@
       </a-row>
     </a-form>
   </a-spin>
+  <BasicModal
+    v-bind="$attrs"
+    @register="register"
+    title="Modal Title"
+  >
+    <div  v-for="(item,index) in num" :key="index">
+      <a-input-number v-model="item.index"></a-input-number>
+      <a-input-number v-model="item.value"></a-input-number>
+      <a-button @click="delNum(index)">删除</a-button>
+    </div>
+    <a-button type="primary" @click="addNum" class="mr-2">从内部关闭弹窗</a-button>
+
+    <a-button type="primary" @click="setModalProps">从内部修改title</a-button>
+  </BasicModal>
 </template>
 
 <script lang="ts" setup>
+import { BasicModal, useModalInner,useModal  } from '/@/components/Modal';
 import {ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted} from 'vue';
 import {defHttp} from '/@/utils/http/axios';
 import {useMessage} from '/@/hooks/web/useMessage';
@@ -318,6 +334,25 @@ const props = defineProps({
   },
   formBpm: {type: Boolean, default: true}
 });
+const [register, { openModal }] = useModal();
+// const [register, { closeModal, setModalProps,openModal }] = useModalInner();
+const showModel = () => {
+  console.log(1111)
+  openModal()
+}
+
+let num = ref([
+  {
+    value:'',
+    index:1
+  }
+])
+const addNum = () => {
+  num.value.push({value:'',index:num.value.length})
+}
+const delNum = (index) => {
+  num.value.splice(index,1)
+}
 const objLevelll = ref([])
 const  getProjectlevelEvent = async() => {
   const res = await getProjectlevel()