下载采集器功能

zouyu

5 天以前 2bd9b32aa6378ff6a841780628b844a42dbd8f01

 src/views/CNAS/resourceDemand/device/component/management.vue

@@ -1,7 +1,7 @@
<!-- 设备工具明细 -->
<template>
   <div class="role_manage">
    <div class="search">
    <div class="search" v-show="!showData">
      <div>
        <el-form :model="queryParams" ref="queryParams" size="small" :inline="true">
          <el-form-item label="状态" prop="deviceStatus" class="form-item">
@@ -16,9 +16,9 @@
                      @keyup.enter.native="refreshTable()">
            </el-input>
          </el-form-item>
          <el-form-item label="规格型号" prop="specificationModel">
          <el-form-item label="管理编号" prop="managementNumber">
            <el-input size="small" placeholder="请输入" clearable
                      v-model="queryParams.specificationModel" @keyup.enter.native="refreshTable()"></el-input>
                      v-model="queryParams.managementNumber" @keyup.enter.native="refreshTable()"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" size="mini" @click="refreshTable">查询</el-button>
@@ -29,11 +29,12 @@
      <div>
        <el-button size="small" type="primary" @click="dialogVisible2 = true">新增</el-button>
        <el-button size="small" type="primary" @click="handleDownOne">导出</el-button>
        <el-button size="small" type="primary" @click="showDownloadDialog">下载采集器</el-button>
      </div>
    </div>
      <div class="table" v-show="!showData">
         <lims-table :tableData="tableData" :column="column" :tableLoading="tableLoading" :height="'calc(100vh - 300px)'"
            :page="page" @pagination="pagination"></lims-table>
            :page="page" @pagination="pagination" :row-class-name="tableRowClassName"></lims-table>
      </div>
      <el-dialog :title="isUp ? '设备详情' : '档案修订'" :visible.sync="dialogVisible" width="70%" top="5vh"
         :before-close="handleClose">
@@ -384,6 +385,30 @@
         </span>
      </el-dialog>
      <dataAcquisitionConfig v-if="showData" :deviceId="deviceId" />
    <!--    下载采集器弹框-->
    <el-dialog
      title="下载采集器"
      :visible.sync="downloadCollectorVisible"
      width="30%">
      <el-row :gutter="12">
        <el-col :span="12">
          <el-card shadow="hover">
            <div style="display: flex; justify-content: center; align-items: center;">
              <div style="line-height: 12px"><el-image :src="imageSrc" fit="fill"></el-image></div>
              <div><el-link href="http://192.168.21.53:7001/collector/32.7z" type="primary">Win32位点此下载</el-link></div>
            </div>
          </el-card>
        </el-col>
        <el-col :span="12">
          <el-card shadow="hover">
            <div style="display: flex; justify-content: center; align-items: center;">
              <div style="line-height: 12px"><el-image :src="imageSrc" fit="fill"></el-image></div>
              <div><el-link href="http://192.168.21.53:7001/collector/64.7z" type="primary">Win64位点此下载</el-link></div>
            </div>
          </el-card>
        </el-col>
      </el-row>
    </el-dialog>
   </div>
</template>

@@ -416,6 +441,8 @@
   },
   data() {
      return {
      imageSrc: require('@/assets/logo/Windows.png'),
      downloadCollectorVisible:false,
         dateFormat: 'yyyy-MM-dd',
         deviceId: '',
         fileTypeOptions: [
@@ -444,11 +471,9 @@
         labelPosition: 'right',
         dialogVisible: false,
         dialogVisible2: false,
         addPower: false,
         showData: false, // 数采配置页面
         tableList: [],
         addDia: true,
         addPower: true,
         //设备类型列表
         equipmentList: [],
         // 负责人列表
@@ -479,7 +504,7 @@
            { label: "管理编号", prop: "managementNumber" },
            { label: "技术指标", prop: "technicalIndicators" },
            { label: "购置日期", prop: "acquisitionDate" },
            { label: "启用日期", prop: "activationDate" },
            { label: "校准有效期", prop: "activationDate" },
            { label: "管理人", prop: "equipmentManagerUser" },
            { label: "存放点", prop: "storagePoint" },
            { label: "所属部门", prop: "laboratoryName" },
@@ -571,6 +596,9 @@
      this.clickSidebar(this.clickNodeVal)
   },
   methods: {
    showDownloadDialog(){
      this.downloadCollectorVisible = true
    },
      //分类
      handleNotification(cate) {
         this.queryParams.largeCategory = cate
@@ -608,6 +636,18 @@
         this.page.size = limit;
         this.getList();
      },
    tableRowClassName({ row }) {
      const today = new Date();
      const targetDate = new Date(row.activationDate);
      const fiveDaysBeforeTarget = new Date(targetDate);
      // 计算前五天的日期
      fiveDaysBeforeTarget.setDate(targetDate.getDate() - 5);
      // 比较时需要确保比较的是完整的日期时间，包含时分秒
      if (today > fiveDaysBeforeTarget) {
        return 'red-row';
      }
      return '';
    },
      refresh() {
         this.queryParams = {};
         this.page.current = 1;
@@ -805,7 +845,7 @@
         delete this.formData.updateUser
         const formData = this.HaveJson(this.formData)
         formData.insProductIds = formData.insProductIds ? formData.insProductIds.join() : ''
         if (formData.authorizedPerson.length === 0) {
         if (formData.authorizedPerson && formData.authorizedPerson.length === 0) {
            formData.authorizedPerson = ''
         } else {
            formData.authorizedPerson = JSON.stringify(formData.authorizedPerson)