| | |
| | | <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="项目编码" width="180" align="center" prop="projectCode"></el-table-column> |
| | | <el-table-column label="申请时间" prop="createTime" align="center" :show-overflow-tooltip="true" width="180"/> |
| | | <el-table-column label="出差事由" prop="projectName" align="center" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="部门" prop="deptName" align="center" width="180"/> |
| | |
| | | <el-input v-model.trim="search.queryParams.projectName" placeholder="请输入项目名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="部门名称"> |
| | | <el-input v-model.trim="search.queryParams.deptName" placeholder="请输入部门名称"></el-input> |
| | | <!-- <el-input v-model.trim="search.queryParams.deptName" placeholder="请输入部门名称"></el-input>--> |
| | | <el-cascader |
| | | style="width: 100%" |
| | | clearable |
| | | v-model.trim="search.queryParams.deptId" |
| | | :show-all-levels="false" |
| | | placeholder="请选择部门" |
| | | :options="deptList" |
| | | :props="{ value: 'deptId',label: 'deptName',emitPath: false,checkStrictly: true}"></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item label="项目编码"> |
| | | <el-input v-model.trim="search.queryParams.projectCode" placeholder="请输入项目编码"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | import {delProject, exportData, getProjectList, getProjectNum} from "@/api/projectManage"; |
| | | // import * as XLSX from 'xlsx'; |
| | | import XLSX from 'xlsx-js-style'; |
| | | import {listDept} from "@/api/system/dept"; |
| | | const { proxy } = getCurrentInstance(); |
| | | |
| | | const router = useRouter(); |
| | | |
| | |
| | | projectName: '', |
| | | projectDateStart: '', |
| | | projectDateEnd: '', |
| | | step: null |
| | | |
| | | step: null, |
| | | deptId: null, |
| | | projectCode: '' |
| | | }, |
| | | num: { |
| | | approval: 0, |
| | |
| | | const tableRef = ref(null); |
| | | const tableHeight = ref(0); |
| | | const dataList = ref([]); |
| | | const deptList = ref([]) |
| | | const total = ref(0); |
| | | const isAgency = ref(false); |
| | | onMounted(() => { |
| | | Cookies.remove('projectId') |
| | | Cookies.remove('end') |
| | | Cookies.remove('btn') |
| | | getList(); |
| | | getStatistics(); |
| | | getList() |
| | | getDeptList() |
| | | getStatistics() |
| | | // getArea(); |
| | | // getBusinessList(); |
| | | // getRiskList(); |
| | |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | |
| | | function getDeptList() { |
| | | listDept({ |
| | | deptName: undefined, |
| | | status: undefined |
| | | }).then(response => { |
| | | deptList.value = proxy.handleTree(response.data, "deptId",'parentId','children'); |
| | | }); |
| | | console.log(deptList.value,999) |
| | | } |
| | | |
| | | const getStatistics = async () => { |
| | | const res = await getProjectNum(); |
| | | if (res.code == 200) { |
| | |
| | | const res = await exportData({projectId: row.id}) |
| | | if (res.code == 200) { |
| | | // 定义标题 |
| | | const title = [["自治区应急管理厅外聘专家劳务费发放表"]] |
| | | const title = [[`自治区应急管理厅外聘专家劳务费发放表(项目编码${row.projectCode})`]] |
| | | // 固定一行:填报处室和单位 |
| | | const fixedHeader = [ |
| | | ["填报处室:" + row.deptName, "", "", "", "", "单位:元", "", "", "", "",""] |
| | |
| | | projectName: '', |
| | | projectDateStart: '', |
| | | projectDateEnd: '', |
| | | step: null |
| | | step: null, |
| | | deptId: null, |
| | | projectCode: '' |
| | | } |
| | | chooseType.value = ''; |
| | | getList(); |