文件下载处理

src/api/zongzhi/netSecurity/supervise/IdcUnit/index.js

@@ -3,7 +3,7 @@ import request from "@/utils/request";
 // 查询IDC单位列表
 export function listIDCunit(query) {
   return request({
-    url: "/zongzhi/IDCunit/list",
+    url: "/zongzhi/idcunit/list",
     method: "get",
     params: query,
   });
@@ -12,7 +12,7 @@ export function listIDCunit(query) {
 // 查询IDC单位详细
 export function getIDCunit(id) {
   return request({
-    url: "/zongzhi/IDCunit/" + id,
+    url: "/zongzhi/idcunit/" + id,
     method: "get",
   });
 }
@@ -20,7 +20,7 @@ export function getIDCunit(id) {
 // 新增IDC单位
 export function addIDCunit(data) {
   return request({
-    url: "/zongzhi/IDCunit",
+    url: "/zongzhi/idcunit",
     method: "post",
     data: data,
   });
@@ -29,7 +29,7 @@ export function addIDCunit(data) {
 // 修改IDC单位
 export function updateIDCunit(data) {
   return request({
-    url: "/zongzhi/IDCunit",
+    url: "/zongzhi/idcunit",
     method: "put",
     data: data,
   });
@@ -38,7 +38,7 @@ export function updateIDCunit(data) {
 // 删除IDC单位
 export function delIDCunit(id) {
   return request({
-    url: "/zongzhi/IDCunit/" + id,
+    url: "/zongzhi/idcunit/" + id,
     method: "delete",
   });
 }
@@ -46,7 +46,7 @@ export function delIDCunit(id) {
 // 导出IDC单位
 export function exportIDCunit(data) {
   return request({
-    url: "/zongzhi/IDCunit/export",
+    url: "/zongzhi/idcunit/export",
     method: "post",
     data,
   });

src/components/FileView/index.vue

@@ -2,7 +2,11 @@
   <div class="file-view">
     <div class="file-title">{{ title }}</div>
     <div class="file-list">
-      <div v-for="(item, index) in fileList" :key="'file' + index">
+      <div
+        v-for="(item, index) in fileList"
+        :key="'file' + index"
+        @click="uploadFile(item.url)"
+      >
         <img :src="filerIcon(item.url)" alt="" />
         <div class="file-name">{{ item.name }}</div>
       </div>
@@ -26,6 +30,21 @@ export default {
     return {};
   },
   methods: {
+    /**
+     *     文件下载或者预览
+     */
+    uploadFile(url) {
+      let baseUrl = process.env.VUE_APP_BASE_API + url;
+      const link = document.createElement("a");
+      link.href = baseUrl;
+      link.style.display = "none";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
+    /**
+     * 图标过滤
+     */
     filerIcon(url) {
       // console.log('图标', item.name)
       let typeName = url.substr(url.lastIndexOf("."));

src/views/netSecurity/supervise/IdcUnit/index.vue

@@ -80,8 +80,11 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="${comment}" align="center" prop="id" />
-      <el-table-column label="区域" align="center" prop="areaId" />
+      <el-table-column label="区域" align="center" prop="areaId">
+        <template slot-scope="scope">
+          {{ $filterTown(scope.rows.areaId) }}
+        </template>
+      </el-table-column>
       <el-table-column label="名称" align="center" prop="unitName" />
       <el-table-column label="IP段信息" align="center" prop="ipData" />
       <el-table-column
@@ -141,7 +144,14 @@
         class="dialog-from"
       >
         <el-form-item label="区域" prop="areaId">
-          <el-input v-model="form.areaId" placeholder="请输入区域" />
+          <el-select v-model="form.areaId" placeholder="请选择区域" filterable>
+            <el-option
+              v-for="dict in townList"
+              :key="dict.value"
+              :label="dict.label"
+              :value="parseInt(dict.value)"
+            ></el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="名称" prop="unitName">
           <el-input v-model="form.unitName" placeholder="请输入名称" />
@@ -173,7 +183,7 @@
         labelClassName="desLable"
       >
         <el-descriptions-item label="区域">{{
-          form.areaId
+          $filterTown(form.areaId)
         }}</el-descriptions-item>
 
         <el-descriptions-item label="名称">{{