zhangzl
/
rongxin.dashboard
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
管理系统PC端
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
104 提交
1 分支
5.5 MiB
 
 
 
 
目录树: 1052297958
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '1052297958'
${ noResults }
rongxin.dashboard/src/views/business/export/index.vue

628 行
25 KiB
原始文件 Blame 文件历史 

  1. <template>

  2.   <div class="app-container">

  3.     <el-row :gutter="20">

  4.       <splitpanes :horizontal="this.$store.getters.device === 'mobile'" class="default-theme">

  5.         <!--部门数据-->

  6.         <pane size="16">

  7.           <el-col>

  8.             <div class="head-container">

  9.               <el-input v-model="deptName" placeholder="请输入区划名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />

  10.             </div>

  11.             <div class="head-container container_main">

  12.               <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current @node-click="handleNodeClick" />

  13.             </div>

  14.           </el-col>

  15.         </pane>

  16.         <!--用户数据-->

  17.         <pane size="84">

  18.           <el-col>

  19. 

  20.             <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">

  21. 

  22.               <el-form-item label="文件格式" prop="fileType">

  23.                 <el-select v-model="queryParams.fileType" placeholder="请选择文件格式" clearable>

  24.                   <el-option v-for="dict in dict.type.file_type" :key="dict.value" :label="dict.label" :value="dict.value"/>

  25.                 </el-select>

  26.               </el-form-item>

  27.               <el-form-item label="坐标系" prop="coordinateSystem">

  28.                 <el-select v-model="queryParams.coordinateSystem" placeholder="请选择坐标系" clearable>

  29.                   <el-option v-for="dict in dict.type.coordinate_system" :key="dict.value" :label="dict.label" :value="dict.value"/>

  30.                 </el-select>

  31.               </el-form-item>

  32.               <el-form-item label="任务状态" prop="taskStatus">

  33.                 <el-select v-model="queryParams.taskStatus" placeholder="请选择任务状态" clearable>

  34.                   <el-option v-for="dict in dict.type.task_status" :key="dict.value" :label="dict.label" :value="dict.value"/>

  35.                 </el-select>

  36.               </el-form-item>

  37.               <el-form-item>

  38.                 <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

  39.                 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>

  40.               </el-form-item>

  41.             </el-form>

  42. 

  43.             <el-row :gutter="10" class="mb8">

  44.               <el-col :span="1.5">

  45.                 <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['business:export:add']">新增</el-button>

  46.               </el-col>

  47.               <!--

  48.               <el-col :span="1.5">

  49.                 <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['business:export:edit']">修改</el-button>

  50.               </el-col>

  51.               <el-col :span="1.5">

  52.                 <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['business:export:remove']">删除</el-button>

  53.               </el-col>

  54.               <el-col :span="1.5">

  55.                   <el-button type="success" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-hasPermi="['business:export:import']">导入</el-button>

  56.               </el-col>

  57.               <el-col :span="1.5">

  58.                 <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['business:export:export']">导出</el-button>

  59.               </el-col>

  60.               <el-col :span="1.5">

  61.                   <el-button type="info" plain icon="el-icon-printer" size="mini" @click="handlePrint()" v-hasPermi="['business:export:print']">打印</el-button>

  62.               </el-col>

  63.               -->

  64.               <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

  65.             </el-row>

  66. 

  67.               <!-- 数据列表  列属性 min-width="60" show-overflow-tooltip  @selection-change="handleSelectionChange" -->

  68.             <el-table v-loading="loading" :data="exportList" border>

  69.                 <!--<el-table-column type="selection" width="55" align="center" />-->

  70.               <el-table-column label="id" align="center" prop="id" min-width="60"/>

  71.               <el-table-column label="行政区划名称" align="center" prop="deptName" min-width="120"/>

  72.               <el-table-column label="行政区划代码" align="center" prop="orgCode" min-width="150"/>

  73.               <el-table-column label="文件格式" align="center" prop="fileType">

  74.                 <template slot-scope="scope">

  75.                   <dict-tag :options="dict.type.file_type" :value="scope.row.fileType"/>

  76.                 </template>

  77.               </el-table-column>

  78.               <el-table-column label="坐标系" align="center" prop="coordinateSystem">

  79.                 <template slot-scope="scope">

  80.                   <dict-tag :options="dict.type.coordinate_system" :value="scope.row.coordinateSystem"/>

  81.                 </template>

  82.               </el-table-column>

  83.               <el-table-column label="文件路径" align="center" prop="fileUrl" min-width="100" show-overflow-tooltip/>

  84.               <el-table-column label="任务状态" align="center" prop="taskStatus">

  85.                 <template slot-scope="scope">

  86.                   <dict-tag :options="dict.type.task_status" :value="scope.row.taskStatus"/>

  87.                 </template>

  88.               </el-table-column>

  89.               <el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="300">

  90.                 <template slot-scope="scope">

  91.                   <el-button size="mini" type="text" icon="el-icon-view" @click="handleLook(scope.row)" v-hasPermi="['business:export:query']">查看</el-button>

  92.                   <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:export:edit']">修改</el-button>

  93.                   <el-button size="mini" type="text" icon="el-icon-video-play" @click="handleDo(scope.row)" v-hasPermi="['business:export:do']" v-if="scope.row.taskStatus == '0'">执行</el-button>

  94.                   <el-button size="mini" type="text" icon="el-icon-download" @click="handleDown(scope.row)" v-hasPermi="['business:export:down']" v-if="scope.row.taskStatus == '3'">下载</el-button>

  95.                   <el-button size="mini" type="text" icon="el-icon-tickets" @click="openLog(scope.row)" v-hasPermi="['business:export:do']">日志</el-button>

  96. 

  97.                   <el-dropdown size="mini" v-hasPermi="['business:export:remove']">

  98.                     <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>

  99.                     <el-dropdown-menu slot="dropdown" style="padding: 5px">

  100.                       <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['business:export:remove']">删除 </el-button>

  101.                     </el-dropdown-menu>

  102.                   </el-dropdown>

  103.                 </template>

  104.               </el-table-column>

  105.             </el-table>

  106. 

  107.             <!-- 分页插件 -->

  108.             <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>

  109.           </el-col>

  110.         </pane>

  111.       </splitpanes>

  112.     </el-row>

  113. 

  114. 

  115.      <!-- 导入EXCEL组件 -->

  116.       <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>

  117.           <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>

  118.               <i class="el-icon-upload"></i>

  119.               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>

  120.               <div class="el-upload__tip text-left" slot="tip">

  121.                   <div class="el-upload__tip" slot="tip">

  122.                       <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的导出任务

  123.                   </div>

  124.                   <p style="color: red">1、仅允许导入xls、xlsx格式文件；</p>

  125.                   <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>

  126.               </div>

  127.           </el-upload>

  128.           <div slot="footer" class="dialog-footer">

  129.               <el-button type="primary" @click="submitFileForm">确 定</el-button>

  130.               <el-button @click="upload.open = false">取 消</el-button>

  131.           </div>

  132.       </el-dialog>

  133. 

  134.       <!-- 查看导出任务对话框 -->

  135.       <el-dialog :title="title" :visible.sync="viewOpen" width="800px" append-to-body>

  136.          <el-descriptions id="printDetail" :column="descColumn" border :labelStyle="{width: `${descLabelWidth}%`}" :contentStyle="{width: `${(100 / descColumn) - descLabelWidth}%`}">

  137.            <el-descriptions-item label="行政区划名称">{{ form.deptName }}</el-descriptions-item>

  138.            <el-descriptions-item label="行政区划代码">{{ form.orgCode }}</el-descriptions-item>

  139.            <el-descriptions-item label="文件格式">{{ form.fileType }}</el-descriptions-item>

  140.            <el-descriptions-item label="坐标系">{{ form.coordinateSystem }}</el-descriptions-item>

  141.            <el-descriptions-item label="文件路径">{{ form.fileUrl }}</el-descriptions-item>

  142.            <el-descriptions-item label="任务状态">{{ form.taskStatus }}</el-descriptions-item>

  143.          </el-descriptions>

  144.           <!-- 弹框操作按钮 -->

  145.          <div slot="footer" class="dialog-footer">

  146.              <el-button @click="doPrint">打 印</el-button>

  147.              <el-button @click="cancelDetail">关 闭</el-button>

  148.          </div>

  149.       </el-dialog>

  150. 

  151.     <!-- 添加或修改导出任务对话框 -->

  152.     <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>

  153.       <el-form ref="form" :model="form" :rules="rules" label-width="100px">

  154.         <el-form-item label="区划名称" prop="deptName">

  155.             <el-input v-model="form.deptName" placeholder="请输入行政区划名称"  show-word-limit :maxlength="30" readonly/>

  156.         </el-form-item>

  157.         <el-form-item label="文件格式" prop="fileType">

  158.           <el-select v-model="form.fileType" placeholder="请选择文件格式">

  159.             <el-option v-for="dict in dict.type.file_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>

  160.           </el-select>

  161.         </el-form-item>

  162.         <el-form-item label="坐标系" prop="coordinateSystem">

  163.           <el-select v-model="form.coordinateSystem" placeholder="请选择坐标系">

  164.             <el-option v-for="dict in dict.type.coordinate_system" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>

  165.           </el-select>

  166.         </el-form-item>

  167.       </el-form>

  168.       <div slot="footer" class="dialog-footer">

  169.         <el-button type="primary" @click="submitForm">确 定</el-button>

  170.         <el-button @click="cancel">取 消</el-button>

  171.       </div>

  172.     </el-dialog>

  173. 

  174.     <el-dialog title="任务日志" :visible.sync="log.logOpen" width="800px" append-to-body>

  175.       <div v-html="log.logText">

  176.       </div>

  177.       <!-- 弹框操作按钮 -->

  178.       <div slot="footer" class="dialog-footer">

  179.         <el-button @click="downloadLog">下 载</el-button>

  180.         <el-button @click="closeLog">关 闭</el-button>

  181.       </div>

  182.     </el-dialog>

  183.   </div>

  184. </template>

  185. 

  186. <script>

  187. import {

  188.   listExport,

  189.   getExport,

  190.   getExportDetail,

  191.   delExport,

  192.   addExport,

  193.   updateExport,

  194.   printExport,

  195.   startExport, exportLog, downloadLog, downloadFile

  196. } from "@/api/business/export"

  197. import { getToken } from "@/utils/auth"

  198. import Treeselect from "@riophae/vue-treeselect";

  199. import { Splitpanes, Pane } from "splitpanes"

  200. import "@riophae/vue-treeselect/dist/vue-treeselect.css"

  201. import "splitpanes/dist/splitpanes.css"

  202. import { deptTreeSelect } from "@/api/system/user"

  203. import {save} from "@/utils";

  204. 

  205. export default {

  206.   name: "Export",

  207.   dicts: ['task_status', 'file_type', 'coordinate_system'],

  208.   components: { Treeselect, Splitpanes, Pane },

  209.   data() {

  210.     return {

  211.       // 遮罩层

  212.       loading: true,

  213.       // 导出遮罩层

  214.       exportLoading: false,

  215.       // 选中数组

  216.       ids: [],

  217.       // 非单个禁用

  218.       single: true,

  219.       // 非多个禁用

  220.       multiple: true,

  221.       // 显示搜索条件

  222.       showSearch: true,

  223.       // 总条数

  224.       total: 0,

  225.       // 导出任务表格数据

  226.       exportList: [],

  227.       // 弹出层标题

  228.       title: "",

  229.       // 是否显示弹出层

  230.       open: false,

  231.       // 详情组件列数

  232.       descColumn: 2,

  233.       // 详情组件Label所占百分比, 最大={100 / descColumn}. 内容所占百分比={100 / descColumn - descLabelWidth}

  234.       descLabelWidth: 15,

  235.       // 对话框显示只读的详情

  236.       viewOpen: false,

  237.       // 项目路径

  238.       baseRoutingUrl: process.env.VUE_APP_BASE_API,

  239.       // 所有部门树选项

  240.       deptOptions: undefined,

  241.       // 过滤掉已禁用部门树选项

  242.       enabledDeptOptions: undefined,

  243.       // 筛选部门名称

  244.       deptName: undefined,

  245.       // 选中的部门

  246.       selectDeptName: null,

  247.       defaultProps: {

  248.         children: "children",

  249.         label: "label"

  250.       },

  251.       // 查询参数

  252.       queryParams: {

  253.         pageNum: 1,

  254.         pageSize: 10,

  255.        // 查询排序

  256.        //orderByColumn: "id",

  257.        //isAsc: "desc",

  258.        // 翻译字典

  259.        //toTranslateDict: "1",

  260.         deptId: null,

  261.         deptName: null,

  262.         orgCode: null,

  263.         fileType: null,

  264.         coordinateSystem: null,

  265.         fileUrl: null,

  266.         taskStatus: null,

  267.       },

  268.       // 表单参数

  269.       form: {},

  270.       // 表单校验

  271.       rules: {

  272.         deptName: [

  273.           { required: true, message: "行政区划名称不能为空", trigger: "blur" }

  274.         ],

  275.         fileType: [

  276.           { required: true, message: "文件格式不能为空", trigger: "change" }

  277.         ],

  278.         coordinateSystem: [

  279.           { required: true, message: "坐标系不能为空", trigger: "change" }

  280.         ],

  281.         taskStatus: [

  282.           { required: true, message: "任务状态不能为空", trigger: "change" }

  283.         ],

  284.       },

  285.       // EXCEL导入

  286.       upload: {

  287.           // 是否显示弹出层（用户导入）

  288.           open: false,

  289.           // 弹出层标题（用户导入）

  290.           title: "",

  291.           // 是否禁用上传

  292.           isUploading: false,

  293.           // 是否更新已经存在的用户数据

  294.           updateSupport: 0,

  295.           // 设置上传的请求头部

  296.           headers: { Authorization: "Bearer " + getToken() },

  297.           // 上传的地址

  298.           url: process.env.VUE_APP_BASE_API + "/business/export/importData"

  299.       },

  300.       log: {

  301.         taskId: null,

  302.         logOpen: false,

  303.         logText: '',

  304.       },

  305.     }

  306.   },

  307.   watch: {

  308.     // 根据名称筛选部门树

  309.     deptName(val) {

  310.       this.$refs.tree.filter(val)

  311.     }

  312.   },

  313.   created() {

  314.     this.getDeptTree()

  315.     this.getList()

  316.   },

  317.   methods: {

  318.     /** 查询导出任务列表 */

  319.     getList() {

  320.       this.loading = true

  321.       listExport(this.queryParams).then(response => {

  322.         this.exportList = response.rows

  323.         this.total = response.total

  324.         this.loading = false

  325.       })

  326.     },

  327.     // 取消按钮

  328.     cancel() {

  329.       this.open = false

  330.       this.reset()

  331.     },

  332.     cancelDetail() {

  333.         this.viewOpen = false

  334.     },

  335.     // 表单重置

  336.     reset() {

  337.       this.form = {

  338.         id: null,

  339.         deptId: null,

  340.         deptName: null,

  341.         orgCode: null,

  342.         fileType: '1',

  343.         coordinateSystem: '2',

  344.         fileUrl: null,

  345.         taskStatus: '1',

  346.       }

  347.       this.resetForm("form")

  348.     },

  349.     /** 搜索按钮操作 */

  350.     handleQuery() {

  351.       this.queryParams.pageNum = 1

  352.       this.getList()

  353.     },

  354.     /** 重置按钮操作 */

  355.     resetQuery() {

  356.       this.resetForm("queryForm")

  357.       this.handleQuery()

  358.     },

  359.     // 多选框选中数据

  360.     handleSelectionChange(selection) {

  361.       this.ids = selection.map(item => item.id)

  362.       this.single = selection.length!==1

  363.       this.multiple = !selection.length

  364.     },

  365.     /** 新增按钮操作 */

  366.     handleAdd() {

  367.       if(this.selectDeptName == null || this.selectDeptName == ''){

  368.         this.$modal.msgWarning("请先选择县级及以下行政区划！")

  369.         return

  370.       }

  371.       this.reset()

  372.       this.form.deptId = this.queryParams.deptId;

  373.       this.form.deptName = this.selectDeptName;

  374.       this.open = true

  375.       this.title = "添加导出任务"

  376.     },

  377.     /** 修改按钮操作 */

  378.     handleUpdate(row) {

  379.       this.reset()

  380.       const id = row.id || this.ids

  381.       getExport(id).then(response => {

  382.         this.form = response.data

  383.         this.open = true

  384.         this.title = "修改导出任务"

  385.       })

  386.     },

  387.     /** 查看按钮操作 */

  388.     handleLook(row) {

  389.       const id = row.id || this.ids

  390.       getExportDetail(id).then(response => {

  391.           this.form = response.data;

  392.           this.viewOpen = true;

  393.           this.title = "查看导出任务";

  394.       });

  395.     },

  396.     /** 提交按钮 */

  397.     submitForm() {

  398.       this.$refs["form"].validate(valid => {

  399.         if (valid) {

  400.           if (this.form.id != null) {

  401.             updateExport(this.form).then(response => {

  402.               this.$modal.msgSuccess("修改成功")

  403.               this.open = false

  404.               this.getList()

  405.             })

  406.           } else {

  407.             addExport(this.form).then(response => {

  408.               this.$modal.msgSuccess("新增成功")

  409.               this.open = false

  410.               this.getList()

  411.             })

  412.           }

  413.         }

  414.       })

  415.     },

  416.     /** 删除按钮操作 */

  417.     handleDelete(row) {

  418.       const ids = row.id || this.ids

  419.       this.$modal.confirm('是否确认删除导出任务编号为"' + ids + '"的数据项？').then(function() {

  420.         return delExport(ids)

  421.       }).then(() => {

  422.         this.getList()

  423.         this.$modal.msgSuccess("删除成功")

  424.       }).catch(() => {})

  425.     },

  426.     /** 导出按钮操作 */

  427.     handleExport() {

  428.       this.download('business/export/export', {

  429.         ...this.queryParams

  430.       }, `导出任务_${new Date().getTime()}.xlsx`)

  431.     },

  432.     /** 打印表单 */

  433.     doPrint() {

  434.         const originalTitle = document.title;

  435.         try {

  436.             document.title = this.title || '打印详情';

  437.             const printElement = document.getElementById('printDetail');

  438.             const printFrame = document.createElement('iframe');

  439.             printFrame.style.position = 'absolute';

  440.             printFrame.style.width = '0';

  441.             printFrame.style.height = '0';

  442.             printFrame.style.border = 'none';

  443.             printFrame.style.left = '-9999px';

  444.             printFrame.onload = function() {

  445.                 try {

  446.                     const frameDoc = printFrame.contentDocument || printFrame.contentWindow.document;

  447.                     const contentClone = printElement.cloneNode(true);

  448.                     const style = document.createElement('style');

  449.                     style.innerHTML = `

  450.                       @page {

  451.                         size: auto;

  452.                         margin: 10mm;

  453.                       }

  454.                       body {

  455.                         font-family: Arial, sans-serif;

  456.                         line-height: 1.5;

  457.                         margin: 0;

  458.                         padding: 0;

  459.                       }

  460.                       .el-descriptions {

  461.                         width: 100% !important;

  462.                       }

  463.                       .el-descriptions-item__label {

  464.                         width: ${this.descLabelWidth}% !important;

  465.                       }

  466.                       .el-descriptions-item__content {

  467.                         width: ${(100 / this.descColumn) - this.descLabelWidth}% !important;

  468.                       }

  469.                       /* 确保图片在打印时显示完整 */

  470.                       img, .el-image {

  471.                         max-width: 100% !important;

  472.                         height: auto !important;

  473.                       }

  474.                     `;

  475.                     frameDoc.head.appendChild(style);

  476.                     frameDoc.body.appendChild(contentClone);

  477.                     setTimeout(() => {

  478.                         printFrame.contentWindow.focus();

  479.                         printFrame.contentWindow.print();

  480.                         setTimeout(() => {

  481.                             document.body.removeChild(printFrame);

  482.                             document.title = originalTitle;

  483.                         }, 1000);

  484.                     }, 500);

  485.                 } catch (e) {

  486.                     document.body.removeChild(printFrame);

  487.                     document.title = originalTitle;

  488.                     this.$message.error('打印过程中发生错误');

  489.                 }

  490.             };

  491.             document.body.appendChild(printFrame);

  492.         } catch (e) {

  493.             document.title = originalTitle;

  494.             this.$message.error('打印过程中发生错误');

  495.         }

  496.     },

  497.     /** 打印按钮操作 */

  498.     handlePrint() {

  499.         printExport(this.queryParams).then(response => {})

  500.     },

  501.     /* 导入EXCEL组件 */

  502.     handleImport() {

  503.         this.upload.title = "导出任务导入"

  504.         this.upload.open = true

  505.     },

  506.     /** 下载模板操作 */

  507.     importTemplate() {

  508.         this.download('business/export/importTemplate', {

  509.         }, `export_template.xlsx`)

  510.     },

  511.     // 文件上传中处理

  512.     handleFileUploadProgress(event, file, fileList) {

  513.         this.upload.isUploading = true

  514.     },

  515.     // 文件上传成功处理

  516.     handleFileSuccess(response, file, fileList) {

  517.         this.upload.open = false

  518.         this.upload.isUploading = false

  519.         this.$refs.upload.clearFiles()

  520.         this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })

  521.         this.getList()

  522.     },

  523.     // 提交上传文件

  524.     submitFileForm() {

  525.         this.$refs.upload.submit()

  526.     },

  527.     /** 查询部门下拉树结构 */

  528.     getDeptTree() {

  529.       deptTreeSelect().then(response => {

  530.         this.deptOptions = response.data

  531.         this.enabledDeptOptions = this.filterDisabledDept(JSON.parse(JSON.stringify(response.data)))

  532.       })

  533.     },

  534.     // 过滤禁用的部门

  535.     filterDisabledDept(deptList) {

  536.       return deptList.filter(dept => {

  537.         if (dept.disabled) {

  538.           return false

  539.         }

  540.         if (dept.children && dept.children.length) {

  541.           dept.children = this.filterDisabledDept(dept.children)

  542.         }

  543.         return true

  544.       })

  545.     },

  546.     // 筛选节点

  547.     filterNode(value, data) {

  548.       if (!value) return true

  549.       return data.label.indexOf(value) !== -1

  550.     },

  551.     // 节点单击事件

  552.     handleNodeClick(data) {

  553.       this.queryParams.deptId = data.id

  554.       this.selectDeptName = data.label

  555.       this.handleQuery()

  556.     },

  557.     /** 开始 */

  558.     handleDo(row) {

  559.       const ids = row.id || this.ids

  560.       this.$modal.confirm('是否确认开始编号为"' + ids + '"的导出任务？').then(function() {

  561.         return startExport(ids)

  562.       }).then((resp) => {

  563.         this.getList()

  564.         this.$modal.msgSuccess(resp.data == 2 ? '正在执行' : '已加入队列, 等待执行')

  565.       }).catch(() => {})

  566.     },

  567.     /** 日志 */

  568.     handleLog(row, offset = 0) {

  569.       if(!this.log.logOpen)

  570.         return;

  571.       exportLog(row.id, offset).then(({data}) => {

  572.         if(null == data.text)

  573.         {

  574.           this.log.logText = '';

  575.           return;

  576.         }

  577.         this.log.logText += data.text

  578.         .replaceAll('<', '&lt;')

  579.         .replaceAll('>', '&gt;')

  580.         .replaceAll('\r\n', '<br/>')

  581.         .replaceAll('\r', '<br/>')

  582.         .replaceAll('\n', '<br/>')

  583.         ;

  584.         if(!data.eof && this.log.logOpen && (data.taskStatus === '1' || data.taskStatus === '2'))

  585.         {

  586.           setTimeout(() => {

  587.             this.handleLog(row, data.length);

  588.           }, data.nextPollDelay > 0 ? data.nextPollDelay : 2000);

  589.         }

  590.       });

  591.     },

  592.     /** 日志 */

  593.     downloadLog() {

  594.       if(!this.log.taskId)

  595.         return;

  596.       downloadLog(this.log.taskId).then((resp) => {

  597.         this.$message.success('开始下载......');

  598.         save(`导出任务_${this.log.taskId}.log`, resp);

  599.       });

  600.     },

  601.     openLog(row) {

  602.       this.log.logText = '';

  603.       this.log.logOpen = true;

  604.       this.log.taskId = row.id;

  605.       this.handleLog(row);

  606.     },

  607.     closeLog() {

  608.       this.log.logOpen = false;

  609.       this.log.taskId = null;

  610.       this.log.logText = '';

  611.     },

  612.     /** 下载 */

  613.     handleDown(row) {

  614.       downloadFile(row.id).then((resp) => {

  615.         this.$message.success('开始下载......');

  616.         save(`导出任务_${row.id}.zip`, resp);

  617.       });

  618.     },

  619.   }

  620. }

  621. </script>

  622. <style scoped type="scss">

  623.   .container_main{

  624.     height: 75vh;

  625.     overflow-y: scroll;

  626.   }

  627. </style>