信息化管理2

src/views/chartList/page6/index.vue

@@ -8,11 +8,9 @@
 		<left3 />
 		<el-divider content-position="left"><span class="text-bold-18">信息化指标</span></el-divider>
 		<center1 />
-		<!--<el-divider content-position="left"><span class="text-bold-18">关键参数SPC分析</span></el-divider>
+		<el-divider content-position="left"><span class="text-bold-18">部门计划完成情况</span></el-divider>
-		<center2 />
-		<el-divider content-position="left"><span class="text-bold-18">质量问题</span></el-divider>
 		<right1 />
-		<el-divider content-position="left"><span class="text-bold-18">质量检查分析</span></el-divider>
+		<!-- <el-divider content-position="left"><span class="text-bold-18">质量检查分析</span></el-divider>
 		<right2 />
 		<el-divider content-position="left"><span class="text-bold-18">质量案例</span></el-divider>
 		<right3 /> -->
@@ -23,8 +21,7 @@ import left1 from './left1.vue'
 import left2 from './left2.vue'
 import left3 from './left3.vue'
 import center1 from './center1.vue'
-// import center2 from './center2.vue'
+import right1 from './right1.vue'
-// import right1 from './right1.vue'
 // import right2 from './right2.vue'
 // import right3 from './right3.vue'
 export default {
@@ -33,8 +30,7 @@ export default {
 		left2,
 		left3,
 		center1,
-		// center2,
+		right1,
-		// right1,
 		// right2,
 		// right3,
 	},

src/views/chartList/page6/indexApi.js

@@ -58,34 +58,20 @@ export function centerOneUpdate(data) {
 		data,
 	})
 }
-// /** --------------- center2 --------------- */
+/** --------------- right1 --------------- */
-// // 关键参数SPC分析
+// 部门计划完成情况列表
-// export function centerTwoList(params) {
+export function rightOneList(params) {
-// 	return request({
+	return request({
-// 		url: '/hx/spcInfo/list',
+		url: '/hx/planCompleted/list',
-// 		params,
+		params,
-// 	})
+	})
-// }
+}
-// // 导出模板
+// 导出模板
-// export function centerTwoImportTemplate() {
+export function rightOneImportTemplate() {
-// 	return request({
+	return request({
-// 		url: '/hx/spcInfo/importTemplate',
+		url: '/hx/planCompleted/importTemplate',
-// 	})
+	})
-// }
+}
-// /** --------------- right1 --------------- */
-// // 质量问题
-// export function rightOneList(params) {
-// 	return request({
-// 		url: '/hx/qualityProblem/list',
-// 		params,
-// 	})
-// }
-// // 导出模板
-// export function rightOneImportTemplate() {
-// 	return request({
-// 		url: '/hx/qualityProblem/importTemplate',
-// 	})
-// }
 // /** --------------- right2 --------------- */
 // // 质量检查分析
 // export function rightTwoList(params) {

src/views/chartList/page6/right1.vue

@@ -0,0 +1,160 @@
+<template>
+	<el-row :gutter="20">
+		<!--用户数据-->
+		<el-col :span="24" :xs="24">
+			<el-row :gutter="10" class="mb8 fr">
+				<el-col :span="1.5">
+					<el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport">导入</el-button>
+				</el-col>
+				<el-col :span="1.5">
+					<el-button
+						type="warning"
+						plain
+						icon="el-icon-download"
+						size="mini"
+						:loading="exportLoading"
+						@click="importTemplate"
+						>导出模板</el-button
+					>
+				</el-col>
+			</el-row>
+
+			<el-table v-loading="loading" :data="userList">
+				<el-table-column label="序号" align="center" prop="id" width="80" />
+				<el-table-column label="部门名称" align="center" prop="deptName" />
+				<el-table-column label="日期" align="center" prop="todayDate" />
+				<el-table-column label="工作计划名称" align="center" prop="planName" />
+				<el-table-column label="完成情况" align="center" prop="completed" />
+			</el-table>
+
+			<pagination
+				v-show="total > 0"
+				:total="total"
+				:autoScroll="false"
+				:pageSizes="[2, 5, 10, 20]"
+				:page.sync="queryParams.pageNum"
+				:limit.sync="queryParams.pageSize"
+				@pagination="getList"
+			/>
+		</el-col>
+		<!-- 用户导入对话框 -->
+		<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+			<el-upload
+				ref="upload"
+				:limit="1"
+				accept=".xlsx, .xls"
+				:headers="upload.headers"
+				:action="upload.url"
+				:disabled="upload.isUploading"
+				:on-progress="handleFileUploadProgress"
+				:on-success="handleFileSuccess"
+				:auto-upload="false"
+				drag
+			>
+				<i class="el-icon-upload"></i>
+				<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+				<div class="el-upload__tip" slot="tip">
+					<span>仅允许导入xls、xlsx格式文件。</span>
+				</div>
+			</el-upload>
+			<div slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="submitFileForm">确 定</el-button>
+				<el-button @click="upload.open = false">取 消</el-button>
+			</div>
+		</el-dialog>
+	</el-row>
+</template>
+<script>
+import { rightOneList, rightOneImportTemplate } from './indexApi'
+import { getToken } from '@/utils/auth'
+export default {
+	data() {
+		return {
+			// 遮罩层
+			loading: true,
+			// 导出遮罩层
+			exportLoading: false,
+			// 查询参数
+			queryParams: {
+				pageNum: 1,
+				pageSize: this.page_size,
+			},
+			// 用户信息
+			userList: [],
+			// 总条数
+			total: 0,
+			// 用户导入参数
+			upload: {
+				// 是否显示弹出层（用户导入）
+				open: false,
+				// 弹出层标题（用户导入）
+				title: '',
+				// 是否禁用上传
+				isUploading: false,
+				// 是否更新已经存在的用户数据
+				updateSupport: 0,
+				// 设置上传的请求头部
+				headers: { Authorization: 'Bearer ' + getToken() },
+				// 上传的地址
+				url: process.env.VUE_APP_BASE_API + '/hx/planCompleted/importData',
+			},
+		}
+	},
+	methods: {
+		/** 查询用户列表 */
+		getList() {
+			this.loading = true
+			rightOneList(this.queryParams).then(res => {
+				this.userList = res.rows
+				this.total = res.total
+				this.loading = false
+			})
+		},
+		/** 导出按钮操作 */
+		handleExport() {
+			const queryParams = this.queryParams
+			this.$modal
+				.confirm('是否确认导出所有用户数据项？')
+				.then(() => {
+					this.exportLoading = true
+					return exportUser(queryParams)
+				})
+				.then(response => {
+					this.$download.name(response.msg)
+					this.exportLoading = false
+				})
+				.catch(() => {})
+		},
+		/** 导入按钮操作 */
+		handleImport() {
+			this.upload.title = '数据导入'
+			this.upload.open = true
+		},
+		/** 下载模板操作 */
+		importTemplate() {
+			rightOneImportTemplate().then(response => {
+				this.$download.name(response.msg)
+			})
+		},
+		// 文件上传中处理
+		handleFileUploadProgress(event, file, fileList) {
+			this.upload.isUploading = true
+		},
+		// 文件上传成功处理
+		handleFileSuccess(response, file, fileList) {
+			this.upload.open = false
+			this.upload.isUploading = false
+			this.$refs.upload.clearFiles()
+			this.$alert(response.msg, '导入结果', { dangerouslyUseHTMLString: true })
+			this.getList()
+		},
+		// 提交上传文件
+		submitFileForm() {
+			this.$refs.upload.submit()
+		},
+	},
+	created() {
+		this.getList()
+	},
+}
+</script>