页面修改

src/views/custom_follow/index.vue

@@ -86,7 +86,7 @@
 <script lang="ts" setup name="customFollowLists">
 import { usePaging } from '@/hooks/usePaging'
 import { useDictData } from '@/hooks/useDictOptions'
-import { apiCustomFollowLists, apiCustomFollowDelete } from '@/api/custom_follow'
+import { apiCustomFollowLists, apiCustomFollowDelete, apiCustomFollowDetail } from '@/api/custom_follow'
 import { timeFormat } from '@/utils/util'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
@@ -136,10 +136,12 @@ const handleAdd = async () => {
 
 // 编辑
 const handleEdit = async (data: any) => {
+
+    let res = await apiCustomFollowDetail({ id: data.id })
     showEdit.value = true
     await nextTick()
     editRef.value?.open('edit')
-    editRef.value?.setFormData(data)
+    editRef.value?.setFormData(res)
 }
 
 // 删除

src/views/custom_service/edit.vue

@@ -82,9 +82,30 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                        <el-form-item label="附件" prop="annex">
+
-                            <material-picker v-model="formData.annex" />
+                        <!-- <material-picker v-model="formData.annex" /> -->
+                        <el-form-item label="附件" prop="field127">
+                            <el-upload accept=".pdf" class="upload-demo" :show-file-list="false" aria-hidden="true"
+                                :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'"
+                                :on-success="handleAvatarSuccess_four" ref="upload">
+                                <el-button type="primary">
+                                    上传
+                                </el-button>
+                            </el-upload>
+
+                            <div>
+                                <div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
+                                    <a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
+                                        target="_blank">{{ item.name }}</a>
+                                    <span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
+                                </div>
+                            </div>
+
+
+
                         </el-form-item>
+
+
                     </el-col>
                 </el-row>
             </el-form>
@@ -98,6 +119,29 @@ import Popup from '@/components/popup/index.vue'
 import { apiCustomServiceAdd, apiCustomServiceEdit, apiCustomServiceDetail } from '@/api/custom_service'
 import { timeFormat } from '@/utils/util'
 import type { PropType } from 'vue'
+import useUserStore from "@/stores/modules/user";
+import configs from "@/config"
+const base_url = configs.baseUrl + configs.urlPrefix
+const userStore = useUserStore();
+// 上传文件
+const handleAvatarSuccess_four = (
+    response,
+    uploadFile
+) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg);
+        return;
+    }
+    formData.annex.push(
+        { uri: response.data.uri, name: response.data.name }
+
+    );
+};
+// 删除上传的文件
+const delFileFn = (index: number) => {
+    formData.annex.splice(index, 1)
+}
+
 defineProps({
     dictData: {
         type: Object as PropType<Record<string, any[]>>,
@@ -131,7 +175,7 @@ const formData = reactive({
     name: '',
     description: '',
     notes: '',
-    annex: '',
+    annex: [],
     status: '',
 })
 

src/views/custom_service/index.vue

@@ -87,7 +87,7 @@
 <script lang="ts" setup name="customServiceLists">
 import { usePaging } from '@/hooks/usePaging'
 import { useDictData } from '@/hooks/useDictOptions'
-import { apiCustomServiceLists, apiCustomServiceDelete } from '@/api/custom_service'
+import { apiCustomServiceLists, apiCustomServiceDelete, apiCustomServiceDetail } from '@/api/custom_service'
 import { timeFormat } from '@/utils/util'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
@@ -142,10 +142,11 @@ const handleAdd = async () => {
 
 // 编辑
 const handleEdit = async (data: any) => {
+    let res = await apiCustomServiceDetail({ id: data.id })
     showEdit.value = true
     await nextTick()
     editRef.value?.open('edit')
-    editRef.value?.setFormData(data)
+    editRef.value?.setFormData(res)
 }
 
 // 删除

src/views/project/edit.vue

@@ -200,8 +200,26 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                        <el-form-item label="附件" prop="annex">
+                        <!-- <el-form-item label="附件" prop="annex">
                             <el-input v-model="formData.annex" clearable placeholder="请输入附件" />
+                        </el-form-item> -->
+                        <el-form-item label="附件" prop="field127">
+                            <el-upload accept=".pdf" class="upload-demo" :show-file-list="false" aria-hidden="true"
+                                :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'"
+                                :on-success="handleAvatarSuccess_four" ref="upload">
+                                <el-button type="primary">
+                                    上传
+                                </el-button>
+                            </el-upload>
+
+                            <div>
+                                <div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
+                                    <a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
+                                        target="_blank">{{ item.name }}</a>
+                                    <span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
+                                </div>
+                            </div>
+
                         </el-form-item>
                     </el-col>
                 </el-row>
@@ -225,6 +243,30 @@ import Popup from '@/components/popup/index.vue'
 import { apiProjectAdd, apiProjectEdit, apiProjectDetail } from '@/api/project'
 import { timeFormat } from '@/utils/util'
 import type { PropType } from 'vue'
+import configs from "@/config"
+import useUserStore from "@/stores/modules/user";
+
+const base_url = configs.baseUrl + configs.urlPrefix
+const userStore = useUserStore();
+// 上传文件
+const handleAvatarSuccess_four = (
+    response,
+    uploadFile
+) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg);
+        return;
+    }
+    formData.annex.push(
+        { uri: response.data.uri, name: response.data.name }
+
+
+    );
+};
+// 删除上传的文件
+const delFileFn = (index: number) => {
+    formData.annex.splice(index, 1)
+}
 defineProps({
     dictData: {
         type: Object as PropType<Record<string, any[]>>,
@@ -278,7 +320,7 @@ const formData = reactive({
     strategic_significance: '',
     industry: '',
     unit_nature: '',
-    annex: '',
+    annex: [],
     status: '',
 })