添加生成裁决书字段,首页角标

src/views/caseFiling/archiveList.vue

@@ -1,19 +1,8 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      label-width="68px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
       <el-form-item label="案件编号" prop="caseNum">
-        <el-input
-          v-model="queryParams.caseNum"
-          placeholder="请输入案件编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <!-- <el-form-item label="案件状态" prop="caseStatus">
         <el-select
@@ -41,16 +30,8 @@
         </el-date-picker>
       </el-form-item> -->
       <el-form-item>
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
@@ -61,68 +42,36 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="案件编号"
-        align="center"
-        prop="caseNum"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column
-        label="案件标的"
-        align="center"
-        prop="caseSubjectAmount"
-      />
-      <el-table-column
-        label="立案日期"
-        align="center"
-        prop="registerDate"
-        :show-overflow-tooltip="true"
-      />
+      <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+      <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+      <el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
       <el-table-column label="案件状态" align="center" prop="caseStatusName">
         <template slot-scope="scope">
           <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-reading"
-            @click="showDetail(scope.row)"
-            >归档详情</el-button
-          >
+          <el-button size="mini" type="text" icon="el-icon-reading"
+            v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
+            @click="showModel(scope.row)">查看裁决书</el-button>
+          <el-button size="mini" type="text" icon="el-icon-reading" @click="showDetail(scope.row)">归档详情</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList(queryParams)"
-    />
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList(queryParams)" />
     <!-- 弹窗 -->
-    <archiveDetailsDialog
-      v-if="showarchiveDetails"
-      :showarchiveDetails="showarchiveDetails"
-      :detailform="detailform"
-      :flagLoading="flagLoading"
-      @cancelpaymentdetails="cancelpaymentdetails"
-      @updataList="updataList"
-    ></archiveDetailsDialog>
+    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :detailform="detailform"
+      :flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
+    </archiveDetailsDialog>
   </div>
 </template>
   
 <script>
-import { caseApplicationList } from "@/api/awardManagement/awardManagement";
+import { caseApplicationList, selectSignSealUrl } from "@/api/awardManagement/awardManagement";
 import { adjudicationArchives } from "@/api/caseFiling/caseFiling";
 import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
-
 export default {
   name: "archiveList",
   dicts: ["case_status"],
@@ -155,6 +104,12 @@ export default {
     this.getList(this.queryParams);
   },
   methods: {
+    showModel(row) {
+      selectSignSealUrl({ id: row.id }).then(res => {
+        let url = res.data.filearbitraUrl;
+        window.open(url)
+      })
+    },
     updataList() {
       this.getList(this.queryParams);
     },