Procházet zdrojové kódy

单位月度考评,单位季度考评,单位年度考评详情页面根据甲方需求进行重新设计并开发,与后端服务联调(进行中);

SunZehao před 1 rokem
rodič
revize
76ea413977

+ 4 - 0
src/api/api.js

@@ -648,6 +648,10 @@ export function apiGetgetEvaluationInfoDataList(params) {
         params: params
     })
 }
+//单位月季年详情-----修改
+export function apiPostorganizationUpdateEvaluationInfo(params) {
+    return httpRequest.post('organization-evaluation-info/updateEvaluationInfo', params)
+}
 
 
 

+ 9 - 0
src/assets/css/main.css

@@ -278,4 +278,13 @@ right: 0;
     font-family: Microsoft YaHei;
     font-weight: bold;
     color: #fff; 
+}
+
+/* 移动端 */
+.van-nav-bar{
+    width: 100%;
+    background-color: #184FB4;
+}
+.van-nav-bar .van-nav-bar__title{
+    color: #fff;
 }

+ 41 - 5
src/components/assessment/monthQuarterYearFrom.vue

@@ -56,6 +56,14 @@
                                     </el-tag>
                                 </div>
                                 <div class="headerRight">
+                                    <div class="tableBtn add" @click="addTableDetail" v-if="activeName === 'ZDZX' || activeName === 'GLSX'">
+                                        <img :src="addIcon" alt="">
+                                        <span>新增</span>
+                                    </div>
+                                    <div class="tableBtn save" @click="saveDetail">
+                                        <img :src="saveIcon" alt="">
+                                        <span>保存</span>
+                                    </div>
                                     <div class="tableBtn import" @click="handleImport">
                                         <img :src="importIcon" alt="">
                                         <span>导入</span>
@@ -68,13 +76,16 @@
                             </div>
                             <el-table :data="monthQuarterYearData" style="width: 100%" ref="monthQuarterYearTT" :border="true" >
                                 <el-table-column type="index" label="排名" align="center"></el-table-column>
-                                <el-table-column label="考评单位" prop="organizationShortName" width="200" />
+                                <el-table-column label="考评单位" prop="organizationShortName" width="300" />
                                 <el-table-column  v-for="(it, index) in monthQuarterYearHeader" :key="index" :label="it.name" align="center">
                                     <el-table-column v-for="(iv, index) in it.children" :key="index" :label="iv.key" align="center">
                                         <template #default="scope">
-                                            <span
+                                            <!-- <span
                                             style="font-weight: bold"
-                                            :style="scope.row[iv.code+'_flag'] === '1'?'color:#3B7AD1': scope.row[iv.code+'_flag'] === '-1'?'color:#F65177':'color:#666666'">{{scope.row[iv.code]}}</span>
+                                            :style="scope.row[iv.code+'_flag'] === '1'?'color:#3B7AD1': scope.row[iv.code+'_flag'] === '-1'?'color:#F65177':'color:#666666'">
+                                            {{scope.row[iv.code]}}
+                                            </span> -->
+                                            <el-input-number v-model="scope.row[iv.code]" :min="0" />
                                         </template>
                                     </el-table-column>
                                 </el-table-column>
@@ -103,7 +114,8 @@
 
 <script>
 import importDailog from '../importPage/importDailog.vue'
-import {apiGetEvaluationIndicatorList,apiGetgetEvaluationInfoDataList,apiGetbinsectionList, apiGetbinstageList} from '../../api/api'
+import {apiGetEvaluationIndicatorList,apiGetgetEvaluationInfoDataList,apiGetbinsectionList, apiGetbinstageList,
+apiPostorganizationUpdateEvaluationInfo} from '../../api/api'
 import * as XLSX from 'xlsx'
 import { saveAs } from 'file-saver'
 import  * as XLSXD from 'xlsx-js-style'
@@ -122,6 +134,8 @@ import meiCha from '../../assets/benchmarkImg/meiCha.png'
 import guoCha from '../../assets/benchmarkImg/guoCha.png'
 import zongCha from '../../assets/benchmarkImg/zongCha.png'
 
+import addIcon from '../../assets/btnIcon/add.png'
+import saveIcon from '../../assets/btnIcon/save.png'
 import exportIcon from '../../assets/btnIcon/export.png'
 import importIcon from '../../assets/btnIcon/import.png'
 
@@ -152,6 +166,8 @@ export default {
             stageData: [],
             titleMsgArr: [],
             binSectionStr: '',
+            addIcon: addIcon,
+            saveIcon: saveIcon,
             exportIcon: exportIcon,
             importIcon: importIcon,
         }
@@ -321,6 +337,14 @@ export default {
             })
             this.getTableHeaderData(stageId)
         },
+        saveDetail() {
+            let that = this
+            apiPostorganizationUpdateEvaluationInfo(that.monthQuarterYearData).then(datas =>{
+                if (datas) {
+                    that.getTableData(that.isClickTagId)
+                }
+            })
+        },
         handleImport() {
             this.$refs.importPage.upload.title = "考评详情信息导入"
             this.$refs.importPage.upload.open = true
@@ -465,7 +489,7 @@ export default {
                                 .headerRight{
                                     display: flex;
                                     justify-content: end;
-                                    width: 15%;
+                                    width: 20%;
                                     margin-bottom: 5px;
                                     .tableBtn {
                                         display: flex;
@@ -481,6 +505,18 @@ export default {
                                             font-weight: 400;
                                         }
                                     }
+                                    .add{
+                                        cursor: pointer;
+                                        span{
+                                            color: #3B7AD1;
+                                        }
+                                    }
+                                    .save{
+                                        cursor: pointer;
+                                        span{
+                                            color: #50C14E;
+                                        }
+                                    }
                                     .import{
                                         cursor: pointer;
                                         span{

+ 2 - 2
src/components/baseInfomation/moreBrandPage.vue

@@ -241,7 +241,7 @@ export default {
             this.evalradio = row
             this.addType = type
             this.isSave = false
-            this.title = '新增牌子配置'
+            this.title = '新增单位营业收入'
             this.$nextTick(() =>{
                 // this.$refs['ruleForm'].resetFields()
                 this.ruleForm = {
@@ -260,7 +260,7 @@ export default {
             this.dialogVisible = true
             this.isSave = true
             this.addType = type
-            this.title = '修改考评规则'
+            this.title = '修改单位营业收入'
             this.evalradio = row
             this.ruleForm = {
                 organizationName: this.evalradio.organizationId,

+ 12 - 0
src/router/index.js

@@ -358,6 +358,18 @@ const routes = [
             },
         ]
     },
+    //移动端页面
+    {
+        path: '/mobeil',
+        name: 'homeMobeilPage',
+        meta: {
+            title: '首页',
+        },
+        component: () =>
+            import(
+                '../mobeilComponent/homeMobeilPage.vue'
+            ),
+    }
 ]
 
 const router = createRouter({