|
|
@@ -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) => {
|
zhangchong