From e176497ce3359d5f9d0362ff5d98608639498894 Mon Sep 17 00:00:00 2001
From: Lufaneng <Lufaneng@foxmail.com>
Date: Tue, 11 Nov 2025 22:57:40 +0800
Subject: [PATCH] 1

---
 src/router/index.js                          |   6 +
 src/views/ModelApproval/HandleDialog.vue     |  98 ++++++++-----
 src/views/ModelApproval/index.vue            |  24 +++-
 src/views/RequirementManage/HandleDialog.vue | 136 +++++++++++++++++++
 src/views/RequirementManage/index.vue        | 109 +++++++++++++++
 5 files changed, 340 insertions(+), 33 deletions(-)
 create mode 100644 src/views/RequirementManage/HandleDialog.vue
 create mode 100644 src/views/RequirementManage/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index a3b07ff..823c4d2 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -86,6 +86,12 @@ export const asyncRoutes = [
     component: () => import('@/views/OrderManage/index.vue'),
     meta: { title: '订单管理', permissions: ['order_management'] },
   },
+  {
+    path: 'RequirementManage',
+    name: 'RequirementManage',
+    component: () => import('@/views/RequirementManage/index.vue'),
+    meta: { title: '需求管理', permissions: ['requirement_manage'] },
+  },
   {
     path: 'NoPermission',
     name: 'NoPermission',
diff --git a/src/views/ModelApproval/HandleDialog.vue b/src/views/ModelApproval/HandleDialog.vue
index cf12065..986f1fe 100644
--- a/src/views/ModelApproval/HandleDialog.vue
+++ b/src/views/ModelApproval/HandleDialog.vue
@@ -13,16 +13,20 @@ const emit = defineEmits(['closed', 'onSuccess'])
 const dialogVisible = ref(false)
 
 const isAdd = computed(() => props.type === 'add')
+const isApprove = computed(() => props.type === 'approve')
+const isReject = computed(() => props.type === 'reject')
+const isApproval = computed(() => isApprove.value || isReject.value)
 
 onMounted(() => {
   dialogVisible.value = true
 })
 
 const formRef = ref(null)
-const formField = ref({ enabled: true, params: [] })
+const formField = ref({ enabled: true, params: [], remark: '' })
 const formRules = reactive({
   name: [{ required: true, message: '不可为空', trigger: 'change' }],
   code: [{ required: true, message: '不可为空', trigger: 'change' }],
+  remark: [{ required: true, message: '备注不可为空', trigger: 'change' }],
 })
 
 const loading = ref(false)
@@ -33,24 +37,45 @@ function closed() {
 
 const submitForm = async () => {
   await formRef.value.validate()
-  const api = isAdd.value ? '/vendor/create' : '/vendor/update'
-  const params = {
-    ...formField.value,
-    id: isAdd.value ? null : props.row.id,
+  
+  if (isApproval.value) {
+    // 审批逻辑
+    const params = {
+      application_id: props.row.id,
+      action: isApprove.value ? 'approve' : 'reject',
+      remark: formField.value.remark
+    }
+    loading.value = true
+    RPC.post('/template_access_review', params)
+      .then((res) => {
+        ElMessage.success('操作成功')
+        emit('onSuccess')
+        emit('closed')
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  } else {
+    // 原有的增删改逻辑
+    const api = isAdd.value ? '/vendor/create' : '/vendor/update'
+    const params = {
+      ...formField.value,
+      id: isAdd.value ? null : props.row.id,
+    }
+    loading.value = true
+    RPC.post(api, params)
+      .then((res) => {
+        ElMessage.success('操作成功')
+        emit('onSuccess')
+        emit('closed')
+      })
+      .finally(() => {
+        loading.value = false
+      })
   }
-  loading.value = true
-  RPC.post(api, params)
-    .then((res) => {
-      ElMessage.success('操作成功')
-      emit('onSuccess')
-      emit('closed')
-    })
-    .finally(() => {
-      loading.value = false
-    })
 }
 
-if (!isAdd.value) {
+if (!isAdd.value && !isApproval.value) {
   formField.value = {
     ...props.row,
   }
@@ -60,8 +85,8 @@ if (!isAdd.value) {
 <template>
   <el-dialog
     align-center
-    :title="isAdd ? '新增' : '修改'"
-    width="80%"
+    :title="isApprove ? '同意申请' : isReject ? '拒绝申请' : isAdd ? '新增' : '修改'"
+    :width="isApproval ? '500px' : '80%'"
     v-model="dialogVisible"
     @closed="closed"
     :close-on-click-modal="false"
@@ -75,23 +100,34 @@ if (!isAdd.value) {
       v-loading="loading"
       label-width="150"
     >
-      <el-form-item prop="name" label="名称">
-        <el-input placeholder="请输入" v-model="formField.name" />
-      </el-form-item>
-      <el-form-item prop="code" label="字段">
-        <el-input placeholder="请输入" v-model="formField.code" />
-      </el-form-item>
-      <el-form-item prop="contact_name" label="联系人">
-        <el-input placeholder="请输入" v-model="formField.contact_name" />
-      </el-form-item>
-      <el-form-item prop="address" label="地址">
-        <el-input placeholder="请输入" v-model="formField.address" />
-      </el-form-item>
+      <!-- 审批表单 -->
+      <template v-if="isApproval">
+        <el-form-item label="申请用户">
+          <span>{{ row?.nickname }}</span>
+        </el-form-item>
+        <el-form-item label="申请原因">
+          <span>{{ row?.reason }}</span>
+        </el-form-item>
+        <el-form-item prop="remark" label="备注">
+          <el-input 
+            type="textarea" 
+            :rows="4"
+            placeholder="请输入备注" 
+            v-model="formField.remark" 
+          />
+        </el-form-item>
+      </template>
     </el-form>
     <template #footer>
       <div class="dialog-footer">
         <el-button @click="closed"> 取 消 </el-button>
-        <el-button type="primary" :loading="loading" @click="submitForm"> 确 定 </el-button>
+        <el-button 
+          :type="isReject ? 'danger' : 'primary'" 
+          :loading="loading" 
+          @click="submitForm"
+        > 
+          {{ isApprove ? '同意' : isReject ? '拒绝' : '确定' }}
+        </el-button>
       </div>
     </template>
   </el-dialog>
diff --git a/src/views/ModelApproval/index.vue b/src/views/ModelApproval/index.vue
index 7bb2775..696db7e 100644
--- a/src/views/ModelApproval/index.vue
+++ b/src/views/ModelApproval/index.vue
@@ -51,11 +51,25 @@
         <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip />
         <el-table-column align="center" label="操作" width="120">
           <template #default="{ row }">
-            <el-button link type="primary" @click="handleApproval(row, 'approve')">
+            <el-button 
+              v-if="row.status === 'pending'"
+              link 
+              type="primary" 
+              @click="handleApproval(row, 'approve')"
+            >
               同意
             </el-button>
 
-            <el-button link type="danger" @click="handleApproval(row, 'reject')"> 拒绝 </el-button>
+            <el-button 
+              v-if="row.status === 'pending'"
+              link 
+              type="danger" 
+              @click="handleApproval(row, 'reject')"
+            > 
+              拒绝 
+            </el-button>
+            
+            <span v-if="row.status !== 'pending'">-</span>
           </template>
         </el-table-column>
       </el-table>
@@ -130,6 +144,12 @@ const {
   // },
 })
 
+const handleApproval = (row, action) => {
+  isShowDialog.value = true
+  currentRow.value = row
+  rowType.value = action
+}
+
 getList()
 </script>
 
diff --git a/src/views/RequirementManage/HandleDialog.vue b/src/views/RequirementManage/HandleDialog.vue
new file mode 100644
index 0000000..986f1fe
--- /dev/null
+++ b/src/views/RequirementManage/HandleDialog.vue
@@ -0,0 +1,136 @@
+<script setup>
+import RPC from '@/utils/rpc'
+const props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+  row: [Object],
+})
+
+const emit = defineEmits(['closed', 'onSuccess'])
+
+const dialogVisible = ref(false)
+
+const isAdd = computed(() => props.type === 'add')
+const isApprove = computed(() => props.type === 'approve')
+const isReject = computed(() => props.type === 'reject')
+const isApproval = computed(() => isApprove.value || isReject.value)
+
+onMounted(() => {
+  dialogVisible.value = true
+})
+
+const formRef = ref(null)
+const formField = ref({ enabled: true, params: [], remark: '' })
+const formRules = reactive({
+  name: [{ required: true, message: '不可为空', trigger: 'change' }],
+  code: [{ required: true, message: '不可为空', trigger: 'change' }],
+  remark: [{ required: true, message: '备注不可为空', trigger: 'change' }],
+})
+
+const loading = ref(false)
+
+function closed() {
+  emit('closed')
+}
+
+const submitForm = async () => {
+  await formRef.value.validate()
+  
+  if (isApproval.value) {
+    // 审批逻辑
+    const params = {
+      application_id: props.row.id,
+      action: isApprove.value ? 'approve' : 'reject',
+      remark: formField.value.remark
+    }
+    loading.value = true
+    RPC.post('/template_access_review', params)
+      .then((res) => {
+        ElMessage.success('操作成功')
+        emit('onSuccess')
+        emit('closed')
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  } else {
+    // 原有的增删改逻辑
+    const api = isAdd.value ? '/vendor/create' : '/vendor/update'
+    const params = {
+      ...formField.value,
+      id: isAdd.value ? null : props.row.id,
+    }
+    loading.value = true
+    RPC.post(api, params)
+      .then((res) => {
+        ElMessage.success('操作成功')
+        emit('onSuccess')
+        emit('closed')
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  }
+}
+
+if (!isAdd.value && !isApproval.value) {
+  formField.value = {
+    ...props.row,
+  }
+}
+</script>
+
+<template>
+  <el-dialog
+    align-center
+    :title="isApprove ? '同意申请' : isReject ? '拒绝申请' : isAdd ? '新增' : '修改'"
+    :width="isApproval ? '500px' : '80%'"
+    v-model="dialogVisible"
+    @closed="closed"
+    :close-on-click-modal="false"
+  >
+    <el-form
+      ref="formRef"
+      label-position="right"
+      label-suffix=":"
+      :model="formField"
+      :rules="formRules"
+      v-loading="loading"
+      label-width="150"
+    >
+      <!-- 审批表单 -->
+      <template v-if="isApproval">
+        <el-form-item label="申请用户">
+          <span>{{ row?.nickname }}</span>
+        </el-form-item>
+        <el-form-item label="申请原因">
+          <span>{{ row?.reason }}</span>
+        </el-form-item>
+        <el-form-item prop="remark" label="备注">
+          <el-input 
+            type="textarea" 
+            :rows="4"
+            placeholder="请输入备注" 
+            v-model="formField.remark" 
+          />
+        </el-form-item>
+      </template>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed"> 取 消 </el-button>
+        <el-button 
+          :type="isReject ? 'danger' : 'primary'" 
+          :loading="loading" 
+          @click="submitForm"
+        > 
+          {{ isApprove ? '同意' : isReject ? '拒绝' : '确定' }}
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/RequirementManage/index.vue b/src/views/RequirementManage/index.vue
new file mode 100644
index 0000000..85dfe64
--- /dev/null
+++ b/src/views/RequirementManage/index.vue
@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <div class="title">需求管理</div>
+    <el-form
+      ref="searchFormRef"
+      class="form"
+      :inline="true"
+      label-width="98px"
+      :model="queryParams"
+    >
+      <el-form-item label="需求名称" prop="name">
+        <el-input
+          clearable
+          placeholder="请输入"
+          style="width: 220px"
+          v-model="queryParams.name"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label-width="100px">
+        <el-button icon="Search" type="primary" @click="handleQuery"> 搜索 </el-button>
+        <el-button icon="RefreshRight" @click="resetQuery"> 重置 </el-button>
+      </el-form-item>
+    </el-form>
+
+    <div style="margin-bottom: 20px">
+      <!-- <el-button icon="Plus" type="primary" @click="add"> 新建 </el-button> -->
+    </div>
+    <div ref="tableContainerEl" class="table_border table">
+      <el-table
+        ref="tableRef"
+        :data="tableData"
+        v-loading="loading"
+        header-row-class-name="table-header"
+      >
+        <el-table-column align="center" label="需求名称" prop="name" show-overflow-tooltip />
+        <el-table-column align="center" label="需求描述" prop="description" show-overflow-tooltip />
+        <el-table-column align="center" label="提出用户" prop="proposer" show-overflow-tooltip />
+
+        <el-table-column align="center" label="操作" width="120">
+          <template #default="{ row }">
+            <el-button link type="danger" @click="handleDelete(row)"> 删除 </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:limit="queryParams.limit"
+      v-model:page="queryParams.page"
+      @pagination="getList"
+    />
+
+    <HandleDialog
+      v-if="isShowDialog"
+      :type="rowType"
+      :row="currentRow"
+      @closed="isShowDialog = false"
+      @on-success="getList"
+    />
+  </div>
+</template>
+
+<script setup>
+import { useTableRPC } from '@/utils/hook'
+import HandleDialog from './HandleDialog.vue'
+import RPC from '@/utils/rpc.js'
+
+const {
+  loading,
+  tableData,
+  tableRef,
+  searchFormRef,
+  total,
+  queryParams,
+  getList,
+  handleQuery,
+  resetQuery,
+  handleDelete,
+  isShowDialog,
+  maxHeight,
+  tableContainerEl,
+} = useTableRPC({
+  queryParams: {
+    orderby: [{ id: 'desc' }],
+  },
+  remoteDataFn: '/requirement/list',
+  deleteConfig: {
+    remote: '/requirement/delete',
+    key: 'id',
+    message(row) {
+      return `确认删除 “${row.name}”`
+    },
+  },
+})
+
+getList()
+</script>
+
+<style lang="scss" scoped>
+.title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+</style>