批量下载图片

wjt

2024-08-14 27087cf06cc50699e2b89fff1060486cf0e84379

 src/views/infomanger/companymanger/index.vue

@@ -39,7 +39,10 @@
        <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="Download" @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="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>
@@ -56,7 +59,7 @@
      :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>
@@ -74,7 +77,7 @@
      <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">
@@ -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>
@@ -139,11 +142,12 @@
import exportRecord from './components/exportRecord'
import createQrcode from './components/createQrcode'
import judgeCom from './components/judge'
import { listCompany,addCompany, updStatus, delCompany } from "@/api/system/company/company";
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");
@@ -243,6 +247,7 @@
function cancel() {
  open.value = false;
  reset();
  getList();
}
/** 表单重置 */
function reset() {
@@ -269,18 +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 = {
      companyStatus: 0
    }
    title.value = "添加企业";
    open.value = true;
  }
  open.value = true;
}

/** 提交按钮 */
@@ -344,7 +357,13 @@
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">