CRM-合同：新增合同详情

(cherry picked from commit 668da2fa86)

src/views/crm/contract/index.vue

@@ -105,7 +105,7 @@
         width="180px"
       />
       <el-table-column align="center" label="备注" prop="remark" />
-      <el-table-column label="操作" width="120px">
+      <el-table-column fixed="right" label="操作" width="250">
         <template #default="scope">
           <el-button
             v-hasPermi="['crm:contract:update']"
@@ -119,10 +119,18 @@
             v-hasPermi="['crm:contract:update']"
             link
             type="primary"
-            @click="handleApprove(scope.row.id)"
+            @click="handleApprove(scope.row)"
           >
             提交审核
           </el-button>
+          <el-button
+            v-hasPermi="['crm:contract:query']"
+            link
+            type="primary"
+            @click="openDetail(scope.row.id)"
+          >
+            详情
+          </el-button>
           <el-button
             v-hasPermi="['crm:contract:delete']"
             link
@@ -233,11 +241,16 @@ const handleExport = async () => {
 }
 
 /** 提交审核 **/
-const handleApprove = async (id: number) => {
-  await ContractApi.handleApprove(id)
+const handleApprove = async (row: ContractApi.ContractVO) => {
+  await message.confirm(`您确定提交【${row.name}】审核吗？`)
+  await ContractApi.handleApprove(row.id)
   message.success('提交审核成功！')
   await getList()
 }
+const { push } = useRouter()
+const openDetail = (id: number) => {
+  push({ name: 'CrmContractDetail', params: { id } })
+}
 /** 初始化 **/
 onMounted(() => {
   getList()