申报样例

src/components/AutoComponents/MForm/index.vue

@@ -86,7 +86,7 @@
                 v-model="query[item.prop]"
                 v-bind="_item"
               >
-              {{ _item.text }}
+                <span :style="_item.labelStyle || item.labelStyle">{{ _item.text }}</span>
               </el-radio>
             </template>
           </el-radio-group>

src/views/humanResources/accumulatePoints/accumulatePointsApply/accumulatePointsApplyEdit.vue

@@ -1,12 +1,70 @@
 <template>
-  <m-dialog ref="dialog">
-
+  <m-dialog ref="dialog" title="积分申报">
+    <m-card shadow="never">
+      <el-descriptions
+        v-for="item in items"
+        :key="item.ruleCategory"
+        :title="item.ruleCategory"
+        :column="1"
+        :labelStyle="{
+          width: '200px',
+          'justify-content': 'flex-end',
+          'padding-top': '5px'
+        }"
+        :contentStyle="{
+          // 'min-height': '20px'
+          // 'flex-direction': 'column'
+        }"
+      >
+        <el-descriptions-item
+          v-for="_item in item.item"
+          :key="_item.employeeScoreRuleItemId"
+          :label="_item.title"
+        >
+          <div style="width: 100%;">
+            <template v-if="_item.inputType === 0">
+              <el-input-number
+                size="small"
+                v-model="formValues[_item.employeeScoreRuleItemId]"
+                placeholder="数值"
+              ></el-input-number>
+            </template>
+            <template v-if="_item.inputType === 2">
+              <div class="fullWidth">
+                <el-input type="textarea" :rows="3" placeholder="请输入类目描述" v-model="formValues[_item.employeeScoreRuleItemId]"></el-input>
+              </div>
+            </template>
+            <template v-if="_item.inputType === 3">
+              <el-radio-group v-model="formValues[_item.employeeScoreRuleItemId]" class="mt-2">
+                <el-radio
+                  v-for="radio in _item.child"
+                  :key="radio.employeeScoreRuleItemId"
+                  :label="radio.employeeScoreRuleItemId">
+                  {{ radio.title }}
+                </el-radio>
+              </el-radio-group>
+            </template>
+          </div>
+          <!-- <el-upload>
+            <m-button size="small" type="primary">附件上传</m-button>
+          </el-upload> -->
+        </el-descriptions-item>
+      </el-descriptions>
+    </m-card>
   </m-dialog>
 </template>
 
 <script>
+import data from './data'
+
 export default {
   name: 'accumulatePointsApplyEdit',
+  data () {
+    return {
+      items: data,
+      formValues: {}
+    }
+  },
   methods: {
     open () {
       this.$refs.dialog.open()
@@ -16,5 +74,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.fullWidth {
+  width: 100%;
+}
 </style>

src/views/humanResources/accumulatePoints/accumulatePointsApply/data.js

@@ -0,0 +1,356 @@
+export default [
+  {
+    ruleCategory: '基础积分',
+    maxScore: 200,
+    item: [
+      {
+        employeeScoreRuleItemId: '2',
+        title: '岗位晋升',
+        score: 100,
+        inputType: 0,
+        calculationMethod: 0,
+        group: '岗位晋升',
+        child: null,
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '1',
+        title: '入职满一年',
+        score: 50,
+        inputType: 0,
+        calculationMethod: 0,
+        group: '入职满一年',
+        child: null,
+        maxScore: null,
+        desc: null
+      }
+    ]
+  },
+  {
+    ruleCategory: '能力发展积分',
+    maxScore: 300,
+    item: [
+      {
+        employeeScoreRuleItemId: '3',
+        title: '通过行内资格考试',
+        score: 30,
+        inputType: 0,
+        calculationMethod: 0,
+        group: '通过行内资格考试',
+        child: null,
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '4',
+        title: '获得AFP/CFP专业认证',
+        score: 50,
+        inputType: 2,
+        calculationMethod: 0,
+        group: '获得AFP/CFP专业认证',
+        child: null,
+        maxScore: '100',
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '7',
+        title: '职称晋升',
+        score: 100,
+        inputType: 3,
+        calculationMethod: 0,
+        group: '职称晋升',
+        child: [
+          {
+            employeeScoreRuleItemId: '7',
+            title: '职称晋升中级',
+            score: 100,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '职称晋升',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '6',
+            title: '职称晋升初级',
+            score: 50,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '职称晋升',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '8',
+            title: '职称晋升高级',
+            score: 150,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '职称晋升',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '22',
+            title: '未晋升',
+            score: 0,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '职称晋升',
+            child: null,
+            maxScore: null,
+            desc: null
+          }
+        ],
+        maxScore: null,
+        desc: null
+      }
+    ]
+  },
+  {
+    ruleCategory: '业绩共享积分',
+    maxScore: 200,
+    item: [
+      {
+        employeeScoreRuleItemId: '12',
+        title: '超额完成创收任务',
+        score: 0,
+        inputType: 2,
+        calculationMethod: 0,
+        group: '超额完成创收任务',
+        child: null,
+        maxScore: '200',
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '13',
+        title: '主导创新项目落地',
+        score: 50,
+        inputType: 2,
+        calculationMethod: 0,
+        group: '主导创新项目落地',
+        child: null,
+        maxScore: '100',
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '9',
+        title: '年度绩效',
+        score: 150,
+        inputType: 3,
+        calculationMethod: 0,
+        group: '年度绩效',
+        child: [
+          {
+            employeeScoreRuleItemId: '9',
+            title: 'A',
+            score: 150,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '年度绩效',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '10',
+            title: 'B',
+            score: 100,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '年度绩效',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '11',
+            title: 'C',
+            score: 50,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '年度绩效',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '23',
+            title: '无',
+            score: 0,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '年度绩效',
+            child: null,
+            maxScore: null,
+            desc: null
+          }
+        ],
+        maxScore: null,
+        desc: null
+      }
+    ]
+  },
+  {
+    ruleCategory: '荣誉奖励积分',
+    maxScore: 200,
+    item: [
+      {
+        employeeScoreRuleItemId: '17',
+        title: '合理化建议被采纳',
+        score: 20,
+        inputType: 0,
+        calculationMethod: 0,
+        group: '合理化建议被采纳',
+        child: null,
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '24',
+        title: '获得省级行业奖项',
+        score: 80,
+        inputType: 3,
+        calculationMethod: 0,
+        group: '获得省级行业奖项',
+        child: [
+          {
+            employeeScoreRuleItemId: '24',
+            title: '是',
+            score: 80,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '获得省级行业奖项',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '15',
+            title: '否',
+            score: 0,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '获得省级行业奖项',
+            child: null,
+            maxScore: null,
+            desc: null
+          }
+        ],
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '16',
+        title: '获得国家级行业奖项',
+        score: 150,
+        inputType: 3,
+        calculationMethod: 0,
+        group: '获得国家级行业奖项',
+        child: [
+          {
+            employeeScoreRuleItemId: '16',
+            title: '是',
+            score: 150,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '获得国家级行业奖项',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '25',
+            title: '否',
+            score: 0,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '获得国家级行业奖项',
+            child: null,
+            maxScore: null,
+            desc: null
+          }
+        ],
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '14',
+        title: '行内年度优秀员工',
+        score: 50,
+        inputType: 3,
+        calculationMethod: 0,
+        group: '行内年度优秀员工',
+        child: [
+          {
+            employeeScoreRuleItemId: '14',
+            title: '是',
+            score: 50,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '行内年度优秀员工',
+            child: null,
+            maxScore: null,
+            desc: null
+          },
+          {
+            employeeScoreRuleItemId: '21',
+            title: '否',
+            score: 0,
+            inputType: 3,
+            calculationMethod: 0,
+            group: '行内年度优秀员工',
+            child: null,
+            maxScore: null,
+            desc: null
+          }
+        ],
+        maxScore: null,
+        desc: null
+      }
+    ]
+  },
+  {
+    ruleCategory: '扣分项',
+    maxScore: 999999,
+    item: [
+      {
+        employeeScoreRuleItemId: '18',
+        title: '合规问题',
+        score: 50,
+        inputType: 0,
+        calculationMethod: 1,
+        group: '合规问题',
+        child: null,
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '19',
+        title: '客户有效投诉',
+        score: 30,
+        inputType: 0,
+        calculationMethod: 1,
+        group: '客户有效投诉',
+        child: null,
+        maxScore: null,
+        desc: null
+      },
+      {
+        employeeScoreRuleItemId: '20',
+        title: '考试未达标',
+        score: 20,
+        inputType: 0,
+        calculationMethod: 1,
+        group: '考试未达标',
+        child: null,
+        maxScore: null,
+        desc: null
+      }
+    ]
+  }
+]

src/views/humanResources/accumulatePoints/accumulatePointsApply/index.vue

@@ -11,7 +11,7 @@
       @page-change="onPageChange"
     >
       <template #card-tools>
-        <m-button type="orange" icon="el-icon-plus" @click="onAdd">新增</m-button>
+        <m-button type="orange" icon="el-icon-plus" @click="onAdd">申报</m-button>
       </template>
       <template #actions="{ row }">
         <m-button type="primary" text @click="onEdit(row)">编辑</m-button>