|
@@ -2,7 +2,7 @@
|
|
|
<div class="app-container">
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
<el-form-item label="评估年度" prop="saiYear">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
+ <el-date-picker size="small" style="width: 200px"
|
|
|
v-model="queryParams.saiYear"
|
|
|
type="year"
|
|
|
value-format="yyyy"
|
|
@@ -71,20 +71,19 @@
|
|
|
v-hasPermi="['production:sai:export']"
|
|
|
>导出</el-button>
|
|
|
</el-col>
|
|
|
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getListByYear()"></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row class="colorMark">
|
|
|
<span style="float:left;">
|
|
|
- <svg-icon id="score" icon-class="rectangleGreen" class="rectangleGreen"></svg-icon>
|
|
|
- 安全行为指数:{{score}}
|
|
|
+ 装置自查人均扣分:{{score}}
|
|
|
</span>
|
|
|
- <svg-icon icon-class="rectangleGreen" class="rectangleGreen"></svg-icon>
|
|
|
- <span>合格</span>
|
|
|
- <svg-icon icon-class="rectangleYellow" class="rectangleYellow"></svg-icon>
|
|
|
- <span>预警</span>
|
|
|
- <svg-icon icon-class="rectanglered" class="rectangleRed"></svg-icon>
|
|
|
- <span>报警</span>
|
|
|
+ <!--<svg-icon icon-class="rectangleGreen" class="rectangleGreen"></svg-icon>-->
|
|
|
+ <!--<span>合格</span>-->
|
|
|
+ <!--<svg-icon icon-class="rectangleYellow" class="rectangleYellow"></svg-icon>-->
|
|
|
+ <!--<span>预警</span>-->
|
|
|
+ <!--<svg-icon icon-class="rectanglered" class="rectangleRed"></svg-icon>-->
|
|
|
+ <!--<span>报警</span>-->
|
|
|
</el-row>
|
|
|
|
|
|
<el-table v-loading="loading" :data="saiList" @selection-change="handleSelectionChange" :height="clientHeight" border>
|
|
@@ -96,8 +95,8 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="识别出的安全问题" align="center" prop="dificiency" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="级别" align="center" prop="saiLevel" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="类别" align="center" prop="category" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="SAI级别" align="center" prop="saiLevel" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column label="SAI类别" align="center" prop="category" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="采取或要采取的措施" align="center" prop="actions" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="用户" align="center" prop="userDeptName" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column label="数据来源" align="center" prop="source" :show-overflow-tooltip="true"/>
|
|
@@ -126,7 +125,7 @@
|
|
|
:total="total"
|
|
|
:page.sync="queryParams.pageNum"
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
+ @pagination="getListByYear"
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改SAI信息对话框 -->
|
|
@@ -147,10 +146,14 @@
|
|
|
<el-input v-model="form.dificiency" placeholder="请输入识别出的安全问题" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="级别" prop="saiLevel">
|
|
|
- <el-input v-model="form.saiLevel" placeholder="请输入级别" />
|
|
|
+ <el-select v-model="form.saiLevel" placeholder="请选择SAI级别">
|
|
|
+ <el-option key="1" label="1" value="1"></el-option>
|
|
|
+ <el-option key="2" label="2" value="2"></el-option>
|
|
|
+ <el-option key="3" label="3" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="类别" prop="category">
|
|
|
- <el-input v-model="form.category" placeholder="请输入类别" />
|
|
|
+ <el-form-item label="SAI类别" prop="category">
|
|
|
+ <el-input v-model="form.category" placeholder="请输入SAI类别" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="采取或要采取的措施" prop="actions">
|
|
|
<el-input v-model="form.actions" placeholder="请输入采取或要采取的措施" />
|
|
@@ -212,7 +215,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { listSai, listSaiByYear, getSai, delSai, addSai, updateSai, exportSai, importTemplate} from "@/api/production/sai";
|
|
|
+import { calcScoreByYear, listSai, listSaiByYear, getSai, delSai, addSai, updateSai, exportSai, importTemplate} from "@/api/production/sai";
|
|
|
import { treeselect, alltreeselect } from "@/api/system/dept";
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
@@ -223,7 +226,7 @@ export default {
|
|
|
components: { Treeselect },
|
|
|
data() {
|
|
|
return {
|
|
|
- score: 0,
|
|
|
+ score: null,
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 选中数组
|
|
@@ -301,9 +304,17 @@ export default {
|
|
|
})
|
|
|
// this.getList();
|
|
|
this.getListByYear();
|
|
|
+ this.calcScoreByYear();
|
|
|
this.getTreeselect();
|
|
|
},
|
|
|
methods: {
|
|
|
+ /** 计算当年装置自查人均扣分 */
|
|
|
+ calcScoreByYear() {
|
|
|
+ calcScoreByYear(this.queryParams.saiYear).then(response => {
|
|
|
+ this.score = response.msg;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 评估年度默认为当年 */
|
|
|
setYear() {
|
|
|
this.queryParams.saiYear = new Date().getFullYear().toString();
|
|
|
},
|
|
@@ -314,6 +325,7 @@ export default {
|
|
|
this.saiList = response.rows;
|
|
|
this.total = response.total;
|
|
|
this.loading = false;
|
|
|
+ this.calcScoreByYear();
|
|
|
});
|
|
|
},
|
|
|
getList() {
|
|
@@ -396,12 +408,14 @@ export default {
|
|
|
this.msgSuccess("修改成功");
|
|
|
this.open = false;
|
|
|
this.getListByYear();
|
|
|
+ this.calcScoreByYear();
|
|
|
});
|
|
|
} else {
|
|
|
addSai(this.form).then(response => {
|
|
|
this.msgSuccess("新增成功");
|
|
|
this.open = false;
|
|
|
this.getListByYear();
|
|
|
+ this.calcScoreByYear();
|
|
|
});
|
|
|
}
|
|
|
}
|