feat: 资源管理、个人和终端按钮、域资源管理、项目版本管理

src/components/tall/plugin/Plugin.vue

@@ -1,13 +1,13 @@
 <template>
-  <p-task-title :task="task" v-if="pluginId === '1'" class="p-2" />
+  <p-task-title :task="task" v-if="pluginId === '1'" />
 
   <!-- 交付物插件 -->
-  <!-- <p-deliver v-else-if="pluginId === '15'" /> -->
+  <p-deliver v-else-if="pluginId === '15'" />
   <!-- 交付物插件2 -->
-  <p-deliver-second v-else-if="pluginId === '15'" />
+  <p-deliver-second v-else-if="pluginId === '25'" />
 
   <!-- 资源管理 -->
-  <!-- <p-source-manage v-else-if="pluginId === '16'" class="p-2" /> -->
+  <p-source-manage v-else-if="pluginId === '16'" />
 
   <!-- 财务审批统计 -->
   <!-- <p-finance-audit v-else-if="pluginId === '17'" class="p-2" /> -->
@@ -15,11 +15,11 @@
   <!-- <p-finance v-else-if="pluginId === '18'" class="p-2" /> -->
 
   <!-- 个人和终端按钮-->
-  <!-- <p-account-management v-else-if="pluginId === '19'" class="p-2" /> -->
+  <p-account-management v-else-if="pluginId === '19'" class="p-2" />
   <!-- 域资源管理 -->
-  <!-- <p-domain-source-manage v-else-if="pluginId === '20'" class="p-2" /> -->
+  <p-domain-source-manage v-else-if="pluginId === '20'" class="p-2" />
   <!-- 项目版本管理 -->
-  <!-- <p-project-version-management v-else-if="pluginId === '21'" class="p-2" /> -->
+  <p-project-version-management v-else-if="pluginId === '21'" />
 
   <!-- 任务名和跳转详情页箭头 -->
   <!-- <p-task-to-detail :task="task" v-else-if="pluginId === '24'" class="p-2"></p-task-to-detail> -->
@@ -45,6 +45,10 @@ import pTaskTitle from '@/plugins/p-task-title.vue';
 import pDeliver from '@/plugins/p-deliver/p-deliver.vue';
 import pDeliverSecond from '@/plugins/p-deliver-second/p-deliver-second.vue';
 import pDailyAccount from '@/plugins/p-daily-account/p-daily-account.vue';
+import pSourceManage from '@/plugins/p-source-manage/p-source-manage.vue';
+import pProjectVersionManagement from '@/plugins/p-project-version-management/p-project-version-management.vue';
+import pDomainSourceManage from '@/plugins/p-domain-source-manage/p-domain-source-manage.vue';
+import pAccountManagement from '@/plugins/p-account-management/p-account-management.vue';
 
 const props = defineProps({
   task: { default: () => {}, type: Object },

src/plugins/p-account-management/p-account-management-audit.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="text-center">
+    <a-image src="/src/assets/personal.png" />
+  </div>
+</template>
+
+<script setup></script>

src/plugins/p-account-management/p-account-management-uidispose.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="text-center">
+    <a-image src="/src/assets/uidispose.png" />
+  </div>
+</template>
+
+<script setup></script>

src/plugins/p-account-management/p-account-management.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="flex justify-around">
+    <a-button type="primary" style="width: 125px" @click="openAudit">账号管理</a-button>
+    <a-button type="primary" style="width: 125px" @click="openStatistical">UI配置</a-button>
+  </div>
+</template>
+
+<script setup>
+import { useStore } from 'vuex';
+
+const store = useStore();
+
+// 账号管理详情页
+function openAudit() {
+  store.commit('task/setTaskDetailParams', ''); // 设置详情页参数
+  store.commit('task/setTaskDetailUrl', ''); // 设置详情页链接
+  store.commit('task/setTaskDetailShow', 'personal'); // 设置内置组件关键字（根据关键字判断显示的详情页）
+}
+
+// UI配置详情页
+function openStatistical() {
+  store.commit('task/setTaskDetailParams', ''); // 设置详情页参数
+  store.commit('task/setTaskDetailUrl', ''); // 设置详情页链接
+  store.commit('task/setTaskDetailShow', 'uidispose'); // 设置内置组件关键字（根据关键字判断显示的详情页）
+}
+</script>

src/plugins/p-daily-account/p-daily-account-detail.vue

@@ -355,7 +355,7 @@ async function getQueryTasks() {
     data.pros.forEach((proId, index) => {
       const proInfo = proList.value.find(item => item.id === proId);
       columns.value.push({
-        title: proInfo.projectName,
+        title: proInfo.projectShortName,
         dataIndex: 'program',
         key: `${index}`,
         proId,

src/plugins/p-domain-source-manage/p-domain-source-manage-detail.vue

@@ -0,0 +1,8 @@
+<!-- 项目版本管理 -->
+<template>
+  <div class="text-center">
+    <a-image src="/src/assets/exarresources.png" />
+  </div>
+</template>
+
+<script setup></script>

src/plugins/p-domain-source-manage/p-domain-source-manage.vue

@@ -0,0 +1,18 @@
+<!-- 域资源管理 -->
+<template>
+  <div class="text-center">
+    <a-button type="primary" style="width: 250px" @click="openSourceManage">域资源管理</a-button>
+  </div>
+</template>
+
+<script setup>
+import { useStore } from 'vuex';
+
+const store = useStore();
+
+function openSourceManage() {
+  store.commit('task/setTaskDetailParams', ''); // 设置详情页参数
+  store.commit('task/setTaskDetailUrl', ''); // 设置详情页链接
+  store.commit('task/setTaskDetailShow', 'exarresources'); // 设置内置组件关键字（根据关键字判断显示的详情页）
+}
+</script>

src/plugins/p-project-version-management/p-project-version-management-detail.vue

@@ -0,0 +1,8 @@
+<!-- 项目版本管理 -->
+<template>
+  <div class="text-center">
+    <a-image src="/src/assets/projectVersion.png" />
+  </div>
+</template>
+
+<script setup></script>

src/plugins/p-project-version-management/p-project-version-management.vue

@@ -0,0 +1,18 @@
+<!-- 项目版本管理 -->
+<template>
+  <div class="text-center">
+    <a-button type="primary" style="width: 250px" @click="openSourceManage">项目版本管理</a-button>
+  </div>
+</template>
+
+<script setup>
+import { useStore } from 'vuex';
+
+const store = useStore();
+
+function openSourceManage() {
+  store.commit('task/setTaskDetailParams', ''); // 设置详情页参数
+  store.commit('task/setTaskDetailUrl', ''); // 设置详情页链接
+  store.commit('task/setTaskDetailShow', 'projectVersion'); // 设置内置组件关键字（根据关键字判断显示的详情页）
+}
+</script>

src/plugins/p-source-manage/p-source-manage.vue

@@ -0,0 +1,30 @@
+<!-- 资源管理 -->
+<template>
+  <div class="text-center">
+    <a-button type="primary" class="" style="width: 250px" @click="openSourceManage">资源管理</a-button>
+  </div>
+</template>
+
+<script setup>
+import { useStore } from 'vuex';
+import { inject, computed } from 'vue';
+
+const store = useStore();
+const task = inject('task');
+const token = computed(() => store.state.user.token);
+const project = computed(() => store.state.projects.project);
+const sessionProject = sessionStorage.getItem('project');
+
+if (sessionProject && !project.value.id) {
+  store.commit('projects/setProject', JSON.parse(sessionProject));
+}
+
+function openSourceManage() {
+  const param = `name=资源管理&token=${token.value}&projectId=${project.value.id}&id=${task.detailId}&pn=${project.value.name}&tn=${task.name}`;
+  const url = `http://121.36.3.207/finance/index?${param}`;
+
+  store.commit('task/setTaskDetailParams', ''); // 设置详情页参数
+  store.commit('task/setTaskDetailUrl', url); // 设置详情页链接
+  store.commit('task/setTaskDetailShow', ''); // 设置内置组件关键字（根据关键字判断显示的详情页）
+}
+</script>

src/views/detail/Test.vue

@@ -13,6 +13,18 @@
 
     <!-- 交付物2详情页 -->
     <p-deliver-second-detail v-if="taskDetailShow === 'deliverSecDetail'"></p-deliver-second-detail>
+
+    <!-- 项目版本管理详情页 -->
+    <p-project-version-management-detail v-if="taskDetailShow === 'projectVersion'"></p-project-version-management-detail>
+
+    <!-- 域资源管理详情页 -->
+    <p-domain-source-manage-detail v-if="taskDetailShow === 'exarresources'"></p-domain-source-manage-detail>
+
+    <!-- 账号管理详情页 -->
+    <p-account-management-audit v-if="taskDetailShow === 'personal'"></p-account-management-audit>
+
+    <!-- UI配置详情页 -->
+    <p-account-management-uidispose v-if="taskDetailShow === 'uidispose'"></p-account-management-uidispose>
   </div>
 </template>
 
@@ -24,6 +36,10 @@ import pDailyAccountDetail from '@/plugins/p-daily-account/p-daily-account-detai
 import pDeliverHistory from '@/plugins/p-deliver/p-deliver-history.vue';
 import pAuditRecords from '@/plugins/p-deliver/p-audit-records.vue';
 import pDeliverSecondDetail from '@/plugins/p-deliver-second/p-deliver-second-detail.vue';
+import pProjectVersionManagementDetail from '@/plugins/p-project-version-management/p-project-version-management-detail.vue';
+import pDomainSourceManageDetail from '@/plugins/p-domain-source-manage/p-domain-source-manage-detail.vue';
+import pAccountManagementAudit from '@/plugins/p-account-management/p-account-management-audit.vue';
+import pAccountManagementUidispose from '@/plugins/p-account-management/p-account-management-uidispose.vue';
 
 const store = useStore();