From e8a5e7b14ec4448b51783fb8e097280ea1bc03e0 Mon Sep 17 00:00:00 2001
From: HanLong <404402223@qq.com>
Date: Thu, 8 Jan 2026 13:29:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:[=E8=AF=95=E9=AA=8C=E7=AE=A1=E7=90=86][?=
 =?UTF-8?q?=E8=AF=95=E9=AA=8C=E6=96=B9=E6=B3=95]=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/business/study/studyMethod.js      |  20 +++++
 src/views/business/study/comp/syff/Xz.vue  | 115 +++++++++++++++++++----------
 src/views/business/study/comp/syffList.vue |  40 ++++------
 src/views/business/study/comp/syj/Jl.vue   |   1 +
 4 files changed, 112 insertions(+), 64 deletions(-)
 create mode 100644 src/api/business/study/studyMethod.js

diff --git a/src/api/business/study/studyMethod.js b/src/api/business/study/studyMethod.js
new file mode 100644
index 0000000..20de93e
--- /dev/null
+++ b/src/api/business/study/studyMethod.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 上传方法
+export function studyMethod_save(data) {
+  return request({
+    url: '/system/business/studyMethod/save',
+    method: 'post',
+    data: data
+  })
+}
+
+
+// 方法列表
+export function studyMethod_list(query) {
+  return request({
+    url: '/system/business/studyMethod/list',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/views/business/study/comp/syff/Xz.vue b/src/views/business/study/comp/syff/Xz.vue
index 94facdb..2c7f316 100644
--- a/src/views/business/study/comp/syff/Xz.vue
+++ b/src/views/business/study/comp/syff/Xz.vue
@@ -5,20 +5,20 @@ G<template>
       :close-on-click-modal="false">
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-row>
-          <!-- 名称 -->
           <el-col :span="24">
-            <el-form-item :label="$t('page.business.study.studyMethod.mc')" prop="mc">
-              <SelectTestArea v-model="form.mc" />
+            <el-form-item :label="$t('page.business.study.studyMethod.mc')" prop="ffmc">
+              <el-input type="text" v-model="form.ffmc" maxlength="20"
+                :placeholder="$t('form.placeholderInput')" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <!-- 方法 -->
           <el-col :span="24">
-            <el-form-item :label="$t('page.business.study.studyMethod.ff')" prop="mc">
+            <el-form-item :label="$t('page.business.study.studyMethod.ff')" prop="fileUlr">
               <el-upload class="upload-demo" :before-upload="handleBeforeUpload" :on-error="handleUploadError"
-                :on-exceed="handleExceed" :on-success="handleUploadSuccess" :show-file-list="false" :headers="headers"
-                :action="uploadFileUrl" accept=".pdf" :limit="1" :file-list="fileList">
+                :on-exceed="handleExceed" :on-success="handleUploadSuccess" :show-file-list="true" :headers="headers"
+                :on-remove="handleRemove" :action="uploadFileUrl" accept=".pdf" :limit="1" :file-list="fileList">
                 <el-button size="small" type="primary">{{ $t('page.business.study.studyMethod.scwj') }}</el-button>
                 <div slot="tip" class="el-upload__tip">{{ $t('page.business.study.studyMethod.wjm') }}</div>
               </el-upload>
@@ -70,47 +70,33 @@ G<template>
 </template>
 
 <script>
-import { studyRoom_save } from "@/api/business/study/studyRoom"
+import { studyMethod_save } from "@/api/business/study/studyMethod"
 import { mapGetters } from 'vuex'
-import BusinessSelect from '@/views/business/comps/select/BusinessSelect';
-import SelectTestArea from '@/views/business/comps/select/SelectTestArea';
-import SelectRoom from '@/views/business/comps/select/SelectRoom';
-import SelectAnimalSpecies from '@/views/business/comps/select/SelectAnimalSpecies';
-import SelectCage from '@/views/business/comps/select/SelectCage';
+import { getToken } from "@/utils/auth"
+
 export default {
   name: "XzSyj",
-  components: { BusinessSelect, SelectTestArea, SelectRoom, SelectCage, SelectAnimalSpecies },
+  components: {},
   data() {
     return {
       open: false,
-      form: {},
+      form: {
+        mc: '',
+        fileUrl: '',
+        fileName: ''
+      },
       uploadFileUrl: process.env.VUE_APP_BASE_API + "/file/upload",
       headers: {
         Authorization: "Bearer " + getToken(),
       },
       fileList: [],
       rules: {
-        syqy: [{
-          required: true,
-          message: ' ',
-          trigger: 'blur'
-        }],
-        syjh: [{
-          required: true,
-          message: ' ',
-          trigger: 'blur'
-        }],
-        dwzs: [{
-          required: true,
-          message: ' ',
-          trigger: 'blur'
-        }],
-        lj: [{
+        ffmc: [{
           required: true,
           message: ' ',
           trigger: 'blur'
         }],
-        kssyyl: [{
+        fileUrl: [{
           required: true,
           message: ' ',
           trigger: 'blur'
@@ -136,32 +122,83 @@ export default {
     },
     reset() {
       this.form = {
-        id: null,
-        syqy: null,
-        syjh: null,
-        dwzs: null,
-        lj: null,
+        ffmc: null,
+        fileUrl: '',
+        fileName: '',
         qmrmm: null,
         kssyyl: '',
         qmyy: '上传文件',
         bjbz: ''
       }
+      this.fileList = []
       this.resetForm("form")
     },
-    show(studyId) {
+    show(study) {
       this.reset()
-      this.form.studyId = studyId
+      this.form.studyId = study.studyId
+      this.form.studySubjectId = study.studySubjectId
       this.open = true
     },
     save() {
       this.$refs["form"].validate(valid => {
         if (valid) {
-          studyRoom_save(this.form).then(response => {
+          studyMethod_save(this.form).then(response => {
             this.open = false
             this.$emit('callback')
           })
         }
       })
+    },
+    // 上传前校检格式和大小
+    handleBeforeUpload(file) {
+      let fileType = ['pdf']
+      // 校检文件类型
+      if (fileType) {
+        const fileName = file.name.split('.')
+        const fileExt = fileName[fileName.length - 1]
+        const isTypeOk = fileType.indexOf(fileExt) >= 0
+        if (!isTypeOk) {
+          this.$modal.msgError('文件格式不正确，请上传pdf格式文件!')
+          return false
+        }
+      }
+      // 校检文件名是否包含特殊字符
+      if (file.name.includes(',')) {
+        this.$modal.msgError('文件名不正确，不能包含英文逗号!')
+        return false
+      }
+      this.$modal.loading("正在上传文件，请稍候...")
+      this.number++
+      return true
+    },
+    // 文件个数超出
+    handleExceed() {
+      this.$modal.msgError('上传文件数量不能超过1个!')
+    },
+    // 上传失败
+    handleUploadError(err) {
+      this.$modal.msgError("上传文件失败，请重试")
+      this.$modal.closeLoading()
+    },
+    // 上传成功回调
+    handleUploadSuccess(res, file) {
+      console.log(res)
+      if (res.code === 200) {
+        this.form.fileUrl = res.data.url
+        this.form.fileName = res.data.name
+        this.fileList.push({ name: res.data.name, url: res.data.url })
+        this.$modal.closeLoading()
+      } else {
+        this.number--
+        this.$modal.closeLoading()
+        this.$modal.msgError(res.msg)
+        this.$refs.fileUpload.handleRemove(file)
+      }
+    },
+    handleRemove() {
+      this.form.fileUrl = ''
+      this.form.fileName = ''
+      this.fileList = []
     }
   }
 }
diff --git a/src/views/business/study/comp/syffList.vue b/src/views/business/study/comp/syffList.vue
index e148820..7ad3f39 100644
--- a/src/views/business/study/comp/syffList.vue
+++ b/src/views/business/study/comp/syffList.vue
@@ -27,7 +27,7 @@
                 <el-select v-model="searchForm.zt" :placeholder="$t('form.placeholderSelect')" clearable
                   @change="search">
                   <el-option :label="$t('page.business.study.studyMethod.yidu')" :value="1" />
-                  <el-option :label="$t('page.business.study.studyMethod.weidu')" :value="3" />
+                  <el-option :label="$t('page.business.study.studyMethod.weidu')" :value="0" />
                 </el-select>
               </el-form-item>
               <el-form-item>
@@ -48,33 +48,23 @@
         </el-row>
 
         <el-table v-loading="loading" :data="list">
-          <el-table-column :label="$t('page.business.study.studyRoom.syjh')" prop="syjh" />
-          <el-table-column :label="$t('page.business.study.studyRoom.syqy')" prop="syqy" />
-          <el-table-column :label="$t('page.business.study.studyRoom.dwzs')" prop="dwzs" />
-          <el-table-column :label="$t('page.business.study.studyRoom.longju')" align="center" prop="lj" />
-          <el-table-column :label="$t('page.business.study.studyRoom.kssyyl')" align="center" prop="kssyyl" />
-          <el-table-column :label="$t('page.business.study.studyRoom.qyr')" align="center" prop="qyrMc" />
-          <el-table-column :label="$t('page.business.study.studyRoom.kssj')" align="center" prop="createTime" />
-          <el-table-column :label="$t('page.business.study.studyRoom.jssyyl')" align="center" prop="jssyyl" />
-          <el-table-column :label="$t('page.business.study.studyRoom.jsr')" align="center" prop="jsrMc" />
-          <el-table-column :label="$t('page.business.study.studyRoom.jssj')" align="center" prop="jssj" />
-          <el-table-column :label="$t('page.business.study.studyRoom.zt')" prop="status" align="center" width="100">
+          <el-table-column :label="$t('page.business.study.studyMethod.ffmc')" prop="ffmc" />
+          <el-table-column :label="$t('page.business.study.studyMethod.cjsj')" prop="createTime" />
+          <el-table-column :label="$t('page.business.study.studyMethod.cjr')" prop="userMc" />
+          <el-table-column :label="$t('page.business.study.studyMethod.zt')" prop="status" align="center" width="100">
             <template slot-scope="scope">
-              <span v-if="scope.row.zt === 1">{{ $t('page.business.study.studyRoom.syz') }}</span>
-              <span v-if="scope.row.zt === 3">{{ $t('page.business.study.studyRoom.yjs') }}</span>
+              <span v-if="scope.row.zt != 0">{{ $t('page.business.study.studyMethod.yidu') }}</span>
+              <span v-if="scope.row.zt === 0">{{ $t('page.business.study.studyMethod.weidu') }}</span>
             </template>
           </el-table-column>
           <el-table-column :label="$t('form.operate')" align="left" fixed="right" width="200">
             <template slot-scope="scope">
-              <!-- 笼具记录 -->
+              <!-- 阅读 -->
               <el-button type="text" @click="detail(scope.row)">{{
-                $t('page.business.study.studyRoom.ljjl') }}</el-button>
-              <!-- 更换笼具 -->
-              <el-button type="text" v-if="scope.row.zt === 1" @click="edit(scope.row)">{{
-                $t('page.business.study.studyRoom.ghlj') }}</el-button>
-              <!-- 结束 -->
-              <el-button type="text" v-if="scope.row.zt === 1" @click="end(scope.row)">{{
-                $t('page.business.study.studyRoom.js') }}</el-button>
+                $t('page.business.study.studyMethod.yuedu') }}</el-button>
+              <!-- 导出 -->
+              <el-button type="text" >{{
+                $t('page.business.study.studyMethod.daochu') }}</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -96,7 +86,7 @@
 </template>
 
 <script>
-import { studyRoom_list } from '@/api/business/study/studyRoom'
+import { studyMethod_list } from '@/api/business/study/studyMethod'
 import Xz from "./syff/Xz";
 import Bj from "./syj/Bj";
 import Js from "./syj/Js";
@@ -175,14 +165,14 @@ export default {
         this.searchForm.endDate = ''
       }
       this.loading = true
-      studyRoom_list(this.searchForm).then(response => {
+      studyMethod_list(this.searchForm).then(response => {
         this.list = response.rows
         this.total = response.total
         this.loading = false
       })
     },
     add() {
-      this.$refs.Xz.show(this.study.studyId);
+      this.$refs.Xz.show(this.study);
     },
     edit(row) {
       this.$refs.Bj.show(row)
diff --git a/src/views/business/study/comp/syj/Jl.vue b/src/views/business/study/comp/syj/Jl.vue
index 4987550..ab52222 100644
--- a/src/views/business/study/comp/syj/Jl.vue
+++ b/src/views/business/study/comp/syj/Jl.vue
@@ -58,6 +58,7 @@ export default {
       daterange: [],
       loading: false,
       list: [],
+      total: 0,
       searchForm: {
         pageNum: 1,
         pageSize: 10,