批量下载图片

wjt

2024-08-14 27087cf06cc50699e2b89fff1060486cf0e84379

 src/views/infomanger/companymanger/index.vue

@@ -1,17 +1,17 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
    <el-form :model="queryParams" ref="queryRef"  class="evenly-distributed-labels" :inline="true" v-show="showSearch" label-width="80px" label-position="left">
      <el-form-item label="企业名称" prop="companyName">
        <el-input v-model="queryParams.companyName" placeholder="请输入企业名称" clearable style="width: 200px" @keyup.enter="handleQuery" />
      </el-form-item>
      <el-form-item label="企业编号" prop="companyCode">
        <el-input v-model="queryParams.companyCode" placeholder="请输入企业编号" clearable style="width: 200px" @keyup.enter="handleQuery" />
      </el-form-item>
      <el-form-item label="企业类型" prop="status">
      <!-- <el-form-item label="企业类型" prop="status">
        <el-select v-model="queryParams.status" placeholder="企业类型" clearable style="width: 200px">
          <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
        </el-select>
      </el-form-item>
      </el-form-item> -->
      <el-form-item label="联系人" prop="companyUser">
        <el-input v-model="queryParams.companyUser" placeholder="请输入联系人" clearable style="width: 200px" @keyup.enter="handleQuery" />
      </el-form-item>
@@ -39,11 +39,14 @@
        <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['system:dept:add']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" plain icon="Plus" @click="exportExcel" v-hasPermi="['system:dept:add']">导入</el-button>
        <el-button type="primary" plain icon="Upload" @click="exportExcel" v-hasPermi="['system:dept:add']">导入</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" plain icon="Plus" @click="exportRecordComOpen" v-hasPermi="['system:dept:add']">导入记录</el-button>
        <el-button type="primary" plain icon="Download" @click="downLoadCode">下载企业码</el-button>
      </el-col>
      <!-- <el-col :span="1.5">
        <el-button type="primary" plain icon="Plus" @click="exportRecordComOpen" v-hasPermi="['system:dept:add']">导入记录</el-button>
      </el-col> -->
      <!-- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> -->
    </el-row>

@@ -56,8 +59,9 @@
      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
    >
      <el-table-column  prop="companyName" label="企业名称" minWidth="300"></el-table-column>
      <el-table-column prop="companyName" label="企业类型" width="200"></el-table-column>
      <!-- <el-table-column prop="companyName" label="企业类型" width="200"></el-table-column> -->
      <el-table-column prop="companyUser" label="联系人" width="180"></el-table-column>
      <el-table-column prop="companyCode" label="统一社会信用代码" width="180"></el-table-column>
      <el-table-column prop="companyPhone" label="手机号码" width="120"></el-table-column>
      <el-table-column prop="createTime" label="创建时间" width="200"></el-table-column>
      <el-table-column prop="" label="来源" width="100">
@@ -73,19 +77,18 @@
      <el-table-column prop="companyStatus" label="状态" width="100">
        <template #default="scope">
          <!-- {{ companyStatus[scope.row.companyStatus] }} -->
            <el-switch v-if="scope.row.companyId" v-model="scope.row.companyStatus" @change="changeCompanyNews(scope.row, $event)" :active-value="1" :inactive-value="0"></el-switch>
            <el-switch v-if="scope.row.companyId" v-model="scope.row.companyStatus" @change="changeCompanyNews(scope.row, $event)" :active-value="0" :inactive-value="1"></el-switch>
        </template>
      </el-table-column>
      
      <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width" width="240">
        <template #default="scope">
          <el-link type="primary">审核</el-link>
          <el-divider direction="vertical" />
          <el-link type="primary">二维码</el-link>
          <el-divider direction="vertical" />
          <el-link type="success" v-if="scope.row.checkStatus < 2" v-hasPermi="['sys:company:check']" @click="checkJudge(scope.row)">审核</el-link>
          <el-divider direction="vertical" v-hasPermi="['sys:company:check']" v-if="scope.row.checkStatus < 2"/>
          <el-link type="info" v-if="scope.row.checkStatus == 2" @click="createQrcodeHandler(scope.row)">二维码</el-link>
          <el-divider direction="vertical"  v-if="scope.row.checkStatus == 2"/>
          <el-link type="primary" @click="handleAdd(scope.row)">编辑</el-link>
          <el-divider direction="vertical" />
          <el-link type="primary">删除</el-link>
          <el-link type="error" @click="handleDelete(scope.row)">删除</el-link>
         </template>
      </el-table-column>
    </el-table>
@@ -101,7 +104,7 @@
          <el-input placeholder="请输入联系人" v-model="form.companyUser"></el-input>
        </el-form-item>
        <el-form-item label="手机号码" prop="companyPhone">
          <el-input placeholder="请输入手机号码" v-model="form.companyPhone"></el-input>
          <el-input  placeholder="请输入手机号码" v-model="form.companyPhone"></el-input>
        </el-form-item>
        <el-form-item label="统一社会信用代码" prop="companyCode">
          <el-input placeholder="请输入统一社会信用代码" v-model="form.companyCode"></el-input>
@@ -114,7 +117,7 @@
          <el-input placeholder="请输入企业地址"  v-model="form.companyAddress"></el-input>
        </el-form-item>
        <el-form-item label="状态">
          <el-switch v-model="form.companyStatus" :active-value="1" :inactive-value="0"></el-switch>
          <el-switch v-model="form.companyStatus" :active-value="0" :inactive-value="1"></el-switch>
        </el-form-item>
        <el-form-item label="备注">
          <el-input placeholder="请输入备注" v-model="form.remark"></el-input>
@@ -127,19 +130,24 @@
        </div>
      </template>
    </el-dialog>
    <exportExcelCom ref="exporttem"></exportExcelCom>
    <exportRecord ref="exportRecordCom"></exportRecord>
    <exportExcelCom ref="exporttem" @resList="resList"></exportExcelCom>
    <exportRecord ref="exportRecordCom" :recordRow="recordRow" @uploadList="getList"></exportRecord>
    <judgeCom ref="judgeComRef" @upload="getList"></judgeCom>
    <createQrcode ref="createQrcodeRef"></createQrcode>
  </div>
</template>

<script setup name="Dept">
import FileUpload from '@/components/FileUpload/index'
import FileUpload from '@/components/ImageUpload/index'
import exportRecord from './components/exportRecord'
import { listCompany,addCompany, updateCompany } from "@/api/system/company/company";
import createQrcode from './components/createQrcode'
import judgeCom from './components/judge'
import { listCompany,addCompany, updStatus, delCompany, updateCompany, getCompany } from "@/api/system/company/company";
import exportExcelCom from './components/export'
import { computed } from "vue";
import { judgeStatus, companyStatus, scopeList } from '@/utils/mapList/index.ts'
import useSettingsStore from "@/store/modules/settings";
import { download } from '@/utils/request'; // 下载文件
const thcolor = computed(() => useSettingsStore().theme);
const { proxy } = getCurrentInstance();
const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
@@ -153,6 +161,8 @@
const refreshTable = ref(true);
const exporttem = ref()
const exportRecordCom = ref()
const judgeComRef = ref()
const createQrcodeRef = ref()
const options = reactive({
  // -1拒绝，0待审批，1审批中，2通过   
  checkOptions: [
@@ -176,11 +186,11 @@
  companyStatus: [
  {
      label: '正常',
      value: 1
      value: 0
    },
    {
      label: '禁用',
      value: 0
      value: 1
    },
  ],
  socreList: [
@@ -223,7 +233,7 @@
// const dispDeptType = computed(() => (e) => {
//   return dept_type.value.find((f) => f.value == e).label;
// });

const recordRow = ref([])
/** 查询企业列表 */
function getList() {
  loading.value = true;
@@ -237,6 +247,7 @@
function cancel() {
  open.value = false;
  reset();
  getList();
}
/** 表单重置 */
function reset() {
@@ -263,16 +274,26 @@
  queryRef.value.resetFields();
  handleQuery();
}
function getDetails(id) {
  getCompany(id).then((response) => {
    form.value = response.data;
    open.value = true;
    // title.value = "查看企业";
  });
}
/** 新增按钮操作 */
function handleAdd(row) {
  if(row) {
    form.value = row
    // form.value = row
    title.value = "编辑企业";
    getDetails(row.companyId)
  } else {
    form.value = {}
    form.value = {
      companyStatus: 0
    }
    title.value = "添加企业";
    open.value = true;
  }
  open.value = true;
}

/** 提交按钮 */
@@ -298,9 +319,9 @@
/** 删除按钮操作 */
function handleDelete(row) {
  proxy.$modal
    .confirm('是否确认删除名称为"' + row.deptName + '"的数据项?')
    .confirm('是否确认删除该数据?')
    .then(function () {
      return delDept(row.deptId);
      return delCompany({delId: row.companyId});
    })
    .then(() => {
      getList();
@@ -313,7 +334,7 @@
  if(loading.value){
    return
  }
  updateCompany(row).then(val => {
  updStatus(row).then(val => {
    proxy.$modal.msgSuccess("修改成功");
    getList();
  })
@@ -326,5 +347,37 @@
function exportRecordComOpen() {
  exportRecordCom.value.openDialog()
}
function resList(row) {
  recordRow.value = row
  exportRecordCom.value.openDialog()
}
function checkJudge(row) {
  judgeComRef.value.openDialog(row)
}
function createQrcodeHandler(row) {
  createQrcodeRef.value.openDialog(row)
}
function downLoadCode() {
  download('/system/company/downloadQrcode', queryParams.value, "企业图片.zip")
}
getList();
function selectableFun(e) {
  console.log(e)
}
</script>

<style scoped lang="scss">
.evenly-distributed-labels {
  :deep(){
    .el-form-item__label {
      position: relative; /* 设置相对定位作为星号的定位基准 */
      text-align: justify;
      text-align-last: justify; /* 确保最后一行也两端对齐 */
      padding-left: 10px; /* 为星号预留空间 */
      display: inline-block;
    }
  }
} 


</style>