From 85693bbfde492cc128d65216f2a1f5d04bd13c84 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Tue, 6 Jan 2026 14:18:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=A7=91=E7=A0=94?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/model/rem.js           |  54 ++++++++++
 src/views/rem/project.vue      |  78 ++++++++++++++
 src/views/rem/project_form.vue | 181 +++++++++++++++++++++++++++++++++
 3 files changed, 313 insertions(+)
 create mode 100644 src/api/model/rem.js
 create mode 100644 src/views/rem/project.vue
 create mode 100644 src/views/rem/project_form.vue

diff --git a/src/api/model/rem.js b/src/api/model/rem.js
new file mode 100644
index 00000000..be4866c7
--- /dev/null
+++ b/src/api/model/rem.js
@@ -0,0 +1,54 @@
+import config from "@/config"
+import http from "@/utils/request"
+export default {
+	project: {
+		list: {
+			name: "获取列表",
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/rem/project/`,
+					data
+				);
+			}
+		},
+		item: {
+			name: "获取详情",
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/rem/project/${id}/`
+				);
+			}
+		},
+		cquery: {
+			name: "复杂查询",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/rem/project/cquery/`,
+					data);
+			}
+		},
+		update: {
+			name: "编辑更新",
+			req: async function(id, data){
+				return await http.put(
+					`${config.API_URL}/rem/project/${id}/`,
+					data);
+			}
+		},
+        create: {
+			name: "新增",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/rem/project/`,
+					data);
+			}
+		},
+		delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/rem/project/${id}/`);
+			}
+		},
+	},
+}
\ No newline at end of file
diff --git a/src/views/rem/project.vue b/src/views/rem/project.vue
new file mode 100644
index 00000000..ae91767a
--- /dev/null
+++ b/src/views/rem/project.vue
@@ -0,0 +1,78 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel">
+                <el-button type="primary" @click="handleAdd" v-auth="'research_project.create'">新增</el-button>
+            </div>
+
+        </el-header>
+        <el-main class="nopadding">
+            <scTable
+            ref="table"
+            :apiObj="API.rem.project.list"
+            row-key="id"
+            stripe
+            :query="query"
+            >
+            <el-table-column label="项目名称" prop="name" width="300" show-overflow-tooltip>
+                <template #default="scope">
+                    <el-link type="primary" @click.stop="()=>{t_id=scope.row.id;mode='show';drawerVisible=true;}">{{ scope.row.name }}</el-link>
+                </template>
+            </el-table-column>
+            <!-- <el-table-column label="审批状态" width="250" show-overflow-tooltip>
+                <template #default="scope">
+                                <el-tag :type="actStateEnum[scope.row.ticket_?.act_state]?.type">
+                        {{ actStateEnum[scope.row.ticket_?.act_state]?.text }}
+                    </el-tag>
+            <el-tag type="info" effect="plain">{{ scope.row.ticket_?.state_.name }}</el-tag>
+
+          </template>
+            </el-table-column> -->
+            <el-table-column label="项目负责人" prop="leader_name" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="项目成员" prop="participants" width="200" show-overflow-tooltip></el-table-column>
+            <el-table-column label="开始日期" prop="start_date" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="结束日期" prop="end_date" width="120" show-overflow-tooltip></el-table-column>
+            <el-table-column label="附件数" prop="files" width="200" show-overflow-tooltip>
+                <template #default="scope">
+                    {{ scope.row.files.length }}
+                </template>
+            </el-table-column>
+            <el-table-column label="项目介绍" prop="description" show-overflow-tooltip></el-table-column>
+            <el-table-column label="操作" fixed="right" align="right" width="100">
+              <template #default="scope">
+                <el-button
+                  type="warning"
+                  link
+                  size="small"
+                  @click.stop="table_edit(scope.row)"
+				    v-auth="'research_project.update'"
+                  >编辑
+                </el-button>
+              </template>
+            </el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+    <el-drawer title="科研项目" v-model="drawerVisible" :size="'80%'" destroy-on-close>
+        <project_form :mode="mode" :t_id="t_id" @success="()=>{drawerVisible = false; $refs.table.refresh()}"></project_form>
+    </el-drawer>
+</template>
+<script setup>
+import { ref } from 'vue'
+import API from '@/api'
+import project_form from './project_form.vue'
+import { actStateEnum, interveneTypeEnum } from "@/utils/enum.js";
+const query = ref({});
+const drawerVisible = ref(false);
+const mode = ref('add');
+const t_id = ref(null);
+const handleAdd = () => {
+    mode.value = 'add';
+    drawerVisible.value = true;
+}
+const table_edit = (row) => {
+    t_id.value = row.id;
+    mode.value = 'edit';
+    drawerVisible.value = true;
+}
+</script>
\ No newline at end of file
diff --git a/src/views/rem/project_form.vue b/src/views/rem/project_form.vue
new file mode 100644
index 00000000..301bdfd2
--- /dev/null
+++ b/src/views/rem/project_form.vue
@@ -0,0 +1,181 @@
+<template>
+    <el-container>
+        <el-main class="nopadding">
+            <el-form label-width="100px" :model="formData" style="padding: 20px;">
+                <el-form-item label="项目名称" required>
+                    <el-input v-model="formData.name" placeholder="请输入项目名称" :disabled="localMode!='add'"></el-input>
+                </el-form-item>
+                <el-form-item label="项目介绍" required>
+                    <el-input v-model="formData.description" :disabled="localMode!='add'" type="textarea"></el-input>
+                </el-form-item>
+                <el-form-item label="开始日期" required>
+                  <el-date-picker
+                    v-model="dateRange"
+                    type="daterange"
+                    align="right"
+                    value-format="YYYY-MM-DD"
+                    unlink-panels
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="归还日期"
+                    :disabled="localMode != 'add'"
+                    @change="handleDateChange">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item label="项目负责人" required>
+                    <xtSelect
+                        v-model="formData.leader"
+                        :label="formData.leader_name"
+                        :apiObj="$API.system.user.list"
+                        :edit="localMode==='add'"
+                        >
+                        <el-table-column prop="name" label="姓名"></el-table-column>
+                        <el-table-column prop="belong_dept_name" label="所属部门"></el-table-column>
+                        <el-table-column prop="post_name" label="岗位"></el-table-column>
+                        <el-table-column prop="phone" label="手机号"></el-table-column>
+                    </xtSelect>
+                </el-form-item>
+                <el-form-item label="项目成员" required>
+                    <el-input v-model="formData.participants" placeholder="请输入项目名称" :disabled="localMode==='show'"></el-input>
+                </el-form-item>
+                <el-form-item label="附件" required>
+                    <sc-upload-filed
+                        v-model="formData.files"
+                        :file_ = "formData.files_"
+                        :multiple="true"
+                        :limit="10"
+                        :disabled="localMode ==='show'"
+                        />
+                </el-form-item>
+                <el-form-item label="备注">
+                    <el-input v-model="formData.note" :disabled="localMode==='show'" type="textarea"></el-input>
+                </el-form-item>
+            </el-form>
+            <el-footer>
+                <div style="display:flex; justify-content: space-between;">
+                <div>
+                    <el-button type="danger"
+                    v-auth="'research_project.delete'"
+                    :loading="saveLoading"
+                    style="margin-right: 4px;"
+                    @click="handleDel"
+                    >删除</el-button>
+                </div>
+                <div>
+                <el-button 
+                    v-if="localMode!='show'"
+                    type="primary"
+                    style="margin-right: 4px;"
+                    @click="handleSave"
+                    :loading="saveLoading"
+                    >保存</el-button>
+                                <!-- <ticketd_b 
+                v-if = "formData.ticket_ && localMode=='show'"
+                :t_id="formData.id" 
+                :ticket_="formData.ticket_"
+                :ticket_data="ticket_data"
+                @success="$emit('success', localMode)" 
+                ref="ticketd_b"
+            ></ticketd_b> -->
+            </div>
+                </div>
+            </el-footer>
+        </el-main>
+        <!-- <el-aside width="20%" v-if="formData.ticket_">
+            <ticketd :ticket_="formData.ticket_" @success="$emit('success')"></ticketd>
+        </el-aside> -->
+    </el-container>
+</template>
+
+<script>
+import ticketd_b from "@/views/wf/ticketd_b.vue";
+import ticketd from '@/views/wf/ticketd.vue'
+
+export default {
+    components: {
+        ticketd_b,
+        ticketd
+    },
+    props: {
+        mode: {
+            type: String,
+            default: 'show'
+        },
+        t_id: {
+            type: String,
+            default: ""
+        }
+    },
+    data() {
+        return {
+            formData: {
+                survery_form_: null
+            },
+            localMode: this.mode,
+            saveLoading: false,
+            dateRange: []
+        }
+    },
+    watch: {
+        mode(newVal) {
+            this.localMode = newVal;
+        }
+    },
+    mounted() {
+        if (this.t_id) {
+            this.getTid();
+        } else {
+            this.localMode = "add";
+        }
+    },
+    methods: {
+        handleDateChange(value) {
+          if (value && value.length == 2) {
+            this.formData.start_date = value[0];
+            this.formData.end_date = value[1];
+          } else {
+            this.formData.start_date = null;
+            this.formData.end_date = null;
+          }
+        },
+        async getTid() {
+            let res = await this.$API.rem.project.item.req(this.t_id);
+            this.formData = res;
+            if (res.ticket_ && res.ticket_.state_.type == 1 && res.create_by == this.$TOOL.data.get("USER_INFO").id) {
+                this.localMode = "edit";
+            }
+        },
+        handleDel() {
+            this.$confirm(`确定删除吗？`, "提示", {
+                type: "warning",
+            })
+                .then(()=>{
+                    this.$API.rem.project.delete.req(this.formData.id).then(res=>{
+                        this.$message.success("删除成功");
+                        this.$emit('success');
+                    })
+                })
+        },
+        handleSave() {
+            if (this.localMode == "add") {
+                this.saveLoading = true;
+                this.$API.rem.project.create.req(this.formData).then(res=>{
+                    this.saveLoading = true;
+                    this.$message.success("提交成功");
+                    this.$emit('success', this.localMode);
+                }).catch(e=>{
+                    this.saveLoading = false;
+                })
+            } else if (this.localMode == "edit") {
+                this.$API.rem.project.update.req(this.formData.id, this.formData).then(res=>{
+                    this.saveLoading = true;
+                    this.$message.success("提交成功");
+                    this.$emit('success', this.localMode);
+                }).catch(e=>{
+                    this.saveLoading = false;
+                })
+            }
+        },
+    }
+}
+</script>
\ No newline at end of file