项目概览添加

src/api/business/project.js

@@ -101,6 +101,14 @@ export function projectApi() {
                 url: '/service-iot/pmWorkReport/timedReports',
                 method: 'GET',
             })
+        },
+        usersProjectWorkTime(params) {
+            return request({
+                url: '/service-iot/pmProject/usersProjectWorkTime',
+                method: 'GET',
+                params
+            })
         }
+        
     }
 }

src/pages.json

@@ -660,6 +660,18 @@
             }
           }
         },
+        {
+          "path": "projectMange/overview/index",
+          "style": {
+            "navigationBarTitleText": "项目概览",
+            "enablePullDownRefresh": false,
+            "navigationStyle": "custom",
+            "app-plus": {
+              "bounce": "none",
+              "titleNView": false
+            }
+          }
+        },
         {
           "path": "projectMange/record/timingLog",
           "style": {

src/pages/business/common/projectMange/list/index.vue

@@ -49,7 +49,7 @@
       <view class="menu-list m0">
         <view class="list-cell" style="color: #666666; line-height: 25px" v-for="(base, index) in dataList" :key="index">
           <view class="content-area-top menu-item">
-            <view class="content-area-top-name">{{ base.projectName }} </view>
+            <view class="content-area-top-name" style="color: #559AFF;" @click="toProjectMange(base.id)">{{ base.projectName }} </view>
             <u-icon class="content-area-top-icon" name="more-dot-fill" size="20" color="#000" @click="moreClick(base)"></u-icon>
           </view>
           <view class="content-area-row_wrap menu-item">
@@ -326,6 +326,13 @@ function tabsClick(e) {
   state.tabsCurrent = e.index;
   init();
 }
+/**
+ * 跳转项目概览
+ * @param id 项目id
+ */
+function toProjectMange(id) {
+  proxy.$tab.navigateTo(`/pages/business/common/projectMange/overview/index?id=${id}`);
+}
 
 onReady(() => {});
 

src/pages/business/common/projectMange/overview/components/echarts.vue

@@ -0,0 +1,119 @@
+<template>
+  <view style="height: 350upx;width:100%;">
+    <l-echart ref="detailedChart"></l-echart>
+  </view>
+</template>
+
+<script setup>
+import * as echarts from "echarts";
+import { onLoad, onShow, onHide, onLaunch, onResize } from "@dcloudio/uni-app";
+import { defineComponent, ref, onMounted, nextTick,watch } from "vue";
+
+const props = defineProps({
+  xAxisDataList: {
+    type: Object,
+    default: null,
+  },
+  seriesDataList: {
+    type: Object,
+    default: null,
+  },
+});
+
+let myChart;
+const detailedChart = ref(null);
+
+let option = {
+  tooltip: {
+    trigger: "axis",
+  },
+  legend: {
+    show: false,
+    // data: ["邮件营销"],
+  },
+  grid: {
+    top: "8%",
+    left: "3%",
+    right: "8%",
+    bottom: "3%",
+    containLabel: true,
+  },
+  xAxis: {
+    type: "category",
+    boundaryGap: true,
+    axisLabel: {
+      color: "rgba(0,0,0,0.2)",
+      fontSize:props.xAxisDataList.length>10?8:10, //标签字体大小
+      rotate: -30,  //文字过多时，倾斜角度
+    },
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "rgba(0,0,0,0.1)",
+      },
+    },
+    axisTick: {
+      show: false,
+    },
+    data: props.xAxisDataList,
+  },
+  yAxis: {
+    type: "value",
+    name: '工时(小时)',
+    axisLabel: {
+      color: "rgba(0,0,0,0.2)",
+    },
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "rgba(0,0,0,0.1)",
+      },
+    },
+    splitLine: {
+      lineStyle: {
+        color: "rgba(0,0,0,0.1)",
+      },
+    },
+  },
+  series: [
+    {
+      name: "工时",
+      type: "bar",
+      stack: "总量",
+      smooth: true,
+      itemStyle: {
+        color: "rgba(73, 185, 245, 1)",
+      },
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+          {
+            offset: 0,
+            color: "rgba(73, 185, 245, 1)",
+          },
+          {
+            offset: 1,
+            color: "rgba(73, 185, 245, 0.3)",
+          },
+        ]),
+      },
+      data: props.seriesDataList,
+    },
+  ],
+};
+function initEcharts() {
+  myChart = detailedChart.value;
+  myChart.init(echarts, (myChart) => {
+    myChart.setOption(option);
+  });
+}
+
+onLoad(() => {
+  nextTick(() => {
+    initEcharts();
+  });
+});
+
+onResize(() => {
+  myChart.resize();
+});
+</script>

src/pages/business/common/projectMange/overview/index.vue

@@ -0,0 +1,256 @@
+<template>
+  <u-sticky class="shadow-default projectOverview" bgColor="#fff" style="top: 0">
+    <u-navbar :titleStyle="{ color: '#000' }" :autoBack="true" title="项目概览" :placeholder="true" :safeAreaInsetTop="true" bgColor="#fff">
+      <template #left>
+        <view class="u-navbar__content__left__item">
+          <u-icon name="arrow-left" size="20" color="#000"></u-icon>
+        </view>
+      </template>
+    </u-navbar>
+  </u-sticky>
+  
+  <oa-scroll
+    customClass="invoicing-container scroll-height"
+    :customStyle="{}"
+    :isSticky="true"
+    :refresherLoad="false"
+    :refresherEnabled="false"
+    :refresherDefaultStyle="'none'"
+    :refresherThreshold="44"
+    :refresherBackground="'#f5f6f7'"
+    :scrollIntoView="scrollIntoView"
+    :data-theme="'theme-' + proxy.$settingStore.themeColor.name"
+  >
+  <view class="projectName">{{ project.projectName }}</view>
+    <view>
+      <view class="menu-list" style="font-size: 15px; line-height: 30px;padding:0;">
+        <view class="list-cell" style="color: #666666;padding:10px;">
+          <view class="menu-item">
+            <span style="color:#559AFF;font-weight:bold;font-size: 16px;">丨 项目概况</span>
+          </view>
+          <view class="tableType4" style="margin-top:10px;">
+            <u-row v-for="(item, index) in overviewData" :key="index">
+              <u-col span="4">
+                <view style="text-align: left; padding: 0px 5px 0px 5px" >{{ item.label }}</view>
+              </u-col>
+              <u-col span="8">
+                <view style="text-align: left; padding: 0px 5px 0px 5px;overflow-x:scroll !important;width:100%;white-space:none !important;" v-if="!item.color">{{ item.value ? item.value : '无' }}</view>
+                <view style="text-align: left; padding: 0px 5px 0px 5px;overflow-x:scroll !important;width:100%;white-space:none !important;" v-if="item.color"><uni-tag :text="item.value" :type="item.color" /></view>
+              </u-col>
+            </u-row>
+          </view>
+        </view>
+      </view>
+      <view class="menu-list" style="font-size: 15px; line-height: 30px;padding:0;">
+        <view class="list-cell" style="color: #666666;padding:10px;">
+          <view class="menu-item">
+            <span style="color:#559AFF;font-weight:bold;">丨 项目背景</span>
+          </view>
+          <view class="menu-item">
+            <span>{{ project.projectDescribe ? project.projectDescribe : "暂无项目背景" }}</span>
+          </view>
+        </view>
+      </view>
+      <view class="menu-list" style="font-size: 15px; line-height: 30px;padding:0;">
+        <view class="list-cell" style="color: #666666;padding:10px;">
+          <view class="menu-item">
+            <span style="color:#559AFF;font-weight:bold;">丨 项目参与人员</span>
+          </view>
+          <view class="menu-item">
+            <view class="example-body" style="width:100%">
+              <uni-datetime-picker v-model="range" type="daterange" @change="changeTime"  style="margin:10px 0;"/>
+              <lineEcharts :xAxisDataList="xAxisDataList" :seriesDataList="seriesDataList" style="width:100%;" v-if="xAxisDataList.length>0"></lineEcharts>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </oa-scroll>
+</template>
+
+<script setup>
+/*----------------------------------依赖引入-----------------------------------*/
+import { onLoad, onShow, onReady, onHide, onLaunch, onNavigationBarButtonTap, onPageScroll } from "@dcloudio/uni-app";
+import { ref, reactive, computed, getCurrentInstance, toRefs, inject } from "vue";
+/*----------------------------------接口引入-----------------------------------*/
+import { crmInvoiceInfo, page } from "@/api/common/invoicing.js";
+import { projectApi } from "@/api/business/project.js";
+import { dUserList } from "@/api/system/user.js";
+import dayjs from 'dayjs/esm/index'
+/*----------------------------------组件引入-----------------------------------*/
+import lineEcharts from "./components/echarts.vue";
+/*----------------------------------store引入-----------------------------------*/
+/*----------------------------------公共方法引入-----------------------------------*/
+/*----------------------------------公共变量-----------------------------------*/
+const { proxy } = getCurrentInstance();
+const { project_type,project_status } = proxy.useDict("project_type","project_status");
+/*----------------------------------变量声明-----------------------------------*/
+const uForm = ref(null);
+const range = ref([dayjs().subtract(30, "day").format("YYYY-MM-DD"),dayjs().subtract(0, "day").format("YYYY-MM-DD")])
+const state = reactive({
+  projectId: "",//项目id
+  project:{},//项目信息
+  userDate:[],//人员列表
+  form: {
+    customId: "", //客户管理id
+    invoiceTitle: "", //发票抬头
+    dutyId: "", //税号
+    email: "", //电子邮箱
+    applicant: "", //申请人
+    phone: "", //手机号码
+    amount: "", //金额
+    invoiceType: "1", //发票类型;1：普票，2：专票
+    invoiceAttribute: "1", //发票性质;1：电子发票，2：纸质发票
+    sendAddress: "", //邮寄地址
+    paymentReceipt: "", //付款回执
+  },
+  overviewData:[
+    { label:"负责人", value:"",color:"" },
+    { label:"状态", value:"",color:"" },
+    { label:"类型", value:"",color:"" },
+    { label:"计划人天", value:"",color:"" },
+    { label:"成员", value:"",color:"" },
+    { label:"时间", value:"",color:"" },
+  ],
+  xAxisDataList:[],
+  seriesDataList:[],
+  scrollIntoView: "",
+  promptStatus: false,
+});
+
+const { scrollIntoView, promptStatus,project,userDate,overviewData,projectId,xAxisDataList,seriesDataList } = toRefs(state);
+
+/**
+ * @提交
+ */
+function handleSubmit(value) {
+  scrollIntoView.value = "";
+  uForm.value
+    .validate()
+    .then((res) => {
+      uni.$u.toast("校验通过");
+      proxy.$modal.loading("加载中");
+      page({
+        current: 1,
+        size: 10,
+        invoiceTitle: form.value.invoiceTitle,
+        startTime: proxy.$time.getYearLast(new Date()),
+        endTime: proxy.$time.getFormatterDate(new Date()),
+      }).then((requset) => {
+        if (requset.status === "SUCCESS") {
+          proxy.$modal.closeLoading();
+
+          if (requset.data.records.length > 0) {
+            promptStatus.value = true;
+            scrollIntoView.value = "noticeBar";
+          } else {
+            var param = {
+              customId: parseInt(form.value.customId), //客户管理id
+              invoiceTitle: form.value.invoiceTitle, //发票抬头
+              dutyId: form.value.dutyId, //税号
+              email: form.value.email, //电子邮箱
+              applicant: form.value.applicant, //申请人
+              phone: form.value.phone, //手机号码
+              amount: parseFloat(form.value.amount), //金额
+              invoiceType: parseInt(form.value.invoiceType), //发票类型;1：普票，2：专票
+              invoiceAttribute: parseInt(form.value.invoiceAttribute), //发票性质;1：电子发票，2：纸质发票
+              sendAddress: form.value.sendAddress, //邮寄地址
+              paymentReceipt: form.value.paymentReceipt, //付款回执
+            };
+            crmInvoiceInfo(param).then((requset) => {
+              if (requset.status === "SUCCESS") {
+                proxy.$tab.navigateTo("/pages/common/success/index?codeName=提交成功");
+              }
+            });
+          }
+        }
+      });
+    })
+    .catch((errors) => {
+      uni.$u.toast("校验失败");
+    });
+}
+function changeTime(e){
+  xAxisDataList.value=[]
+  getEchartsData()
+}
+
+/**
+ * @api接口查询
+ */
+function selectListApi(id) {
+  dUserList().then((res) => {
+    state.userDate = res.data;
+    projectApi()
+      .ProjectsList({
+        projectId: id,
+      })
+      .then((requset) => {
+        project.value = requset.data.records[0];
+        overviewData.value[0].value = proxy.$common.mapping("nickName", "userId", project.value.projectHead, userDate.value)
+        overviewData.value[1].value = proxy.$common.mapping("label", "value", project.value.projectStatus, project_status.value)
+        overviewData.value[1].color = proxy.$common.mapping("elTagType", "value", project.value.projectStatus, project_status.value)
+        overviewData.value[2].value = proxy.$common.mapping("label", "value", project.value.projectType, project_type.value)
+        overviewData.value[3].value = project.value.projectWorkload
+        overviewData.value[4].value = proxy.$common.mapping("nickName", "userId", project.value.projectMember, userDate.value)
+        overviewData.value[5].value = project.value.startTime || project.value.endTime ? 
+        (project.value.startTime ? project.value.startTime.slice(0, 10) : "") + 
+        " 至 " + (project.value.endTime ? project.value.endTime.slice(0, 10) : '') : ""
+      })
+    });
+
+}
+function getEchartsData(){
+  projectApi()
+  .usersProjectWorkTime(
+    {
+      projectId:projectId.value,
+      startDate:range.value[0],
+      endDate:range.value[1]
+    }
+  ).then((res) => {
+    xAxisDataList.value = res.data.users
+    seriesDataList.value = res.data.workTime
+  })
+}
+
+
+onLoad((options) => {
+  if(options.id){
+    projectId.value= options.id
+    selectListApi(options.id)
+    getEchartsData()
+  }
+});
+
+onReady(() => {});
+
+onShow((options) => {
+  //调用系统主题颜色
+  proxy.$settingStore.systemThemeColor([1]);
+});
+
+// 自定义导航事件
+onNavigationBarButtonTap((e) => {
+  if (e.float == "right") {
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+:deep(.uni-page-head__title) {
+  opacity: 1 !important;
+}
+.projectName{
+  text-align: center;
+  font-size: 15px;
+  font-weight: bold;
+  margin:10px 0 0 ;
+}
+</style>
+<style>
+  :deep(.uni-date-editor--x){
+    border-radius: 20px !important;
+    width:100% !important;
+  }
+</style>

src/static/scss/public.scss

@@ -212,7 +212,30 @@ uni-input {
     }
   }
 }
+.tableType4 {
+  .u-row {
+    align-items: initial !important;
+
+    border: 1px #e5e5e5 solid;
+    border-bottom: 0px;
+
+    >.u-col {
+      border-right: 1px #e5e5e5 solid;
+      white-space: normal;
+      word-break: break-all;
+    }
 
+    >.u-col:last-child {
+      border-right: 0px #e5e5e5 solid;
+    }
+  }
+
+  .u-row:last-child {
+    .u-col {
+      border-bottom: 1px #e5e5e5 solid;
+    }
+  }
+}
 
 //公共按钮样式
 .app-button {