haiwei-module-personnelfiles 1.0.0

package/.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

package/.eslintrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: ['plugin:vue/essential', '@vue/prettier'],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  globals: {
+    $http: 'readonly',
+    $api: 'readonly',
+    $const: 'readonly'
+  }
+}

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+    "tabWidth": 2,
+    "semi": false,
+    "singleQuote": true,
+    "printWidth": 200
+}

package/.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnPaste": true,
+  "editor.formatOnSave": true,
+  "editor.formatOnType": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.tslint": true
+  }
+}

package/babel.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  presets: [
+    [
+      '@vue/cli-plugin-babel/preset',
+      {
+        useBuiltIns: 'entry'
+      }
+    ]
+  ]
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "id": 4,
+  "name": "haiwei-module-personnelfiles",
+  "version": "1.0.0",
+  "code": "personnelFiles",
+  "title": "人事档案",
+  "description": "人事档案",
+  "main": "src/index.js",
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "dev": "cd ../../WebHost && dotnet watch run",
+    "cm": "rimraf node_modules",
+    "cc": "rimraf node_modules/.cache",
+    "i": "cd ./script && npm_install.bat",
+    "up": "cd ./script && npm_update.bat",
+    "pub": "cd ./script && npm_publish.bat"
+  },
+  "dependencies": {
+    "haiwei-module-admin": "^1.2.0",
+    "haiwei-module-common": "^1.0.1",
+    "haiwei-ui": "^1.4.4"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^4.3.1",
+    "@vue/cli-plugin-eslint": "^4.3.1",
+    "@vue/cli-plugin-router": "^4.3.1",
+    "@vue/cli-plugin-vuex": "^4.3.1",
+    "@vue/cli-service": "^4.3.1",
+    "@vue/eslint-config-prettier": "^5.0.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^5.16.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-vue": "^5.0.0",
+    "prettier": "^1.18.2",
+    "rimraf": "^3.0.2",
+    "sass": "^1.26.5",
+    "sass-loader": "^8.0.2",
+    "vue-template-compiler": "^2.6.11"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

package/script/npm_install.bat

@@ -0,0 +1,4 @@
+@echo off
+REM 执行 npm 安装脚本
+powershell -ExecutionPolicy Bypass -File "%~dp0npm_install.ps1"
+pause

package/script/npm_install.ps1

@@ -0,0 +1,10 @@
+# 切换到项目根目录
+Set-Location ..
+
+# 使用淘宝镜像安装依赖（加速下载）
+Write-Host "Installing dependencies using Taobao mirror..." -ForegroundColor Green
+npm --registry https://registry.npmmirror.com/ install
+
+# 等待用户按键
+Write-Host "Dependencies installation completed. Press any key to continue..." -ForegroundColor Green
+$null = $Host.UI.RawUI.ReadKey("NoEcho,IncludeKeyDown")

package/script/npm_publish.bat

@@ -0,0 +1,4 @@
+@echo off
+REM 执行 npm 发布脚本
+powershell -ExecutionPolicy Bypass -File "%~dp0npm_publish.ps1"
+pause

package/script/npm_publish.ps1

@@ -0,0 +1,10 @@
+# 切换到项目根目录
+Set-Location ..
+
+# 发布到 npm 官方仓库
+Write-Host "Publishing to npm official registry..." -ForegroundColor Green
+npm --registry https://registry.npmjs.org/ publish
+
+# 等待用户按键
+Write-Host "Publishing completed. Press any key to continue..." -ForegroundColor Green
+$null = $Host.UI.RawUI.ReadKey("NoEcho,IncludeKeyDown")

package/script/npm_update.bat

@@ -0,0 +1,4 @@
+@echo off
+REM 执行 npm 更新脚本
+powershell -ExecutionPolicy Bypass -File "%~dp0npm_update.ps1"
+pause

package/script/npm_update.ps1

@@ -0,0 +1,10 @@
+# 切换到项目根目录
+Set-Location ..
+
+# 使用淘宝镜像更新依赖（加速下载）
+Write-Host "Updating dependencies using Taobao mirror..." -ForegroundColor Green
+npm --registry https://registry.npmmirror.com/ update
+
+# 等待用户按键
+Write-Host "Dependencies update completed. Press any key to continue..." -ForegroundColor Green
+$null = $Host.UI.RawUI.ReadKey("NoEcho,IncludeKeyDown")

package/src/api/components/company.js

@@ -0,0 +1,16 @@
+import module from '../../module'
+
+export default name => {
+  const root = `${module.code}/${name}/`
+  const urls = {
+    get: root + 'Get'
+  }
+
+  const get = () => {
+    return $http.get(urls.get)
+  }
+
+  return {
+    get
+  }
+}

package/src/api/components/department.js

@@ -0,0 +1,22 @@
+import module from '../../module'
+
+export default name => {
+  const root = `${module.code}/${name}/`
+  const crud = $http.crud(root)
+  const urls = {
+    tree: root + 'Tree'
+  }
+
+  /**
+   * 获取部门树
+   * @param {公司编号} companyId
+   */
+  const getTree = () => {
+    return $http.get(urls.tree)
+  }
+
+  return {
+    ...crud,
+    getTree
+  }
+}

package/src/api/components/employee.js

@@ -0,0 +1,179 @@
+import module from '../../module'
+
+export default name => {
+  const root = `${module.code}/${name}/`
+  const crud = $http.crud(root)
+  const urls = {
+    leave: root + 'Leave',
+    leaveInfo: root + 'LeaveInfo',
+    editContact: root + 'EditContact',
+    updateContact: root + 'updateContact',
+    editPersonal: root + 'EditPersonal',
+    updatePersonal: root + 'updatePersonal',
+    familyQuery: root + 'familyQuery',
+    familyAdd: root + 'familyAdd',
+    familyEdit: root + 'familyEdit',
+    familyUpdate: root + 'familyUpdate',
+    familyDelete: root + 'familyDelete',
+    educationQuery: root + 'educationQuery',
+    educationAdd: root + 'educationAdd',
+    educationEdit: root + 'educationEdit',
+    educationUpdate: root + 'educationUpdate',
+    educationDelete: root + 'educationDelete',
+    workQuery: root + 'workQuery',
+    workAdd: root + 'workAdd',
+    workEdit: root + 'workEdit',
+    workUpdate: root + 'workUpdate',
+    workDelete: root + 'workDelete',
+    editAccount: root + 'EditAccount',
+    updateAccount: root + 'updateAccount',
+    queryWithSameDepartment: root + 'QueryWithSameDepartment',
+    queryLatestSelect: root + 'QueryLatestSelect',
+    saveLatestSelect: root + 'SaveLatestSelect',
+    getTree: root + 'Tree',
+    getBaseInfoList: root + 'BaseInfoList'
+  }
+
+  const leave = params => {
+    return $http.post(urls.leave, params)
+  }
+
+  const getLeaveInfo = id => {
+    return $http.get(urls.leaveInfo, { id })
+  }
+
+  const editContact = id => {
+    return $http.get(urls.editContact, { id })
+  }
+
+  const updateContact = params => {
+    return $http.post(urls.updateContact, params)
+  }
+
+  const editPersonal = id => {
+    return $http.get(urls.editPersonal, { id })
+  }
+
+  const updatePersonal = params => {
+    return $http.post(urls.updatePersonal, params)
+  }
+
+  const familyQuery = employeeId => {
+    return $http.get(urls.familyQuery, { employeeId })
+  }
+
+  const familyAdd = params => {
+    return $http.post(urls.familyAdd, params)
+  }
+
+  const familyDelete = id => {
+    return $http.delete(urls.familyDelete, { id })
+  }
+
+  const familyEdit = id => {
+    return $http.get(urls.familyEdit, { id })
+  }
+
+  const familyUpdate = params => {
+    return $http.post(urls.familyUpdate, params)
+  }
+
+  const educationQuery = employeeId => {
+    return $http.get(urls.educationQuery, { employeeId })
+  }
+
+  const educationAdd = params => {
+    return $http.post(urls.educationAdd, params)
+  }
+
+  const educationDelete = id => {
+    return $http.delete(urls.educationDelete, { id })
+  }
+
+  const educationEdit = id => {
+    return $http.get(urls.educationEdit, { id })
+  }
+
+  const educationUpdate = params => {
+    return $http.post(urls.educationUpdate, params)
+  }
+
+  const workQuery = employeeId => {
+    return $http.get(urls.workQuery, { employeeId })
+  }
+
+  const workAdd = params => {
+    return $http.post(urls.workAdd, params)
+  }
+
+  const workDelete = id => {
+    return $http.delete(urls.workDelete, { id })
+  }
+
+  const workEdit = id => {
+    return $http.get(urls.workEdit, { id })
+  }
+
+  const workUpdate = params => {
+    return $http.post(urls.workUpdate, params)
+  }
+
+  const editAccount = id => {
+    return $http.get(urls.editAccount, { id })
+  }
+
+  const updateAccount = params => {
+    return $http.post(urls.updateAccount, params)
+  }
+  const queryWithSameDepartment = params => {
+    return $http.get(urls.queryWithSameDepartment, params)
+  }
+
+  const queryLatestSelect = params => {
+    return $http.get(urls.queryLatestSelect, params)
+  }
+
+  const saveLatestSelect = ids => {
+    return $http.post(urls.saveLatestSelect, ids)
+  }
+
+  const getTree = () => {
+    return $http.get(urls.getTree)
+  }
+
+  const getBaseInfoList = ids => {
+    return $http.get(urls.getBaseInfoList, { ids })
+  }
+
+  return {
+    ...crud,
+    leave,
+    getLeaveInfo,
+    editContact,
+    updateContact,
+    editPersonal,
+    updatePersonal,
+    familyQuery,
+    familyAdd,
+    familyDelete,
+    familyEdit,
+    familyUpdate,
+    educationQuery,
+    educationAdd,
+    educationDelete,
+    educationEdit,
+    educationUpdate,
+    workQuery,
+    workAdd,
+    workDelete,
+    workEdit,
+    workUpdate,
+    editAccount,
+    updateAccount,
+    queryWithSameDepartment,
+    queryLatestSelect,
+    saveLatestSelect,
+    getTree,
+    getBaseInfoList
+  }
+}

package/src/api/components/position.js

@@ -0,0 +1,18 @@
+import module from '../../module'
+
+export default name => {
+  const root = `${module.code}/${name}/`
+  const crud = $http.crud(root)
+  const urls = {
+    get: root + 'Get'
+  }
+
+  const get = id => {
+    return $http.get(urls.get, { id })
+  }
+
+  return {
+    ...crud,
+    get
+  }
+}

package/src/api/components/post.js

@@ -0,0 +1,18 @@
+import module from '../../module'
+
+export default name => {
+  const root = `${module.code}/${name}/`
+  const crud = $http.crud(root)
+  const urls = {
+    select: root + 'Select'
+  }
+
+  const select = () => {
+    return $http.get(urls.select)
+  }
+
+  return {
+    ...crud,
+    select
+  }
+}

package/src/api/index.js

@@ -0,0 +1,11 @@
+import module from '../module'
+
+let apis = {}
+const requireComponent = require.context('./components', true, /\.*\.js$/)
+requireComponent.keys().map(fileName => {
+  const name = fileName.replace('./', '').replace('.js', '')
+  const func = requireComponent(fileName).default
+  apis[name] = func(name)
+})
+
+$api[module.code] = apis

package/src/components/config-personnelfiles/index.vue

@@ -0,0 +1,69 @@
+<template>
+  <nm-form-page v-bind="form">
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="公司单位名称：" prop="companyName">
+          <el-input v-model="form.model.companyName" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="公司单位地址：" prop="companyAddress">
+          <el-input v-model="form.model.companyAddress" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="公司单位联系人：" prop="companyContact">
+          <el-input v-model="form.model.companyContact" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="10">
+        <el-form-item label="公司单位电话：" prop="companyPhone">
+          <el-input v-model="form.model.companyPhone" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="10" :offset="1">
+        <el-form-item label="公司单位传真：" prop="companyFax">
+          <el-input v-model="form.model.companyFax" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-page>
+</template>
+<script>
+import module from '../../module'
+const { edit, update } = $api.admin.config
+export default {
+  data() {
+    return {
+      code: module.code,
+      type: 1,
+      form: {
+        header: false,
+        action: this.update,
+        labelWidth: '200px',
+        model: {
+          companyName: '',
+          companyAddress: '',
+          companyContact: '',
+          companyPhone: '',
+          companyFax: ''
+        }
+      }
+    }
+  },
+  methods: {
+    update() {
+      return update({ type: this.type, code: this.code, json: JSON.stringify(this.form.model) })
+    }
+  },
+  created() {
+    edit({ type: this.type, code: this.code }).then(data => {
+      this.form.model = data
+    })
+  }
+}
+</script>

package/src/components/department-select/index.vue

@@ -0,0 +1,27 @@
+<script>
+import { mixins } from 'haiwei-ui'
+const { getTree } = $api.personnelFiles.department
+
+export default {
+  mixins: [mixins.treeSelect],
+  data() {
+    return {
+      action: getTree
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: '部门选择'
+    },
+    icon: {
+      type: String,
+      default: 'department'
+    },
+    collapseAll: {
+      type: Boolean,
+      default: true
+    }
+  }
+}
+</script>

package/src/components/employee-select/components/department-box.vue

@@ -0,0 +1,150 @@
+<template>
+  <nm-box class="nm-mpest-department" page header :loading="loading">
+    <template v-slot:title>
+      <el-input v-model="keyword" placeholder="请输入关键字" clearable suffix-icon="el-icon-search"> </el-input>
+    </template>
+
+    <el-tree ref="tree" v-bind="tree" @check="onCheck">
+      <span slot-scope="{ data }">
+        <nm-icon v-if="data.item.type === 0" name="attachment" />
+        <nm-icon v-else-if="data.item.type === 1 && data.item.sex === 0" name="boy" class="nm-mpest-department-icon boy" />
+        <nm-icon v-else-if="data.item.type === 1 && data.item.sex === 1" name="girl" class="nm-mpest-department-icon girl" />
+        <span :class="data.item.type === 1 ? 'nm-mpest-department-name' : ''"
+          >{{ data.label }}<span class="nm-size-10 nm-text-info" v-if="showPost && data.item.type === 1 && data.item.postName"> {{ data.item.postName }}</span></span
+        >
+      </span>
+    </el-tree>
+  </nm-box>
+</template>
+<script>
+const { getTree } = $api.personnelFiles.employee
+
+export default {
+  data() {
+    return {
+      tree: {
+        data: [],
+        nodeKey: 'id',
+        highlightCurrent: true,
+        showCheckbox: true,
+        props: { children: 'children', label: 'label' },
+        currentNodeKey: 0,
+        defaultExpandedKeys: [0],
+        defaultCheckedKeys: [],
+        filterNodeMethod: this.filter
+      },
+      keyword: '',
+      loading: false
+    }
+  },
+  props: {
+    options: Object,
+    //已选择的人员列表
+    selection: Array,
+    //显示岗位
+    showPost: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    query() {
+      this.loading = true
+      getTree().then(data => {
+        this.tree.data = [data]
+        this.options.selection = []
+        this.refresh()
+        this.loading = false
+      })
+    },
+    search() {
+      this.query()
+    },
+    refresh() {
+      let root = this.tree.data[0]
+      if (!root) return
+
+      let checkedKeys = []
+      this.refreshChildren(root.children, checkedKeys)
+      this.$refs.tree.setCheckedKeys(checkedKeys)
+    },
+    refreshChildren(children, checkedKeys) {
+      if (!children) return
+
+      children.forEach(m => {
+        let item = m.item
+        if (item.type === 1) {
+          if (this.selection.findIndex(n => n.id == item.sourceId) > -1) {
+            m.disabled = true
+            checkedKeys.push(m.id)
+          } else {
+            m.disabled = false
+          }
+        } else {
+          this.refreshChildren(m.children, checkedKeys)
+        }
+      })
+    },
+    onCheck(data, { checkedNodes }) {
+      this.options.selection = []
+      checkedNodes.forEach(m => {
+        if (m.item.type === 1 && !m.disabled) {
+          const { sourceId, name, sex, postName, departmentPath } = m.item
+          this.options.selection.push({
+            id: parseInt(sourceId),
+            name,
+            sex,
+            postName,
+            departmentPath
+          })
+        }
+      })
+    },
+    filter(value, data) {
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
+    }
+  },
+  watch: {
+    selection() {
+      this.refresh()
+    },
+    keyword(val) {
+      this.$refs.tree.filter(val)
+    }
+  }
+}
+</script>
+<style lang="scss">
+.nm-mpest-department {
+  .nm-box-header-title {
+    .el-input {
+      top: -2px;
+    }
+  }
+
+  .el-tree-node__content {
+    font-size: 12px;
+  }
+
+  .nm-icon {
+    margin-right: 5px;
+  }
+  &-icon {
+    margin-left: -6px;
+    font-size: 30px;
+
+    &.boy {
+      color: #409eff;
+    }
+    &.girl {
+      color: #e6a23c;
+    }
+  }
+
+  &-name {
+    position: relative;
+    top: -6px;
+  }
+}
+</style>