项目管理

zhouwx

2024-11-20 8e5874a30ae9b194968393b2399bbba193eaa313

 src/views/safetyReview/projectManage/index.vue

@@ -19,7 +19,7 @@
            <div>项目</div>
            <div>总数</div>
          </div>
          <div class="font-right">{{search.num.projectTotal}}</div>
          <div class="font-right">{{search.num.total}}</div>
        </div>
        <div class="box-right">
          <div class="inbox" @click="choose(1)" style="box-shadow: rgba(132, 122, 253, 0.2) 0 3px 5px 0;" :class="{btn1: chooseType === 1}">
@@ -27,7 +27,7 @@
              <span class="top-right-font">基本信息</span>
            </div>
            <div class="bottom">
              <span class="top-right-font-bottom">{{search.num.riskTotal}}</span>
              <span class="top-right-font-bottom">{{search.num.staging}}</span>
            </div>
          </div>
          <div class="inbox" @click="choose(2)" style="box-shadow: rgba(255, 142, 139, 0.15) 0 3px 5px 0;" :class="{btn2: chooseType === 2}">
@@ -35,7 +35,7 @@
              <span class="top-right-font">专家选用</span>
            </div>
            <div class="bottom">
              <span class="top-right-font-bottom">{{search.num.investigationTotal}}</span>
              <span class="top-right-font-bottom">{{search.num.expert}}</span>
            </div>
          </div>
          <div class="inbox"  @click="choose(3)" style="box-shadow: rgba(222, 106, 169, 0.15) 0 3px 5px 0;" :class="{btn3: chooseType === 3}">
@@ -43,7 +43,7 @@
              <span class="top-right-font">项目审批</span>
            </div>
            <div class="bottom">
              <span class="top-right-font-bottom">{{search.num.reviewTotal}}</span>
              <span class="top-right-font-bottom">{{search.num.approval}}</span>
            </div>
          </div>
          <div class="inbox" @click="choose(4)" style="box-shadow: rgba(109, 177, 254, 0.2) 0 3px 5px 0;" :class="{btn4: chooseType === 4}">
@@ -51,7 +51,7 @@
              <span class="top-right-font">项目归档</span>
            </div>
            <div class="bottom">
              <span class="top-right-font-bottom">{{search.num.reportTotal}}</span>
              <span class="top-right-font-bottom">{{search.num.end}}</span>
            </div>
          </div>
        </div>
@@ -61,11 +61,14 @@
    <el-table v-loading="loading" :data="dataList" :border="true" ref="tableRef" :height="tableHeight" style="width: 100%;">
      <el-table-column label="序号" width="80" align="center" type="index" ></el-table-column>
      <el-table-column label="申请时间" prop="createTime" align="center" :show-overflow-tooltip="true" width="180" />
      <el-table-column label="项目名称" prop="name" align="center" :show-overflow-tooltip="true" width="180" />
      <el-table-column label="部门" prop="dept" align="center" />
      <el-table-column label="专家组组长" prop="leader" align="center"  width="150"/>
      <el-table-column label="专家组人数" prop="num" align="center"  width="150"/>
      <el-table-column label="项目名称" prop="projectName" align="center" :show-overflow-tooltip="true" width="180" />
      <el-table-column label="部门" prop="deptName" align="center" />
      <el-table-column label="专家组组长" prop="deptUserName" align="center"  width="150"/>
      <el-table-column label="专家组人数" prop="expertNum" align="center"  width="150"/>
      <el-table-column label="当前状态" prop="state" align="center"  width="200">
        <template #default="scope">
          <span>{{scope.row.state === 0 ? '暂存' : scope.row.state === 1 ? '生成审批单' : scope.row.state === 2 ? '审批通过' :scope.row.state === 3 ?'审批驳回' : '完结' }}</span>
        </template>
      </el-table-column>
      <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="180">
        <template #default="scope">
@@ -103,17 +106,10 @@
              />
            </el-form-item>
            <el-form-item  label="项目名称" >
              <el-input v-model.trim="search.queryParams.name" placeholder="请输入项目名称"></el-input>
              <el-input v-model.trim="search.queryParams.projectName" placeholder="请输入项目名称"></el-input>
            </el-form-item>
            <el-form-item  label="当前状态" >
              <el-select v-model="search.queryParams.state" class="m-2" size="large" placeholder="请选择" style="width: 100%" >
                <el-option
                    v-for="item in stateList"
                    :key="item.id"
                    :label="item.label"
                    :value="item.id"
                />
              </el-select>
            <el-form-item  label="部门名称" >
              <el-input v-model.trim="search.queryParams.deptName" placeholder="请输入部门名称"></el-input>
            </el-form-item>
          </el-form>
        </div>
@@ -140,6 +136,7 @@
// import {getDict} from "@/api/login";
// import {getDictList} from "@/api/backManage/evaluate";
import Cookies from "js-cookie"
import {delProject, getProjectList, getProjectNum} from "@/api/projectManage";
const router = useRouter();

const loading = ref(false);
@@ -155,20 +152,18 @@
  queryParams: {
    pageNum: 1,
    pageSize: 20,
    name: '',
    phase: '',
    state: null,
    params:{
    projectName: '',
    projectDateStart: '',
    projectDateEnd: '',
    step: null

    }
  },
  num: {
    projectTotal: 0,
    riskTotal: 0,
    investigationTotal: 0,
    reviewTotal: 0,
    reportTotal: 0,
    archiveTotal: 0
    approval: 0,
    end: 0,
    expert: 0,
    staging: 0,
    total: 0
  }
});
const searchTime = ref([]);
@@ -217,55 +212,27 @@
const chooseType = ref('');
const choose = (val) => {
  chooseType.value = val;
  search.queryParams.phase = val;
  search.queryParams.step = val;
  getList();
}
const getList = async () => {
  loading.value = true;
  dataList.value = [
    {
      id:1,
      createTime: 'xxx',
      name: 'xxx',
      dept: 'xxx',
      leader: '张三',
      num: 10,
      state: 1,
      reportProgress: 1

    }
  ]
  // const res = await getProjectList(search.queryParams);
  // if(res.code == 200){
  //   dataList.value = res.data.list.map(item => {
  //     return {
  //       ...item,
  //       process: item.reportProgress <= 4 ? 1 : item.reportProgress > 4 && item.reportProgress <= 6 ? 2 : item.reportProgress > 6 && item.reportProgress <= 9 ? 3 : item.reportProgress > 9 && item.reportProgress <= 11 ? 4 : 5,
  //       leaderName: item.leader ? item.leader.name : '',
  //       area: item.district ? item.province + '/' + item.city + '/' + item.district : item.city != item.province ? item.province + '/' + item.city: item.province ,
  //       filingDate: item.filingDate ? conversionDays(item.filingDate,item.createTime) : conversionDays('',item.createTime),
  //       contractMoney: item.contract ? item.contract.contractMoney : '',
  //       actualContractMoney: item.contract ? item.contract.actualContractMoney : '',
  //       activeConfirm: item.personRecognition ?  item.personRecognition.recognitionCnt +  '/' +  item.personRecognition.personCnt: '',
  //       missingMaterialCnt:  3-item.materialCnt,
  //       activeConfirmOut: item.personRecognition ? "\'" + item.personRecognition.recognitionCnt +  '/' +  item.personRecognition.personCnt: '',
  //     }
  //   })
  total.value = 1
  const res = await getProjectList(search.queryParams);
  if(res.code == 200){
    dataList.value = res.rows
    total.value = res.total
  loading.value = false;
  //   console.log('11',dataList.value)
  // }else{
  //   ElMessage.warning(res.message)
  // }
  }else{
    ElMessage.warning(res.message)
  }
}
const getStatistics = async () => {
  // const {pageNum,pageSize, ...data} = JSON.parse(JSON.stringify(search.queryParams))
  // const res = await getProjectStatistics(data);
  // if(res.code == 200){
  //   search.num = res.data
  // }else{
  //   ElMessage.warning(res.message)
  // }
  const res = await getProjectNum();
  if(res.code == 200){
    search.num = res.data
  }else{
    ElMessage.warning(res.message)
  }
}
const handleSizeChange = (val) => {
  search.queryParams.pageNum = 1;
@@ -278,7 +245,7 @@
}
const toProcess = (type,value,toPath) => {
  value.type = type;
  router.push({ path: '/process', query: {id: value.id, type: type, toPath: toPath, process: value.reportProgress}});
  router.push({ path: '/process', query: {id: value.id, type: type, toPath: toPath, process: value.step}});
}

const del = (val) => {
@@ -291,7 +258,7 @@
        type: 'warning',
      })
      .then( async() => {
        const res = await delProject(val)
        const res = await delProject(val.id)
        if(res.code == 200){
          ElMessage.success('数据删除成功')
          await getList()
@@ -308,14 +275,14 @@
}
const changeTime=(value)=>{
  if(!value){
    search.queryParams.params.endTime = ""
    search.queryParams.params.startTime = ""
    search.queryParams.projectDateStart = ""
    search.queryParams.projectDateEnd = ""
  }
}
const searchClick = () => {
  if(searchTime.value && searchTime.value.length>0){
    search.queryParams.params.startTime = searchTime.value[0]
    search.queryParams.params.endTime = searchTime.value[1]
    search.queryParams.projectDateStart = searchTime.value[0]
    search.queryParams.projectDateEnd = searchTime.value[1]
  }
  getList();
  getStatistics();
@@ -326,12 +293,10 @@
  search.queryParams = {
    pageNum: 1,
    pageSize: 20,
    name: '',
    phase: '',
    state: null,
    params:{

    }
    projectName: '',
    projectDateStart: '',
    projectDateEnd: '',
    step: null
  }
  chooseType.value = '';
  getList();