点位标签

fuliqi

2024-08-07 7094168e0cfb963646cde6f9b9eb4329aaf3d10d

 src/views/system/point/index.vue

@@ -29,8 +29,36 @@
          v-hasPermi="['point:remove']">删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-top" size="mini" @click="handleImportPoint"
          v-hasPermi="['point:import']">导入点位</el-button>
        <el-button type="primary" plain icon="el-icon-bottom" v-loading="download" size="mini" @click="handleExport"
                   v-hasPermi="['point:export']">导出点位</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-popover>
          <div>
            <el-select v-model="importUnitId" size="small" placeholder="负责单位">
              <el-option v-for="unit in unitList" :key="unit.id" :label="unit.value" :value="unit.id"></el-option>
            </el-select>
          </div>
          <div>
            <el-upload
              ref="upload"
              class="upload-demo"
              drag
              :action="importUrl"
              :file-list="fileList"
              :before-upload="beforeUpload"
              >
              <i class="el-icon-upload"></i>
              <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
              <div class="el-upload__tip" slot="tip">只能上传xls/xlsx文件</div>
            </el-upload>
          </div>
          <div>
            <el-button type="primary" size="small" v-model="upload" :disabled="! importUnitId || ! importFile"  @click="handleImport" style="width: 100%; margin-top: 5px"
                       v-hasPermi="['point:import']">导入</el-button>
          </div>
          <el-button type="primary" size="mini" plain icon="el-icon-top" slot="reference">导入点位</el-button>
        </el-popover>
      </el-col>
      <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-receiving" size="mini" @click="handleEditBatch"
@@ -42,9 +70,16 @@
    <el-table v-loading="loading" :data="pointList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="点位名称" prop="pointName" width="200" show-overflow-tooltip/>
      <el-table-column label="标签" align="center" width="90" show-overflow-tooltip>
      <el-table-column label="重点标签" align="center" width="90" show-overflow-tooltip>
        <template slot-scope="scope">
          <dict-tag :options="dict.type.point_tag" :value="scope.row.pointTags" />
          <div v-if="scope.row.importantTag === 'important'">重点点位</div>
          <div v-else-if="scope.row.importantTag === 'normal'">普通点位</div>
        </template>
      </el-table-column>
      <el-table-column label="省厅标签" align="center" width="90" show-overflow-tooltip>
        <template slot-scope="scope">
          <div v-if="scope.row.provinceTag === 'province'">省厅点位</div>
          <div v-else-if="scope.row.provinceTag === 'normal'">普通点位</div>
        </template>
      </el-table-column>
      <el-table-column label="点位开始时间" align="center" prop="startTime" width="180">
@@ -86,9 +121,16 @@
        <el-form-item label="点位名称" prop="pointName">
          <el-input v-model="form.pointName" placeholder="请输入点位名称" />
        </el-form-item>
        <el-form-item label="点位标签" prop="pointTag">
          <el-select v-model="form.pointTag" placeholder="点位标签" multiple clearable>
            <el-option v-for="dict in dict.type.point_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
        <el-form-item label="重点标签" prop="importantTag">
          <el-select v-model="form.importantTag" placeholder="重点标签" clearable>
            <el-option label="重点点位" value="important" />
            <el-option label="普通点位" value="normal" />
          </el-select>
        </el-form-item>
        <el-form-item label="省厅标签" prop="provinceTag">
          <el-select v-model="form.provinceTag" placeholder="省厅标签" clearable>
            <el-option label="省厅点位" value="province" />
            <el-option label="普通点位" value="normal" />
          </el-select>
        </el-form-item>
        <!--        <el-form-item label="点位所在地" prop="region">-->
@@ -156,7 +198,7 @@
</template>

<script>
import { listPoint, getPoint, delPoint, addPoint, batchEdit, updatePoint } from "@/api/platform/point";
import { listPoint, getPoint, delPoint, addPoint, batchEdit, updatePoint, exportData, importData } from "@/api/platform/point";
import { unitSelect } from "@/api/platform/unit";
import { getCascader } from '@/api/platform/region'
import { cascader } from '@/api/system/dept'
@@ -166,6 +208,12 @@
  dicts: ['point_tag'],
  data() {
    return {
      fileList: [],
      importFile: null,
      importUrl: '',
      importUnitId: null,
      download: false,
      upload: false,
      deptOptions: [],
      // 批量修改表单
      batchEditForm: {
@@ -240,9 +288,39 @@
    this.getDeptCascader();
  },
  methods: {
    beforeUpload(file) {
      this.importFile = file
      this.fileList = [file]
      return false
    },
    // 点位导入
    handleImportPoint() {
    handleImport() {
      this.upload =true;
      let formData = new FormData()
      formData.append("file", this.importFile)
      importData(formData, this.importUnitId).then(res => {
        this.$message.success("导入成功")
        this.upload = false
      })
    },
    // 点位导出
    handleExport() {
      this.download = true
      exportData(this.queryParams).then(res => {
        // 将二进制数据转换为 Blob 对象
        let blob = new Blob([res], { type: 'application/octet-stream' });

        // 创建下载链接
        let downloadLink = document.createElement('a');
        downloadLink.href = URL.createObjectURL(blob);
        downloadLink.setAttribute('download', "点位更换运维单位.xlsx"); // 设置下载文件的文件名
        downloadLink.style.display = 'none';
        // 添加到页面并触发下载
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
        this.download = false
      })
    },
    cos(value) {
      console.log(value)
@@ -314,7 +392,8 @@
        createTime: null,
        updateTime: null,
        deleted: null,
        pointTag: []
        importantTag: null,
        provinceTag: null
      };
      this.resetForm("form");
    },
@@ -346,10 +425,10 @@
      const id = row.id || this.ids
      getPoint(id).then(response => {
        this.form = response.data;
        this.form.pointTag = response.data.pointTags;
        this.form.deptId = response.data.deptIds
        this.form.category = this.form.category + ''
        this.open = true;
        console.log(this.form)
        this.title = "修改运维点位";
      });
    },
@@ -394,12 +473,6 @@
      }).catch(() => {
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('x/point/export', {
        ...this.queryParams
      }, `point_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>