|
|
@@ -0,0 +1,386 @@
|
|
|
+<template>
|
|
|
+ <div class="rule-type">
|
|
|
+ <DialogCom
|
|
|
+ @colse="onHide"
|
|
|
+ :title="`${id ? '编辑' : '新增'}评价规则`"
|
|
|
+ :visible.sync="isShow"
|
|
|
+ width="900px"
|
|
|
+ destroy-on-close
|
|
|
+ >
|
|
|
+ <div class="page-body">
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ :rules="formDataRules"
|
|
|
+ size="small"
|
|
|
+ ref="form"
|
|
|
+ label-position="right"
|
|
|
+ label-width="130px"
|
|
|
+ label-prefix=":"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="orgType" label="机构类型:">
|
|
|
+ <el-select
|
|
|
+ label="机构类型"
|
|
|
+ name="orgType"
|
|
|
+ v-model="queryParams.orgType"
|
|
|
+ placeholder="请选择机构类型"
|
|
|
+ @change="onOrgTypeChanged"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in dict.type.sys_org_type"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="typeCode" label="指标类型:">
|
|
|
+ <el-select
|
|
|
+ label="指标类型"
|
|
|
+ v-model="queryParams.typeCode"
|
|
|
+ placeholder="请选择指标类型"
|
|
|
+ @change="changeTargetList"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in targetList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.code"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="projectCode" label="指标项目:">
|
|
|
+ <el-select
|
|
|
+ label="指标项目"
|
|
|
+ v-model="queryParams.projectCode"
|
|
|
+ placeholder="请选择指标项目"
|
|
|
+ @change="changeTargetListChild"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in targetListChild"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.code"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="pointCode" label="指标要点:">
|
|
|
+ <el-select
|
|
|
+ label="指标要点"
|
|
|
+ v-model="queryParams.pointCode"
|
|
|
+ placeholder="请选择指标要点"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in targetListGrandson"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.code"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="扣分方式:">
|
|
|
+ <el-radio-group v-model="queryParams.deductionType">
|
|
|
+ <el-radio :label="1">直接扣分</el-radio>
|
|
|
+ <el-radio :label="2">最高扣分</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="score" label="分值:">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入分值"
|
|
|
+ v-model.number="queryParams.score"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="formula" label="公式说明:">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.formula"
|
|
|
+ clearable
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 2, maxRows: 4 }"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注:">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.remark"
|
|
|
+ type="textarea"
|
|
|
+ :autosize="{ minRows: 2, maxRows: 4 }"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <el-button @click="openSelect">新增扣分规则</el-button>
|
|
|
+
|
|
|
+ <el-table :data="tableData" style="width: 100%" height="400px">
|
|
|
+ <el-table-column label="序号" type="index" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="indicatorNote" label="计算项目">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="calculateType"
|
|
|
+ label="计算类型"
|
|
|
+ :formatter="formatterCalculateType"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="indicatorDays" label="连续数">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemValue" label="系数"> </el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ <el-button type="text" @click="removeRow(row)">移除</el-button>
|
|
|
+ <el-button type="text" @click="editRow(row)">编辑</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="onHide">取消</el-button>
|
|
|
+ <el-button type="primary" @click="onSubmit">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </DialogCom>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ import dayjs from "dayjs";
|
|
|
+ import { mapGetters } from "vuex";
|
|
|
+ import { findAllRole } from "@/api/system/role";
|
|
|
+ import { guid } from "@/utils/index.js";
|
|
|
+ import {
|
|
|
+ addTargetEvaluate,
|
|
|
+ getEvaluateById,
|
|
|
+ editTargetEvaluate,
|
|
|
+ } from "@/api/evaluateRule/rule.js";
|
|
|
+
|
|
|
+ export default {
|
|
|
+ dicts: ["evaluate_cycle", "sys_org_type"],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ input: "",
|
|
|
+ evaluateName: null,
|
|
|
+ planType: null,
|
|
|
+ typeCode: null,
|
|
|
+ planStatus: null,
|
|
|
+ orgType: null,
|
|
|
+ roleNames: null,
|
|
|
+
|
|
|
+ tableData: [],
|
|
|
+ id: null,
|
|
|
+ isShow: false,
|
|
|
+ queryParams: {
|
|
|
+ pointCode: "",
|
|
|
+ typeCode: "",
|
|
|
+ orgType: "",
|
|
|
+ projectCode: "",
|
|
|
+ deductionType: 1,
|
|
|
+ formula: "",
|
|
|
+ score:'',
|
|
|
+ remark:'',
|
|
|
+ },
|
|
|
+ formDataRules: {
|
|
|
+ pointCode: [{ required: true, message: "请选择指标要点" }],
|
|
|
+ score: [
|
|
|
+ { type: "number", message: "分值只能为数字" },
|
|
|
+ { required: true, message: "请输入分值" },
|
|
|
+ ],
|
|
|
+ orgType: [{ required: true, message: "请选择评价机构类型" }],
|
|
|
+ typeCode: [{ required: true, message: "请选择指标类型" }],
|
|
|
+ projectCode: [{ required: true, message: "请选择指标项目" }],
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ targetList: {
|
|
|
+ type: Array,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["orgId", "orgName"]),
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ //数据格式化
|
|
|
+ formatterCalculateType(row) {
|
|
|
+ switch (row.calculateType) {
|
|
|
+ case 1:
|
|
|
+ return "累计数";
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ return "连续数";
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ return "分类";
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ return "固化值";
|
|
|
+ break;
|
|
|
+
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ onOrgTypeChanged() {},
|
|
|
+ async show(id = "", other = {}) {
|
|
|
+ this.id = id;
|
|
|
+ this.tableData = [];
|
|
|
+
|
|
|
+ // await this.refresh(id, other);
|
|
|
+
|
|
|
+ if (id) {
|
|
|
+ await getEvaluateById(id).then((res) => {
|
|
|
+ let { code, msg, data } = res;
|
|
|
+ if (code == 200) {
|
|
|
+ Object.assign(this.queryParams, data);
|
|
|
+ this.changeTargetList(this.queryParams.typeCode,1)
|
|
|
+ this.changeTargetListChild(this.queryParams.projectCode,1)
|
|
|
+ this.tableData = data.itemList;
|
|
|
+ this.tableData.forEach(item=>{
|
|
|
+ item.uid=guid()
|
|
|
+ })
|
|
|
+ delete this.queryParams.itemList;
|
|
|
+ console.log(this.queryParams);
|
|
|
+ } else {
|
|
|
+ this.$message.error(msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.isShow = true;
|
|
|
+ },
|
|
|
+ removeRow(row) {
|
|
|
+ this.$modal
|
|
|
+ .confirm("是否确认删除？")
|
|
|
+ .then(function () {})
|
|
|
+ .then(() => {
|
|
|
+ this.tableData = this.tableData.filter(
|
|
|
+ (item) => item.uid !== row.uid
|
|
|
+ );
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ editRow(row) {
|
|
|
+ this.$refs.dialogEvaluate.show();
|
|
|
+ this.$refs.dialogEvaluate.ruleForm = JSON.parse(JSON.stringify(row));
|
|
|
+ },
|
|
|
+ // 事件
|
|
|
+ onHide() {
|
|
|
+ this.$refs.form.resetFields();
|
|
|
+ this.isShow = false;
|
|
|
+ this.queryParams = {
|
|
|
+ pointCode: "",
|
|
|
+ typeCode: "",
|
|
|
+ orgType: "",
|
|
|
+ score:'',
|
|
|
+ projectCode: "",
|
|
|
+ deductionType: 1,
|
|
|
+ formula: "",
|
|
|
+ remark:'',
|
|
|
+ };
|
|
|
+
|
|
|
+ this.tableData = [];
|
|
|
+ },
|
|
|
+
|
|
|
+ openSelect() {
|
|
|
+ this.$refs.dialogEvaluate.show();
|
|
|
+ },
|
|
|
+ onSubmit() {
|
|
|
+ this.$refs.form.validate(async (isValidate) => {
|
|
|
+ if (isValidate) {
|
|
|
+ if (this.tableData.length == 0) {
|
|
|
+ return this.$message.error("扣分规则项不能为空");
|
|
|
+ }
|
|
|
+
|
|
|
+ let obj = {
|
|
|
+ ...this.queryParams,
|
|
|
+ itemList: this.tableData,
|
|
|
+ };
|
|
|
+
|
|
|
+ if (this.queryParams.id) {
|
|
|
+ //编辑
|
|
|
+
|
|
|
+ editTargetEvaluate(obj).then((res) => {
|
|
|
+ let { code, msg } = res;
|
|
|
+ if (code == 200) {
|
|
|
+ this.$message.success(msg);
|
|
|
+ this.$emit("success");
|
|
|
+ this.onHide();
|
|
|
+ } else {
|
|
|
+ this.$message.error(msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ //新增
|
|
|
+ addTargetEvaluate(obj).then((res) => {
|
|
|
+ let { code, msg } = res;
|
|
|
+ if (code == 200) {
|
|
|
+ this.$message.success(msg);
|
|
|
+ this.$emit("success");
|
|
|
+ this.onHide();
|
|
|
+ } else {
|
|
|
+ this.$message.error(msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // this.$emit("success");
|
|
|
+ // this.onHide();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 事件
|
|
|
+ //apimark//
|
|
|
+ },
|
|
|
+ };
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <style lang="scss" scoped>
|
|
|
+ .brand_info {
|
|
|
+ .el-form {
|
|
|
+ width: 600px;
|
|
|
+ padding-top: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .form-item-comment {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+ height: 10px;
|
|
|
+ }
|
|
|
+ .el-select {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
coys