From 1812a9a3d63570cd04dc57df99f1c7b37a41f678 Mon Sep 17 00:00:00 2001
From: 王恒 <318726284@qq.com>
Date: 星期五, 08 八月 2025 17:41:46 +0800
Subject: [PATCH] '调整计划管理新增页面功能'
---
src/views/system/manage/index.vue | 798 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 635 insertions(+), 163 deletions(-)
diff --git a/src/views/system/manage/index.vue b/src/views/system/manage/index.vue
index eed9aa5..c9cc324 100644
--- a/src/views/system/manage/index.vue
+++ b/src/views/system/manage/index.vue
@@ -1,65 +1,173 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryRef" class="evenly-distributed-labels" :inline="true" v-show="showSearch"
- label-width="80px" label-position="left">
+ <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.planName" placeholder="璇疯緭鍏ヨ鍒掑悕绉�" clearable style="width: 200px"
- @keyup.enter="handleQuery" />
+ <el-input
+ v-model="queryParams.planName"
+ placeholder="璇疯緭鍏ヨ鍒掑悕绉�"
+ clearable
+ style="width: 200px"
+ @keyup.enter="handleQuery"
+ />
</el-form-item>
<el-form-item label="璁″垝缂栧彿" prop="companyCode">
- <el-input v-model="queryParams.planNo" placeholder="璇疯緭鍏ヨ鍒掔紪鍙�" clearable style="width: 200px"
- @keyup.enter="handleQuery" />
+ <el-input
+ v-model="queryParams.planNo"
+ placeholder="璇疯緭鍏ヨ鍒掔紪鍙�"
+ clearable
+ style="width: 200px"
+ @keyup.enter="handleQuery"
+ />
</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 label="鎵ф硶鍗曚綅" prop="executiveSection">
+ <el-input
+ v-model="queryParams.executiveSection"
+ placeholder="璇疯緭鍏ユ墽娉曞崟浣�"
+ clearable
+ style="width: 200px"
+ @keyup.enter="handleQuery"
+ />
</el-form-item>
<el-form-item label="鎵ф硶鏃堕棿" style="width: 290px">
- <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
- start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"></el-date-picker>
+ <el-date-picker
+ v-model="dateRange"
+ value-format="YYYY-MM"
+ type="monthrange"
+ range-separator="-"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ @change="changeDateHandler"
+ ></el-date-picker>
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
+ <el-button type="primary" icon="Search" @click="handleQuery"
+ >鎼滅储</el-button
+ >
<el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
- <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['system:dept:add']">鏂板</el-button>
+ <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="info" plain icon="Upload" @click="handleImport"
- v-hasPermi="['system:user:import']">瀵煎叆</el-button>
+ <el-button
+ type="warning"
+ plain
+ icon="Upload"
+ @click="handleImport"
+ v-hasPermi="['system:user:import']"
+ >瀵煎叆</el-button
+ >
</el-col>
<el-col :span="1.5">
- <el-button type="primary" plain icon="Download" @click="downLoadCode">瀵煎嚭</el-button>
+ <el-button type="success" plain icon="Download" @click="downLoadCode"
+ >瀵煎嚭</el-button
+ >
</el-col>
<el-col :span="1.5">
- <el-button type="primary" plain icon="Download" @click="downLoadCode">鍙戣捣缁煎悎鏌ヤ竴娆�</el-button>
+ <el-button type="primary" plain icon="View" @click="downLoadCode"
+ >鍙戣捣缁煎悎鏌ヤ竴娆�</el-button
+ >
</el-col>
</el-row>
- <el-table v-if="refreshTable" v-loading="loading" :data="deptList" row-key="companyId"
- :default-expand-all="isExpandAll" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
- @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
+ <!-- @selection-change="handleSelectionChange" -->
+ <el-table
+ v-if="refreshTable"
+ v-loading="loading"
+ :data="deptList"
+ row-key="companyId"
+ :default-expand-all="isExpandAll"
+ :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+ >
+ <!-- <el-table-column type="selection" width="55" align="center" /> -->
<el-table-column prop="planNo" label="搴忓彿" width="55">
<template #default="scope">{{ scope.$index + 1 }}</template>
</el-table-column>
- <el-table-column prop="planNo" label="璁″垝缂栧彿" width="180"></el-table-column>
- <el-table-column prop="planName" label="璁″垝鍚嶇О" width="180"></el-table-column>
- <el-table-column prop="makeOrgName" label="鍒跺畾鏈烘瀯" width="180"></el-table-column>
- <el-table-column prop="checkdObject" label="琚鏌ュ璞�" width="180"></el-table-column>
- <el-table-column prop="unifiedSocialCreditCode" label="缁熶竴绀句細淇＄敤浠ｇ爜" width="180"></el-table-column>
- <el-table-column prop="industry" label="鎵�灞炶涓�" width="180"></el-table-column>
- <el-table-column prop="checkdType" label="妫�鏌ユ柟寮�" width="180"></el-table-column>
- <el-table-column prop="checkdContent" label="妫�鏌ュ唴瀹�" width="180"></el-table-column>
- <el-table-column prop="executiveSection" label="鎵ц绉戝" width="180"></el-table-column>
- <el-table-column prop="planFrequency" label="璁″垝棰戞" width="180"></el-table-column>
- <el-table-column prop="planMonth" label="璁″垝鏈堜唤" width="180"></el-table-column>
- <el-table-column prop="planStatus" label="鐘舵��" width="180"></el-table-column>
- <el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="240">
+ <el-table-column
+ prop="planNo"
+ label="璁″垝缂栧彿"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="planName"
+ label="璁″垝鍚嶇О"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="makeOrgName"
+ label="鍒跺畾鏈烘瀯"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="checkdObject"
+ label="琚鏌ュ璞�"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="unifiedSocialCreditCode"
+ label="缁熶竴绀句細淇＄敤浠ｇ爜"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="industry"
+ label="鎵�灞炶涓�"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="checkdType"
+ label="妫�鏌ユ柟寮�"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="checkdContent"
+ label="妫�鏌ュ唴瀹�"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="executiveSection"
+ label="鎵ц绉戝"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="planFrequency"
+ label="璁″垝棰戞"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="planMonth"
+ label="璁″垝鏈堜唤"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ prop="planStatus"
+ label="鐘舵��"
+ width="180"
+ ></el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ fixed="right"
+ class-name="small-padding fixed-width"
+ width="180"
+ >
<template #default="scope">
<el-link type="info" @click="handleView(scope.row)">鏌ョ湅</el-link>
<el-divider direction="vertical" />
@@ -69,19 +177,19 @@
</template>
</el-table-column>
</el-table>
- <pagination v-show="queryParams.total > 0" :total="queryParams.total" v-model:page="queryParams.pageNum"
- v-model:limit="queryParams.pageSize" @pagination="getList" />
+ <pagination
+ v-show="queryParams.total > 0"
+ :total="queryParams.total"
+ v-model:page="queryParams.pageNum"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
<!-- 娣诲姞鎴栦慨鏀瑰璇濇 -->
<el-dialog :title="title" v-model="open" width="700px" append-to-body>
<el-form ref="deptRef" :model="form" :rules="rules" label-width="140px">
<el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="璁″垝缂栧彿" prop="planNo">
- <el-input v-model="form.planNo" placeholder="璇疯緭鍏ヨ鍒掑悕绉�" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
+ <el-col :span="24">
<el-form-item label="璁″垝鍚嶇О" prop="planName">
<el-input v-model="form.planName" placeholder="璇疯緭鍏ヨ鍒掑悕绉�" />
</el-form-item>
@@ -89,64 +197,138 @@
</el-row>
<el-row :gutter="20">
<el-col :span="12">
- <el-form-item label="鍒跺畾璁″垝鐨勬満鏋�" prop="makeOrgName">
- <el-input v-model="form.makeOrgName" placeholder="璇疯緭鍏ュ埗瀹氳鍒掔殑鏈烘瀯" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="琚鏌ョ殑瀵硅薄" prop="checkdObject">
- <el-input v-model="form.checkdObject" placeholder="璇疯緭鍏ヨ妫�鏌ョ殑瀵硅薄" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="缁熶竴绀句細淇＄敤浠ｇ爜" prop="unifiedSocialCreditCode">
- <el-input v-model="form.unifiedSocialCreditCode" placeholder="璇疯緭鍏ョ粺涓�绀句細淇＄敤浠ｇ爜" />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鎵�灞炶涓�" prop="industry">
- <el-input v-model="form.industry" placeholder="璇疯緭鍏ユ墍灞炶涓�" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="妫�鏌ユ柟寮�" prop="executiveSection">
- <el-input v-model="form.checkdType" placeholder="璇疯緭鍏ユ鏌ユ柟寮�" />
+ <el-form-item label="鍒跺畾璁″垝鐨勬満鏋�" prop="makeOrgId">
+ <el-tree-select
+ v-model="form.makeOrgId"
+ :data="deptOptions"
+ :props="{ value: 'id', label: 'label', children: 'children' }"
+ value-key="id"
+ placeholder="璇烽�夋嫨鍒跺畾璁″垝鐨勬満鏋�"
+ check-strictly
+ @node-click="changeTreeHandler"
+ />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鎵ц绉戝" prop="executiveSection">
- <el-input v-model="form.executiveSection" placeholder="璇疯緭鍏ユ墽琛岀瀹�" />
+ <el-select
+ v-model="selectOffices"
+ multiple
+ collapse-tags
+ collapse-tags-tooltip
+ :max-collapse-tags="1"
+ placeholder="璇烽�夋嫨鎵ц绉戝"
+ style="width: 100%"
+ @change="handleSelectOffices"
+ >
+ <el-option
+ v-for="(obj, index) in officeList"
+ :key="index"
+ :label="obj.deptName"
+ :value="obj.deptId"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="24">
+ <el-form-item label="琚鏌ョ殑瀵硅薄" prop="checkdIds">
+ <el-button type="primary" @click="openFirmSelect"
+ >閫夋嫨浼佷笟</el-button
+ >
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20" v-if="form.checkdIds">
+ <el-col :span="24">
+ <el-form-item label="琚鏌ュ璞′俊鎭�">
+ <el-table
+ :data="form.checkdObject"
+ max-height="200px"
+ style="width: 100%"
+ >
+ <el-table-column prop="companyName" label="浼佷笟鍚嶇О" />
+ <el-table-column prop="companyCode" label="缁熶竴绀句細淇＄敤浠ｇ爜" />
+ </el-table>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="妫�鏌ユ柟寮�" prop="checkdType">
+ <el-select
+ v-model="form.checkdType"
+ placeholder="璇烽�夋嫨妫�鏌ユ柟寮�"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="(obj, index) in inspection_method"
+ :key="index"
+ :label="obj.label"
+ :value="obj.key"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎵�灞炶涓�" prop="industry">
+ <el-select
+ v-model="form.industry"
+ placeholder="璇烽�夋嫨鎵�灞炶涓�"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="(obj, index) in industry_type"
+ :key="index"
+ :label="obj.label"
+ :value="obj.key"
+ />
+ </el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="妫�鏌ュ唴瀹�" prop="checkdContent">
- <el-input v-model="form.checkdContent" type="textarea" placeholder="璇疯緭鍏ユ鏌ュ唴瀹�" />
+ <el-input
+ v-model="form.checkdContent"
+ type="textarea"
+ placeholder="璇疯緭鍏ユ鏌ュ唴瀹�"
+ />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="璁″垝鏈堜唤" prop="planMonth">
- <el-date-picker v-model="form.planMonth" type="month" format="YYYY-MM" value-format="YYYY-MM"
- placeholder="璇烽�夋嫨璁″垝鏈堜唤" />
- </el-form-item>
- </el-col>
<el-col :span="12">
<el-form-item label="璁″垝棰戠巼" prop="planFrequency">
- <el-input v-model="form.planFrequency" placeholder="璇疯緭鍏ヨ鍒掗鐜�" />
+ <el-input v-model="form.planFrequency" placeholder="璇疯緭鍏ラ鐜�">
+ <template #append>
+ <el-select
+ v-model="form.planFrequencyUnit"
+ placeholder="鍗曚綅"
+ style="width: 80px"
+ >
+ <el-option
+ v-for="(obj, index) in frequency"
+ :key="index"
+ :label="obj.label"
+ :value="obj.key"
+ />
+ </el-select> </template
+ ></el-input>
</el-form-item>
</el-col>
- </el-row>
- <el-row :gutter="20">
<el-col :span="12">
- <el-form-item label="鐘舵��" prop="planStatus">
- <el-input v-model="form.planStatus" placeholder="璇疯緭鍏ョ姸鎬�" />
+ <el-form-item label="璁″垝鏈堜唤" prop="planMonth">
+ <el-date-picker
+ v-model="selectMonth"
+ type="months"
+ format="YYYY-MM"
+ value-format="YYYY-MM"
+ placeholder="璇烽�夋嫨璁″垝鏈堜唤"
+ @change="changeMonth"
+ />
</el-form-item>
</el-col>
</el-row>
@@ -160,18 +342,41 @@
</el-dialog>
<!-- 璁″垝瀵煎叆瀵硅瘽妗� -->
- <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
- <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
- :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
- :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+ <el-dialog
+ :title="upload.title"
+ v-model="upload.open"
+ width="400px"
+ append-to-body
+ >
+ <el-upload
+ ref="uploadRef"
+ :limit="1"
+ accept=".xlsx, .xls"
+ :headers="upload.headers"
+ :action="upload.url + '?updateSupport=' + upload.updateSupport"
+ :disabled="upload.isUploading"
+ :on-progress="handleFileUploadProgress"
+ :on-success="handleFileSuccess"
+ :auto-upload="false"
+ drag
+ >
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
<div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
<template #tip>
<div class="el-upload__tip text-center">
- <div class="el-upload__tip"><el-checkbox v-model="upload.updateSupport" />鏄惁鏇存柊宸茬粡瀛樺湪鐨勮鍒掓暟鎹�</div>
+ <div class="el-upload__tip">
+ <el-checkbox
+ v-model="upload.updateSupport"
+ />鏄惁鏇存柊宸茬粡瀛樺湪鐨勮鍒掓暟鎹�
+ </div>
<span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
- <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
- @click="importTemplate">涓嬭浇妯℃澘</el-link>
+ <el-link
+ type="primary"
+ :underline="false"
+ style="font-size: 12px; vertical-align: baseline"
+ @click="importTemplate"
+ >涓嬭浇妯℃澘</el-link
+ >
</div>
</template>
</el-upload>
@@ -188,42 +393,135 @@
<el-form label-width="140px">
<el-row>
<el-col :span="12">
- <el-form-item label="璁″垝缂栧彿锛�">{{ planDetail.planNo }}</el-form-item>
- <el-form-item label="璁″垝鍚嶇О锛�">{{ planDetail.planName }}</el-form-item>
+ <el-form-item label="璁″垝缂栧彿锛�">{{
+ planDetail.planNo
+ }}</el-form-item>
+ <el-form-item label="璁″垝鍚嶇О锛�">{{
+ planDetail.planName
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鍒跺畾璁″垝鐨勬満鏋勶細">{{ planDetail.makeOrgName }}</el-form-item>
- <el-form-item label="琚鏌ョ殑瀵硅薄锛�">{{ planDetail.checkdObject }}</el-form-item>
+ <el-form-item label="鍒跺畾璁″垝鐨勬満鏋勶細">{{
+ planDetail.makeOrgName
+ }}</el-form-item>
+ <el-form-item label="琚鏌ョ殑瀵硅薄锛�">{{
+ planDetail.checkdObject
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="缁熶竴绀句細淇＄敤浠ｇ爜锛�">{{ planDetail.unifiedSocialCreditCode }}</el-form-item>
+ <el-form-item label="缁熶竴绀句細淇＄敤浠ｇ爜锛�">{{
+ planDetail.unifiedSocialCreditCode
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鎵�灞炶涓氾細">{{ planDetail.industry }}</el-form-item>
+ <el-form-item label="鎵�灞炶涓氾細">{{
+ planDetail.industry
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="妫�鏌ユ柟寮忥細">{{ planDetail.checkdType }}</el-form-item>
+ <el-form-item label="妫�鏌ユ柟寮忥細">{{
+ planDetail.checkdType
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鎵ц绉戝锛�">{{ planDetail.executiveSection }}</el-form-item>
+ <el-form-item label="鎵ц绉戝锛�">{{
+ planDetail.executiveSection
+ }}</el-form-item>
</el-col>
<el-col :span="24">
- <el-form-item label="妫�鏌ュ唴瀹癸細">{{ planDetail.checkdContent }}</el-form-item>
+ <el-form-item label="妫�鏌ュ唴瀹癸細">{{
+ planDetail.checkdContent
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="璁″垝鏈堜唤锛�">{{ planDetail.planMonth }}</el-form-item>
+ <el-form-item label="璁″垝鏈堜唤锛�">{{
+ planDetail.planMonth
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="璁″垝棰戠巼锛�">{{ planDetail.planFrequency }}</el-form-item>
+ <el-form-item label="璁″垝棰戠巼锛�">{{
+ planDetail.planFrequency
+ }}</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鐘舵�侊細">{{ planDetail.planStatus }}</el-form-item>
+ <el-form-item label="鐘舵�侊細">{{
+ planDetail.planStatus
+ }}</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
- <el-button @click="planOpen = false; planDetail = {}">鍏� 闂�</el-button>
+ <el-button
+ @click="
+ planOpen = false;
+ planDetail = {};
+ "
+ >鍏� 闂�</el-button
+ >
+ </div>
+ </template>
+ </el-dialog>
+
+ <!-- 閫夋嫨浼佷笟寮圭獥 -->
+ <el-dialog
+ title="閫夋嫨浼佷笟"
+ v-model="selectOpen"
+ width="700px"
+ @close="closeSelect"
+ append-to-body
+ >
+ <el-form label-width="120px">
+ <el-row :gutter="10">
+ <el-col :span="10">
+ <el-form-item label="浼佷笟鍚嶇О锛�">
+ <el-input
+ v-model="firmQueryParams.companyName"
+ placeholder="璇疯緭鍏ヤ紒涓氬悕绉�"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="10">
+ <el-form-item label="绀句細淇＄敤浠ｇ爜锛�">
+ <el-input
+ v-model="firmQueryParams.companyCode"
+ placeholder="璇疯緭鍏ョぞ浼氫俊鐢ㄤ唬鐮�"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="4">
+ <el-button type="primary" @click="getFirmList">鎼滅储</el-button>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-table
+ :data="firmList"
+ row-key="companyId"
+ height="400px"
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column
+ type="selection"
+ width="55"
+ :reserve-selection="true"
+ />
+ <el-table-column prop="companyName" label="浼佷笟鍚嶇О" />
+ <el-table-column prop="companyCode" label="缁熶竴绀句細淇＄敤浠ｇ爜" />
+ <el-table-column prop="companyUser" width="100px" label="鑱旂郴浜�" />
+ <el-table-column prop="companyPhone" width="120px" label="鎵嬫満鍙�" />
+ </el-table>
+ <pagination
+ v-show="firmQueryParams.total > 0"
+ :total="firmQueryParams.total"
+ v-model:page="firmQueryParams.pageNum"
+ v-model:limit="firmQueryParams.pageSize"
+ size="small"
+ @pagination="getFirmList"
+ />
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="closeSelect">鍏� 闂�</el-button>
</div>
</template>
</el-dialog>
@@ -232,13 +530,27 @@
<script setup name="Dept">
import { getToken } from "@/utils/auth";
-import { listCompany, addCompany, updStatus, delCompany, updateCompany, getCompany } from "@/api/system/company/company";
-import { listManage, addManage, getManage, updateManage, delManage } from "@/api/system/manage";
-import { computed } from "vue";
-import useSettingsStore from "@/store/modules/settings";
-import { download } from '@/utils/request'; // 涓嬭浇鏂囦欢
+import {
+ listManage,
+ addManage,
+ getManage,
+ updateManage,
+ delManage,
+ exportTemplate,
+ exportManage,
+} from "@/api/system/manage";
+import { listCompany } from "@/api/system/company/company";
+import { deptTreeSelect } from "@/api/system/user";
+import { listDept } from "@/api/system/dept";
+// import { download } from '@/utils/request'; // 涓嬭浇鏂囦欢
+import { download as downloadHttp } from "@/utils/request";
const { proxy } = getCurrentInstance();
const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
+const { frequency, industry_type, inspection_method } = proxy.useDictPer(
+ "frequency",
+ "industry_type",
+ "inspection_method"
+);
const deptList = ref([]);
const open = ref(false);
const loading = ref(true);
@@ -248,31 +560,125 @@
const refreshTable = ref(true);
const planOpen = ref(false);
const planDetail = ref({});
+const dateRange = ref([]);
+const selectOpen = ref(false);
+const firmList = ref([]);
+const selectMonth = ref([]);
+const deptOptions = ref(undefined);
+const selectOffices = ref([]);
+const officeList = ref([]);
const data = reactive({
- form: {},
+ form: {
+ planName: "", // 璁″垝鍚嶇О
+ makeOrgId: "", // 鍒跺畾鏈烘瀯id
+ makeOrgName: "", // 鍒跺畾鏈烘瀯
+ executiveSection: "", // 鎵ц绉戝
+ executiveSectionName: "", // 鎵ц绉戝鍚嶇О
+ checkdObject: [], // 琚鏌ュ璞″垪琛�
+ checkdIds: "", // 琚鏌ュ璞d
+ checkdType: "", // 妫�鏌ユ柟寮�
+ industry: "", // 鎵�灞炶涓�
+ checkdContent: "", // 妫�鏌ュ唴瀹�
+ planFrequency: "", // 璁″垝棰戞
+ planFrequencyUnit: "1", // 璁″垝棰戞鍗曚綅
+ planMonth: "", // 璁″垝鏈堜唤
+ },
queryParams: {
- planNo: '',
- planName: '',
- value1: '',
+ planNo: "",
+ planName: "",
+ executiveSection: "",
+ value1: "",
pageNum: 1,
pageSize: 10,
- total: 1
+ total: 1,
},
rules: {
planNo: [{ required: true, message: "璁″垝缂栧彿涓嶈兘涓虹┖", trigger: "blur" }],
- planName: [{ required: true, message: "璁″垝鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }],
- makeOrgName: [{ required: true, message: "鍒跺畾璁″垝鐨勬満鏋勪笉鑳戒负绌�", trigger: "blur" }],
- checkdObject: [{ required: true, message: "琚鏌ュ璞′笉鑳戒负绌�", trigger: "blur" }],
- unifiedSocialCreditCode: [{ required: true, message: "缁熶竴绀句細淇＄敤浠ｇ爜涓嶈兘涓虹┖", trigger: "blur" }],
- industry: [{ required: true, message: "鎵�灞炶涓氫笉鑳戒负绌�", trigger: "blur" }],
- checkdContent: [{ required: true, message: "妫�鏌ュ唴瀹逛笉鑳戒负绌�", trigger: "blur" }],
- executiveSection: [{ required: true, message: "鎵ц绉戝涓嶈兘涓虹┖", trigger: "blur" }],
- planFrequency: [{ required: true, message: "璁″垝棰戞涓嶈兘涓虹┖", trigger: "blur" }],
- planMonth: [{ required: true, message: "璁″垝鏈堜唤涓嶈兘涓虹┖", trigger: "blur" }],
- checkdType: [{ required: true, message: "妫�鏌ユ柟寮忎笉鑳戒负绌�", trigger: "blur" }],
+ planName: [
+ { required: true, message: "璁″垝鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ makeOrgId: [
+ { required: true, message: "鍒跺畾璁″垝鐨勬満鏋勪笉鑳戒负绌�", trigger: "blur" },
+ ],
+ checkdIds: [
+ { required: true, message: "琚鏌ュ璞′笉鑳戒负绌�", trigger: "blur" },
+ ],
+ unifiedSocialCreditCode: [
+ { required: true, message: "缁熶竴绀句細淇＄敤浠ｇ爜涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ industry: [
+ { required: true, message: "鎵�灞炶涓氫笉鑳戒负绌�", trigger: "blur" },
+ ],
+ checkdContent: [
+ { required: true, message: "妫�鏌ュ唴瀹逛笉鑳戒负绌�", trigger: "blur" },
+ ],
+ executiveSection: [
+ { required: true, message: "鎵ц绉戝涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ planFrequency: [
+ { required: true, message: "璁″垝棰戞涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ planMonth: [
+ { required: true, message: "璁″垝鏈堜唤涓嶈兘涓虹┖", trigger: "blur" },
+ ],
+ checkdType: [
+ { required: true, message: "妫�鏌ユ柟寮忎笉鑳戒负绌�", trigger: "blur" },
+ ],
planStatus: [{ required: true, message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur" }],
},
+ firmQueryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ total: 1,
+ companyName: "",
+ companyCode: "",
+ },
});
+
+// 鑾峰彇绉戝鍒楄〃
+const getOfficeList = () => {
+ listDept({
+ pageNum: 1,
+ pageSize: 1000,
+ parentId: form.value.makeOrgId,
+ }).then((response) => {
+ officeList.value = response.data;
+ });
+};
+
+// 鏈堜唤閫夋嫨
+const changeDateHandler = (value) => {
+ data.queryParams.planMonthStart = value[0];
+ data.queryParams.planMonthEnd = value[1];
+};
+
+// 璁″垝鏈堜唤閫夋嫨
+const changeMonth = (value) => {
+ form.value.planMonth = value.join(",");
+ console.log(form.value.planMonth);
+};
+
+// 鏈烘瀯閫夋嫨
+const changeTreeHandler = (e) => {
+ form.value.makeOrgId = e.id;
+ form.value.makeOrgName = e.label;
+ selectOffices.value = [];
+ form.value.executiveSection = "";
+ form.value.executiveSectionName = "";
+ if (e.id) {
+ getOfficeList();
+ }
+};
+
+// 绉戝閫夋嫨
+const handleSelectOffices = (value) => {
+ form.value.executiveSectionName = value.map((item) => {
+ return officeList.value.find((obj) => obj.deptId === item).deptName;
+ }).join(",");
+ form.value.executiveSection = value.join(",");
+ console.log(form.value.executiveSection);
+ console.log(form.value.executiveSectionName);
+};
/*** 璁″垝瀵煎叆鍙傛暟 */
const upload = reactive({
@@ -287,16 +693,49 @@
// 璁剧疆涓婁紶鐨勮姹傚ご閮�
headers: { Authorization: "Bearer " + getToken() },
// 涓婁紶鐨勫湴鍧�
- url: import.meta.env.VITE_APP_BASE_API + "/system/user/importData",
+ url: import.meta.env.VITE_APP_BASE_API + "/system/manage/importData",
});
+/**鏂囦欢涓婁紶涓鐞� */
+const handleFileUploadProgress = (event, file, fileList) => {
+ upload.isUploading = true;
+};
+/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
+const handleFileSuccess = (response, file, fileList) => {
+ upload.open = false;
+ upload.isUploading = false;
+ proxy.$refs["uploadRef"].handleRemove(file);
+ proxy.$alert(
+ "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+ response.msg +
+ "</div>",
+ "瀵煎叆缁撴灉",
+ {
+ dangerouslyUseHTMLString: true,
+ }
+ );
+ getList();
+};
+const { queryParams, form, rules, firmQueryParams } = toRefs(data);
-const { queryParams, form, rules } = toRefs(data);
+/** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
+function getDeptTree() {
+ deptTreeSelect().then((response) => {
+ deptOptions.value = response.data.map((obj) => {
+ obj.children = obj.children.map((child) => {
+ delete child.children;
+ return child;
+ });
+ return obj;
+ });
+ });
+}
+getDeptTree();
/** 鏌ヨ璁″垝鍒楄〃 */
function getList() {
loading.value = true;
listManage(queryParams.value).then((response) => {
- deptList.value = response.rows
- data.queryParams.total = response.total
+ deptList.value = response.rows;
+ data.queryParams.total = response.total;
loading.value = false;
});
}
@@ -309,22 +748,23 @@
/** 琛ㄥ崟閲嶇疆 */
function reset() {
form.value = {
- planNo: '', // 璁″垝缂栧彿
- planName: '', // 璁″垝鍚嶇О
- makeOrgName: '', // 鍒跺畾鏈烘瀯
- checkdObject: '', // 琚鏌ュ璞�
- unifiedSocialCreditCode: '', // 缁熶竴绀句細淇＄敤浠ｇ爜
- industry: '', // 鎵�灞炶涓�
- checkdContent: '', // 妫�鏌ュ唴瀹�
- executiveSection: '', // 鎵ц绉戝
- planFrequency: '', // 璁″垝棰戞
- planMonth: '', // 璁″垝鏈堜唤
- checkdType: '', // 妫�鏌ユ柟寮�
- planStatus: '', // 鐘舵��
+ planName: "", // 璁″垝鍚嶇О
+ makeOrgId: "", // 鍒跺畾鏈烘瀯id
+ makeOrgName: "", // 鍒跺畾鏈烘瀯
+ executiveSection: "", // 鎵ц绉戝
+ executiveSectionName: "", // 鎵ц绉戝鍚嶇О
+ checkdObject: [], // 琚鏌ュ璞″垪琛�
+ checkdIds: "", // 琚鏌ュ璞d
+ checkdType: "", // 妫�鏌ユ柟寮�
+ industry: "", // 鎵�灞炶涓�
+ checkdContent: "", // 妫�鏌ュ唴瀹�
+ planFrequency: "", // 璁″垝棰戞
+ planFrequencyUnit: "", // 璁″垝棰戞鍗曚綅
+ planMonth: "", // 璁″垝鏈堜唤
};
proxy.resetForm("deptRef");
}
-const queryRef = ref()
+const queryRef = ref();
/** 鎼滅储鎸夐挳鎿嶄綔 */
function handleQuery() {
getList();
@@ -332,6 +772,14 @@
/** 閲嶇疆鎸夐挳鎿嶄綔 */
function resetQuery() {
queryRef.value.resetFields();
+ dateRange.value = [];
+ queryParams.value = {
+ planNo: "", // 璁″垝缂栧彿
+ planName: "", // 璁″垝鍚嶇О
+ executiveSection: "", // 鎵ф硶鍗曚綅
+ planMonthStart: "", // 璁″垝寮�濮嬫湀浠�
+ planMonthEnd: "", // 璁″垝缁撴潫鏈堜唤
+ };
handleQuery();
}
function getDetails(id) {
@@ -344,7 +792,7 @@
/** 璇︾粏鎸夐挳鎿嶄綔 */
function handleView(row) {
planOpen.value = true;
- planDetail.value = row
+ planDetail.value = row;
planOpen.value = true;
}
@@ -352,11 +800,8 @@
function handleAdd(row) {
if (row) {
title.value = "缂栬緫璁″垝";
- getDetails(row.id)
+ getDetails(row.id);
} else {
- // form.value = {
- // companyStatus: 0
- // }
title.value = "娣诲姞璁″垝";
open.value = true;
}
@@ -364,6 +809,7 @@
/** 鎻愪氦鎸夐挳 */
function submitForm() {
+ console.log(form.value);
proxy.$refs["deptRef"].validate((valid) => {
if (valid) {
if (form.value.id != undefined) {
@@ -385,7 +831,7 @@
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
function handleDelete(row) {
proxy.$modal
- .confirm('鏄惁纭鍒犻櫎璇ユ暟鎹�?')
+ .confirm("鏄惁纭鍒犻櫎璇ユ暟鎹�?")
.then(function () {
return delManage(row.id);
})
@@ -393,7 +839,7 @@
getList();
proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
})
- .catch(() => { });
+ .catch(() => {});
}
/** 瀵煎叆鎸夐挳鎿嶄綔 */
@@ -409,32 +855,58 @@
/** 涓嬭浇妯℃澘鎿嶄綔 */
function importTemplate() {
- proxy.download("system/manage/exportTemplate", {}, `plan_template_${new Date().getTime()}.xlsx`);
+ exportTemplate().then((val) => {
+ downloadHttp(
+ "/tool/file/download",
+ {
+ fileName: val.msg,
+ delete: true,
+ },
+ "璁″垝淇℃伅妯℃澘.xlsx"
+ );
+ });
}
-// 淇敼浼佷笟淇℃伅
-function changeCompanyNews(row, event) {
- if (loading.value) {
- return
- }
- updStatus(row).then(val => {
- proxy.$modal.msgSuccess("淇敼鎴愬姛");
- getList();
- })
-}
-
-let valueArr = []
function downLoadCode() {
- download('/system/manage/export', {
- ids: valueArr.join()
- }, `plan_${new Date().getTime()}.xlsx`)
+ exportManage().then((val) => {
+ downloadHttp(
+ "/tool/file/download",
+ {
+ fileName: val.msg,
+ delete: true,
+ },
+ "璁″垝淇℃伅.xlsx"
+ );
+ });
}
+
+function openFirmSelect() {
+ selectOpen.value = true;
+ getFirmList();
+}
+
+/** 鏌ヨ浼佷笟鍒楄〃 */
+function getFirmList() {
+ loading.value = true;
+ listCompany(firmQueryParams.value).then((response) => {
+ firmList.value = response.rows;
+ firmQueryParams.value.total = response.total;
+ loading.value = false;
+ });
+}
+
function handleSelectionChange(e) {
- valueArr = e.map(item => item.id)
+ form.value.checkdObject = e;
+ form.value.checkdIds = e.map((item) => item.companyId).join(",");
}
+
+function closeSelect() {
+ selectOpen.value = false;
+}
+
getList();
function selectableFun(e) {
- console.log(e)
+ console.log(e);
}
</script>
--
Gitblit v1.9.1