自编号报表详情UI

src/views/ecw/financial/selfNoReport.vue

@@ -87,7 +87,12 @@
     </el-card>
     <el-table v-loading="loadings" :data="list" border class="card">
       <el-table-column :label="$t('是否结算')" align="center" prop="" />
-      <el-table-column :label="$t('No.柜号')" align="center" prop="" />
+      <el-table-column :label="$t('No.柜号')" align="center" prop="">
+        <template slot-scope="scope">
+          <el-button v-if="permissions.indexOf('selfno:report:detail') > -1" type="text" @click="$router.push('./selfno_report_detail?id=' + scope.row.id)">{{scope.row.no}}</el-button>
+          <span v-else>{{scope.row.no}}</span>
+        </template>
+      </el-table-column>
       <el-table-column :label="$t('应收款(Accounts receivable)')" align="center" prop=""></el-table-column>
       <el-table-column :label="$t('received in + 目的国国家(目的地实收)')" align="center" prop="">
         <el-table-column :label="$t('运费')"></el-table-column>
@@ -104,6 +109,11 @@
         <el-table-column :label="$t('清关费')"></el-table-column>
         <el-table-column :label="$t('额外费用')"></el-table-column>
       </el-table-column>
+      <el-table-column :label="$t('操作')" v-if="permissions.indexOf('selfno:report:detail') > -1">
+        <template slot-scope="scope">
+          <el-button type="text" @click="$router.push('./selfno_report_detail?id=' + scope.row.id)">{{$t('查看')}}</el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <!-- 分页组件 -->
     <pagination
@@ -119,8 +129,11 @@
 import { getTradeCityList } from "@/api/ecw/region";
 import { getCurrencyPage } from "@/api/ecw/currency";
 import {getWarehouseList} from '@/api/ecw/warehouse'
+import Template from "@/views/cms/template/index.vue";
+import store from "@/store";
 
 export default {
+  components: {Template},
   data() {
     return {
       list: [],
@@ -145,6 +158,9 @@ export default {
     getWarehouseList().then(res => this.warehouseList = res.data)
   },
   computed: {
+    permissions(){
+      return store.getters.permissions
+    },
     exportCityList() {
       return this.tradeCityList.filter((item) => item.type === 2);
     },