修改赛事报名

src/views/center/match.vue

@@ -421,15 +421,6 @@ const toMatchSave = async (row) => {
   }
 }
 
-// 流程添加
-const toProcessSave = async () => {
-  for (const val of processList.value) {
-    const data = cloneDeep(val)
-    delete data.sid
-    if (get(data, 'id')) await processStore.update(data)
-    await processStore.create({ ...data, match: form.value.id })
-  }
-}
 const toClose = () => {
   form.value = { time: [], rules: {} }
   dialog.value = { show: false }
@@ -440,15 +431,29 @@ const onUpload = (e) => {
   form.value[model] = value
 }
 // 流程添加
+const toProcessSave = async () => {
+  for (const val of processList.value) {
+    const data = cloneDeep(val)
+    delete data.sid
+    if (get(data, 'id')) await processStore.update(data)
+    else await processStore.create(data)
+  }
+}
+// 流程添加
 const addProcess = () => {
   let list = processList.value || []
-  list.push({ sid: moment().valueOf(), name: '', time: '', is_use: '' })
+  list.push({ sid: moment().valueOf(), name: '', time: '', is_use: '', match: form.value.id })
   processList.value = list
 }
 // 流程删除
 const delProcess = async (e) => {
-  let list = processList.value.filter((i) => i.sid != e.sid)
-  processList.value = list
+  if (e.sid) {
+    let list = processList.value.filter((i) => i.sid != e.sid)
+    processList.value = list
+  } else {
+    let list = processList.value.filter((i) => i.id != e.id)
+    processList.value = list
+  }
   if (e.id) await processStore.del(e.id)
 }
 // 分页

src/views/center/parts/score.vue

@@ -1,33 +1,42 @@
 <template>
   <div class="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
+      <el-col :span="24" class="main" v-loading="loading">
+        <el-row justify="center">
+          <el-col :span="16">
+            <el-steps style="max-width: 600px" :active="active" finish-status="success">
+              <el-step v-for="(item, index) in matchPathList" :key="index" :title="item.name" />
+            </el-steps>
+          </el-col>
+        </el-row>
         <el-col :span="24" class="one">
           <div class="one_left" @click="toAdd">添加分数</div>
-          <div class="one_right">
-            <el-input v-model="searchForm.matchPath_name" style="width: 250px" size="large" placeholder="搜索" @change="search" :suffix-icon="Search" />
-          </div>
         </el-col>
-        <el-col :span="24" class="two">
-          <el-table :data="list" style="width: 100%" size="large" :header-cell-style="{ backgroundColor: '#edf3ff' }">
-            <template #empty>
-              <el-empty description="暂无数据" />
-            </template>
-            <el-table-column prop="matchPath_name" align="center" label="流程名称" />
-            <el-table-column prop="sign_name" align="center" label="选手" />
-            <el-table-column prop="score" align="center" label="分数" width="180" />
-            <el-table-column prop="time" align="center" label="时间" width="180" />
-            <el-table-column align="center" label="操作" width="180">
-              <template #default="{ row }">
-                <el-link :underline="false" type="primary" size="mini" @click="toEdit(row)" style="margin-right: 10px">修改</el-link>
-                <el-link :underline="false" type="danger" size="mini" @click="toDelete(row)"> 删除 </el-link>
+        <div class="table">
+          <el-table :data="list" border>
+            <el-table-column type="index" label="序号" width="80" align="center" />
+            <el-table-column prop="matchPath_name" label="流程" align="center" />
+            <el-table-column prop="sign_name" label="选手" align="center" />
+            <el-table-column prop="score" label="分数" align="center">
+              <template #default="scope">
+                <el-input v-model="scope.row.score" type="number" placeholder="请输入分数" />
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="100">
+              <template #default="scope">
+                <el-link :underline="false" type="primary" size="mini" @click="onSave(scope.row)" style="margin-right: 10px">保存</el-link>
+                <el-link :underline="false" type="danger" size="mini" @click="onDelete(scope.row)"> 删除 </el-link>
               </template>
             </el-table-column>
           </el-table>
-        </el-col>
-        <el-col :span="24" class="thr">
-          <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
-        </el-col>
+          <el-col :span="24" class="thr">
+            <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
+          </el-col>
+        </div>
+        <div class="button">
+          <el-button @click="back">上一步</el-button>
+          <el-button @click="next">下一步</el-button>
+        </div>
       </el-col>
     </el-row>
     <el-dialog v-model="dialog.show" :title="dialog.title" :destroy-on-close="false" @close="toClose">
@@ -35,10 +44,13 @@
         <el-col :span="24" v-if="dialog.type == '1'">
           <custom-form v-model="form" :fields="formFields" :rules="rules" @save="toSave" :DraftSave="false" submitText="保存">
             <template #matchPath>
-              <el-option v-for="i in matchPathList" :key="i.id" :label="i.name" :value="i.id"></el-option>
+              <el-option v-for="i in matchPathList" disabled :key="i.id" :label="i.name" :value="i.id"></el-option>
             </template>
             <template #sign>
-              <el-option v-for="i in signList" :key="i.id" :label="i.name" :value="i.id"></el-option>
+              <el-option v-for="i in signList" :key="i.id" :label="i.name" :value="i.id">
+                <span style="float: left">{{ i.name }}</span>
+                <span style="float: right; font-size: 13px" v-if="i.card">身份证号码：{{ i.card }} </span>
+              </el-option>
             </template>
           </custom-form>
         </el-col>
@@ -73,7 +85,6 @@ const props = defineProps({
 })
 
 const { matchForm } = toRefs(props)
-
 const formFields = ref([
   { label: '流程', model: 'matchPath', type: 'select' },
   { label: '选手', model: 'sign', type: 'select' },
@@ -109,7 +120,7 @@ const searchOther = async () => {
 const search = async (query = { skip, limit }) => {
   skip = query.skip
   limit = query.limit
-  const info = { skip: query.skip, limit: query.limit, ...searchForm.value, match: matchForm.value.id }
+  const info = { skip: query.skip, limit: query.limit, ...searchForm.value, match: matchForm.value.id, matchPath: matchPathList.value[active.value].id }
   const res = await store.list(info)
   if (res.errcode == '0') {
     list.value = res.data
@@ -118,20 +129,25 @@ const search = async (query = { skip, limit }) => {
 }
 // 添加
 const toAdd = () => {
+  form.value = { matchPath: matchPathList.value[active.value].id }
   dialog.value = { type: '1', show: true, title: '添加分数' }
 }
-// 修改
-const toEdit = (data) => {
-  form.value = data
-  dialog.value = { type: '1', show: true, title: '修改分数' }
-}
 // 删除
-const toDelete = async (data) => {
+const onDelete = async (data) => {
   const res = await store.del(data.id)
   if ($checkRes(res, true)) {
     search({ skip, limit })
   }
 }
+const onSave = async (data) => {
+  let res
+  const other = { time: moment().format('YYYY-MM-DD'), match: matchForm.value.id }
+  if (get(data, 'id')) res = await store.update({ ...data, ...other })
+  else res = await store.create({ ...data, ...other })
+  if ($checkRes(res, true)) {
+    search({ skip, limit })
+  }
+}
 const toSave = async () => {
   const data = cloneDeep(form.value)
   const other = { time: moment().format('YYYY-MM-DD'), match: matchForm.value.id }
@@ -147,6 +163,19 @@ const toClose = () => {
   form.value = {}
   dialog.value = { show: false }
 }
+const active = ref(0)
+// 上一步
+const back = async () => {
+  if (active.value > 0) active.value = active.value - 1
+  else active.value = 0
+  await search({ skip, limit })
+}
+// 下一步
+const next = async () => {
+  if (active.value < matchPathList.value.length - 1) active.value = active.value + 1
+  else active.value = 0
+  await search({ skip, limit })
+}
 // 分页
 const changePage = (page = currentPage.value) => {
   search({ skip: (page - 1) * limit, limit: limit })
@@ -176,6 +205,10 @@ const sizeChange = (limits) => {
       cursor: default;
     }
   }
+  .button {
+    text-align: center;
+    margin: 12px 0 0 0;
+  }
   .thr {
     display: flex;
     justify-content: center;

src/views/center/parts/sign.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="index">
     <el-row>
-      <el-col :span="24" class="main animate__animated animate__backInRight" v-loading="loading">
+      <el-col :span="24" class="main" v-loading="loading">
         <el-col :span="24" class="one">
           <div class="one_right">
             <el-input v-model="searchForm.name" style="width: 250px" size="large" placeholder="搜索" @change="search" :suffix-icon="Search" />
@@ -58,9 +58,6 @@
 import { Search } from '@element-plus/icons-vue'
 import { cloneDeep, get } from 'lodash-es'
 const $checkRes = inject('$checkRes')
-import { UserStore } from '@/store/user'
-const userStore = UserStore()
-const user = computed(() => userStore.user)
 // 接口
 import { SignStore } from '@/store/api/platform/sign'
 import { DictDataStore } from '@/store/api/system/dictData'