签证签证表，派遣函导出

src/components/OP/visaform.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="visa-box">
+    <div class="visa-box" v-loading.fullscreen.lock="visaformLoading">
         <div class="search-ul">
             <div class="search-li">
                 <el-select @change="changeOption()" v-model="gnamevalue" filterable placeholder="请输入团组名称">
@@ -17,7 +17,7 @@
                 </div>
                 <div class="interpret-box">
                     <label>语种: </label>
-                    <el-select v-model="value" filterable placeholder="请选择" :disabled="true">
+                    <el-select v-model="value" filterable placeholder="请选择" >
                         <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                         </el-option>
                     </el-select>
@@ -72,11 +72,16 @@
                     <el-table-column prop="cerdNo" label="身份证" width="200">
                     </el-table-column>
                     <el-table-column prop="ext" label="签证表" width="100">
-                        <el-link type="primary">导 出</el-link>
+                        <template slot-scope="scope">
+                            <el-link @click="VisaFileDownloadSingle(scope.row)" type="primary">导 出</el-link>
+                        </template>
                     </el-table-column>
                     <el-table-column prop="phone" label="派遣函" width="200">
-                        <el-link type="primary">市外办</el-link>
-                        <el-link type="primary">省外办</el-link>
+                        <template slot-scope="scope">
+                            <el-link @click="VisaFileDispatchDownload(scope.row)" type="primary">导 出</el-link>
+                        </template>
+                        <!-- <el-link type="primary">市外办</el-link>
+                        <el-link type="primary">省外办</el-link> -->
                     </el-table-column>
                     <el-table-column prop="urgentPhone" label="操 作">
                         <el-link type="primary">检索资料</el-link>
@@ -109,16 +114,16 @@ export default {
             optionsgroup: [],
             options: [
                 {
-                    value: '0',
+                    value: 1,
                     label: '中文'
                 },
                 {
-                    value: '1',
+                    value: 2,
                     label: '英语'
                 }
             ],
             groupvalues: '',
-            value: '0',
+            value: 1,
             tableData: [],
             currentPage: 1, // 当前页码
             pageSize: 5,// 每页的数据条数
@@ -130,6 +135,8 @@ export default {
 
             uploadFile: null,           // 当前选中的Word文件
             isUploading: false,         // 上传状态
+
+            visaformLoading: false, // 签证表格加载状态
         }
     },
     methods: {
@@ -182,7 +189,8 @@ export default {
         },
         //导出签证
         VisaFileDownload() {
-            var url = "api/Groups/VisaFileDownload?groupId="+this.gnamevalue+"&fileTypeId="+this.groupvalues
+            this.visaformLoading = true;
+            var url = "api/Groups/VisaFileDownload?groupId="+this.gnamevalue+"&fileTypeId="+this.groupvalues+"&language="+this.value
             var that = this
             this.$axios({
                 method: 'get',
@@ -192,12 +200,57 @@ export default {
                 },
             }).then(function (res) {
                 if (res.data.code == 200) {
+                    that.visaformLoading = false;
                     window.open(res.data.data);
+                }else{
+                    that.visaformLoading = false;
+                    that.$message.error(res.data.msg || '导出失败，请重试！');
                 }
             })
         },
         
-
+        //单导出签证
+        VisaFileDownloadSingle(val) {
+            this.visaformLoading = true;
+            var url = "api/Groups/VisaFileDownloadSingle?groupId="+this.gnamevalue+"&fileTypeId="+this.groupvalues+"&dcId="+val.dcId+"&language="+this.value
+            var that = this
+            this.$axios({
+                method: 'get',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    window.open(res.data.data);
+                    that.visaformLoading = false;
+                }else{
+                    that.visaformLoading = false;
+                    that.$message.error(res.data.msg || '导出失败，请重试！');
+                }
+            })
+        },
+        //派遣函
+        VisaFileDispatchDownload(val) {
+            this.visaformLoading = true;
+            var url = "api/Groups/VisaFileDispatchDownload?groupId="+this.gnamevalue+"&dcId="+val.dcId
+            var that = this
+            this.$axios({
+                method: 'get',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    that.visaformLoading = false;
+                    window.open(res.data.data);
+                }else{
+                    that.visaformLoading = false;
+                    that.$message.error(res.data.msg || '导出失败，请重试！');
+                }
+            })
+        },
         getCrm() {
             this.tableData = [];
             var url = "api/Groups/GetCrmByGroupId"