From b3cdadfa52ba7dce5aa77b9dedad1949f25b33b9 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期一, 02 十二月 2024 17:27:04 +0800 Subject: [PATCH] 地图样式2 --- src/views/system/check/result/detail/detail.vue | 99 +++++++++++++++++++++++++------------------------ 1 files changed, 50 insertions(+), 49 deletions(-) diff --git a/src/views/system/check/result/detail/detail.vue b/src/views/system/check/result/detail/detail.vue index c3cf1d4..cd5733a 100644 --- a/src/views/system/check/result/detail/detail.vue +++ b/src/views/system/check/result/detail/detail.vue @@ -1,5 +1,13 @@ <template> - <div class="app-container"> + <div style="padding: 0px 10px"> + <div > + <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" + > + <el-menu-item index="0">鐪佸巺鑰冩牳</el-menu-item> + <el-menu-item index="1">鍖哄幙鑰冩牳</el-menu-item> + <el-menu-item index="2" v-if ="examineCategory==1">鍏畨閮ㄨ�冩牳</el-menu-item> + </el-menu> + </div> <el-container> <el-main> <h2>鑰冩牳瑙勫垯</h2> @@ -30,6 +38,7 @@ type="text" icon="el-icon-edit" @click="handleRuleUpdate(item)" + v-hasPermi="['check:template:edit']" >淇敼 </el-button> </div> @@ -38,35 +47,6 @@ </el-card> </el-col> </el-row> - <!-- <div></div> - <el-table - v-loading="loading" - :data="checkRuleList" - @selection-change="handleSelectionChange" - > - <el-table-column type="selection" width="55" align="center" /> - <el-table-column - label="瑙勫垯鍚嶇О" - align="center" - prop="checkRuleName" - /> - <el-table-column label="瑙勫垯鏉冮噸" align="center" prop="weight" /> - <el-table-column - label="鎿嶄綔" - align="center" - class-name="small-padding fixed-width" - > - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleRuleUpdate(scope.row)" - >淇敼 - </el-button> - </template> - </el-table-column> - </el-table> --> </el-main> </el-container> @@ -81,6 +61,7 @@ icon="el-icon-download" size="mini" @click="handleExport" + v-hasPermi="['check:result:detail:export']" >瀵煎嚭 </el-button> </el-col> @@ -91,19 +72,7 @@ :inline="true" v-show="showSearch" > - <el-form-item label="鑰冩牳鏃ユ湡" prop="name"> - <el-date-picker - v-model="queryParams.date" - format="yyyy-MM" - value-format="yyyy-MM" - type="month" - placeholder="閫夋嫨鏃ユ湡" - @change="dateChange" - > - </el-date-picker> - </el-form-item> - <!-- 瀛e害閫夋嫨 --> - <el-form-item> + <el-form-item label="鑰冩牳鏃堕棿"> <el-date-picker :clearable="false" v-model="queryParams.quarter" @@ -157,6 +126,21 @@ <span>{{ translateDeptId(scope.row.dept_id) }}</span> </template> </el-table-column> + <el-table-column + label="鑰冩牳鏍囩" + align="center" + prop="dept_id" + width="120px" + fixed + > + <template slot-scope="scope"> + {{ + scope.row.examine_tag === 0 ? '鐪佸巺鑰冩牳' : + scope.row.examine_tag === 1 ? '鍖哄幙鑰冩牳' : + scope.row.examine_tag === 2 ? '鍏畨閮ㄨ�冩牳' : '鏈煡' + }} + </template> + </el-table-column> <template v-for="item in tableData"> <el-table-column :key="item.ruleName" @@ -165,7 +149,7 @@ width="180px" > <template slot-scope="scope"> - <span>{{ scope.row[item.ruleIndex] }}</span> + <span>{{ (scope.row[item.ruleIndex] * 100).toFixed(2) + '%'}}</span> </template> </el-table-column> </template> @@ -326,7 +310,10 @@ queryParams: { id: null, date: null, - quarter: null + quarter: null, + examineTag: null, + examineTags: [], + deptId: null }, // 琛ㄥ崟鏍¢獙 rules: {}, @@ -345,6 +332,14 @@ if (this.$route.query.id) { this.queryParams.id = this.$route.query.id; } + if(this.$route.query.deptId){ + this.queryParams.deptId = this.$route.query.deptId; + } + this.examineCategory = this.$route.query.examineCategory; + let examineTag = this.$route.query.examineTag; + this.activeIndex = examineTag; + this.queryParams.examineTag = examineTag; + this.queryParams.examineTags.push(examineTag); // 鑰冩牳绉垎鍒楄〃 this.getList(); this.areaSelect(); @@ -442,6 +437,15 @@ this.indexOpen = true; this.title = "淇敼鑰冩牳鎸囨爣"; }, + /** 瀵艰埅鍒囨崲 */ + handleSelect(key) { + this.activeIndex = key; + this.queryParams.examineTag = key; + // 鑰冩牳绉垎鍒楄〃 + this.getList(); + + + }, /** 淇敼鎸夐挳鎿嶄綔 */ handleRuleUpdate(row) { this.reset("ruleForm"); @@ -466,15 +470,12 @@ /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { this.download( - "/check/score/export", + "/check/score/detailExport", { ...this.queryParams, }, `鑰冩牳鎸囨爣_${new Date().getTime()}.xlsx` ); - }, - handleSelect(key, keyPath) { - console.log(key, keyPath); }, }, }; -- Gitblit v1.8.0