reactor:待发布新增工单详情;

src/views/todo/publish/index.vue

@@ -67,8 +67,9 @@
 						<span>{{ formatDate(row.filedTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" width="120" fixed="right" align="center">
+				<el-table-column label="操作" width="140" fixed="right" align="center">
 					<template #default="{ row }">
+            <el-button link type="primary" @click="onDetail(row)" title="查看工单详情"> 工单详情 </el-button>
 						<el-button link type="primary" @click="publish(row)" title="发布工单" v-auth="'todo:publish:publish'"> 发布 </el-button>
 					</template>
 				</el-table-column>
@@ -86,6 +87,8 @@
 		</el-card>
 		<!-- 工单发布详情 -->
 		<order-publish ref="orderPublishRef" @updateList="queryList" />
+    <!-- 工单详情 -->
+    <order-detail ref="orderDetailRef" @updateList="queryList" />
 	</div>
 </template>
 <script setup lang="ts" name="todoPublish">
@@ -97,6 +100,7 @@ import {formatDate} from '/@/utils/formatTime';
 import {publishList} from '/@/api/todo/publish';
 // 引入组件
 const OrderPublish = defineAsyncComponent(() => import('/@/views/business/publish/component/Order-publish.vue'));
+const OrderDetail = defineAsyncComponent(() => import('/@/views/business/order/components/Order-detail.vue')); // 工单详情
 // 定义变量内容
 const ruleFormRef = ref<RefType>(); // 表单ref
 const state = reactive(<any>{
@@ -146,6 +150,11 @@ const handleSelectionChange = (val: any[]) => {
 const publishMultiple = () => {
 	console.log('批量发布');
 };
+// 工单详情
+const orderDetailRef = ref<RefType>();
+const onDetail = (row:any)=>{
+  orderDetailRef.value.openDialog(row);
+}
 // 发布
 const orderPublishRef = ref<RefType>(); // 工单发布详情ref
 const publish = (row: any) => {