查看附件，删除附件

Laravel/app/Http/Controllers/API/Admin/YeWu/AppointmentController.php

@@ -6,6 +6,8 @@ use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
 use App\Services\Admin\YeWu\AppointmentService;
 use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Storage;
+
 class AppointmentController extends Controller
 {
     //获取预约记录
@@ -100,6 +102,17 @@ class AppointmentController extends Controller
         $d=DB::table('appointment_record')->where('id',$id)->update([
             'is_del'=>1
         ]);
+        $list=DB::table('appointment_img')->where(['appointment_record_id'=>$id])->get();
+        if(count($list)>0){
+            foreach ($list as $item){
+              //  dd(Storage::disk('public')->exists('H5Upload/20240111/At00DqGsf0qkTXBeV9uhpEgPzhlC0BxI6eAnRudq.png'));
+                $relativePath = ltrim($item->imgurl, '/storage/');
+                if (Storage::disk('public')->exists($relativePath)) {
+                    Storage::disk('public')->delete($relativePath);
+                }
+
+            }
+        }
         if($d){
             return \Yz::Return(true,'操作成功',[]);
         }else{
@@ -172,4 +185,11 @@ class AppointmentController extends Controller
             ->get();
         return \Yz::Return(true,'查询成功',['list'=>$list,'dateRange'=>[$searchInfo['start'],$searchInfo['end']]]);
     }
+    //查看预约时候的图片列表
+    public function GetPicList()
+    {
+        $yuyue_id=request('yuyue_id');
+        $list=DB::table('appointment_img')->where(['appointment_record_id'=>$yuyue_id])->get();
+        return \Yz::Return(true,'查询完成',['list'=>$list]);
+    }
 }

Laravel/routes/api.php

@@ -59,6 +59,8 @@ Route::group(['middleware'=>['checktoken','log'],'prefix'=>'v1'],function () {
     Route::post('admin/InstitutionGetSetingDetail','App\Http\Controllers\API\Admin\YeWu\InstitutionController@GetSetingDetail');//获取机构设置详情
     Route::post('admin/GetConfigs','App\Http\Controllers\API\Admin\YeWu\ConfigsController@GetConfigs');//获取设置
     Route::post('admin/SaveConfig','App\Http\Controllers\API\Admin\YeWu\ConfigsController@SaveConfig');//保存设置
+    Route::post('admin/AppointmentGetPicList','App\Http\Controllers\API\Admin\YeWu\AppointmentController@GetPicList');  //获取预约记录图片
+
 
     Route::post('admin/CheckUpCount','App\Http\Controllers\API\Admin\YeWu\HealthCheckupController@CheckUpCount');//体检统计
 });

el-admin/src/api/api.js

@@ -168,3 +168,8 @@ export const SaveConfig =   (data={}) =>  {
 export const CheckUpCount =   (data={}) =>  {
 	return 	axios({url:import.meta.env.VITE_APP_API+'v1/admin/CheckUpCount',data:data})
 }
+
+//获取预约记录图片
+export const AppointmentGetPicList =   (data={}) =>  {
+	return 	axios({url:import.meta.env.VITE_APP_API+'v1/admin/AppointmentGetPicList',data:data})
+}

el-admin/src/views/AppointmentMngr/AppointmentList.vue

@@ -5,7 +5,8 @@
 				<el-form-item>
 					<el-tag class="ml-2" type="success" style="margin-right: 20px;">机构名称</el-tag>
 					<el-select filterable v-model="searchInfo.orgId" placeholder="请选择体检机构" clearable>
-						<el-option v-for="(item, index) in org_list" :key="index" :label="item.org_name" :value="item.id" />
+						<el-option v-for="(item, index) in org_list" :key="index" :label="item.org_name"
+							:value="item.id" />
 					</el-select>
 				</el-form-item>
 				<el-form-item>
@@ -35,16 +36,16 @@
 
 		</div>
 		<el-table :data="tableData" style="width: 100%;" row-key="id" v-loading="loading">
-			<el-table-column prop="id" label="Id" width="100" />
+			<el-table-column prop="id" label="Id" width="80" />
 			<el-table-column prop="org_name" label="体检机构名称">
 				<template #default="scope">
 					<span v-if="scope.row.org_name">{{scope.row.org_name}}</span>
 					<span v-else style="color: #ccc;">暂无</span>
 				</template>
 			</el-table-column>
-			<el-table-column prop="name" label="体检人姓名" />
+			<el-table-column prop="name" label="体检人姓名"  width="100"/>
 			<el-table-column prop="id_card_num" label="证件号" />
-			<el-table-column prop="type" label="体检类型">
+			<el-table-column prop="type" label="体检类型"  width="100">
 				<template #default="scope">
 					<el-tag v-if="scope.row.type==1" class="ml-2" type="success">健康证</el-tag>
 					<el-tag v-if="scope.row.type==2" class="ml-2" type="warning">老年人</el-tag>
@@ -64,9 +65,13 @@
 				</template>
 			</el-table-column>
 			<el-table-column prop="created_at" label="创建时间" />
-			<el-table-column label="操作" width="100" v-if="userinfo.group==1">
+			<el-table-column label="操作" >
 				<template #default="scope">
+					<div style="display: flex;">
+						<el-button @click="ShowPic(scope.row)">查看附件</el-button>
 						<el-button type="primary" @click="del(scope.row.id)">删除</el-button>
+					</div>
+
 				</template>
 			</el-table-column>
 		</el-table>
@@ -75,6 +80,23 @@
 				:page-sizes="[15, 50, 100, 200]" layout="total,sizes, prev, pager, next" :total="total"
 				@size-change="PageSizeChange" @current-change="PageCurrentChange" />
 		</div>
+
+		<el-dialog v-model="dialogVisible" title="查看附件" width="60%">
+			<div v-loading="loading">
+				<div v-if="pic_list.length>0" style="display: flex; justify-content: space-around; flex-wrap: wrap;">
+					<div v-for="(item,index) in pic_list" :key="index"  >
+						<el-image style="width: 200px; height: 200px"   :preview-src-list="picSrcList" :src="BaseFileUrl+item.imgurl" />
+					</div>
+
+
+				</div>
+				<div v-else style="text-align: center;color: #999;">
+					暂无附件
+				</div>
+
+			</div>
+
+		</el-dialog>
 	</div>
 </template>
 
@@ -84,16 +106,21 @@
 		onMounted
 	} from 'vue'
 	import {
-		ElMessage,ElMessageBox
+		ElMessage,
+		ElMessageBox
 	} from 'element-plus'
 	import {
 		GetHealthOrganizationEnableList,
-		 GetAppointmentList,DelAppointment
+		GetAppointmentList,
+		DelAppointment,
+		AppointmentGetPicList
 	} from '@/api/api.js'
-	import { useRoute } from 'vue-router'
+	import {
+		useRoute
+	} from 'vue-router'
 	const route = useRoute()
 	const calendarId = route.query.calendarId //预约的体检日历id
-
+	let BaseFileUrl = import.meta.env.VITE_APP_FILE
 	let loading = ref(false)
 	let tableData = ref([])
 	let currentPage = ref(1) //当前页码
@@ -155,7 +182,9 @@
 			})
 			.then(() => {
 				loading.value = true
-				DelAppointment({id:id}).then(res => {
+				DelAppointment({
+					id: id
+				}).then(res => {
 					loading.value = false
 					if (res.status) {
 						GetList()
@@ -167,6 +196,28 @@
 			})
 
 	}
+	let dialogVisible = ref(false);
+	let pic_list = ref([]);
+	let picSrcList=ref([]);
+	const ShowPic = (row) => {
+		dialogVisible.value = true
+		loading.value = true
+		AppointmentGetPicList({
+			yuyue_id: row.id
+		}).then(res => {
+			loading.value = false
+			if (res.status) {
+				pic_list.value = res.data.list
+				pic_list.value.forEach((v,i)=>{
+					picSrcList.value.push(BaseFileUrl+v.imgurl)
+				})
+				
+			} else {
+				ElMessage.error(res.msg)
+			}
+
+		})
+	}
 	let userinfo = ref('');
 	onMounted(() => {
 		getHealthOrganizationEnableList()