【市北代码迁移至安宁】【绩效考核】-王童-2020-09-17

5 years ago · bf970a4531
3 changed files with 152 additions and 142 deletions
--- a/src/views/modules/kpi/streetpersonbase.vue
+++ b/src/views/modules/kpi/streetpersonbase.vue
@ -1,23 +1,28 @@
 <template>
  <el-card shadow="never" class="aui-card--fill">
    <div class="mod-__streetpersonbase}">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        <el-form-item label="所属机构">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
+        <el-form-item label="街道">
          <el-cascader
-            v-model="deptIdList"
-            :options="options"
-            :props="{ checkStrictly: true }"
-            clearable
+                  v-model="deptIdList"
+                  :options="options"
+                  :props="{ checkStrictly: true }"
+                  clearable
          ></el-cascader>
        </el-form-item>
        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+          <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
        </el-form-item>
        <el-form-item>
          <el-button v-if="$hasPermission('streetpersonbase:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
        </el-form-item>
      </el-form>
      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+        <el-table-column label="序号" header-align="center" align="center" width="50px">
+          <template slot-scope="scope">
+            {{scope.$index+1}}
+          </template>
+        </el-table-column>
        <el-table-column prop="street" label="街道" header-align="center" align="center"></el-table-column>
        <el-table-column prop="residentBaseNum" label="群众底数" header-align="center" align="center"></el-table-column>
        <el-table-column prop="partyBaseNum" label="党员底数" header-align="center" align="center"></el-table-column>
@ -30,13 +35,13 @@
        </el-table-column>
      </el-table>
      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
+              :current-page="page"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="limit"
+              :total="total"
+              layout="total, sizes, prev, pager, next, jumper"
+              @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
      </el-pagination>
      <!-- 弹窗, 新增 / 修改 -->
      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
@ -45,60 +50,60 @@
 </template>

 <script>
-import mixinViewModule from '@/mixins/view-module'
-import AddOrUpdate from './streetpersonbase-add-or-update'
-import Cookies from 'js-cookie'
-export default {
-  mixins: [mixinViewModule],
-  data () {
-    return {
-      mixinViewModuleOptions: {
-        getDataListURL: '/kpi/streetpersonbase/page',
-        getDataListIsPage: true,
-        deleteURL: '/kpi/streetpersonbase',
-        deleteIsBatch: true
-      },
-      dataForm: {
-        id: '',
-        streetId: ''
-      },
-      // 所属机构配置
-      deptIdList: [],
-      options: [],
-      streetList: []
-    }
-  },
-  components: {
-    AddOrUpdate
-  },
-  created () {
-    this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/kpi/manualScore/importManualScoreExcel?token=${Cookies.get('token')}`
-    // 所属机构创建
-    this.$http
-      .get(`/sys/user/deptOptions/getStreetByLoginUser`)
-      .then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        this.options = res.data.options
-      })
-      .catch(() => {})
-  },
-  watch: {
-    'deptIdList': function (val) {
-      if (val.length === 0) {
-        this.dataForm.streetId = ''
-      }
-      if (val.length === 1) {
-        this.dataForm.streetId = this.deptIdList[0]
+  import mixinViewModule from '@/mixins/view-module'
+  import AddOrUpdate from './streetpersonbase-add-or-update'
+  import Cookies from 'js-cookie'
+  export default {
+    mixins: [mixinViewModule],
+    data () {
+      return {
+        mixinViewModuleOptions: {
+          getDataListURL: '/kpi/streetpersonbase/page',
+          getDataListIsPage: true,
+          deleteURL: '/kpi/streetpersonbase',
+          deleteIsBatch: true
+        },
+        dataForm: {
+          id: '',
+          streetId: ''
+        },
+        // 所属机构配置
+        deptIdList: [],
+        options: [],
+        streetList: []
      }
-      if (val.length === 2) {
-        this.dataForm.streetId = this.deptIdList[0]
-      }
-      if (val.length === 3) {
-        this.dataForm.streetId = this.deptIdList[0]
+    },
+    components: {
+      AddOrUpdate
+    },
+    created () {
+      this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/kpi/manualScore/importManualScoreExcel?token=${Cookies.get('token')}`
+      // 所属机构创建
+      this.$http
+              .get(`/sys/user/deptOptions/getStreetByLoginUser`)
+              .then(({ data: res }) => {
+                if (res.code !== 0) {
+                  return this.$message.error(res.msg)
+                }
+                this.options = res.data.options
+              })
+              .catch(() => {})
+    },
+    watch: {
+      'deptIdList': function (val) {
+        if (val.length === 0) {
+          this.dataForm.streetId = ''
+        }
+        if (val.length === 1) {
+          this.dataForm.streetId = this.deptIdList[0]
+        }
+        if (val.length === 2) {
+          this.dataForm.streetId = this.deptIdList[0]
+        }
+        if (val.length === 3) {
+          this.dataForm.streetId = this.deptIdList[0]
+        }
      }
    }
  }
-}
 </script>
--- a/src/views/modules/kpi/timeLimitIssue.vue
+++ b/src/views/modules/kpi/timeLimitIssue.vue
@ -4,7 +4,7 @@
    <div class="mod-kpi__kpitimelimitissue}">
      <el-form :inline="true"
               :model="dataForm"
-               @keyup.enter.native="getDataList()">
+               @keyup.enter.native="getDataListSearch()">
        <!-- <el-form-item>
          <el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
        </el-form-item>
@ -31,10 +31,10 @@
                         header-align="center"
                         align="center"
                         width="50"></el-table-column>
-        <!-- <el-table-column type="index"
+        <el-table-column type="index"
                         width="50"
-                         label="序号"></el-table-column>
-        <el-table-column prop="id"
+                         label="序号" align="center"></el-table-column>
+        <!-- <el-table-column prop="id"
                         label="主键"
                         header-align="center"
                         align="center"></el-table-column> -->
@ -104,25 +104,25 @@
 </template>

 <script>
-import mixinViewModule from '@/mixins/view-module'
-import AddOrUpdate from './timeLimitIssue-add-or-update'
-export default {
-  mixins: [mixinViewModule],
-  data () {
-    return {
-      mixinViewModuleOptions: {
-        getDataListURL: '/kpi/timeLimitIssue/page',
-        getDataListIsPage: true,
-        deleteURL: '/kpi/timeLimitIssue',
-        deleteIsBatch: true
-      },
-      dataForm: {
-        id: ''
+  import mixinViewModule from '@/mixins/view-module'
+  import AddOrUpdate from './timeLimitIssue-add-or-update'
+  export default {
+    mixins: [mixinViewModule],
+    data () {
+      return {
+        mixinViewModuleOptions: {
+          getDataListURL: '/kpi/timeLimitIssue/page',
+          getDataListIsPage: true,
+          deleteURL: '/kpi/timeLimitIssue',
+          deleteIsBatch: true
+        },
+        dataForm: {
+          id: ''
+        }
      }
+    },
+    components: {
+      AddOrUpdate
    }
-  },
-  components: {
-    AddOrUpdate
  }
-}
 </script>
--- a/src/views/modules/kpi/timeLimitItem.vue
+++ b/src/views/modules/kpi/timeLimitItem.vue
@ -1,14 +1,14 @@
 <template>
  <el-card shadow="never" class="aui-card--fill">
    <div class="mod-kpi__kpitimelimititem}">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
        <el-form-item label="项目类别" prop="categoryId">
          <div class="block">
            <el-cascader clearable v-model="categoryIds" placeholder="试试搜索：城市管理" :props="{ checkStrictly: true }" :options="categoryOptions" filterable></el-cascader>
          </div>
        </el-form-item>
        <el-form-item>
-          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+          <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
        </el-form-item>
        <el-form-item>
          <el-button v-if="$hasPermission('kpi:kpitimelimititem:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
@ -19,10 +19,15 @@
      </el-form>
      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="allCategoryNames" label="所属类别" width="500" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="validRespondTime" label="有效响应时间(h)" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="validCloseTime"  label="有效结案时间(h)" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
+        <el-table-column label="序号" header-align="center" align="center" width="50px">
+          <template slot-scope="scope">
+            {{scope.$index+1}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="allCategoryNames" label="所属类别" header-align="center" align="center" min-width="250" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="validRespondTime" label="有效响应时间(h)" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column prop="validCloseTime"  label="有效结案时间(h)" header-align="center" align="center" width="180"></el-table-column>
+        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center" width="180"></el-table-column>
        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
          <template slot-scope="scope">
            <el-button v-if="$hasPermission('kpi:kpitimelimititem:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
@ -31,13 +36,13 @@
        </el-table-column>
      </el-table>
      <el-pagination
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
+              :current-page="page"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="limit"
+              :total="total"
+              layout="total, sizes, prev, pager, next, jumper"
+              @size-change="pageSizeChangeHandle"
+              @current-change="pageCurrentChangeHandle">
      </el-pagination>
      <!-- 弹窗, 新增 / 修改 -->
      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
@ -46,49 +51,49 @@
 </template>

 <script>
-import mixinViewModule from '@/mixins/view-module'
-import AddOrUpdate from './timeLimitItem-add-or-update'
-export default {
-  mixins: [mixinViewModule],
-  data () {
-    return {
-      mixinViewModuleOptions: {
-        getDataListURL: '/kpi/timeLimitItem/page',
-        getDataListIsPage: true,
-        deleteURL: '/kpi/timeLimitItem',
-        deleteIsBatch: true
-      },
-      dataForm: {
-        categoryId: ''
-      },
-      categoryIds: [],
-      categoryOptions: []
-    }
-  },
-  components: {
-    AddOrUpdate
-  },
-  created () {
-    this.getCategoryList()
-  },
-  watch: {
-    'categoryIds': function (val) {
-      if (val.length === 0) {
-        this.dataForm.categoryId = ''
-      } else if (val.length > 0) {
-        this.dataForm.categoryId = this.categoryIds[this.categoryIds.length - 1]
+  import mixinViewModule from '@/mixins/view-module'
+  import AddOrUpdate from './timeLimitItem-add-or-update'
+  export default {
+    mixins: [mixinViewModule],
+    data () {
+      return {
+        mixinViewModuleOptions: {
+          getDataListURL: '/kpi/timeLimitItem/page',
+          getDataListIsPage: true,
+          deleteURL: '/kpi/timeLimitItem',
+          deleteIsBatch: true
+        },
+        dataForm: {
+          categoryId: ''
+        },
+        categoryIds: [],
+        categoryOptions: []
      }
-    }
-  },
-  methods: {
-    getCategoryList () {
-      return this.$http.get('/events/category/getCategoryTree').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
+    },
+    components: {
+      AddOrUpdate
+    },
+    created () {
+      this.getCategoryList()
+    },
+    watch: {
+      'categoryIds': function (val) {
+        if (val.length === 0) {
+          this.dataForm.categoryId = ''
+        } else if (val.length > 0) {
+          this.dataForm.categoryId = this.categoryIds[this.categoryIds.length - 1]
        }
-        this.categoryOptions = res.data.options
-      }).catch(() => { })
+      }
+    },
+    methods: {
+      getCategoryList () {
+        return this.$http.get('/events/category/getCategoryTree').then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+          this.categoryOptions = res.data.options
+        }).catch(() => { })
+      }
    }
  }
-}
 </script>