考评规则和单位权重增加导入导出

src/components/evaluationSystem/evaluationCompanyPage.vue

@@ -10,11 +10,8 @@
                     <div class="exceed">
                         <span class="exceedSpan" style="margin-left: 10px;width: 60px">属性：</span>
                         <el-select v-model="binSectionIds" placeholder="请选择业务属性">
-                            <el-option
-                            v-for="item in moduleData"
-                            :key="item.id"
-                            :label="item.sectionName"
-                            :value="item.id">
+                            <el-option v-for="item in moduleData" :key="item.id" :label="item.sectionName"
+                                :value="item.id">
                             </el-option>
                         </el-select>
                     </div>
@@ -32,11 +29,8 @@
                     <div class="exceed">
                         <span class="exceedSpan" style="margin-left: 10px;width: 60px">周期：</span>
                         <el-select v-model="periodId" placeholder="请选择考评周期">
-                            <el-option
-                            v-for="item in periodData"
-                            :key="item.keyValue"
-                            :label="item.keyName"
-                            :value="item.keyValue">
+                            <el-option v-for="item in periodData" :key="item.keyValue" :label="item.keyName"
+                                :value="item.keyValue">
                             </el-option>
                         </el-select>
                     </div>
@@ -48,19 +42,16 @@
                 <seachs @handleSeach="getSeachData" @handleRest="resetSeach"></seachs>
             </div>
             <div class="PeriodBtn" :style="$utils.PeriodBtnSty()">
-                <btns 
-                    :showImport="false" :showExport="false" 
-                    :showAdd="$utils.havePurview('evalCompany:oneLevel:add')"
+                <btns :showAdd="$utils.havePurview('evalCompany:oneLevel:add')"
                     :showSave="$utils.havePurview('evalCompany:oneLevel:save')"
                     :showDelete="$utils.havePurview('evalCompany:oneLevel:delete')"
                     :disSave="changeDateSelect.length === 0 || changeDateSelect.length>1"
-                    :disDelete="changeDateSelect.length === 0"
-                    @handleAdd="handleAdd" @handleEdit="handleEdit" @handleDelete="handleDelete"
-                    @handleImport="handleImport" @handleExport="handleExport"></btns>
+                    :disDelete="changeDateSelect.length === 0" @handleAdd="handleAdd" @handleEdit="handleEdit"
+                    @handleDelete="handleDelete" @handleImport="handleImport" @handleExport="handleExport"></btns>
             </div>
             <div class="evaluationCompanyTableData">
-                <el-table :data="evaluationCompanyData" style="width: 100%" ref="companytable" :class="evaluationCompanyTableSty()"
-                 @select="rowClick" @select-all="rowClick">
+                <el-table :data="evaluationCompanyData" style="width: 100%" ref="companytable"
+                    :class="evaluationCompanyTableSty()" @select="rowClick" @select-all="rowClick">
                     <el-table-column type="selection" label="操作" align="center"></el-table-column>
                     <el-table-column label="单位名称" prop="organizationShortName" width="300">
                         <template #default="scope">
@@ -137,14 +128,14 @@
                             </el-form-item>
                             <el-form-item label="业务阶段" prop="binStage">
                                 <el-select v-model="ruleForm.binStage" placeholder="请选择业务阶段" multiple collapse-tags
-                                 @change="changeBinsection">
+                                    @change="changeBinsection">
                                     <el-option v-for="item in stageData" :key="item.id" :label="item.stageName"
                                         :value="item.id">
                                     </el-option>
                                 </el-select>
                             </el-form-item>
                             <el-form-item label="考评规则" prop="evaluateRule">
-                                 <!-- @change="changeRule" -->
+                                <!-- @change="changeRule" -->
                                 <el-select v-model="ruleForm.evaluateRule" multiple collapse-tags collapse-tags-tooltip
                                     placeholder="请选择考评规则">
                                     <el-option v-for="item in ruleDataAll" :key="item.id" :label="item.ruleName"
@@ -153,12 +144,8 @@
                                 </el-select>
                             </el-form-item>
                             <el-form-item label="考评年份" prop="year">
-                                <el-date-picker
-                                    v-model="ruleForm.year"
-                                    type="year"
-                                    value-format="YYYY"
-                                    placeholder="请选择年份"
-                                    />
+                                <el-date-picker v-model="ruleForm.year" type="year" value-format="YYYY"
+                                    placeholder="请选择年份" />
                             </el-form-item>
                             <el-form-item label="考评周期" prop="evaluationCycle">
                                 <el-select v-model="ruleForm.evaluationCycle" placeholder="请选择考评周期">
@@ -220,6 +207,10 @@
     import btns from '../elbuttonS.vue'
     import seachs from '../seachGroup.vue'
     import {
+        saveAs
+    } from 'file-saver'
+    import {
+        apiGetExportMsg,
         apiGetOrganizationList,
         apiGetorganizationSaveList,
         apiGetorganizationdeleteList,
@@ -583,10 +574,25 @@
             handleImport() {
                 this.$refs.importPage.upload.title = "单位权重信息导入"
                 this.$refs.importPage.upload.open = true
-                this.$refs.importPage.upload.url = '/party-building-multiplier/import'
+                this.$refs.importPage.upload.showModel = true
+                this.$refs.importPage.showModelObj.url = '/organization-evaluation-rule/importTemplate'
+                this.$refs.importPage.upload.url = '/organization-evaluation-rule/importExcel'
             },
             handleExport() {
-                this.$utils.downloadPer('party-building-multiplier/export1', '单位权重信息数据.xlsx')
+                let that = this
+                let url = 'organization-evaluation-rule/exportExcel'
+                let params = {
+                    organizationName: that.companyS,
+                    binSection: that.binSectionIds,
+                    evaluationCycle: that.periodId,
+                    year: that.resAnnual
+                }
+                apiGetExportMsg(url, params).then(datas => {
+                    let blob = new Blob([datas])
+                    saveAs(blob, '单位权重信息数据导出.xlsx')
+                }).catch((r) => {
+                    console.error(r)
+                })
             },
             evaluationCompanyTableSty() {
                 if (this.winPix === 1.25 || this.innerWidth < 1800) {
@@ -621,25 +627,32 @@
                         margin-top: 14px;
                     }
 
-                    .el-input, .el-date-editor{
+                    .el-input,
+                    .el-date-editor {
                         line-height: 40px !important;
-                        .el-input__wrapper{
-                            height:40px !important;
+
+                        .el-input__wrapper {
+                            height: 40px !important;
                         }
-                        .el-input__suffix{
-                            .el-select__caret{
-                                line-height:40px;
+
+                        .el-input__suffix {
+                            .el-select__caret {
+                                line-height: 40px;
                             }
                         }
                     }
-                    .el-select{
+
+                    .el-select {
                         line-height: 40px !important;
-                        .el-input__inner, .is-disabled{
-                            height:40px !important;
+
+                        .el-input__inner,
+                        .is-disabled {
+                            height: 40px !important;
                         }
-                        .el-input__suffix{
-                            .el-select__caret{
-                                line-height:40px;
+
+                        .el-input__suffix {
+                            .el-select__caret {
+                                line-height: 40px;
                             }
                         }
                     }
@@ -692,16 +705,18 @@
         }
 
         .evaluationCompanyTableData {
-            .evalCompany125Table{
-                .el-table__body-wrapper{
+            .evalCompany125Table {
+                .el-table__body-wrapper {
                     height: 53vh !important;
                 }
             }
-            .evalCompany100Table{
-                .el-table__body-wrapper{
+
+            .evalCompany100Table {
+                .el-table__body-wrapper {
                     height: 60vh !important;
                 }
             }
+
             .el-table {
 
                 .el-input__inner {

src/components/evaluationSystem/evaluationRulesPage.vue

@@ -5,22 +5,15 @@
                 <div class="exceed">
                     <span class="exceedSpan" style="width: 80px">业务属性：</span>
                     <el-select v-model="moduleStr" placeholder="请选择业务属性">
-                        <el-option
-                        v-for="item in moduleData"
-                        :key="item.id"
-                        :label="item.sectionName"
-                        :value="item.id">
+                        <el-option v-for="item in moduleData" :key="item.id" :label="item.sectionName" :value="item.id">
                         </el-option>
                     </el-select>
                 </div>
                 <div class="exceed">
                     <span class="exceedSpan" style="margin-left: 10px;width: 80px">考评周期：</span>
                     <el-select v-model="periodIdStr" placeholder="请选择考评周期">
-                        <el-option
-                        v-for="item in periodData"
-                        :key="item.keyValue"
-                        :label="item.keyName"
-                        :value="item.keyValue">
+                        <el-option v-for="item in periodData" :key="item.keyValue" :label="item.keyName"
+                            :value="item.keyValue">
                         </el-option>
                     </el-select>
                 </div>
@@ -31,106 +24,81 @@
                 <seachs @handleSeach="getSeachData" @handleRest="resetSeach"></seachs>
             </div>
             <div class="PeriodBtn" :style="$utils.PeriodBtnSty()">
-                <btns
-                :showImport="false"
-                :showExport="false"
-                :showAdd="$utils.havePurview('evalRules:oneLevel:add')"
-                :showSave="$utils.havePurview('evalRules:oneLevel:save')"
-                :showDelete="$utils.havePurview('evalRules:oneLevel:delete')"
-                :disSave="changeDateSelect.length === 0 || changeDateSelect.length>1"
-                :disDelete="changeDateSelect.length === 0"
-                :disImport="true"
-                :disExport="true"
-                @handleAdd="handleAdd"
-                @handleEdit="handleEdit"
-                @handleDelete="handleDelete"
-                @handleImport="handleImport"
-                @handleExport="handleExport"
-                ></btns>
+                <btns :showImport="true" :showExport="true" :showAdd="$utils.havePurview('evalRules:oneLevel:add')"
+                    :showSave="$utils.havePurview('evalRules:oneLevel:save')"
+                    :showDelete="$utils.havePurview('evalRules:oneLevel:delete')"
+                    :disSave="changeDateSelect.length === 0 || changeDateSelect.length>1"
+                    :disDelete="changeDateSelect.length === 0" @handleAdd="handleAdd" @handleEdit="handleEdit"
+                    @handleDelete="handleDelete" @handleImport="handleImport" @handleExport="handleExport"></btns>
             </div>
             <div class="evaluationRuleTableData">
                 <el-table :data="evaluationRuleData" style="width: 100%" :class="evaluationRuleTableSty()"
-                 @select="rowClick" @select-all="rowClick" @row-dblclick="editRuleDetail">
+                    @select="rowClick" @select-all="rowClick" @row-dblclick="editRuleDetail">
                     <el-table-column type="selection" label="操作" align="center"></el-table-column>
                     <el-table-column label="规则名称" prop="ruleName" />
                     <el-table-column label="业务阶段" prop="binStageName" />
-                    <el-table-column label="业务属性" prop="binSectionName"/>
+                    <el-table-column label="业务属性" prop="binSectionName" />
                     <el-table-column label="考评周期">
                         <template #default="scope">
                             <span v-if="scope.row.checkCycle === 'JDKP'" style="font-size: 12px;">月/季度考评</span>
                             <span v-else style="font-size: 12px;">年度考评</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="年份" prop="year"/>
+                    <el-table-column label="年份" prop="year" />
                     <el-table-column label="描述" width="500">
                         <template #default="scope">
                             <span>{{scope.row.des}}</span>
                         </template>
                     </el-table-column>
                     <el-table-column label="创建人" prop="createName" width="120" />
-                    <el-table-column label="创建时间" prop="createTime"  width="200"/>
+                    <el-table-column label="创建时间" prop="createTime" width="200" />
                     <!-- <el-table-column label="操作" width="80">
                         <template #default="scope">
                             <p class="indicitem" @click="editRuleDetail(scope.row)">详情</p>
                         </template>
                     </el-table-column> -->
                 </el-table>
-                <el-pagination
-                    @size-change="handleSizeChange"
-                    @current-change="handleCurrentChange"
-                    :current-page="page.currentPage"
-                    :page-size="page.pagesize"
-                    layout="total, prev, pager, next, jumper"
-                    :total="page.total">
+                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="page.currentPage" :page-size="page.pagesize"
+                    layout="total, prev, pager, next, jumper" :total="page.total">
                 </el-pagination>
             </div>
             <div class="indexRuledialog">
                 <el-dialog :title="title" v-model="dialogVisible" width="600px" :close-on-click-modal="false">
                     <div class="periodFrom">
-                        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" :validate-on-rule-change="false">
+                        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"
+                            class="demo-ruleForm" :validate-on-rule-change="false">
                             <el-form-item label="规则名称" prop="ruleName">
                                 <el-input v-model="ruleForm.ruleName" placeholder="请输入规则名称"></el-input>
                             </el-form-item>
                             <el-form-item label="业务阶段" prop="binStage">
                                 <el-select v-model="ruleForm.binStage" placeholder="请选择业务阶段" :disabled="isSave">
-                                    <el-option
-                                    v-for="item in stageData"
-                                    :key="item.id"
-                                    :label="item.stageName"
-                                    :value="item.id">
+                                    <el-option v-for="item in stageData" :key="item.id" :label="item.stageName"
+                                        :value="item.id">
                                     </el-option>
                                 </el-select>
                             </el-form-item>
                             <el-form-item label="业务属性" prop="binSection">
                                 <el-select v-model="ruleForm.binSection" placeholder="请选择业务属性" :disabled="isSave">
-                                    <el-option
-                                    v-for="item in moduleData"
-                                    :key="item.id"
-                                    :label="item.sectionName"
-                                    :value="item.id">
+                                    <el-option v-for="item in moduleData" :key="item.id" :label="item.sectionName"
+                                        :value="item.id">
                                     </el-option>
                                 </el-select>
                             </el-form-item>
                             <el-form-item label="考评周期" prop="evaluationCycle">
                                 <el-select v-model="ruleForm.evaluationCycle" placeholder="请选择考评周期">
-                                    <el-option
-                                    v-for="item in periodData"
-                                    :key="item.keyValue"
-                                    :label="item.keyName"
-                                    :value="item.keyValue">
+                                    <el-option v-for="item in periodData" :key="item.keyValue" :label="item.keyName"
+                                        :value="item.keyValue">
                                     </el-option>
                                 </el-select>
                             </el-form-item>
                             <el-form-item label="年份" prop="year">
-                                <el-date-picker
-                                    v-model="ruleForm.year"
-                                    type="year"
-                                    value-format="YYYY"
-                                    placeholder="请选择年份"
-                                    />
+                                <el-date-picker v-model="ruleForm.year" type="year" value-format="YYYY"
+                                    placeholder="请选择年份" />
                             </el-form-item>
                             <el-form-item label="描述" prop="desc">
-                                <el-input v-model="ruleForm.desc" :rows="5" type="textarea" placeholder="请输入描述"></el-input>
+                                <el-input v-model="ruleForm.desc" :rows="5" type="textarea" placeholder="请输入描述">
+                                </el-input>
                             </el-form-item>
                         </el-form>
                     </div>
@@ -149,273 +117,316 @@
 </template>
 
 <script>
-import importDailog from '../importPage/importDailog.vue'
-import ruleDetailPage from './ruleDetailPage.vue'
-import btns from '../elbuttonS.vue'
-import seachs from '../seachGroup.vue'
-import {apiGetevaluateRuleList, apiGetevaluateRuleSaveList, apiGetevaluateRuledeleteList, 
-apiGetbinsectionList, apiGetbinstageList} from '../../api/api'
-export default {
-    components: { importDailog, ruleDetailPage, btns, seachs },
-    data() {
-        return {
-            dialogVisible: false,
-            title: '',
-            isSave: false,
-            changeDateSelect: [],
-            moduleData: [],
-            stageData: [],
-            moduleStr: '',
-            periodIdStr: '',
-            resAnnual: '',
-            evaluationRuleData:[],
-            periodData: [],
-            ruleForm: {
-                ruleName: '',
-                binSection: '',
-                binStage: '',
-                evaluationCycle: '',
-                year: '',
-                desc: ''
-            },
-            rules: {
-                ruleName: [
-                    { required: true, message: '请输入规则名称', trigger: 'blur' }
-                ],
-                binSection: [
-                    { required: true, message: '请选择业务属性', trigger: 'change' }
-                ],
-                binStage: [
-                    { required: true, message: '请选择业务阶段', trigger: 'change' }
-                ],
-                evaluationCycle: [
-                    { required: true, message: '请选择考评周期', trigger: 'change' }
-                ],
-                year: [
-                    { required: true, message: '请选择年份', trigger: 'change' }
-                ],
-                desc: [
-                    { required: true, message: '请输入描述', trigger: 'blur' }
-                ]
-            },
-            page:{
-                pagesize: 12,
-                currentPage: 1,
-                total: 0
-            },
-            evalradio: {},
-            loadingImport: false,
-            winPix: window.devicePixelRatio,
-            innerWidth: window.innerWidth
-        }
-    },
-    created() {
-        this.periodData = [
-            {
-                keyValue: 'NDKP',
-                keyName: '年度考评'
-            },
-            {
-                keyValue: 'JDKP',
-                keyName: '月/季度考评'
-            }
-        ]
-        this.resAnnual = new Date().getFullYear().toString()
-        this.getEvalRuleData()
-        this.getDataDictionary() //模块//阶段
-    },
-    methods:{
-        // 查询指标数据
-        getEvalRuleData() {
-            let that = this
-            let params = {
-                pageNum: that.page.currentPage,
-                pageSize: that.page.pagesize,
-                binSection: that.moduleStr,
-                checkCycle: that.periodIdStr,
-                year: that.resAnnual
-            }
-            apiGetevaluateRuleList(params).then(datas =>{
-                if (datas && datas.data) {
-                    that.evaluationRuleData = datas.data.records
-                    that.page.total = datas.data.total
-                }
-            })
+    import importDailog from '../importPage/importDailog.vue'
+    import ruleDetailPage from './ruleDetailPage.vue'
+    import btns from '../elbuttonS.vue'
+    import seachs from '../seachGroup.vue'
+    import {
+        saveAs
+    } from 'file-saver'
+    import {
+        apiGetExportMsg,
+        apiGetevaluateRuleList,
+        apiGetevaluateRuleSaveList,
+        apiGetevaluateRuledeleteList,
+        apiGetbinsectionList,
+        apiGetbinstageList
+    } from '../../api/api'
+    export default {
+        components: {
+            importDailog,
+            ruleDetailPage,
+            btns,
+            seachs
         },
-        // 查询规则模块和阶段数据
-        getDataDictionary() {
-            let that = this
-            apiGetbinsectionList().then(datas =>{
-                if (datas && datas.data) {
-                    that.moduleData = datas.data
-                }
-            })
-            apiGetbinstageList().then(datas =>{
-                if (datas && datas.data) {
-                    that.stageData = datas.data
-                }
-            })
-        },
-        handleAdd() {
-            this.dialogVisible = true
-            this.isSave = false
-            this.title = '新增考评规则'
-            this.$nextTick(() =>{
-                // this.$refs['ruleForm'].resetFields()
-                this.ruleForm = {
+        data() {
+            return {
+                dialogVisible: false,
+                title: '',
+                isSave: false,
+                changeDateSelect: [],
+                moduleData: [],
+                stageData: [],
+                moduleStr: '',
+                periodIdStr: '',
+                resAnnual: '',
+                evaluationRuleData: [],
+                periodData: [],
+                ruleForm: {
                     ruleName: '',
                     binSection: '',
                     binStage: '',
                     evaluationCycle: '',
                     year: '',
                     desc: ''
-                }
-            })
-        },
-        handleEdit() {
-            this.dialogVisible = true
-            this.isSave = true
-            this.title = '修改考评规则'
-            this.evalradio = this.changeDateSelect[0]
-            this.ruleForm = {
-                ruleName: this.evalradio.ruleName,
-                binSection: this.evalradio.binSection,
-                binStage: this.evalradio.binStage,
-                evaluationCycle: this.evalradio.checkCycle,
-                year: this.evalradio.year,
-                desc: this.evalradio.des
+                },
+                rules: {
+                    ruleName: [{
+                        required: true,
+                        message: '请输入规则名称',
+                        trigger: 'blur'
+                    }],
+                    binSection: [{
+                        required: true,
+                        message: '请选择业务属性',
+                        trigger: 'change'
+                    }],
+                    binStage: [{
+                        required: true,
+                        message: '请选择业务阶段',
+                        trigger: 'change'
+                    }],
+                    evaluationCycle: [{
+                        required: true,
+                        message: '请选择考评周期',
+                        trigger: 'change'
+                    }],
+                    year: [{
+                        required: true,
+                        message: '请选择年份',
+                        trigger: 'change'
+                    }],
+                    desc: [{
+                        required: true,
+                        message: '请输入描述',
+                        trigger: 'blur'
+                    }]
+                },
+                page: {
+                    pagesize: 12,
+                    currentPage: 1,
+                    total: 0
+                },
+                evalradio: {},
+                loadingImport: false,
+                winPix: window.devicePixelRatio,
+                innerWidth: window.innerWidth
             }
         },
-        saveevaluationRuleMsg(formName) {
-            let that = this
-            that.$refs[formName].validate((valid) => {
-                if (valid) {
-                    that.saveAndEditRuleData()
+        created() {
+            this.periodData = [{
+                    keyValue: 'NDKP',
+                    keyName: '年度考评'
+                },
+                {
+                    keyValue: 'JDKP',
+                    keyName: '月/季度考评'
                 }
-            });
+            ]
+            this.resAnnual = new Date().getFullYear().toString()
+            this.getEvalRuleData()
+            this.getDataDictionary() //模块//阶段
         },
-        //新增/修改指标数据
-        saveAndEditRuleData() {
-            let that = this
-            let userMes = JSON.parse(window.sessionStorage.getItem('user'))
-            let params = {
-                ruleName: that.ruleForm.ruleName,
-                binSection: that.ruleForm.binSection,
-                binStage: that.ruleForm.binStage,
-                checkCycle: that.ruleForm.evaluationCycle,
-                year: that.ruleForm.year,
-                des: that.ruleForm.desc,
-                createBy: userMes.id,
-                createName: userMes.name
-            }
-            if (that.isSave) {
-                params.id = that.evalradio.id
-            }
-            apiGetevaluateRuleSaveList(params).then(datas =>{
-                if (!datas.success) {
-                    that.$message({
-                        message: datas.message,
-                        type: 'error'
-                    });
-                } else {
-                    if (!that.isSave) {
+        methods: {
+            // 查询指标数据
+            getEvalRuleData() {
+                let that = this
+                let params = {
+                    pageNum: that.page.currentPage,
+                    pageSize: that.page.pagesize,
+                    binSection: that.moduleStr,
+                    checkCycle: that.periodIdStr,
+                    year: that.resAnnual
+                }
+                apiGetevaluateRuleList(params).then(datas => {
+                    if (datas && datas.data) {
+                        that.evaluationRuleData = datas.data.records
+                        that.page.total = datas.data.total
+                    }
+                })
+            },
+            // 查询规则模块和阶段数据
+            getDataDictionary() {
+                let that = this
+                apiGetbinsectionList().then(datas => {
+                    if (datas && datas.data) {
+                        that.moduleData = datas.data
+                    }
+                })
+                apiGetbinstageList().then(datas => {
+                    if (datas && datas.data) {
+                        that.stageData = datas.data
+                    }
+                })
+            },
+            handleAdd() {
+                this.dialogVisible = true
+                this.isSave = false
+                this.title = '新增考评规则'
+                this.$nextTick(() => {
+                    // this.$refs['ruleForm'].resetFields()
+                    this.ruleForm = {
+                        ruleName: '',
+                        binSection: '',
+                        binStage: '',
+                        evaluationCycle: '',
+                        year: '',
+                        desc: ''
+                    }
+                })
+            },
+            handleEdit() {
+                this.dialogVisible = true
+                this.isSave = true
+                this.title = '修改考评规则'
+                this.evalradio = this.changeDateSelect[0]
+                this.ruleForm = {
+                    ruleName: this.evalradio.ruleName,
+                    binSection: this.evalradio.binSection,
+                    binStage: this.evalradio.binStage,
+                    evaluationCycle: this.evalradio.checkCycle,
+                    year: this.evalradio.year,
+                    desc: this.evalradio.des
+                }
+            },
+            saveevaluationRuleMsg(formName) {
+                let that = this
+                that.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        that.saveAndEditRuleData()
+                    }
+                });
+            },
+            //新增/修改指标数据
+            saveAndEditRuleData() {
+                let that = this
+                let userMes = JSON.parse(window.sessionStorage.getItem('user'))
+                let params = {
+                    ruleName: that.ruleForm.ruleName,
+                    binSection: that.ruleForm.binSection,
+                    binStage: that.ruleForm.binStage,
+                    checkCycle: that.ruleForm.evaluationCycle,
+                    year: that.ruleForm.year,
+                    des: that.ruleForm.desc,
+                    createBy: userMes.id,
+                    createName: userMes.name
+                }
+                if (that.isSave) {
+                    params.id = that.evalradio.id
+                }
+                apiGetevaluateRuleSaveList(params).then(datas => {
+                    if (!datas.success) {
                         that.$message({
-                            message: '考评规则新增成功',
-                            type: 'success'
+                            message: datas.message,
+                            type: 'error'
                         });
                     } else {
+                        if (!that.isSave) {
+                            that.$message({
+                                message: '考评规则新增成功',
+                                type: 'success'
+                            });
+                        } else {
+                            that.$message({
+                                message: '考评规则修改成功',
+                                type: 'success'
+                            });
+                        }
+                        that.dialogVisible = false
+                        that.changeDateSelect = []
+                        that.getEvalRuleData()
+                    }
+                })
+            },
+            //删除指标数据
+            handleDelete() {
+                this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    let that = this
+                    let paramsArr = []
+                    that.changeDateSelect.forEach(it => {
+                        paramsArr.push(it.id)
+                    })
+                    apiGetevaluateRuledeleteList(paramsArr.join(',')).then(datas => {
                         that.$message({
-                            message: '考评规则修改成功',
-                            type: 'success'
+                            type: 'success',
+                            message: '删除成功!'
                         });
-                    }
-                    that.dialogVisible = false
-                    that.changeDateSelect = []
-                    that.getEvalRuleData()
-                }
-            })
-        },
-        //删除指标数据
-        handleDelete() {
-            this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning'
-            }).then(() => {
-                let that = this
-                let paramsArr = []
-                that.changeDateSelect.forEach(it =>{
-                    paramsArr.push(it.id)
+                        that.changeDateSelect = []
+                        that.getEvalRuleData()
+                    })
                 })
-                apiGetevaluateRuledeleteList(paramsArr.join(',')).then(datas =>{
-                    that.$message({
-                        type: 'success',
-                        message: '删除成功!'
-                    });
-                    that.changeDateSelect = []
-                    that.getEvalRuleData()
+            },
+            rowClick(selection, row) {
+                this.changeDateSelect = selection
+            },
+            getSeachData() {
+                this.page.currentPage = 1
+                this.getEvalRuleData()
+            },
+            resetSeach() {
+                this.page.currentPage = 1
+                this.moduleStr = ''
+                this.periodIdStr = ''
+                this.resAnnual = ''
+                this.getEvalRuleData()
+            },
+            successImport(val) {
+                this.loadingImport = false
+                this.getEvalRuleData()
+            },
+            importLoading(val) {
+                this.loadingImport = true
+            },
+            handleSizeChange(val) {
+                this.page.pagesize = val
+                this.getEvalRuleData()
+            },
+            handleCurrentChange(val) {
+                this.page.currentPage = val
+                this.getEvalRuleData()
+            },
+            handleImport() {
+                this.$refs.importPage.upload.title = "考评规则数据导入"
+                this.$refs.importPage.upload.open = true
+                this.$refs.importPage.upload.url = `/evaluate-rule/importExcel`
+            },
+            handleExport() {
+                let that = this
+                let url = 'evaluate-rule/exportExcel'
+                let params = {
+                    binSection: that.moduleStr,
+                    checkCycle: that.periodIdStr,
+                    year: that.resAnnual
+                }
+                apiGetExportMsg(url, params).then(datas => {
+                    let blob = new Blob([datas])
+                    saveAs(blob, '考评规则数据导出.xlsx')
+                }).catch((r) => {
+                    console.error(r)
                 })
-            })
-        },        
-        rowClick(selection, row) {
-            this.changeDateSelect = selection
-        },
-        getSeachData() {
-            this.page.currentPage = 1
-            this.getEvalRuleData()
-        },
-        resetSeach() {
-            this.page.currentPage = 1
-            this.moduleStr = ''
-            this.periodIdStr = ''
-            this.resAnnual = ''
-            this.getEvalRuleData()
-        },
-        successImport(val) {
-            this.loadingImport = false
-            this.getEvalRuleData()
-        },
-        importLoading(val) {
-            this.loadingImport = true
-        },
-        handleSizeChange(val){
-            this.page.pagesize = val
-            this.getEvalRuleData()
-        },
-        handleCurrentChange(val){
-            this.page.currentPage =val
-            this.getEvalRuleData()
-        },
-        handleImport() {
-            this.$refs.importPage.upload.title = "考评指标管理信息导入"
-            this.$refs.importPage.upload.open = true
-        },
+            },
 
-        //指标项配置
-        editRuleDetail(row) {
-            this.$refs.ruleDetail.init(row)
-        },
-        evaluationRuleTableSty() {
-            if (this.winPix === 1.25 || this.innerWidth < 1800) {
-                return 'evalRule125Table'
-            } else {
-                return 'evalRule100Table'
+            //指标项配置
+            editRuleDetail(row) {
+                this.$refs.ruleDetail.init(row)
+            },
+            evaluationRuleTableSty() {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
+                    return 'evalRule125Table'
+                } else {
+                    return 'evalRule100Table'
+                }
             }
         }
     }
-}
 </script>
 
 <style lang="less">
-.evaluationRule{
-  .evaluationRuleBtn{
-        .collectSeach{
-            display: flex;
-            padding: 24px 20px;
-            border-bottom: 1px solid#D6DBEA;
-                .exceed{
+    .evaluationRule {
+        .evaluationRuleBtn {
+            .collectSeach {
+                display: flex;
+                padding: 24px 20px;
+                border-bottom: 1px solid#D6DBEA;
+
+                .exceed {
                     display: flex;
-                    .exceedSpan{
+
+                    .exceedSpan {
                         width: 100px;
                         height: 12px;
                         font-size: 14px;
@@ -425,100 +436,122 @@ export default {
                         line-height: 12px;
                         margin-top: 14px;
                     }
-                    .el-input, .el-date-editor{
+
+                    .el-input,
+                    .el-date-editor {
                         line-height: 40px !important;
-                        .el-input__wrapper{
-                            height:40px !important;
+
+                        .el-input__wrapper {
+                            height: 40px !important;
                         }
-                        .el-input__suffix{
-                            .el-select__caret{
-                                line-height:40px;
+
+                        .el-input__suffix {
+                            .el-select__caret {
+                                line-height: 40px;
                             }
                         }
                     }
                 }
-                .el-select{
-                    margin-right:10px;
-                    .el-input__inner{
-                        height:30px;
+
+                .el-select {
+                    margin-right: 10px;
+
+                    .el-input__inner {
+                        height: 30px;
                     }
-                    .el-input__suffix{
-                        .el-select__caret{
-                            line-height:30px;
+
+                    .el-input__suffix {
+                        .el-select__caret {
+                            line-height: 30px;
                         }
                     }
                 }
-        }
-        span{
-            font-size:14px;
-        }
-        .PeriodBtn{
-            display: flex;
-            justify-content: flex-end;
-            padding: 20px 0;
-        }
-        .el-button{
-            height: 30px;
-            // width:100px;
-            padding: 0 30px ;
-            // padding-top: 8px;
-            span{
-                margin:0;
             }
-        }
-        .indexRuledialog{
-            .el-overlay{
-                .el-dialog{
-                    .el-dialog__body{
-                        padding: 30px 60px 30px 20px !important;
-                        .periodFrom{
-                            .el-select, .el-input{
-                                width: 100%;
-                            }
-                            .el-input{
-                                height: 30px;
+
+            span {
+                font-size: 14px;
+            }
+
+            .PeriodBtn {
+                display: flex;
+                justify-content: flex-end;
+                padding: 20px 0;
+            }
+
+            .el-button {
+                height: 30px;
+                // width:100px;
+                padding: 0 30px;
+
+                // padding-top: 8px;
+                span {
+                    margin: 0;
+                }
+            }
+
+            .indexRuledialog {
+                .el-overlay {
+                    .el-dialog {
+                        .el-dialog__body {
+                            padding: 30px 60px 30px 20px !important;
+
+                            .periodFrom {
+
+                                .el-select,
+                                .el-input {
+                                    width: 100%;
+                                }
+
+                                .el-input {
+                                    height: 30px;
+                                }
                             }
                         }
                     }
                 }
             }
         }
-    }
-  .evaluationRuleTableData{
-    .evalRule125Table{
-        .el-table__body-wrapper{
-            height: 53vh !important;
-        }
-    }
-    .evalRule100Table{
-        .el-table__body-wrapper{
-            height: 60vh !important;
-        }
-    }
-    .el-table{
-        .el-input__inner{
-            height: 30px !important;
-        }
-        .el-radio__label{
-            display: none;
-        }
-        
-        .indicitem{
-            color: #409EFF;
-            font-size: 12px;
-            margin-right: 20px;
-            cursor:pointer;
-            &:hover{
-                text-decoration: underline;
+
+        .evaluationRuleTableData {
+            .evalRule125Table {
+                .el-table__body-wrapper {
+                    height: 53vh !important;
+                }
+            }
+
+            .evalRule100Table {
+                .el-table__body-wrapper {
+                    height: 60vh !important;
+                }
+            }
+
+            .el-table {
+                .el-input__inner {
+                    height: 30px !important;
+                }
+
+                .el-radio__label {
+                    display: none;
+                }
+
+                .indicitem {
+                    color: #409EFF;
+                    font-size: 12px;
+                    margin-right: 20px;
+                    cursor: pointer;
+
+                    &:hover {
+                        text-decoration: underline;
+                    }
+                }
+            }
+
+            .el-pagination {
+                margin-top: 20px;
+                text-align: end;
+                position: relative;
             }
         }
+
     }
-    .el-pagination{
-        margin-top: 20px;
-        text-align: end;
-        position: relative;
-    }
-    }
-    
-}
 </style>

src/components/importPage/importDailog.vue

@@ -1,26 +1,17 @@
 <template>
-  <!-- 用户导入对话框 -->
+    <!-- 用户导入对话框 -->
     <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
-            <!-- :limit="1" -->
-        <el-upload
-            ref="upload"
-            accept=".xlsx, .xls"
-            :headers="upload.headers"
-            :action="upload.processurl + upload.url"
-            :disabled="upload.isUploading"
-            :on-progress="handleFileUploadProgress"
-            :on-success="handleFileSuccess"
-            :on-error="handleFileError"
-            :auto-upload="false"
-            :data="upload.data"
-            drag
-        >
+        <!-- :limit="1" -->
+        <el-upload ref="upload" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.processurl + upload.url"
+            :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
+            :on-error="handleFileError" :auto-upload="false" :data="upload.data" drag>
             <i class="el-icon-upload"></i>
             <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
             <template #tip>
                 <div class="el-upload__tip text-center">
                     <span style="display:inline-block;margin-top:10px">仅允许导入xls、xlsx格式文件。</span>
-                    <!-- <el-link type="primary" v-if="upload.showModel" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link> -->
+                    <el-link type="primary" v-if="upload.showModel" :underline="false"
+                        style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
                 </div>
             </template>
         </el-upload>
@@ -34,101 +25,112 @@
 </template>
 
 <script>
-import baseUrl from '../../utils/baseUrl.js'
-import { getToken } from '@/api/auth'
-export default {
-    data() {
-        return {
-            // 用户导入参数
-            upload: {
-                data: null,
-                // 展示下载模板
-                showModel: true,
-                // 是否显示弹出层（用户导入）
-                open: false,
-                // 弹出层标题（用户导入）
-                title: "",
-                // 是否禁用上传
-                isUploading: false,
-                // 是否更新已经存在的用户数据
-                updateSupport: 0,
-                // 设置上传的请求头部
-                headers: { 
-                    // Authorization: "Bearer ",
-                    token: getToken() 
+    import baseUrl from '../../utils/baseUrl.js'
+    import {
+        apiGetExportMsg
+    } from '../../api/api'
+    import {
+        saveAs
+    } from 'file-saver'
+    import {
+        getToken
+    } from '@/api/auth'
+    export default {
+        data() {
+            return {
+                // 用户导入参数
+                upload: {
+                    data: null,
+                    // 展示下载模板
+                    showModel: false,
+                    // 是否显示弹出层（用户导入）
+                    open: false,
+                    // 弹出层标题（用户导入）
+                    title: "",
+                    // 是否禁用上传
+                    isUploading: false,
+                    // 是否更新已经存在的用户数据
+                    updateSupport: 0,
+                    // 设置上传的请求头部
+                    headers: {
+                        // Authorization: "Bearer ",
+                        token: getToken()
+                    },
+                    // 上传的地址
+                    // processurl: (process.env.NODE_ENV === 'production') ? process.env.PRO_BASE_API : process.env.BASE_API,
+                    processurl: process.env.NODE_ENV === "production" ? baseUrl.ROOT : baseUrl.ROOT,
+                    url: '',
+                    // 上传模板名称
+                    urlName: '',
+                    // 上传文件名称
+                    proName: ''
                 },
-                // 上传的地址
-                // processurl: (process.env.NODE_ENV === 'production') ? process.env.PRO_BASE_API : process.env.BASE_API,
-                processurl: process.env.NODE_ENV === "production" ? baseUrl.ROOT : baseUrl.ROOT,
-                url: '',
-                // 上传模板名称
-                urlName: '',
-                // 上传文件名称
-                proName: ''
-            },
-        }
-    },
-    methods:{
-        /** 下载模板操作 */
-        importTemplate() {
-            // this.download('system/user/importTemplate', {
-            //     ...this.queryParams
-            // }, `user_template_${new Date().getTime()}.xlsx`)
-            let url = '/predict/api/configureShare/dexcel'
-            let parasm = {
-                templateName: this.upload.urlName
+                showModelObj: {
+                    url: ''
+                }
             }
-            this.$utils.downloadTemplate(url, parasm, this.upload.proName)
-        },
-        // 文件上传中处理
-        handleFileUploadProgress(event, file, fileList) {
-            this.upload.isUploading = true;
-            this.$emit('importLoading', true)
         },
-        // 文件上传成功处理
-        handleFileSuccess(response, file, fileList) {
-            this.upload.open = false;
-            this.upload.isUploading = false;
-            this.$refs.upload.clearFiles();
-            // this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
-            if (!response.success) {
-                if (response.message.indexOf('运行时异常') !== -1) {
-                    this.$message.error('模板数据不匹配,请使用模板导入');
-                    this.importTemplate()
+        methods: {
+            /** 下载模板操作 */
+            importTemplate() {
+                let url = this.showModelObj.url
+                apiGetExportMsg(url).then(datas => {
+                    let blob = new Blob([datas])
+                    saveAs(blob, '导入模板.xlsx')
+                }).catch((r) => {
+                    console.error(r)
+                })
+            },
+            // 文件上传中处理
+            handleFileUploadProgress(event, file, fileList) {
+                this.upload.isUploading = true;
+                this.$emit('importLoading', true)
+            },
+            // 文件上传成功处理
+            handleFileSuccess(response, file, fileList) {
+                this.upload.open = false;
+                this.upload.isUploading = false;
+                this.$refs.upload.clearFiles();
+                // this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
+                if (!response.success) {
+                    if (response.message.indexOf('运行时异常') !== -1) {
+                        this.$message.error('模板数据不匹配,请使用模板导入');
+                        this.importTemplate()
+                    } else {
+                        this.$message.error(response.message);
+                    }
                 } else {
-                    this.$message.error(response.message);
+                    this.$message({
+                        message: response.message,
+                        type: 'success'
+                    });
+                    this.$emit('successImport', response)
                 }
-            } else {
-                this.$message({
-                    message: response.message,
-                    type: 'success'
-                });
-                this.$emit('successImport', response)
+                // this.getList();
+            },
+            handleFileError(response, file, fileList) {
+                this.$message.error(response.msg);
+            },
+            // 提交上传文件
+            submitFileForm() {
+                this.$refs.upload.submit();
             }
-            // this.getList();
-        },
-        handleFileError(response, file, fileList) {
-            this.$message.error(response.msg);
-        },
-        // 提交上传文件
-        submitFileForm() {
-            this.$refs.upload.submit();
         }
     }
-}
 </script>
 
 <style lang="less">
-.el-overlay{
-    .el-dialog{
-        .el-dialog__header{
-            .el-dialog__title{
-                font-size: 14px;
+    .el-overlay {
+        .el-dialog {
+            .el-dialog__header {
+                .el-dialog__title {
+                    font-size: 14px;
+                }
+            }
+
+            .el-dialog__body {
+                padding: 20px;
             }
-        }
-        .el-dialog__body{
-            padding: 20px;
         }
     }
-}
 </style>