给后台项目增加用户跟踪功能和备注

最新推荐文章于 2024-11-11 22:26:09 发布

m0_61376079

最新推荐文章于 2024-11-11 22:26:09 发布

阅读量80

点赞数

文章标签：前端前端框架

本文链接：https://blog.csdn.net/m0_61376079/article/details/129419573

版权

给后台项目增加用户跟踪功能和备注

api

export interface UpdateProjectStateVO {
  id?: number //自增id
  remarks?: string  //备注
}
//跟踪结果
export const updateProjectStateApi = async (data: UpdateProjectStateVO) => {
  return await request.put({ url: '/zftec/user-project/updateProjectState', data })
}

<XButton
   link
   type="primary"
   v-if="1 != row.state"//备注完成后删除追踪按钮
   preIcon="ep:open"
   :title="t('跟踪')"
   v-hasPermi="['zftec:user-project:update-state']"//设置权限
   @click="updateState(row.id)"
 />

// 跟踪结束弹窗操作
const updateState = async (rowId: number) => {
  tracerDialogVisible.value = true//弹窗
  // 设置数据
  const res = await UserProjectApi.getUserProjectApi(rowId)//查询用户项目详情接口
  let data = { id: rowId, remarks: res.remarks }
  unref(trancerFormRef)?.setValues(data)
}
//跟踪提交操作
const submitTracerForm = async () => {
  const elForm = unref(trancerFormRef)?.getElFormRef()
  if (!elForm) return
  elForm.validate(async (valid) => {
    if (valid) {//规则验证成功
      actionLoading.value = true
      // 提交请求
      try {
        // debugger
        const data = unref(trancerFormRef)?.formModel as UserProjectApi.UpdateProjectStateVO
        await UserProjectApi.updateProjectStateApi(data)//跟踪结果接口
        ElMessage.success(t('common.tranceSuccess'))
        // 操作成功，重新加载列表
        tracerDialogVisible.value = false
        await reload()
      } finally {
        actionLoading.value = false
      }
    }
  })
}

<!--标记已跟踪--弹框-->
<Dialog v-model="tracerDialogVisible" title="跟踪情况修改">
  <!-- 对话框(添加 / 修改) -->
  <!-- 对话框(添加 / 修改) -->
  <Form :schema="tracerSchemas.formSchema" :rules="tracerRules" ref="trancerFormRef" />
  <!-- 操作按钮 -->
  <template #footer>
    <XButton
      :loading="actionLoading"
      :title="t('action.save')"//保存
      type="primary"
      @click="submitTracerForm"
    />
    <XButton
      :loading="actionLoading"
      :title="t('dialog.close')"//关闭
      @click="tracerDialogVisible = false"
    />
  </template>
</Dialog>