From 23baa415d3088cfa5dd47d9ee2ab82c308b97f64 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期五, 16 五月 2025 17:57:08 +0800 Subject: [PATCH] qx --- src/views/team/reporting/index.vue | 185 ++++++++++------------------------------------ 1 files changed, 40 insertions(+), 145 deletions(-) diff --git a/src/views/team/reporting/index.vue b/src/views/team/reporting/index.vue index dec29f9..60803d7 100644 --- a/src/views/team/reporting/index.vue +++ b/src/views/team/reporting/index.vue @@ -1,17 +1,15 @@ <template> <div class="app-container"> <el-row :gutter="20"> - <el-col :span="3" :xs="24" style="margin-top: 30px"> + <el-col :span="5" :xs="24" style="margin-top: 30px; max-height: 700px; + overflow-y:auto; + flex-direction: column;"> <!-- <div class="head-container"> <el-input v-model="dwName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 15px" /> </div> --> <el-collapse v-model="index" accordion> - <div - class="info1" - v-for="(item, index) in deptOptions" - :key="'info1-' + index" - > + <div class="info1" v-for="(item, index) in deptOptions" :key="'info1-' + index"> <el-collapse-item> <template #title> <div class="projectItem"> @@ -21,20 +19,15 @@ </div> </div> </template> - <div - style=" + <div style=" display: flex; flex-direction: column; align-items: center; - " - > - <span - class="txt" - v-for="(items, index) in item.dwDepts" - :key="index" - @click="mianban(items.id)" - >{{ items.dwDeptName }}</span - > + + "> + <span class="txt" v-for="(items, index) in item.dwDepts" :key="index" @click="mianban(items.id)">{{ + items.dwDeptName + }}</span> </div> </el-collapse-item> </div> @@ -45,153 +38,54 @@ @node-click="handleNodeClick" /> </div> --> </el-col> - <el-col :span="20" :xs="24"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - label-width="68px" - > + <el-col :span="18" :xs="24"> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px"> <el-form-item label="鏃堕棿" prop="applicationTime"> - <el-date-picker - clearable - v-model="createTimeList" - @change="dateChangebirthday1" - :default-time="['00:00:00', '23:00:00']" - format="yyyy-MM-dd HH:mm:ss" - value-format="yyyy-MM-dd HH:mm:ss" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - :picker-options="pickerOptions" - ></el-date-picker> + <el-date-picker clearable v-model="createTimeList" @change="dateChangebirthday1" + :default-time="['00:00:00', '23:00:00']" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" + type="daterange" range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" + :picker-options="pickerOptions"></el-date-picker> </el-form-item> <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" - @click="handleQuery" - >鏌ヨ</el-button - > - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" - >閲嶇疆</el-button - > + <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" + style="margin: 0 15px;">鏌ヨ</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> </el-form-item> </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> - <el-button type="primary" size="mini" @click="dialogVisible = true" - >鐢熸垚鎶ュ憡</el-button - > + <el-button type="primary" size="mini" @click="dialogVisible = true">鐢熸垚鎶ュ憡</el-button> </el-col> <el-col :span="1.5"> <el-button type="primary" size="mini">鍒犻櫎鎶ュ憡</el-button> </el-col> </el-row> <el-table :data="baogaoList" style="width: 100%" border> - <el-table-column - prop="bgType" - label="鎶ュ憡绫诲瀷" - width="180" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="dwName" - label="鍗曚綅" - width="180" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="batch" - label="鎵规" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="dept" - label="閮ㄩ棬" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="peopleCount" - label="鎬讳汉鏁�" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="yjCount" - label="宸叉" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="wjCount" - label="鏈" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="startTime" - label="寮�濮嬫椂闂�" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> - <el-table-column - prop="enfTime" - label="缁撴潫鏃堕棿" - :show-overflow-tooltip="true" - align="center" - ></el-table-column> + <el-table-column prop="bgType" label="鎶ュ憡绫诲瀷" width="180" :show-overflow-tooltip="true" + align="center"></el-table-column> + <el-table-column prop="dwName" label="鍗曚綅" width="180" :show-overflow-tooltip="true" + align="center"></el-table-column> + <el-table-column prop="batch" label="鎵规" :show-overflow-tooltip="true" align="center"></el-table-column> + <el-table-column prop="dept" label="閮ㄩ棬" :show-overflow-tooltip="true" align="center"></el-table-column> + <el-table-column prop="peopleCount" label="鎬讳汉鏁�" :show-overflow-tooltip="true" + align="center"></el-table-column> + <el-table-column prop="yjCount" label="宸叉" :show-overflow-tooltip="true" align="center"></el-table-column> + <el-table-column prop="wjCount" label="鏈" :show-overflow-tooltip="true" align="center"></el-table-column> + <el-table-column prop="startTime" label="寮�濮嬫椂闂�" :show-overflow-tooltip="true" align="center"></el-table-column> + <el-table-column prop="enfTime" label="缁撴潫鏃堕棿" :show-overflow-tooltip="true" align="center"></el-table-column> </el-table> - <el-dialog - title="鎻愮ず" - :visible.sync="dialogVisible" - width="30%" - :before-close="handleClose" - > - <el-form - ref="form" - :model="form" - :rules="rules" - label-width="100px" - :inline="true" - > + <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> + <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true"> <el-form-item label="鍗曚綅" prop="compId"> - <el-select - v-model="compId" - placeholder="璇烽�夋嫨鍗曚綅" - clearable - style="width: 200px" - @change="cmp" - > - <el-option - v-for="dict in compList" - :key="dict.drugManufacturerId" - :label="dict.cnName" - :value="dict.drugManufacturerId" - /> + <el-select v-model="compId" placeholder="璇烽�夋嫨鍗曚綅" clearable style="width: 200px" @change="cmp"> + <el-option v-for="dict in compList" :key="dict.drugManufacturerId" :label="dict.cnName" + :value="dict.drugManufacturerId" /> </el-select> <!-- <el-input v-model="queryParams.compId" placeholder="璇疯緭鍏ュ崟浣�" clearable @keyup.enter.native="handleQuery" style="width: 170px"/> --> </el-form-item> <el-form-item label="鍗曚綅閮ㄩ棬" prop="dwDeptId"> - <el-select - v-model="dwDeptId" - placeholder="璇烽�夋嫨鍗曚綅閮ㄩ棬" - clearable - style="width: 200px" - > - <el-option - v-for="dict in dwList" - :key="dict.id" - :label="dict.dwDeptName" - :value="dict.id" - /> + <el-select v-model="dwDeptId" placeholder="璇烽�夋嫨鍗曚綅閮ㄩ棬" clearable style="width: 200px"> + <el-option v-for="dict in dwList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" /> </el-select> <!-- <el-input v-model="queryParams.dwDeptId" placeholder="璇疯緭鍏ュ崟浣嶉儴闂�" clearable @keyup.enter.native="handleQuery" style="width: 110px"/> --> </el-form-item> @@ -414,6 +308,7 @@ .txt { margin-top: 10px; } + .txt:hover { cursor: pointer; } -- Gitblit v1.8.0