From 9c16647683639e3c553d8583279093348b39c461 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Fri, 17 Dec 2021 13:40:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=8C=96=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chartList/page5/indexApi.js | 112 ++++++------
 src/views/chartList/page6/center1.vue | 244 ++++++++++++++++++++++++++
 src/views/chartList/page6/index.vue   |  53 ++++++
 src/views/chartList/page6/indexApi.js | 116 ++++++++++++
 src/views/chartList/page6/left1.vue   | 170 ++++++++++++++++++
 src/views/chartList/page6/left2.vue   | 170 ++++++++++++++++++
 src/views/chartList/page6/left3.vue   | 170 ++++++++++++++++++
 7 files changed, 979 insertions(+), 56 deletions(-)
 create mode 100644 src/views/chartList/page6/center1.vue
 create mode 100644 src/views/chartList/page6/index.vue
 create mode 100644 src/views/chartList/page6/indexApi.js
 create mode 100644 src/views/chartList/page6/left1.vue
 create mode 100644 src/views/chartList/page6/left2.vue
 create mode 100644 src/views/chartList/page6/left3.vue

diff --git a/src/views/chartList/page5/indexApi.js b/src/views/chartList/page5/indexApi.js
index 147d034..e60f0f7 100644
--- a/src/views/chartList/page5/indexApi.js
+++ b/src/views/chartList/page5/indexApi.js
@@ -69,59 +69,59 @@ export function centerOneImportTemplate() {
 		url: '/hx/dangerousPlace/importTemplate',
 	})
 }
-/** --------------- center2 --------------- */
-// 关键参数SPC分析
-export function centerTwoList(params) {
-	return request({
-		url: '/hx/spcInfo/list',
-		params,
-	})
-}
-// 导出模板
-export function centerTwoImportTemplate() {
-	return request({
-		url: '/hx/spcInfo/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) {
-	return request({
-		url: '/hx/qualityInspect/list',
-		params,
-	})
-}
-// 导出模板
-export function rightTwoImportTemplate() {
-	return request({
-		url: '/hx/qualityInspect/importTemplate',
-	})
-}
-/** --------------- right3 --------------- */
-// 质量案例
-export function rightThreeList(params) {
-	return request({
-		url: '/hx/qualityCase/list',
-		params,
-	})
-}
-// 导出模板
-export function rightThreeImportTemplate() {
-	return request({
-		url: '/hx/qualityCase/importTemplate',
-	})
-}
+// /** --------------- center2 --------------- */
+// // 关键参数SPC分析
+// export function centerTwoList(params) {
+// 	return request({
+// 		url: '/hx/spcInfo/list',
+// 		params,
+// 	})
+// }
+// // 导出模板
+// export function centerTwoImportTemplate() {
+// 	return request({
+// 		url: '/hx/spcInfo/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) {
+// 	return request({
+// 		url: '/hx/qualityInspect/list',
+// 		params,
+// 	})
+// }
+// // 导出模板
+// export function rightTwoImportTemplate() {
+// 	return request({
+// 		url: '/hx/qualityInspect/importTemplate',
+// 	})
+// }
+// /** --------------- right3 --------------- */
+// // 质量案例
+// export function rightThreeList(params) {
+// 	return request({
+// 		url: '/hx/qualityCase/list',
+// 		params,
+// 	})
+// }
+// // 导出模板
+// export function rightThreeImportTemplate() {
+// 	return request({
+// 		url: '/hx/qualityCase/importTemplate',
+// 	})
+// }
diff --git a/src/views/chartList/page6/center1.vue b/src/views/chartList/page6/center1.vue
new file mode 100644
index 0000000..657ea59
--- /dev/null
+++ b/src/views/chartList/page6/center1.vue
@@ -0,0 +1,244 @@
+<template>
+	<div>
+		<el-row :gutter="20">
+			<!--用户数据-->
+			<el-col :span="24" :xs="24">
+				<!-- <el-row :gutter="10" class="mb8">
+					<el-col :span="1.5">
+						<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+					</el-col>
+				</el-row> -->
+
+				<el-table v-loading="loading" :data="userList">
+					<el-table-column label="图片" align="center" prop="bigPic">
+						<template slot-scope="scope">
+							<el-image style="width: 100px; height: 100px" :src="scope.row.bigPic" fit="cover"></el-image>
+						</template>
+					</el-table-column>
+					<el-table-column label="全年信息化投入（万）" align="center" prop="informationInvested" />
+					<el-table-column label="目标全年信息化投入（万）" align="center" prop="informationTargetInveste" />
+					<el-table-column label="全年网络运维率" align="center" prop="alreadyNetworkOperation" />
+					<el-table-column label="目标全年网络运维率" align="center" prop="targetNetworkOperation" />
+					<el-table-column label="全年设备接入率" align="center" prop="alreadyDeviceAccess" />
+					<el-table-column label="目标全年设备接入率" align="center" prop="targetDeviceAccess" />
+					<el-table-column label="全年业务覆盖率" align="center" prop="alreadyBusinessCoverage" />
+					<el-table-column label="目标全年业务覆盖率" align="center" prop="targetBusinessCoverage" />
+					<el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
+						<template slot-scope="scope">
+							<el-button
+								size="mini"
+								type="text"
+								icon="el-icon-edit"
+								@click="handleUpdate(scope.row)"
+								v-hasPermi="['system:user:edit']"
+								>修改</el-button
+							>
+							<!-- <el-button
+								size="mini"
+								type="text"
+								icon="el-icon-delete"
+								@click="handleDelete(scope.row)"
+								>删除</el-button
+							> -->
+						</template>
+					</el-table-column>
+				</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-row>
+
+		<!-- 添加或修改参数配置对话框 -->
+		<el-dialog :title="title" :visible.sync="open" width="40%" append-to-body>
+			<el-form ref="form" :model="form" :rules="rules" label-width="170px">
+				<el-row>
+					<el-col :span="12">
+						<el-form-item label="全年信息化投入" prop="informationInvested">
+							<el-input v-model="form.informationInvested" placeholder="请输入全年信息化投入">
+								<template slot="append">万</template>
+							</el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="目标全年信息化投入" prop="informationTargetInveste">
+							<el-input v-model="form.informationTargetInveste" placeholder="请输入目标全年信息化投入">
+								<template slot="append">万</template>
+							</el-input>
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="12">
+						<el-form-item label="全年网络运维率" prop="alreadyNetworkOperation">
+							<el-input v-model="form.alreadyNetworkOperation" placeholder="请输入全年网络运维率"> </el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="目标全年网络运维率" prop="targetNetworkOperation">
+							<el-input v-model="form.targetNetworkOperation" placeholder="请输入目标全年网络运维率"> </el-input>
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="12">
+						<el-form-item label="全年设备接入率" prop="alreadyDeviceAccess">
+							<el-input v-model="form.alreadyDeviceAccess" placeholder="请输入全年设备接入率"> </el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="目标全年设备接入率" prop="targetDeviceAccess">
+							<el-input v-model="form.targetDeviceAccess" placeholder="请输入目标全年设备接入率"> </el-input>
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="12">
+						<el-form-item label="全年业务覆盖率" prop="alreadyBusinessCoverage">
+							<el-input v-model="form.alreadyBusinessCoverage" placeholder="请输入全年业务覆盖率"> </el-input>
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="目标全年业务覆盖率" prop="targetBusinessCoverage">
+							<el-input v-model="form.targetBusinessCoverage" placeholder="请输入目标全年业务覆盖率"> </el-input>
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="24">
+						<el-form-item label="图片" prop="bigPic">
+							<ImageUpload v-model="form.bigPic" :isShowTip="false" :limit="1" />
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="submitForm">确 定</el-button>
+				<el-button @click="cancel">取 消</el-button>
+			</div>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+import { centerOneList, centerOneUpdate } from './indexApi'
+import { getToken } from '@/utils/auth'
+
+export default {
+	data() {
+		return {
+			// 遮罩层
+			loading: true,
+			// 总条数
+			total: 0,
+			// 用户表格数据
+			userList: null,
+			// 弹出层标题
+			title: '',
+			// 是否显示弹出层
+			open: false,
+			// 表单参数
+			form: {},
+			// 查询参数
+			queryParams: {
+				pageNum: 1,
+				pageSize: this.page_size,
+			},
+			// 表单校验
+			rules: {
+				informationInvested: [{ required: true, message: '全年信息化投入不能为空', trigger: 'blur' }],
+				informationTargetInveste: [{ required: true, message: '目标全年信息化投入不能为空', trigger: 'blur' }],
+				alreadyNetworkOperation: [{ required: true, message: '全年网络运维率不能为空', trigger: 'blur' }],
+				targetNetworkOperation: [{ required: true, message: '目标全年网络运维率不能为空', trigger: 'blur' }],
+				alreadyDeviceAccess: [{ required: true, message: '全年设备接入率不能为空', trigger: 'blur' }],
+				targetDeviceAccess: [{ required: true, message: '目标全年设备接入率不能为空', trigger: 'blur' }],
+				alreadyBusinessCoverage: [{ required: true, message: '全年业务覆盖率不能为空', trigger: 'blur' }],
+				targetBusinessCoverage: [{ required: true, message: '目标全年业务覆盖率不能为空', trigger: 'blur' }],
+				bigPic: [{ required: true, message: '请上传', trigger: 'change' }],
+			},
+		}
+	},
+	created() {
+		this.getList()
+	},
+	methods: {
+		/** 查询列表 */
+		getList() {
+			this.loading = true
+			centerOneList(this.queryParams).then(response => {
+				this.userList = [response.data]
+				// this.total = response.total
+				this.loading = false
+			})
+		},
+		// 取消按钮
+		cancel() {
+			this.open = false
+			this.reset()
+		},
+		// 表单重置
+		reset() {
+			this.form = {
+				id: undefined,
+				bigPic: undefined,
+				completedIncome: undefined,
+				targetIncome: undefined,
+				completedProfit: undefined,
+				targetProfit: undefined,
+				completedChargeQuantity: undefined,
+				targetChargeQuantity: undefined,
+				completedDeliveryQuantity: undefined,
+				targetDeliveryQuantity: undefined,
+				year: undefined,
+			}
+			this.resetForm('form')
+		},
+		/** 新增按钮操作 */
+		handleAdd() {
+			this.reset()
+			this.open = true
+			this.title = '添加'
+		},
+		/** 修改按钮操作 */
+		handleUpdate(row) {
+			this.reset()
+			this.form = Object.assign({}, row)
+			this.open = true
+			this.title = '修改信息化指标'
+		},
+		/** 提交按钮 */
+		submitForm: function () {
+			this.$refs['form'].validate(valid => {
+				if (valid) {
+					centerOneUpdate(this.form).then(response => {
+						this.$modal.msgSuccess('修改成功')
+						this.open = false
+						this.getList()
+					})
+				}
+			})
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			const userIds = row.userId || this.ids
+			this.$modal
+				.confirm('是否确认删除编号为"' + userIds + '"的数据项？')
+				.then(function () {
+					return delUser(userIds)
+				})
+				.then(() => {
+					this.getList()
+					this.$modal.msgSuccess('删除成功')
+				})
+				.catch(() => {})
+		},
+	},
+}
+</script>
diff --git a/src/views/chartList/page6/index.vue b/src/views/chartList/page6/index.vue
new file mode 100644
index 0000000..fbd9ebd
--- /dev/null
+++ b/src/views/chartList/page6/index.vue
@@ -0,0 +1,53 @@
+<template>
+	<div class="app-container">
+		<el-divider content-position="left"><span class="text-bold-18">信息化责任令完成概况</span></el-divider>
+		<left1 />
+		<el-divider content-position="left"><span class="text-bold-18">项目工作计划</span></el-divider>
+		<left2 />
+		<el-divider content-position="left"><span class="text-bold-18">应用系统</span></el-divider>
+		<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>
+		<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>
+		<right2 />
+		<el-divider content-position="left"><span class="text-bold-18">质量案例</span></el-divider>
+		<right3 /> -->
+	</div>
+</template>
+<script>
+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 right2 from './right2.vue'
+// import right3 from './right3.vue'
+export default {
+	components: {
+		left1,
+		left2,
+		left3,
+		center1,
+		// center2,
+		// right1,
+		// right2,
+		// right3,
+	},
+}
+</script>
+<style lang="scss" scoped>
+.app-container {
+	.el-divider:nth-child(n + 2) {
+		margin-top: 50px;
+	}
+}
+.text-bold-18 {
+	font-size: 18px;
+	font-weight: bold;
+}
+</style>
diff --git a/src/views/chartList/page6/indexApi.js b/src/views/chartList/page6/indexApi.js
new file mode 100644
index 0000000..226cb52
--- /dev/null
+++ b/src/views/chartList/page6/indexApi.js
@@ -0,0 +1,116 @@
+import request from '@/utils/request'
+
+/** --------------- left1 --------------- */
+// 部门责任令完成情况列表
+export function leftOneList(params) {
+	return request({
+		url: '/hx/responsibilityStatus/list',
+		params,
+	})
+}
+// 导出模板
+export function importTemplate() {
+	return request({
+		url: '/hx/responsibilityStatus/importTemplate',
+	})
+}
+/** --------------- left2 --------------- */
+// 工作计划完成情况列表
+export function leftTwoList(params) {
+	return request({
+		url: '/hx/hxWorkPlan/list',
+		params,
+	})
+}
+// 导出模板
+export function leftTwoImportTemplate() {
+	return request({
+		url: '/hx/hxWorkPlan/importTemplate',
+	})
+}
+/** --------------- left3 --------------- */
+// 应用系统指标雷达列表
+export function leftThreeList(params) {
+	return request({
+		url: '/hx/systemRadar/list',
+		params,
+	})
+}
+// 导出模板
+export function leftThreeImportTemplate() {
+	return request({
+		url: '/hx/systemRadar/importTemplate',
+	})
+}
+/** --------------- center1 --------------- */
+// 信息化指标管理  获取
+export function centerOneList(params) {
+	return request({
+		url: '/hx/informationIndex/getInfo',
+		params,
+	})
+}
+// 更新
+export function centerOneUpdate(data) {
+	return request({
+		url: '/hx/informationIndex/updateInfo',
+		method: 'put',
+		data,
+	})
+}
+// /** --------------- center2 --------------- */
+// // 关键参数SPC分析
+// export function centerTwoList(params) {
+// 	return request({
+// 		url: '/hx/spcInfo/list',
+// 		params,
+// 	})
+// }
+// // 导出模板
+// export function centerTwoImportTemplate() {
+// 	return request({
+// 		url: '/hx/spcInfo/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) {
+// 	return request({
+// 		url: '/hx/qualityInspect/list',
+// 		params,
+// 	})
+// }
+// // 导出模板
+// export function rightTwoImportTemplate() {
+// 	return request({
+// 		url: '/hx/qualityInspect/importTemplate',
+// 	})
+// }
+// /** --------------- right3 --------------- */
+// // 质量案例
+// export function rightThreeList(params) {
+// 	return request({
+// 		url: '/hx/qualityCase/list',
+// 		params,
+// 	})
+// }
+// // 导出模板
+// export function rightThreeImportTemplate() {
+// 	return request({
+// 		url: '/hx/qualityCase/importTemplate',
+// 	})
+// }
diff --git a/src/views/chartList/page6/left1.vue b/src/views/chartList/page6/left1.vue
new file mode 100644
index 0000000..5a4274a
--- /dev/null
+++ b/src/views/chartList/page6/left1.vue
@@ -0,0 +1,170 @@
+<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="responsibilityContent" />
+				<el-table-column label="进展情况" align="center" prop="progressStatus" />
+				<el-table-column label="完成状态" align="center" prop="completionStatus" />
+			</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">
+					<!-- <div class="el-upload__tip" slot="tip">
+						<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
+					</div> -->
+					<span>仅允许导入xls、xlsx格式文件。</span>
+					<!-- <el-link
+						type="primary"
+						:underline="false"
+						style="font-size: 12px; vertical-align: baseline"
+						@click="importTemplate"
+						>下载模板</el-link
+					> -->
+				</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 { leftOneList, importTemplate } 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/responsibilityStatus/importData',
+			},
+		}
+	},
+	methods: {
+		/** 查询用户列表 */
+		getList() {
+			this.loading = true
+			leftOneList(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() {
+			importTemplate().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>
diff --git a/src/views/chartList/page6/left2.vue b/src/views/chartList/page6/left2.vue
new file mode 100644
index 0000000..8e304eb
--- /dev/null
+++ b/src/views/chartList/page6/left2.vue
@@ -0,0 +1,170 @@
+<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="workPlanName" />
+				<el-table-column label="完成状态" align="center" prop="completedStatus" />
+			</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">
+					<!-- <div class="el-upload__tip" slot="tip">
+						<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
+					</div> -->
+					<span>仅允许导入xls、xlsx格式文件。</span>
+					<!-- <el-link
+						type="primary"
+						:underline="false"
+						style="font-size: 12px; vertical-align: baseline"
+						@click="importTemplate"
+						>下载模板</el-link
+					> -->
+				</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 { leftTwoList, leftTwoImportTemplate } 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/hxWorkPlan/importData',
+			},
+		}
+	},
+	methods: {
+		/** 查询用户列表 */
+		getList() {
+			this.loading = true
+			leftTwoList(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() {
+			leftTwoImportTemplate().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>
diff --git a/src/views/chartList/page6/left3.vue b/src/views/chartList/page6/left3.vue
new file mode 100644
index 0000000..a6bf424
--- /dev/null
+++ b/src/views/chartList/page6/left3.vue
@@ -0,0 +1,170 @@
+<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="systemName" />
+				<el-table-column label="指标名称" align="center" prop="indexName" />
+				<el-table-column label="指标数量（个）" align="center" prop="indexTotal" />
+				<el-table-column label="日期" align="center" prop="todayDate" />
+			</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">
+					<!-- <div class="el-upload__tip" slot="tip">
+						<el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
+					</div> -->
+					<span>仅允许导入xls、xlsx格式文件。</span>
+					<!-- <el-link
+						type="primary"
+						:underline="false"
+						style="font-size: 12px; vertical-align: baseline"
+						@click="importTemplate"
+						>下载模板</el-link
+					> -->
+				</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 { leftThreeList, leftThreeImportTemplate } 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/systemRadar/importData',
+			},
+		}
+	},
+	methods: {
+		/** 查询用户列表 */
+		getList() {
+			this.loading = true
+			leftThreeList(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() {
+			leftThreeImportTemplate().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>