tui

attendance-performance-manager-ui/admin/src/components/Form.vue

 <template>
-  <div class='page layout-form'>
-    <slot name='breadcrumb'>
+  <div class="page layout-form">
+    <slot name="breadcrumb">
       <Breadcrumb />
     </slot>
     <slot></slot>
@@ -8,64 +8,67 @@
 </template>
 
 <style lang="less">
-@media screen and (max-width: 1440px){
-  .layout-form{
-    form{
-      width: 100%!important;
+@media screen and (max-width: 1440px) {
+  .layout-form {
+    form {
+      width: 100% !important;
     }
-    .el-col-12{
+    .el-col-12 {
       width: 100%;
     }
   }
 }
-.layout-form{
-  .el-breadcrumb{
+.layout-form {
+  .el-breadcrumb {
     padding-bottom: 12px;
     margin-bottom: 12px;
     border-bottom: 1px solid #ededed;
   }
-  form{
+  form {
     width: 1440px;
-    &[loading]{
+    &[loading] {
       pointer-events: none;
-      .el-button{
+      .el-button {
         background: #eee;
         color: transparent;
         border-color: #eee;
       }
-      input, 
-      textarea{
+      input,
+      textarea {
         background: #eee;
         color: transparent;
         border-color: #eee;
       }
-      span, input, button, li, label{
+      span,
+      input,
+      button,
+      li,
+      label {
         color: #eee;
       }
     }
-    .el-input-group--append{
+    .el-input-group--append {
       .el-select .el-input {
         width: 80px;
       }
     }
     // 自定义的field组件
-    .my-form-field{
-      .el-select{
+    .my-form-field {
+      .el-select {
         width: 100%;
       }
-      .el-date-editor.el-input{
+      .el-date-editor.el-input {
         width: 100%;
       }
-      .form-el-radio-group{
-        label{
+      .form-el-radio-group {
+        label {
           width: 160px;
         }
-        .el-radio-button__inner{
+        .el-radio-button__inner {
           border: 0;
         }
       }
     }
-
   }
 }
 </style>

attendance-performance-manager-ui/admin/src/components/FormField.vue

 // 表单节点封装，支持 input textarea select radio checkbox 及slot方式
 <template>
-  <el-col :span='span'>
-
-    <el-form-item :label="label" :prop="prop" class='my-form-field'>
+  <el-col :span="span">
+    <el-form-item :label="label" :prop="prop" class="my-form-field">
       <slot>
-        <el-input show-word-limit :maxlength="maxLength" :disabled='disabled' :placeholder='placeholder' v-model="field" @change="emit" @input="emit"  v-if='type === "text"' :class="inputClass" :clearable='clearable'></el-input>
-        <el-input show-word-limit :maxlength="maxLength" :disabled='disabled' :placeholder='placeholder' v-model="field" @change="emit" @input="emit" type='password' v-if='type === "password"'></el-input>
+        <el-input
+          show-word-limit
+          :maxlength="maxLength"
+          :disabled="disabled"
+          :placeholder="placeholder"
+          v-model="field"
+          @change="emit"
+          @input="emit"
+          v-if="type === 'text'"
+          :class="inputClass"
+          :clearable="clearable"
+        ></el-input>
+        <el-input
+          show-word-limit
+          :maxlength="maxLength"
+          :disabled="disabled"
+          :placeholder="placeholder"
+          v-model="field"
+          @change="emit"
+          @input="emit"
+          type="password"
+          v-if="type === 'password'"
+        ></el-input>
 
-        <el-input-number  :disabled='disabled'  v-model="field" size="small" :placeholder='placeholder' @change="emit" @input="emit"  v-if='type === "num"'></el-input-number>
+        <el-input-number
+          :disabled="disabled"
+          v-model="field"
+          size="small"
+          :placeholder="placeholder"
+          @change="emit"
+          @input="emit"
+          v-if="type === 'num'"
+        ></el-input-number>
 
-        <el-input show-word-limit :disabled='disabled' :placeholder='placeholder' v-model="field" :maxlength="maxLength"
-        @change="emit" :rows='rows' @input="emit" v-if='type === "textarea"' type='textarea' :autosize="textareaSize" :class="inputClass"></el-input>
+        <el-input
+          show-word-limit
+          :disabled="disabled"
+          :placeholder="placeholder"
+          v-model="field"
+          :maxlength="maxLength"
+          @change="emit"
+          :rows="rows"
+          @input="emit"
+          v-if="type === 'textarea'"
+          type="textarea"
+          :autosize="textareaSize"
+          :class="inputClass"
+        ></el-input>
 
         <!-- 一级 -->
-        <el-select :disabled='disabled' v-model="field" @change="emit" :multiple='multiple' :filterable='filterable' :clearable='clearable' v-if='type === "select"'>
+        <el-select
+          :disabled="disabled"
+          v-model="field"
+          @change="emit"
+          :multiple="multiple"
+          :filterable="filterable"
+          :clearable="clearable"
+          v-if="type === 'select'"
+          style="width: 100%;"
+        >
           <el-option
             v-for="($label, $value) in enumData"
             :key="$value"
@@ -23,34 +72,78 @@
         </el-select>
 
         <!-- 多级 -->
-        <el-cascader :disabled='disabled' v-model="field" @change="emit" :options="enumData" :clearable='clearable'
-        :props="{label:'label',value:'id',multiple:multiple}"
-         v-if='type === "cascader"'>
+        <el-cascader
+          :disabled="disabled"
+          v-model="field"
+          @change="emit"
+          :options="enumData"
+          :clearable="clearable"
+          :props="{ label: 'label', value: 'id', multiple: multiple }"
+          v-if="type === 'cascader'"
+        >
         </el-cascader>
 
         <!-- 联级选择 -->
-        <el-cascader-panel :disabled='disabled' v-model="field" @change="emit" :options="enumData" :clearable='clearable'
-        :props="{label:'label',value:'id',multiple:multiple}" v-if='type === "cascaderpanel"'></el-cascader-panel>
+        <el-cascader-panel
+          :disabled="disabled"
+          v-model="field"
+          @change="emit"
+          :options="enumData"
+          :clearable="clearable"
+          :props="{ label: 'label', value: 'id', multiple: multiple }"
+          v-if="type === 'cascaderpanel'"
+        ></el-cascader-panel>
 
-        <el-radio-group :disabled='disabled' v-model="field" @change="emit" v-if='type === "radio"'>
+        <el-radio-group
+          :disabled="disabled"
+          v-model="field"
+          @change="emit"
+          v-if="type === 'radio'"
+        >
           <el-radio
-            v-for='($label, $value) in enumData'
-            :key='$value'
+            v-for="($label, $value) in enumData"
+            :key="$value"
             :label="$value"
-          >{{$label}}</el-radio>
+            >{{ $label }}</el-radio
+          >
         </el-radio-group>
 
-        <el-checkbox-group :disabled='disabled' v-model="field" @change="emit" v-if='type === "checkbox"'>
+        <el-checkbox-group
+          :disabled="disabled"
+          v-model="field"
+          @change="emit"
+          v-if="type === 'checkbox'"
+        >
           <el-checkbox
-            v-for='($label, $value) in enumData'
-            :key='$value'
+            v-for="($label, $value) in enumData"
+            :key="$value"
             :label="$value"
-          >{{$label}}</el-checkbox>
+            >{{ $label }}</el-checkbox
+          >
         </el-checkbox-group>
 
-        <el-date-picker :disabled='disabled' type="date" value-format="yyyy-MM-dd HH:mm:ss" v-model="field" @change="emit" @input="emit" placeholder="选择日期" v-if='type === "date"'></el-date-picker>
-        <el-date-picker :disabled='disabled' type="datetime" value-format="yyyy-MM-dd HH:mm:ss" v-model="field" @change="emit" @input="emit" placeholder="选择日期" v-if='type === "datetime"'></el-date-picker>
-
+        <el-date-picker
+          :disabled="disabled"
+          type="date"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          v-model="field"
+          @change="emit"
+          @input="emit"
+          placeholder="选择日期"
+          style="width: 100%;"
+          v-if="type === 'date'"
+        ></el-date-picker>
+        <el-date-picker
+          :disabled="disabled"
+          type="datetime"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          v-model="field"
+          @change="emit"
+          @input="emit"
+          placeholder="选择日期"
+          v-if="type === 'datetime'"
+          style="width: 100%;"
+        ></el-date-picker>
       </slot>
     </el-form-item>
   </el-col>
@@ -59,7 +152,7 @@
 <script>
 export default {
   props: {
-     // 字段值
+    // 字段值
     value: {
       type: [String, Number, Array],
     },
@@ -71,17 +164,17 @@ export default {
     // 字段类型: text,password,textarea,select,radio,checkbox,date,datetime
     type: {
       type: String,
-      default: 'text',
+      default: "text",
     },
     // 字段name
     prop: {
       type: String,
-      default: '',
+      default: "",
     },
     // 字段中文标题
     label: {
       type: String,
-      default: '',
+      default: "",
     },
     // 是否禁用
     disabled: {
@@ -91,17 +184,17 @@ export default {
     // 是否提示
     placeholder: {
       type: String,
-      default: '',
+      default: "",
     },
     // 字段所需的枚举类型
     enumData: {
       type: Object,
-      default: ()=>{},
+      default: () => {},
     },
     // textarea专用-自适应内容高度
     textareaSize: {
       type: Object,
-      default: ()=>{},
+      default: () => {},
     },
     // select专用-是否可搜索
     filterable: {
@@ -121,44 +214,43 @@ export default {
     // 字段所需的枚举类型
     options: {
       type: Array,
-      default: ()=>[],
+      default: () => [],
     },
     children: {
       type: Array,
-      default: ()=>[],
+      default: () => [],
     },
     inputClass: {
       type: String,
-      default: '',
+      default: "",
+    },
+    maxLength: {
+      type: Number,
+      default: 256,
     },
-    maxLength:{
-      type:Number,
-      default:256,
-    }
   },
   methods: {
     emit() {
-      this.$emit('input', this.newVal)
-      this.$emit('change', this.newVal)
+      this.$emit("input", this.newVal);
+      this.$emit("change", this.newVal);
       //this.$emit('focus', this.newVal)
-      this.$emit('cascaderChange',this.newVal)
-    }
+      this.$emit("cascaderChange", this.newVal);
+    },
   },
   computed: {
     field: {
       get() {
-        return this.value
+        return this.value;
       },
       set(val) {
         this.newVal = val;
-      }
-    }
+      },
+    },
   },
   data() {
     return {
       newVal: this.value,
-    }
-  }
-}
+    };
+  },
+};
 </script>
-

attendance-performance-manager-ui/admin/src/components/Header.vue

@@ -9,11 +9,16 @@
           <i class="el-icon-menu" @click="showMobileMenu = !showMobileMenu">
           </i>
           <router-link to="/">
-            <!-- <img src="../assets/images/logo.png" style="margin-bottom:5px" height="40" alt=""> -->
-            <b style="color:white;font-size:20px;"
-              >&nbsp;&nbsp;&nbsp; 智慧政务绩效管理系统
-              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b
-            >
+            <img
+              src="../assets/images/logo.png"
+              style="margin-bottom:5px;margin-left: 24px;"
+              height="40"
+              alt=""
+            />
+            <b style="color:white;font-size:20px;">
+              &nbsp;&nbsp;&nbsp;智慧政务绩效管理系统
+              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            </b>
           </router-link>
         </div>
         <!-- 一级菜单 -->
@@ -183,9 +188,9 @@ export default {
   .layout-menu-wrapper {
     height: 72px;
     line-height: 72px;
-    font-size: 16px;
+    font-size: 14px;
     color: #eee;
-    background: #1848c8;
+    background: linear-gradient(90deg, #1845c6, #2999ff) !important;
     .layout-logo {
       height: 50px;
       .el-icon-menu {
@@ -207,13 +212,14 @@ export default {
           height: 100%;
           color: #eee;
           cursor: pointer;
-          margin-right: 10px;
+          margin-right: 20px;
         }
         .active {
           color: #fff;
           list-style-type: none;
-          border-bottom: 3px solid #fff;
-          padding-bottom: 2px;
+          // border-bottom: 3px solid #fff;
+          // padding-bottom: 2px;
+          background-color: #1890ff;
         }
       }
     }

attendance-performance-manager-ui/admin/src/views/homeCharts/record/list.vue

@@ -4,6 +4,11 @@
       <div class="left_top">
         <div class="title">
           部门绩效总分排名TOP10
+          <div class="button_box">
+            <span>今年</span>
+            <span class="check">本月</span>
+            <span>今日</span>
+          </div>
         </div>
         <dv-scroll-ranking-board
           :config="config"
@@ -11,6 +16,11 @@
         />
       </div>
       <div class="left_mid">
+        <div class="button_box">
+          <span>今年</span>
+          <span class="check">本月</span>
+          <span>今日</span>
+        </div>
         <div id="leida" style="width: 100%;height: 100%;"></div>
       </div>
       <div class="left_down">
@@ -176,6 +186,11 @@
     </div>
     <div class="right">
       <div class="right_top">
+        <div class="button_box">
+          <span>今年</span>
+          <span class="check">本月</span>
+          <span>今日</span>
+        </div>
         <div class="title">
           个人绩效总分排名TOP10
         </div>
@@ -185,6 +200,11 @@
         />
       </div>
       <div class="right_mid">
+        <div class="button_box">
+          <span>今年</span>
+          <span class="check">本月</span>
+          <span>今日</span>
+        </div>
         <div id="shensuPie" style="width: 100%;height: 100%;"></div>
       </div>
       <div class="right_down">
@@ -326,6 +346,8 @@ export default {
         legend: {
           data: ["加分", "扣分"],
           right: 0,
+          bottom: "50px",
+          orient: "vertical",
         },
         radar: [
           {
@@ -843,6 +865,7 @@ export default {
   .right_top,
   .right_mid,
   .right_down {
+    position: relative;
     width: 100%;
     height: 33%;
     background: #fff;
@@ -864,5 +887,39 @@ export default {
     height: 30%;
     margin: 15px 0;
   }
+  .button_box {
+    position: absolute;
+    top: 8px;
+    right: 10px;
+    display: flex;
+    span {
+      border-width: 0px;
+      width: 40px;
+      height: 24px;
+      display: flex;
+      font-family: "微软雅黑", sans-serif;
+      font-weight: 400;
+      font-style: normal;
+      font-size: 12px;
+      color: #797979;
+      background-color: rgba(28, 117, 221, 0.0980392156862745);
+      border: none;
+      border-radius: 4px;
+      justify-content: center;
+      align-items: center;
+      margin-right: 5px;
+      cursor: pointer;
+    }
+    .check {
+      background: linear-gradient(
+        90deg,
+        rgba(23, 67, 198, 1) 0%,
+        rgba(31, 116, 223, 1) 50%,
+        rgba(44, 140, 240, 1) 99%
+      );
+      font-size: 12px;
+      color: #ffffff;
+    }
+  }
 }
 </style>

attendance-performance-manager-ui/admin/src/views/perform/attend/appeal/list.vue

@@ -255,7 +255,7 @@ export default {
   overflow: hidden;
   /deep/.el-tabs__item {
     width: 120px;
-    font-size: 18px;
+    font-size: 14px;
     text-align: center;
   }
   .content {

attendance-performance-manager-ui/admin/src/views/perform/rules/attend/components/AttendIndex.vue

@@ -23,9 +23,22 @@
     <div class="right_box">
       <h3>规则管理</h3>
       <div class="search_box">
-        <el-button type="primary" style="margin:20px 0" @click="addRules">
-          + 新增规则</el-button
-        >
+        <div class="left_search">
+          <el-button type="primary" style="margin:20px 0" @click="addRules">
+            + 新增规则</el-button
+          >
+          <el-switch
+            v-model="switchValue"
+            active-color="#13ce66"
+            inactive-color="#1890ff"
+            active-value="100"
+            inactive-value="0"
+            inactive-text="按分值排序"
+            active-text="按更新时间排序"
+            style="margin-left: 10px;"
+          >
+          </el-switch>
+        </div>
         <div class="search">
           <el-input
             placeholder="请输入考核内容关键字搜索"
@@ -70,6 +83,7 @@ export default {
   },
   data() {
     return {
+      switchValue: "0",
       index: -1,
       dataArr: [],
       config: {

attendance-performance-manager-ui/admin/src/views/perform/rules/attend/list.vue

@@ -46,7 +46,7 @@ export default {
   overflow: hidden;
   /deep/.el-tabs__item {
     width: 180px;
-    font-size: 18px;
+    font-size: 14px;
     text-align: center;
   }
 }

attendance-performance-manager-ui/admin/src/views/perform/staff/conf/list.vue

@@ -218,7 +218,7 @@ export default {
   overflow: hidden;
   /deep/.el-tabs__item {
     width: 120px;
-    font-size: 18px;
+    font-size: 14px;
     text-align: center;
   }
   .content {

attendance-performance-manager-ui/admin/src/views/staff/perform/stat/dialogshow.vue

 <template>
   <!-- 弹出框表单 -->
   <el-dialog :title="title" :visible.sync="open" width="90%" append-to-body>
-    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+    <el-form ref="form" :model="form" :rules="rules" label-width="180px">
       <el-row>
         <Field
           label="负责人id号"

attendance-performance-manager-ui/admin/src/views/staff/perform/stat/list.vue

@@ -3,11 +3,27 @@
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="目标看板" name="1">
         <div class="content">
-          <div class="top">
+          <div class="top search_top">
             <el-radio-group v-model="type">
               <el-radio-button label="1">按部门</el-radio-button>
               <el-radio-button label="2">按个人</el-radio-button>
             </el-radio-group>
+            <div class="search_box">
+              <el-select
+                v-model="dateValue"
+                placeholder="请选择"
+                style="margin: 0 10px;"
+              >
+                <el-option
+                  v-for="item in optionsMonths"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+              <el-button type="primary">搜索</el-button>
+            </div>
           </div>
           <div class="mid">
             <div class="mid_top">
@@ -326,7 +342,7 @@ export default {
   overflow: hidden;
   /deep/.el-tabs__item {
     width: 120px;
-    font-size: 18px;
+    font-size: 14px;
     text-align: center;
   }
   .content {