From 90d24a76e726b737a2c144c6ad0acd03ad79b331 Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Mon, 19 Jun 2023 10:28:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=87=E6=8D=A2=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/hzImg/blueTheme.png         | Bin 0 -> 667 bytes
 src/assets/images/hzImg/greenTheme.png        | Bin 0 -> 667 bytes
 src/assets/images/hzImg/themeIcon.png         | Bin 0 -> 1075 bytes
 src/components/changeTheme/index.vue          |  27 +++
 .../progressManagement/index.vue              | 160 ++++++++++++++++++
 5 files changed, 187 insertions(+)
 create mode 100644 src/assets/images/hzImg/blueTheme.png
 create mode 100644 src/assets/images/hzImg/greenTheme.png
 create mode 100644 src/assets/images/hzImg/themeIcon.png
 create mode 100644 src/components/changeTheme/index.vue
 create mode 100644 src/views/hz-project/projectMonitor/progressManagement/index.vue

diff --git a/src/assets/images/hzImg/blueTheme.png b/src/assets/images/hzImg/blueTheme.png
new file mode 100644
index 0000000000000000000000000000000000000000..28f341786389b1bb1b0741160f6737cfc0ae2d2a
GIT binary patch
literal 667
zcmV;M0%ZM(P)<h;3K|Lk000e1NJLTq000*N000&U1^@s6D|QD30007FNkl<ZIE|gv
z+l!516vy$;7>9Ar`8<kHPMKVA;YP@CMT8=`B2CJrTmOLz+;Brp$syqaIbS)Hgi@5`
z6giA@7|dwZdiB~iHmi2e-p_uX@3Wq@p7mRG>-Tp0jV-`ve8Mw4MmxG;6o#S!k8rvg
zqHC48!B~d(IF6@P*4)l<5Sp<8hw$Q0@J1}h1zgR!IarLT7=RDBgEKgSRy1KP4&p&I
z_&_X85ANsHw_`~a&lh47E@Lw;rPoXIu$PtaML3t>={TF$Zo@}(DXon})ngVeVg(N5
z{^mU3$A+d%)(s3Rfg@R;E5KoO=*a)SVn1f%X0C54!zX5(Whe@8eU*@ut-h4-J$Y#4
zVp0Jgo2SKdo0$o1s{veCtb39UuEVPgV`IR_6bZoU96#0wF03e)RXN6CjgipjCD@D{
zD`WgOt4qcd^u*n$mw@a*-`pI@{PK_B!XmW&&>OviTj^na>5Bhqoq6M~1tWg6;BA7U
z5W4>-yn9N<hy1hzd`P~Suv<BH{D;@QGuH1gF1P`Im|`VM-){u%Z}70AIfisR=#u5$
zBMavwu4H1r)d=oL`F)L@nbckdT&mpM{JuWN;WZo(;6ADG8#5&H3rQ~E*V6lGxQ>+>
zn$ZcUd_kQ#KLY)+75gwby$;?_u|0t`c#}dD#kD(=BZaL!_cY{O$ix=x!pQWxwE&jk
zApwW83!P8-9G_1$<ak1cAc`gO6s>JrKD&_UdHEm;DN(J5mfPI1QVoPfvLdd<rYQAj
z5K-a3w7FUuba)!_doT4PfKeCmUxX(b_o-iY<2%lZn7Lo4DiHtx002ovPDHLkV1izb
BKA!*p

literal 0
HcmV?d00001

diff --git a/src/assets/images/hzImg/greenTheme.png b/src/assets/images/hzImg/greenTheme.png
new file mode 100644
index 0000000000000000000000000000000000000000..84a0351fce3d4166d6ac58d85b9b1e7ef696121b
GIT binary patch
literal 667
zcmV;M0%ZM(P)<h;3K|Lk000e1NJLTq000*N000&U1^@s6D|QD30007FNkl<ZIE|gv
zNvMut6u|M{^%<`z^L&*BWy;Nhg^hAElyV~!Nfsn2OIu4@VZ+8k$&j!>rj#<2gi@4b
zip*n|i+gqIyn1~;e4P3^@AtmX^MB6poO2pn*y=aZg3<VdXLyWubi*hNMNd4!=~{@c
zHQo)zVtl}HJgu?jcIrWxhjloF7k`2`VF}LTYQCF=1(=Kh_=r0=gCp3BW~{<NJg5a9
zh}N{=e!9LLi)vUt7aMUIn{X+uZq379R>SAxT!N?KY`XmlZRk>3+ldNh;3AgdK<=NH
z2mIL3oXNU@VI^=R>vI)2qyZiI{VVokCT`~X<}!SI##x4<09R^+q%4(E!uRB%k&6ih
zd~BW;*KK+x^i>_;LSo&MG;lRuXBe9TKBh<jR-|sL6I@7V>gB29u%<}p^Ac=Y>gpK(
zO&XFh3B7PP>LnmM&^I?nGQa#IxR3~KKlDapaH}n>lwAB*=}eEi7L53_0q+tNh0y&!
z;oY-ke9Yg5fDg$V6LKqc$A4JeJ7fJG<ANLThuN%T>HAGX`x`vuXzFMk54vQz_sGII
zi7T1dZ*_t@vi-in&P-}!0he8Fc0R97J-m(s0^BEi{Q3;ZoT4Qc@M~%P6kNx$49(~S
zRNtV^d_MyHu?71uF|7{XPq96Lm3W(tD2i)$CPy~5_T1Am-$k3)j9nO+R_`r<6>D0G
z=e8`{m_kty(Mq@F^(<O!=!k827YB!j(aWPnFT~;U<f=78%VX|XsRlwKSrOMFOi}7F
zAfm#58FTdv=<p)i@4fUcfKeCmEy5Fn`_wPH@f|#bnUie5un_<N002ovPDHLkV1hFc
BJ(B<c

literal 0
HcmV?d00001

diff --git a/src/assets/images/hzImg/themeIcon.png b/src/assets/images/hzImg/themeIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..4eda36fcfbc86d63dc08b496e825aef13d687270
GIT binary patch
literal 1075
zcmV-31kC%1P)<h;3K|Lk000e1NJLTq000*N000*V1^@s6;40Lh000B}Nkl<ZNQs42
zU8ogR6#l+7bI$b^mekG2ek2G9vm|;+GNp{9ABh{?i%=m18T8;w1tmpdFHsUn2}%VO
z)Qd!A2K|yzzKEq*phA*a-6AVJSsmvvv%Xl<p4;hgZ*ADjp1o(U^{sEM^$o|y#t_5Z
zk!4xE?)7^0+TE7}xQ*mIN#_8V1>hKf9|0Tyuob`u=o?{2QoWJ)ACRn{l5Udpn51Dd
z`%KbSN&C#~CwD)a<N}gcNqUy#pOPK~@E!(6-WZH$^7<lxad&?jz#{;vfjfctW0IRB
zwac<xmu1;D051br-Tz_Ugb~K8s@fsx3IG>Lnh0u|5aYc0F7~_KZp~npWorRE2jC!p
z^8nn~7`NazW?7b7NG>+BnE)ojNSgObVyw-qcHr(U0QZEGR;v|zUjvvy@&*7KCygg0
z*N|N8?z5Z3#w^S7U|E)%%xrFhI?l_oys+JFZ*H|(yZa(@Gn<p=`5H4@RD((Ag6H+_
z{%hk^(g8EuV`gh5?RNM1HII3|FwgTH03LAn!|uMn$y>ME{h=s|4J2QRD5F}U+-3lH
zv?)bNN8SCq;o;$xfvhNsIcB!q-G7#J7JzM%HY8yCNPa8n{5;RmZnwkfT~$?G&C$`(
z*P@)tvb@vGPBpWgl1>7+GQ6im$MXV73rT)1>HBaR=LyUn00qgVd7c+lRlQMFRX32I
zOLB7x?R^0ANw(9aCaLjygyfOIo=EG<_4jzI*Xvy$HE(8jn50?JAgR=zOsH2#3XWch
z1U8NadnC?dU(&dwPM+r*gBnR+xce#5M5hIp>B8%=HnWJ}m?RJ5{V4lJDQUT+!z9ln
zxy;>nCAxkAFf&LyL2{%CU(zR%7Lz;*;LtRN>oQK~9RP~}>}nb;%d#^7{1K%XLUc*P
zV=@-?y8=Kqon-*6Bn{UA_%aYjGZsY=eGvA3H+PS2To##cX5u(nd0N=<NuZAs?3ai%
zBB|d*QeKETMZ&EA<$vgz)SP5ziMx+mRaI}hdnD(f0S8fz-TyG$i`q`#HL`#t)h7Ua
zlqU*Skqpt_0-%wA-vC@o^6_a9$K54Sf(@PNhw^X~1R6be_YX-vFDcsFlG5#!^b~*v
z0c?;ql0nB4B=^_cn1!7QcYns+ch<&7Mn;;j@9uOu^LoABaR3*mU)g<A<N_GzUP*JS
zstPCXNLtgJ+0f7sVg}k)tF^S<ZogTU<so-p-&dM7vObNU3?S4r{U}~ddj1b@NtEh@
zB<@zlKQqg+b&_rc5Yq4|fV}{sv1XIJEcga+DS(qCZvpV`R7v?)s41lFF{`S&+00gw
tygkANaJr<Bh2tc@0&ss&F(q#R{sKthR^uruofH57002ovPDHLkV1l}c0SW*B

literal 0
HcmV?d00001

diff --git a/src/components/changeTheme/index.vue b/src/components/changeTheme/index.vue
new file mode 100644
index 0000000..5494dca
--- /dev/null
+++ b/src/components/changeTheme/index.vue
@@ -0,0 +1,27 @@
+<template>
+	<div class="theme-transform">
+		<img src="@/assets/images/hzImg/themeIcon.png" alt="" />
+		<img src="@/assets/images/hzImg/blueTheme.png" alt="" @click="changePrimary('#5289D9')" />
+		<img src="@/assets/images/hzImg/greenTheme.png" alt="" @click="changePrimary('#02A47D')" />
+	</div>
+</template>
+
+<script setup lang="tsx" name="ProjectSupervisionRecord">
+import { ref, reactive, nextTick, computed } from "vue";
+import { useTheme } from "@/hooks/useTheme";
+const { changePrimary } = useTheme();
+</script>
+<style scoped lang="scss">
+.theme-transform {
+	width: 92px;
+	height: 29px;
+	position: absolute;
+	left: 22px;
+	bottom: 19px;
+	border: 2px solid #1bbcc8;
+	border-radius: 24px;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+}
+</style>
diff --git a/src/views/hz-project/projectMonitor/progressManagement/index.vue b/src/views/hz-project/projectMonitor/progressManagement/index.vue
new file mode 100644
index 0000000..9cb994f
--- /dev/null
+++ b/src/views/hz-project/projectMonitor/progressManagement/index.vue
@@ -0,0 +1,160 @@
+<template>
+	<div class="table-box">
+		<ProTable
+			ref="proTable"
+			title="用户列表"
+			:columns="columns"
+			:requestApi="getTableList"
+			:dataCallback="dataCallback"
+			:tool-button="false"
+			:pagination="true"
+			background
+			:isShowSearch="false"
+			:onReset="true"
+		>
+			<template #operation="{ row }">
+				<el-button type="primary" link @click="handleAddItem(2, row)">
+					<img src="@/assets/images/tableIcon/updateIcon.png" alt="" class="configureIcon" />
+					<span>编辑</span>
+				</el-button>
+			</template>
+		</ProTable>
+		<changeTheme />
+	</div>
+</template>
+
+<script setup lang="tsx" name="ProjectSupervisionRecord">
+import { ref, reactive, nextTick, computed } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { useRouter } from "vue-router";
+import { ColumnProps } from "@/components/ProTable/interface";
+import ProTable from "@/components/ProTable/index.vue";
+import changeTheme from "@/components/changeTheme/index.vue";
+import { getRoleList, getTreemRoleList, getTreeByIdList } from "@/api/modules/project";
+import { GlobalStore } from "@/stores";
+
+const treeRef = ref(null);
+
+const datas = reactive([]);
+const router = useRouter();
+const globalStore = GlobalStore();
+const themeConfig = computed(() => globalStore.themeConfig);
+const visible = ref(false);
+const drawerVisible = ref(false);
+const title = ref("");
+const formData = ref({});
+// 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
+const proTable = ref();
+
+const getId = ref<number | undefined>(undefined);
+
+// 表格配置项
+const columns: ColumnProps[] = [
+	{ type: "index", label: "序号", width: 80 },
+	{
+		prop: "roleName",
+		label: "角色名称",
+		search: { el: "input" }
+	},
+	// 多级 prop
+	{ prop: "priority", label: "显示顺序" },
+	{ prop: "state", label: "使用状态" },
+	{
+		prop: "state",
+		label: "状态",
+		search: { el: "select" },
+		isShow: false,
+		enum: [
+			{ label: "启用", value: 1 },
+			{ label: "禁用", value: 0 }
+		]
+	},
+	{
+		prop: "createTime",
+		label: "时间筛选",
+		isShow: false,
+		search: {
+			el: "date-picker",
+			props: {
+				type: "daterange",
+				format: "YYYY-MM-DD",
+				valueFormat: "YYYY-MM-DD"
+				// defaultTime: defaultTime2
+			}
+		}
+	},
+	{ prop: "operation", label: "操作", fixed: "right" }
+];
+// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && pageNum && pageSize 这些字段，那么你可以在这里进行处理成这些字段
+// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
+const dataCallback = (data: any) => {
+	// console.log(data);
+	return {
+		list: data.records,
+		total: Number(data.total),
+		pageNo: Number(data.current),
+		pageSize: Number(data.size)
+	};
+};
+
+const transfrom = (arr: Array<any>) => {
+	const result = [];
+	return arr
+		.map(item => {
+			if (arr.children && Array.isArray(arr.children)) {
+				result.concat(transfrom(arr.children));
+			}
+
+			return {
+				authorityId: item.name,
+				roleId: getId.value,
+				type: item.type
+			};
+		})
+		.concat(result);
+};
+
+// 如果你想在请求之前对当前请求参数做一些操作，可以自定义如下函数：params 为当前所有的请求参数（包括分页），最后返回请求列表接口
+// 默认不做操作就直接在 ProTable 组件上绑定	:requestApi="getUserList"
+const getTableList = (params: any) => {
+	let newParams = JSON.parse(JSON.stringify(params));
+	if (newParams.createTime) {
+		newParams.createTime_begin = newParams.createTime[0];
+		newParams.createTime_end = newParams.createTime[1];
+		delete newParams.createTime;
+	}
+	return getRoleList(newParams);
+};
+
+const handleAddItem = (index: number, row: any) => {
+	if (index === 1) {
+		title.value = "新增角色";
+		formData.value = reactive({});
+	} else {
+		title.value = "编辑角色";
+		formData.value = reactive({ ...row });
+	}
+	visible.value = true;
+};
+
+// 修改数据按钮
+const handleEditItem = async (row: any) => {
+	getId.value = row.roleId;
+
+	drawerVisible.value = true;
+	const { result = [] } = await getTreemRoleList();
+	// console.log("test", result);
+	datas.push(...result);
+
+	const res = await getTreeByIdList({ roleId: row.roleId });
+
+	nextTick(() => {
+		treeRef.value.setCheckedKeys(res.result.map(item => item.authorityId));
+	});
+};
+</script>
+<style scoped lang="scss">
+.table-box {
+	position: relative;
+}
+</style>