From 27087cf06cc50699e2b89fff1060486cf0e84379 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期三, 14 八月 2024 17:11:39 +0800
Subject: [PATCH] 批量下载图片
---
src/views/infomanger/companymanger/index.vue | 99 +++++++++++++++++++++++++++++++++++++------------
1 files changed, 74 insertions(+), 25 deletions(-)
diff --git a/src/views/infomanger/companymanger/index.vue b/src/views/infomanger/companymanger/index.vue
index 4e0664b..f36a99b 100644
--- a/src/views/infomanger/companymanger/index.vue
+++ b/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,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="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="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,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>
@@ -128,18 +131,23 @@
</template>
</el-dialog>
<exportExcelCom ref="exporttem" @resList="resList"></exportExcelCom>
- <exportRecord ref="exportRecordCom" :recordRow="recordRow"></exportRecord>
+ <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: [
@@ -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();
})
@@ -330,5 +351,33 @@
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>
--
Gitblit v1.9.1