From 8b12ab06d915db41fb6582cfab5b26617028da83 Mon Sep 17 00:00:00 2001
From: xy <271556543@qq.com>
Date: Thu, 9 Feb 2023 17:32:14 +0800
Subject: [PATCH] 2023-2-9

---
 .env.development                              |    2 +-
 src/api/manage/province.js                    |   36 +
 src/api/manage/specialize.js                  |   36 +
 src/api/unifiedRecruitment/progress.js        |   44 +
 src/components/LxHeader/XyContent.vue         |   63 +
 src/components/XyDialog/index.vue             |    2 +-
 src/components/XyTable/index.vue              | 1015 ++++++++++++-----
 src/const/index.js                            |   32 +
 src/main.js                                   |    8 +-
 src/mixin/authMixin.js                        |   13 +
 src/store/modules/permission.js               |  107 +-
 src/views/manage/component/addProvince.vue    |  140 +++
 src/views/manage/component/addSpecialize.vue  |  124 ++
 src/views/manage/province.vue                 |  101 ++
 src/views/manage/specialize.vue               |  101 ++
 .../component/addProgress.vue                 |  175 +++
 .../unifiedRecruitment/component/init.vue     |   89 ++
 src/views/unifiedRecruitment/progress.vue     |  153 +++
 18 files changed, 1869 insertions(+), 372 deletions(-)
 create mode 100644 src/api/manage/province.js
 create mode 100644 src/api/manage/specialize.js
 create mode 100644 src/api/unifiedRecruitment/progress.js
 create mode 100644 src/components/LxHeader/XyContent.vue
 create mode 100644 src/const/index.js
 create mode 100644 src/mixin/authMixin.js
 create mode 100644 src/views/manage/component/addProvince.vue
 create mode 100644 src/views/manage/component/addSpecialize.vue
 create mode 100644 src/views/manage/province.vue
 create mode 100644 src/views/manage/specialize.vue
 create mode 100644 src/views/unifiedRecruitment/component/addProgress.vue
 create mode 100644 src/views/unifiedRecruitment/component/init.vue
 create mode 100644 src/views/unifiedRecruitment/progress.vue

diff --git a/.env.development b/.env.development
index 10b019d..ca38b40 100644
--- a/.env.development
+++ b/.env.development
@@ -2,5 +2,5 @@
 ENV = 'development'
 
 # base api
-VUE_APP_BASE_API =http://weiyuan-test.ali251.langye.net
+VUE_APP_BASE_API = http://weiyuan-test.ali251.langye.net
 VUE_APP_UPLOAD_API = http://weiyuan-test.ali251.langye.net/api/admin/upload-file
diff --git a/src/api/manage/province.js b/src/api/manage/province.js
new file mode 100644
index 0000000..0807cc1
--- /dev/null
+++ b/src/api/manage/province.js
@@ -0,0 +1,36 @@
+import request from "@/utils/request";
+
+export function index(isLoading = true,params){
+    return request({
+        url:"/api/admin/province/index",
+        method:"get",
+        isLoading,
+        params
+    })
+}
+
+export function show(isLoading = true,params){
+    return request({
+        url:"/api/admin/province/show",
+        method:"get",
+        isLoading,
+        params
+    })
+}
+
+export function save(data){
+    return request({
+        url:"/api/admin/province/save",
+        method:"post",
+        data
+    })
+}
+
+export function destroy(params){
+    return request({
+        url:"/api/admin/province/destroy",
+        method:"get",
+        params
+    })
+}
+
diff --git a/src/api/manage/specialize.js b/src/api/manage/specialize.js
new file mode 100644
index 0000000..94873d7
--- /dev/null
+++ b/src/api/manage/specialize.js
@@ -0,0 +1,36 @@
+import request from "@/utils/request";
+
+export function index(isLoading = true,params){
+    return request({
+        url:"/api/admin/specialize/index",
+        method:"get",
+        isLoading,
+        params
+    })
+}
+
+export function show(isLoading = true,params){
+    return request({
+        url:"/api/admin/specialize/show",
+        method:"get",
+        isLoading,
+        params
+    })
+}
+
+export function save(data){
+    return request({
+        url:"/api/admin/specialize/save",
+        method:"post",
+        data
+    })
+}
+
+export function destroy(params){
+    return request({
+        url:"/api/admin/specialize/destroy",
+        method:"get",
+        params
+    })
+}
+
diff --git a/src/api/unifiedRecruitment/progress.js b/src/api/unifiedRecruitment/progress.js
new file mode 100644
index 0000000..220a011
--- /dev/null
+++ b/src/api/unifiedRecruitment/progress.js
@@ -0,0 +1,44 @@
+import request from "@/utils/request";
+
+export function index(isLoading = true,params){
+  return request({
+      url:"/api/admin/progress/index",
+      method:"get",
+      isLoading,
+      params
+  })
+}
+
+export function show(isLoading = true,params){
+  return request({
+      url:"/api/admin/progress/show",
+      method:"get",
+      isLoading,
+      params
+  })
+}
+
+export function save(data){
+    return request({
+        url:"/api/admin/progress/save",
+        method:"post",
+        data
+    })
+}
+
+export function destroy(params){
+    return request({
+        url:"/api/admin/progress/destroy",
+        method:"get",
+        params
+    })
+}
+
+export function init(isLoading = true,data){
+    return request({
+        url:"/api/admin/progress/init",
+        method:"post",
+        isLoading,
+        data
+    })
+}
diff --git a/src/components/LxHeader/XyContent.vue b/src/components/LxHeader/XyContent.vue
new file mode 100644
index 0000000..6e71828
--- /dev/null
+++ b/src/components/LxHeader/XyContent.vue
@@ -0,0 +1,63 @@
+<script>
+export default {
+  props:{
+    auths:{
+      type:Array,
+      default:()=>[]
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+
+  },
+  render(){
+    let _this = this
+    //权限排序后(让按钮排序)
+    let temp = JSON.parse(JSON.stringify(this.auths))
+    if(temp.indexOf('search') !== -1){
+      console.log(temp.indexOf('search'))
+      temp.splice(temp.indexOf('search'),1)
+      temp.unshift('search')
+    }
+
+    console.log(temp)
+    return (
+      <div style={
+        {
+          'display':'flex',
+          'flex-warp':'wrap'
+        }
+      }>
+        <div style={
+          {
+            'margin-right':'10px'
+          }
+        }>
+          { _this.$scopedSlots.default ? _this.$scopedSlots.default() : '' }
+        </div>
+        {
+          temp.map((item,index) => {
+            if(_this.$scopedSlots[item]){
+              return (
+                <div style={
+                  {
+                    'margin-right':'10px'
+                  }
+                }>
+                  { _this.$scopedSlots[item](item,index) }
+                </div>
+              )
+            }
+          })
+        }
+      </div>
+    )
+  }
+
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/components/XyDialog/index.vue b/src/components/XyDialog/index.vue
index b8ce259..c4591b4 100644
--- a/src/components/XyDialog/index.vue
+++ b/src/components/XyDialog/index.vue
@@ -91,7 +91,7 @@ export default {
       }
       this.$refs['elForm'].validate().then(res=>{
         if(res)this.$emit('submit')
-      }).catch(err=>{
+      }).catch(err => {
         this.$Message.warning({
           content:'请填写完整信息',
           duration:1
diff --git a/src/components/XyTable/index.vue b/src/components/XyTable/index.vue
index a970359..7ead59f 100644
--- a/src/components/XyTable/index.vue
+++ b/src/components/XyTable/index.vue
@@ -1,117 +1,402 @@
 <script>
+import axios from 'axios';
+import {getToken} from "@/utils/auth";
 export default {
   props: {
-    height: {
-      type: Number
-    },
-    list: {
+    //请求相关
+    action:[String,Function], //String传入请求地址 Function传入返回promise的方法
+    reqOpt:Object, //请求参数配置
+    resProp:{
+      type:String,
+      default:'data'
+    },//请求后需要获取表格数据键名
+
+    //操作权限
+    auths: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
+
+    //table props
+    /**
+     * @type {Array}
+     * [
+     *   {
+     *     type: ("selection"|"index"|"expand"),
+     *     index: [Number,Function(index)], //type=index,通过传递 index 属性来自定义索引
+     *     columnKey: "", //column 的 key，如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件
+     *     label: "",
+     *     prop: "",
+     *     width: "",
+     *     minWidth: "",
+     *     fixed: ("true"| "left"| "right"),
+     *     renderHeader:(h, { column, $index}) => {
+     *     },
+     *     sortable:[Boolean,String] (true|false|"custom"),//custom需监听 Table 的 sort-change 事件
+     *     sortMethod: (a,b) => {}, //对数据进行排序的时候使用的方法，仅当 sortable 设置为 true 的时候有效，需返回一个数字，和 Array.sort 表现一致
+     *     sortBy:[String,Array,Function(row, index)],//指定数据按照哪个属性进行排序，仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。如果 sort-by 为数组，则先按照第 1 个属性排序，如果第 1 个相等，再按照第 2 个排序，以此类推
+     *     sortOrders:[Array] (['ascending', 'descending', null]),//数据在排序时所使用排序策略的轮转顺序，仅当 sortable 为 true 时有效
+     *     resizable:[Boolean], //需要在 el-table 上设置 border 属性为真
+     *     formatter:[Function(row, column, cellValue, index)],
+     *     showOverflowTooltip:[Boolean],
+     *     align: ("left","center","right"),
+     *     headerAlign:	("left","center","right"),
+     *     className:[String],
+     *     labelClassName:[String],
+     *     selectable:[Function(row, index)],//仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选
+     *     reserveSelection:[Boolean],//仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）
+     *     filters:[Array[{ text, value }]],
+     *     filterPlacement:[String],
+     *     filterMultiple:[Boolean],
+     *     filterMethod:[Function(value, row, column)],
+     *     filteredValue:[Array]
+     *   }
+     * ]
+     */
     tableItem: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
-    indent: {
-      type: Number,
-      default: 18
+    //数据
+    list: {
+      type: Array,
+      default: () => [],
     },
-    cellStyle: {
-      type: Function,
-      default: () => {
-      }
+    height: {
+      type: [String, Number],
     },
-    rowStyle: {
-      type: Function,
-      default: () => {
-      }
+    maxHeight: [String, Number],
+    //斑马纹
+    stripe: {
+      type: Boolean,
+      default: false,
     },
-    headerRowStyle: {
-      type: Function,
-      default: () => {
-      }
+    //是否带有纵向边框
+    border: {
+      type: Boolean,
+      default: true,
     },
-    headerCellStyle: {
-      type: Function,
-      default: () => {
-      }
+    size: String, // medium / small / mini
+    fit: {
+      type: Boolean,
+      default: true,
     },
-    defaultExpandAll: {
+    showHeader: {
       type: Boolean,
-      default: true
+      default: true,
     },
-    expandRowKeys:{
-      type: Array,
-      default: ()=>[]
+    highlightCurrentRow: {
+      type: Boolean,
+      default: true,
     },
-    rowKey:{
-      type:[String,Function],
-      default:'id'
+    currentRowKey: [String, Number],
+    rowClassName: [Function, String],
+    rowStyle: [Function, Object],
+    cellClassName: [Function, String],
+    cellStyle: [Function, Object],
+    headerRowClassName: [Function, String],
+    headerRowStyle: [Function, Object],
+    headerCellClassName: [Function, String],
+    headerCellStyle: [Function, Object],
+    rowKey: {
+      type: [String, Function],
+      default: "id",
     },
-    showHeader: {
+    emptyText: String,
+    defaultExpandAll: {
       type: Boolean,
-      default: true
+      default: true,
     },
+    expandRowKeys: Array, //可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。
+    defaultSort: Object, //默认的排序列的 prop 和顺序。它的prop属性指定默认的排序的列，order指定默认排序的顺序（order: ascending, descending）
+    tooltipEffect: String,
     showSummary: {
       type: Boolean,
-      default: false
+      default: false,
+    },
+    sumText: {
+      type: String,
+      default: "合计",
     },
-    summaryMethod: {
-      type: Function
+    summaryMethod: Function, //Function({ columns, data })
+    spanMethod: Function,
+    selectOnIndeterminate: Boolean,
+    //展示树形数据时，树节点的缩进
+    indent: {
+      type: Number,
+      default: 18,
     },
+    lazy: Boolean,
+    load: Function, //Function(row, treeNode, resolve)
     treeProps: {
       type: Object,
       default: () => {
-        return {children: 'children', hasChildren: 'hasChildren'}
-      }
+        return { children: "children", hasChildren: "hasChildren" };
+      },
     },
+
     tableStyle: {
       type: Object,
       default: () => {
-        return {width: '100%', marginBottom: "20px"}
-      }
+        return { width: "100%", marginBottom: "20px" };
+      },
     },
     btnWidth: {
       type: Number,
-      default: 190
+      default: 140,
     },
 
     //  分页相关
     isPage: {
       type: Boolean,
-      default: true
+      default: true,
     },
     total: {
       type: Number,
-      default: 0
+      default: 0,
     },
     pageSize: {
-      type: Number
+      type: Number,
     },
-    pageSizeOpts:{
-      type:Array,
-      default:()=>[10, 20, 30, 40]
+    pageSizeOpts: {
+      type: Array,
+      default: () => [10, 20, 30, 40],
+    },
+    showSizer: {
+      type: Boolean,
+      default: true,
     },
-    showSizer:{
-      type:Boolean,
-      default:true
-    }
   },
   data() {
     return {
-      tableHeight: 0,
-      isShowPage: true
-    }
+      isBtns: false,
+      tableHeight: null,
+        //document.documentElement.clientHeight -50 -37 - 20- 25 - 76,
+      isShowPage: true,
+      checkTable: this.tableItem.map((item) => item?.prop),
+      loading: false,
+      visibleBtn: true, //操作按钮显示
+
+      totalData:0,
+      listData:[],
+      selectOpt:{
+        page:1,
+        page_size:10,
+        sort_name:'',
+        sort_type:''
+      },
+    };
   },
   methods: {
+    //方法
     initLoad() {
-      var that = this;
-      var clientHeight = document.documentElement.clientHeight
-      var lxHeader_height = 96.5; //查询 头部
-      var paginationHeight = 37; //分页的高度
-      var topHeight = 50; //页面 头部
-      let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20 - 25;
-      that.tableHeight = tableHeight;
+      let clientHeight = document.documentElement.clientHeight;
+      let lxheader = document.querySelector('.v-header').getBoundingClientRect()
+      let lxHeader_height = lxheader.height + 25; //查询 头部
+      let paginationHeight = 37; //分页的高度
+      let topHeight = 50; //页面 头部
+      this.tableHeight =
+        clientHeight - lxHeader_height - topHeight - paginationHeight - 20 - 25;
+      //console.log(this.tableHeight)
+    },
+    getTableData(isRefresh = false){
+      if(isRefresh){
+        this.selectOpt.page = 1
+      }
+      switch (typeof this.action){
+        case "string":
+          this.loading = true
+          axios({
+            baseURL:process.env.VUE_APP_BASE_API,
+            url:this.action,
+            headers:{
+              Authorization:"Bearer " + getToken()
+            },
+            params:(this.reqOpt.method && this.reqOpt.method === 'get') ? this.selectOpt : '',
+            data:(this.reqOpt.method && this.reqOpt.method === 'post') ? this.selectOpt : '',
+            ...this.reqOpt
+          }).then(res => {
+            this.listData = this.getByStrkey(res.data,this.resProp)
+            this.totalData = res.data.total
+            setTimeout(() => {
+              this.loading = false
+            },300)
+          }).catch(err => {
+            console.error(err)
+            this.loading = false
+          })
+          break;
+        case "function":
+          this.loading = true
+          this.action(false,{
+            ...this.selectOpt,
+            ...this.reqOpt
+          }).then(res => {
+            this.listData = this.getByStrkey(res,this.resProp)
+            this.totalData = res.total
+            setTimeout(() => {
+              this.loading = false
+            },300)
+          }).catch(err => {
+            console.error(err)
+            this.loading = false
+          })
+          break;
+      }
+    },
+    getByStrkey(obj,str){
+      if(!str) return obj
+      let res = this.deepCopy(obj);
+      let keys = str.split('.')
+      keys.forEach(key => {
+        res = res[key]
+      })
+      return res;
+    },
+    deepCopy(data){
+      //string,number,bool,null,undefined,symbol
+      //object,array,date
+      if (data && typeof data === "object") {
+        //针对函数的拷贝
+        if (typeof data === "function") {
+          let tempFunc = data.bind(null);
+          tempFunc.prototype = this.deepCopy(data.prototype);
+          return tempFunc;
+        }
+
+        switch (Object.prototype.toString.call(data)) {
+          case "[object String]":
+            return data.toString();
+          case "[object Number]":
+            return Number(data.toString());
+          case "[object Boolean]":
+            return new Boolean(data.toString());
+          case "[object Date]":
+            return new Date(data.getTime());
+          case "[object Array]":
+            let arr = [];
+            for (let i = 0; i < data.length; i++) {
+              arr[i] = this.deepCopy(data[i]);
+            }
+            return arr;
+
+          //js自带对象或用户自定义类实例
+          case "[object Object]":
+            let obj = {};
+            for (let key in data) {
+              //会遍历原型链上的属性方法，可以用hasOwnProperty来控制 （obj.hasOwnProperty(prop)
+              obj[key] = this.deepCopy(data[key]);
+            }
+            return obj;
+        }
+      } else {
+        //string,number,bool,null,undefined,symbol
+        return data;
+      }
+    },
+    sortListener({column, prop, order}){
+      this.selectOpt.sort_name = prop
+      switch (order){
+        case "ascending":
+          this.selectOpt.sort_type = 'ASC'
+          break;
+        case "descending":
+          this.selectOpt.sort_type = 'DESC'
+          break;
+        default:
+          this.selectOpt.sort_type = ''
+      }
+      this.getTableData()
+    },
+
+    //element table方法
+    clearSelection() {
+      this.$refs.table.clearSelection();
+    },
+    toggleRowSelection(row) {
+      this.$nextTick(() => {
+        this.$refs.table.toggleRowSelection(row);
+      });
+    },
+    toggleAllSelection() {
+      this.$refs.table.toggleAllSelection();
+    },
+    toggleRowExpansion(row, expanded = true) {
+      this.$refs.table.toggleRowExpansion(row, expanded);
+    },
+    setCurrentRow(row) {
+      this.$refs.table.toggleRowExpansion(row);
+    },
+    clearSort() {
+      this.$refs.table.clearSort();
+    },
+    clearFilter() {
+      this.$refs.table.clearFilter();
+    },
+    doLayout() {
+      this.$refs.table.doLayout();
+    },
+    sort() {
+      this.$refs.table.sort();
+    },
+
+    //table通讯事件
+    delete(row, type) {
+      this.$emit(type, row);
+    },
+    editor(row, type) {
+      this.$emit(type, row);
+    },
+    select(selection, row) {
+      this.$emit("select", selection, row);
+    },
+    selectAll(selection) {
+      this.$emit("select-all", selection);
+    },
+    selectionChange(selection) {
+      this.$emit("selection-change", selection);
+    },
+    cellMouseEnter(row, column, cell, event) {
+      this.$emit("cell-mouse-enter", { row, column, cell, event });
+    },
+    cellMouseLeave(row, column, cell, event) {
+      this.$emit("cell-mouse-leave", { row, column, cell, event });
+    },
+    cellClick(row, column, cell, event) {
+      this.$emit("cell-click", { row, column, cell, event });
+    },
+    cellDblclick(row, column, cell, event) {
+      this.$emit("cell-dblclick", { row, column, cell, event });
+    },
+    rowClick(row, column, event) {
+      this.$emit("row-click", { row, column, event });
+    },
+    rowContextmenu(row, column, event) {
+      this.$emit("row-contextmenu", { row, column, event });
+    },
+    rowDblclick(row, column, event) {
+      this.$emit("row-dblclick", { row, column, event });
+    },
+    headerClick(column, event) {
+      this.$emit("header-click", column, event);
+    },
+    headerContextmenu(column, event) {
+      this.$emit("header-contextmenu", column, event);
+    },
+    sortChange({ column, prop, order }) {
+      this.$emit("sort-change", { column, prop, order });
+    },
+    filterChange(filters) {
+      this.$emit("filter-change", filters);
+    },
+    currentChange(currentRow, oldCurrentRow) {
+      this.$emit("current-change", currentRow, oldCurrentRow);
+    },
+    headerDragend(newWidth, oldWidth, column, event) {
+      this.$emit("header-dragend", { newWidth, oldWidth, column, event });
+    },
+    expandChange(row, expanded) {
+      this.$emit("expand-change", row, expanded);
     },
     deleteClick(row) {
       this.$emit('delete', row)
@@ -119,268 +404,381 @@ export default {
     editorClick(row) {
       this.$emit('editor', row)
     },
-    selectClick(selection, row) {
-      this.$emit('select', selection, row)
-    },
-    selectAllClick(selection){
-      this.$emit('select-all',selection)
-    },
-    cellClick(row, column, cell) {
-      this.$emit('cellClick', row, column, cell)
-    },
 
     createPage() {
       if (this.isPage)
         return (
           <div>
-
             <transition
               enter-active-class="slide-in-bottom"
-              leave-to-class="slide-out-down">
+              leave-to-class="slide-out-down"
+            >
               <Page
                 page-size-opts={this.pageSizeOpts}
                 show-total={true}
                 page-size={this.pageSize}
                 v-show={this.isShowPage}
-                total={this.total}
+                total={this.action ? (this.totalData || this.listData.length) : this.total}
                 size="small"
                 show-elevator={true}
                 show-sizer={this.showSizer}
-                class="xy-table-page"
+                class="xy-table__page"
                 on={{
-                  ['on-page-size-change']: (e) => this.$emit('pageSizeChange', e),
-                  ['on-change']: (e) => this.$emit('pageIndexChange', e)
-                }}>
-              </Page>
+                  ["on-page-size-change"]: (e) => {
+                    if(this.action){
+                      this.selectOpt.page_size = e
+                      this.selectOpt.page = 1
+                      this.getTableData()
+                    }
+                    this.$emit("pageSizeChange", e)
+                  },
+                  ["on-change"]: (e) => {
+                    if(this.action){
+                      this.selectOpt.page = e
+                      this.getTableData()
+                    }
+                    this.$emit("pageIndexChange", e)
+                  }
+                }}
+              ></Page>
             </transition>
+
+            <el-popover
+              placement="top-start"
+              width="200"
+              trigger="hover"
+              scopedSlots={{
+                default: () => {
+                  return (
+                    <el-checkbox-group v-model={this.checkTable}>
+                      {this.$props?.tableItem?.map((item, index) => {
+                        return item.type !== 'expand' ? (
+                          <el-checkbox label={item.prop} key={item.prop}>
+                            {item.label}
+                          </el-checkbox>
+                        ) : ''
+                      })}
+                    </el-checkbox-group>
+                  );
+                },
+              }}
+            >
+              <el-button
+                slot="reference"
+                size="mini"
+                type="primary"
+                class="xy-table__setting"
+                icon="el-icon-s-tools"
+                circle
+                style={{
+                  padding: "3px",
+                }}
+              ></el-button>
+            </el-popover>
           </div>
-        )
+        );
     },
-    toggleRowSelection(row) {
-      this.$nextTick(() => {
-        this.$refs.table.toggleRowSelection(row);
-      })
+
+    isCreateAuthBtns() {
+      let _this = this;
+      let res = (
+        <el-table-column
+          key={`xy-table-btn`}
+          fixed="right"
+          label="操作"
+          minWidth={_this.btnWidth}
+          header-align="center"
+          scopedSlots={{
+            default: (scope) => {
+              if (_this.auths?.length <= 0) return;
+              let { dom, flag } = _this.createAuthBtns(scope);
+              _this.isBtns = flag;
+              return dom;
+            },
+          }}
+        ></el-table-column>
+      );
+      if (_this.isBtns !== 0) {
+        return res;
+      }
     },
-    clearSelection() {
-      this.$refs.table.clearSelection();
+    createAuthBtns(scope) {
+      let _this = this;
+      if (_this.auths?.length > 0) {
+        let btns = new Map();
+        btns.set(
+          "edit",
+          <i-button
+            style={{
+              "margin-right": "6px",
+            }}
+            type="primary"
+            size="small"
+            onClick={() => _this.editorClick(scope.row, "edit")}
+          >
+            编辑
+          </i-button>
+        );
+        btns.set(
+          "delete",
+          <Poptip
+            transfer={true}
+            confirm
+            title="确认要删除吗"
+            on={{ ["on-ok"]: () => _this.deleteClick(scope.row, "delete") }}
+          >
+            <i-button
+              style={{
+                "margin-right": "6px",
+              }}
+              type="error"
+              size="small"
+            >
+              删除
+            </i-button>
+          </Poptip>
+        );
+        let flag = 0;
+        let dom = (
+          <div
+            style={{
+              display: "flex",
+              "justify-content": "flex-start",
+              "align-items": "center",
+              "flex-wrap": "wrap",
+            }}
+          >
+            {_this.auths.map((item, index) => {
+              if (_this.$scopedSlots[item]) {
+                flag = index;
+                return _this.$scopedSlots[item](scope, item, index);
+              } else {
+                if (btns.get(item)) {
+                  flag = index;
+                  return btns.get(item);
+                }
+              }
+            })}
+          </div>
+        );
+        return { dom, flag };
+      }
+    },
+  },
+  computed: {
+    tableFormat() {
+      return this.tableItem.filter((item) => {
+        return this.checkTable.indexOf(item.prop) !== -1;
+      });
     },
-    toggleAllSelection() {
-      this.$refs.table.toggleAllSelection()
-    }
   },
   created() {
-    this.initLoad()
+    this.getTableData()
   },
   mounted() {
+    this.initLoad();
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.doLayout();
+    })
   },
   render(h) {
-    let {
-      createPage,
-      summaryMethod,
-      cellClick,
-      btnWidth,
-      selectClick,
-      selectAllClick,
-      height,
-      createIndexRow,
-      tableStyle,
-      treeProps,
-      showSummary,
-      showHeader,
-      $scopedSlots,
-      showIndex,
-      defaultExpandAll,
-      headerCellStyle,
-      headerRowStyle,
-      rowStyle,
-      cellStyle,
-      indent,
-      tableHeight,
-      tableItem,
-      list,
-      rowKey,
-      deleteClick,
-      editorClick
-    } = this
+    let { $scopedSlots } = this;
     return (
-      <div class="table-tree" style={{'position': 'relative'}}>
-        {tableItem && tableItem.length > 0 ?
-          (<el-table
-            ref="table"
-            show-summary={showSummary}
-            show-header={showHeader}
-            summary-method={summaryMethod}
-            header-row-style={headerRowStyle}
-            header-cell-style={headerCellStyle}
-            row-style={rowStyle}
-            cell-style={cellStyle}
-            indent={indent}
-            data={list}
-            height={height ?? tableHeight}
+      <div class="table-tree" style={{ position: "relative" }}>
+        {this.tableItem && this.tableItem.length > 0 ? (
+          <el-table
             class="v-table"
-            style={tableStyle}
-            row-key={rowKey}
-            border={true}
-            default-expand-all={defaultExpandAll}
-            tree-props={treeProps}
-            fit={true}
+            v-loading={this.loading}
+            ref="table"
+            data={this.action ? this.listData : this.list}
+            height={this.height ?? this.tableHeight}
+            max-height={this.maxHeight}
+            stripe={this.stripe}
+            border={this.border}
+            size={this.size}
+            fit={this.fit}
+            show-header={this.showHeader}
+            highlight-current-row={this.highlightCurrentRow}
+            current-row-key={this.currentRowKey}
+            row-class-name={this.rowClassName}
+            row-style={this.rowStyle}
+            cell-class-name={this.cellClassName}
+            cell-style={this.cellStyle}
+            header-row-class-name={this.headerRowClassName}
+            header-row-style={this.headerRowStyle}
+            header-cell-class-name={this.headerCellClassName}
+            header-cell-style={this.headerCellStyle}
+            row-key={this.rowKey}
+            empty-text={this.emptyText}
+            default-expand-all={this.defaultExpandAll}
+            expand-row-keys={this.expandRowKeys}
+            default-sort={this.defaultSort}
+            tooltip-effect={this.tooltipEffect}
+            show-summary={this.showSummary}
+            sum-text={this.sumText}
+            summary-method={this.summaryMethod}
+            span-method={this.spanMethod}
+            select-on-indeterminate={this.selectOnIndeterminate}
+            indent={this.indent}
+            lazy={this.lazy}
+            load={this.load}
+            tree-props={this.treeProps}
             on={{
-              ['select']: selectClick,
-              ['cell-click']: cellClick,
-              ['select-all']: selectAllClick}}>
-              <el-table-column
-                 type="index"
-                 width="50" fixed="left" align="center" >
-               </el-table-column>
-
-            {
-              tableItem.map((item, index) => {
-                //自定义表格内容
-                if (item.customFn) {
-                  return (
-                    <el-table-column
-                      align={item.align ?? 'center'}
-                      sortable={item.sortable ?? true}
-                      width={item.width ?? 'auto'}
-                      min-width={item.minWidth ?? item.width}
-                      header-align={item.headerAlign ?? 'center'}
-                      label={item.label}
-                      prop={item.prop}
-                      scopedSlots={{
-                        default(scope) {
-                          return item.customFn(scope.row,scope)
-                        }
-                      }}>
-                    </el-table-column>
-                  )
-                } else if (item.multiHd) {
-                  //二级表头结构表格内容
-                  return (
-                    <el-table-column
-                      header-align={item.headerAlign ?? 'center'}
-                      label={item.label}>
-                      {item.multiHd.map((item1, index1) => {
-                        if (item1.customFn) {
-                          return (
-                            <el-table-column
-                              align={item1.align ?? 'center'}
-                              header-align={item1.headerAlign ?? 'center'}
-                              label={item1.label}
-                              width={item1.width ?? 'auto'}
-                              min-width={item1.minWidth ?? item1.width}
-                              sortable={item1.sortable ?? true}
-                              scopedSlots={{
-                                default(scope) {
-                                  return item1.customFn(scope.row)
-                                }
-                              }}>
-                            </el-table-column>
-                          )
-                        } else {
-                          return (
-                            <el-table-column
-                              fixed={item1.fixed ?? false}
-                              align={item1.align ?? 'center'}
-                              header-align={item1.headerAlign ?? 'center'}
-                              prop={`${item.Fprop ? item.Fprop + '.' : ''}${item1.prop}`}
-                              label={item1.label}
-                              width={item1.width ?? 'auto'}
-                              min-width={item1.minWidth ?? item1.width}
-                              sortable={item1.sortable ?? true}
-                              type={item1.type ?? ''}
-                              formatter={item1.formatter}>
-                            </el-table-column>
-                          )
-                        }
-                      })}
-                    </el-table-column>
-                  )
-                } else {
-                  //默认内容
-                  return (
-                    <el-table-column
-                      fixed={item.fixed ?? false}
-                      formatter={item.formatter}
-                      width={item.width ?? 'auto'}
-                      min-width={item.minWidth ?? item.width}
-                      header-align={item.headerAlign ?? 'center'}
-                      align={item.align ?? 'center'}
-                      label={item.label}
-                      prop={item.prop}
-                      sortable={item.sortable ?? true}
-                      type={item.type}
-                      selectable={item.selectable}
-                      scopedSlots={item.type === 'expand' ? {
-                        default(props){
-                          return item.expandFn(props)
+              ["select"]: this.select,
+              ["select-all"]: this.selectAll,
+              ["selection-change"]: this.selectionChange,
+              ["cell-mouse-enter"]: this.cellMouseEnter,
+              ["cell-mouse-leave"]: this.cellMouseLeave,
+              ["cell-click"]: this.cellClick,
+              ["cell-dblclick"]: this.cellDblclick,
+              ["row-click"]: this.rowClick,
+              ["row-contextmenu"]: this.rowContextmenu,
+              ["row-dblclick"]: this.rowDblclick,
+              ["header-click"]: this.headerClick,
+              ["header-contextmenu"]: this.headerContextmenu,
+              ["sort-change"]: this.action ? this.sortListener : this.sortChange,
+              ["filter-change"]: this.filterChange,
+              ["current-change"]: this.currentChange,
+              ["header-dragend"]: this.headerDragend,
+              ["expand-change"]: this.expandChange,
+            }}
+          >
+            {this.tableFormat.map((item, index) => {
+              if ($scopedSlots[item.prop]) {
+                return $scopedSlots[item.prop](item, index);
+              }
+              return (
+                <el-table-column
+                  key={String(Math.random())+index}
+                  type={item.type}
+                  index={item.index}
+                  column-key={String(Math.random())}
+                  label={item.label}
+                  prop={item.prop}
+                  width={item.width ?? "auto"}
+                  min-width={item.minWidth}
+                  fixed={item.fixed ?? false}
+                  render-header={item.renderHeader}
+                  sortable={item.sortable}
+                  sort-method={item.sortMethod}
+                  sort-by={item.sortBy}
+                  sort-orders={item.sortOrders}
+                  resizale={item.resizale}
+                  formatter={item.formatter}
+                  show-overflow-tooltip={item.showOverflowTooltip ?? true}
+                  align={item.align ?? "center"}
+                  header-align={item.headerAlign ?? "center"}
+                  class-name={`xy-table__row-fade ${item.className}`}
+                  label-class-name={`xy-table__title-fade ${item.labelClassName}`}
+                  selectable={item.selectable}
+                  reserve-selection={item.reserveSelection}
+                  filters={item.filters}
+                  filter-placement={item.filterPlacement}
+                  filter-multiple={item.filterMultiple}
+                  filter-method={item.filterMethod}
+                  filtered-value={item.filteredValue}
+                  scopedSlots={
+                    item.customFn || item.type === "expand"
+                      ? {
+                          default(scope) {
+                            if (item.type === "expand") {
+                              return item.expandFn(scope);
+                            }
+                            if (item.customFn) {
+                              return item.customFn(scope.row, scope);
+                            }
+                          },
                         }
-                      } : ''}>
-                    </el-table-column>
-                  )
-                }
-              })}
-
-            {
-              $scopedSlots.btns ? $scopedSlots.btns() :
-                (<el-table-column
-                  fixed="right"
-                  label="操作"
-                  width={btnWidth}
-                  header-align="center"
-                  scopedSlots={{
-                    default(scope) {
-                      return (
-                        <div>
-                          <Poptip
-                            transfer={true}
-                            confirm
-                            title="确认要删除吗"
-                            on={{['on-ok']: () => deleteClick(scope.row)}}>
-                            <i-button
-                              type="error"
-                              size="small"
-                              style="margin-left: 10px;"
-                              ghost>删除
-                            </i-button>
-                          </Poptip>
-
-                          <i-button
-                            type="primary"
-                            size="small"
-                            style="margin-left: 10px;"
-                            ghost
-                            onClick={() => editorClick(scope.row)}>编辑
-                          </i-button>
-                        </div>
-                      )
-                    }
-                  }}>
-                </el-table-column>)
-            }
-          </el-table>)
-          :
-          <el-table height={height ?? tableHeight}/>}
+                      : ""
+                  }
+                >
+                  { item.multiHd
+                    ? item.multiHd.map((item1, index1) => {
+                        return (
+                          <el-table-column
+                            key={`xy-table-col-multi-${item1.prop}`}
+                            prop={`${item.pProp ? item.pProp + "." : ""}${
+                              item1.prop
+                            }`}
+                            type={item1.type}
+                            index={item1.index}
+                            column-key={String(Math.random())}
+                            label={item1.label}
+                            prop={item1.prop}
+                            width={item1.width ?? "auto"}
+                            min-width={item1.minWidth}
+                            fixed={item1.fixed}
+                            render-header={item1.renderHeader}
+                            sortable={item1.sortable ?? false}
+                            sort-method={item1.sortMethod}
+                            sort-by={item1.sortBy}
+                            sort-orders={item1.sortOrders}
+                            resizale={item1.resizale ?? false}
+                            formatter={item1.formatter}
+                            show-overflow-tooltip={item1.showOverflowTooltip ?? true}
+                            align={item1.align ?? "center"}
+                            header-align={item1.headerAlign ?? "center"}
+                            class-name={`xy-table__row-fade ${item1.className}`}
+                            label-class-name={`xy-table__title-fade ${item1.labelClassName}`}
+                            selectable={item1.selectable}
+                            reserve-selection={item1.reserveSelection}
+                            filters={item1.filters}
+                            filter-placement={item1.filterPlacement}
+                            filter-multiple={item1.filterMultiple}
+                            filter-method={item1.filterMethod}
+                            filtered-value={item1.filteredValue}
+                            scopedSlots={
+                              item1.customFn
+                                ? {
+                                    default(scope1) {
+                                      return item1.customFn(scope1);
+                                    },
+                                  }
+                                : ""
+                            }
+                          ></el-table-column>
+                        );
+                      })
+                    : ""}
+                </el-table-column>
+              );
+            })}
+            { $scopedSlots.btns ? $scopedSlots.btns() : this.isCreateAuthBtns() }
+          </el-table>
+        ) : (
+          <el-table height={this.height ?? this.tableHeight} />
+        )}
 
         <el-backtop
           target=".el-table__body-wrapper"
           visibility-height={120}
           bottom={100}
-          right={36}>
-        </el-backtop>
-        {createPage()}
+          right={36}
+        ></el-backtop>
+        { this.createPage() }
       </div>
-    )
-  }
-}
+    );
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 @import "../../styles/variables.scss";
 
-::v-deep .el-table{
-  margin-bottom: 0!important;
+::v-deep .el-table {
+  margin-bottom: 0 !important;
 }
-.xy-table-page {
+.xy-table__setting {
+  font-size: 14px;
+
+  position: absolute;
+  z-index: 99;
+  bottom: 7px;
+  left: 10px;
+}
+.xy-table__page {
   display: flex;
   justify-content: right;
   border-bottom-right-radius: 4px;
@@ -394,22 +792,8 @@ export default {
   left: 0;
   right: 0;
 
-  &__close {
-    cursor: pointer;
-    border-radius: 100%;
-
-    padding: 4px;
-    z-index: 11;
-    position: absolute;
-    bottom: 2px;
-    left: 8px;
-
-    &:hover {
-      transform: scale(1.1, 1.1);
-    }
-  }
-
-  ::v-deep .ivu-page-item, .ivu-page-options {
+  ::v-deep .ivu-page-item,
+  .ivu-page-options {
     background: transparent !important;
   }
 
@@ -434,12 +818,11 @@ export default {
       display: none !important;
     }
   }
-
 }
 
 .slide-in-bottom {
   transform-origin: 0 100%;
-  animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
 }
 
 @keyframes slide-in-bottom {
@@ -455,7 +838,7 @@ export default {
 
 .slide-out-down {
   transform-origin: 0 100%;
-  animation: slide-out-down 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+  animation: slide-out-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
 }
 
 @keyframes slide-out-down {
@@ -473,12 +856,12 @@ export default {
   animation: icon-scale-left 0.5s forwards ease-out;
   @keyframes icon-scale-left {
     from {
-
     }
     to {
       clip-path: polygon(0 30%, 100% 30%, 100% 100%, 0 100%);
       background: rgba(140, 140, 140, 0.7);
-      transform: scale(0.8, 0.8) translateX(-22px) translateY(-10px) rotate(-90deg);
+      transform: scale(0.8, 0.8) translateX(-22px) translateY(-10px)
+        rotate(-90deg);
     }
   }
 }
@@ -495,3 +878,29 @@ export default {
   }
 }
 </style>
+
+<style>
+.xy-table__row-fade {
+  animation: fade-in-row 600ms;
+}
+@keyframes fade-in-row {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+  }
+}
+.xy-table__title-fade {
+  animation: fade-in-title 600ms;
+}
+@keyframes fade-in-title {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+</style>
diff --git a/src/const/index.js b/src/const/index.js
new file mode 100644
index 0000000..11a65e6
--- /dev/null
+++ b/src/const/index.js
@@ -0,0 +1,32 @@
+const progressStatus = [
+  {
+    id: 1,
+    value: "待投档",
+  },
+  {
+    id: 2,
+    value: "录取中",
+  },
+  {
+    id: 3,
+    value: "录取结束",
+  },
+  {
+    id: 4,
+    value: "已邮寄通知书",
+  },
+];
+
+function getProgressStatus(type = "array") {
+  if (type === "array") {
+    return progressStatus;
+  }
+  if (type === "map") {
+    let map = new Map();
+    progressStatus.forEach((item) => {
+      map.set(item.id, item.value);
+    });
+    return map;
+  }
+}
+export { getProgressStatus };
diff --git a/src/main.js b/src/main.js
index c35181c..b7e0581 100644
--- a/src/main.js
+++ b/src/main.js
@@ -44,9 +44,9 @@ Vue.use(VueParticles)
 
 Vue.config.productionTip = false
 
-import avue from '@smallwei/avue'
-import '@smallwei/avue/lib/index.css';
-Vue.use(avue)
+// import avue from '@smallwei/avue'
+// import '@smallwei/avue/lib/index.css';
+// Vue.use(avue)
 Vue.directive('loadMore', {
   bind(el, binding) {
     const selectWrap = el.querySelector('.el-scrollbar__wrap')
@@ -64,6 +64,8 @@ import LxHeader from "@/components/LxHeader"
 Vue.component('lx-header',LxHeader)
 import XyTable from '@/components/XyTable'
 Vue.component('xy-table',XyTable)
+import XyContent from '@/components/LxHeader/XyContent'
+Vue.component('header-content',XyContent)
 import XyDialog from '@/components/XyDialog'
 Vue.component('xy-dialog',XyDialog)
 import XySelectors from '@/components/XySelectors'
diff --git a/src/mixin/authMixin.js b/src/mixin/authMixin.js
new file mode 100644
index 0000000..75b6dda
--- /dev/null
+++ b/src/mixin/authMixin.js
@@ -0,0 +1,13 @@
+export const authMixin = {
+  data(){
+    return {
+      auths_auth_mixin:[],
+    }
+  },
+  created() {
+    if(this.$route.meta.auths.length > 0 && this.$route.meta.auths[0]){
+      this.auths_auth_mixin = this.$route.meta.auths
+    }
+    console.log(this.auths_auth_mixin)
+  }
+}
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 06fd367..5ea5d9c 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -61,6 +61,9 @@ const state = {
  * @param routes
  */
 const pathHandler = (path,id) => {
+  if(path.includes('$')){
+    return path.replace(/\$+/g,"")
+  }
   if(path.includes('#') || path == ''){
     return id + '_key'
   }
@@ -74,72 +77,48 @@ const componentHandler = (path) => {
   if(path.includes('#') && path !== '#'){
     return ()=>import('@/layout/noLayout')
   }
+  if(path.includes('$')){
+    return loadView(path.replace(/\$+/g,""))
+  }
   return loadView(path)
 }
-
-/**
- * 后台查询的菜单数据拼装成路由格式的数据
- * @param routes
- */
-export function generaMenu(routes, data) {
-  data.forEach(item => {
-    if (item.url === "/") {
-      routes.push({
-        path: '/',
-        component: Layout,
-        redirect: '/dashboard',
-        children: [{
-          path: 'dashboard',
-          name: '系统首页',
-          component: () => import('@/views/dashboard/index'),
-          meta: {
-            title: '系统首页',
-            icon: 'dashboard'
-          }
-        }]
-      })
-    } else if (item.url === "##") {
-       routes.push({
-         path: item.path,
-         component: Layout,
-         children: [{
-           path: item.path,
-           name: item.name,
-          component:  item.url === '#' ? Layout : loadView(item.path),
-           meta: {
-             title: item.name,
-             id: item.id,
-             roles: ['admin'],
-             icon: item.icon
-           }
-         }]
-       })
-    } else {
-      var path = item.url;
-      if (item.path != "null" && item.path != null && item.path != "") {
-        path = item.path
-      }
-      const menu = {
-        path: (path === '#' ? item.id + '_key' : path),
-        redirect: (item.children.length > 0 ? "noRedirect" : ""),
-        component: item.url === '#' ? Layout : loadView(item.url),
-        // hidden: true,
-        children: [],
-        name: 'menu_' + item.id,
-        meta: {
-          title: item.name,
-          id: item.id,
-          roles: ['admin'],
-
-          icon: item.icon
-        }
-      }
-      if (item.children) {
-        generaMenu(menu.children, item.children)
-      }
-      routes.push(menu)
-    }
-  })
+
+export function generaMenu(routes, data) {
+  data.forEach(item => {
+    if (item.url === "/") {
+
+    } else {
+      const menu = {
+        path: pathHandler(item.url,item.id),
+        //(item.path === '#'||item.path == '' ? item.id + '_key' : item.path),
+        component: componentHandler(item.url),
+        //(item.path === '#'||item.path == ''  ? Layout : loadView(item.path)),
+        // hidden: true,
+        children: [],
+        name: 'menu_' + item.id,
+        meta: {
+          title: item.name,
+          id: item.id,
+          roles: ['admin'],
+          auths:item.has_auth_node_tags,
+
+          icon: item.icon
+        }
+      }
+      if(item.url.includes("$")){
+        menu.hidden = true
+      }
+      if (item.children) {
+        generaMenu(menu.children, item.children)
+      }
+      routes.push(menu)
+    }
+  })
+  routes.push({
+    path: '*',
+    redirect: '/404',
+    hidden: true
+  })
 }
 
 const mutations = {
diff --git a/src/views/manage/component/addProvince.vue b/src/views/manage/component/addProvince.vue
new file mode 100644
index 0000000..8baeca1
--- /dev/null
+++ b/src/views/manage/component/addProvince.vue
@@ -0,0 +1,140 @@
+<template>
+  <div>
+    <xy-dialog ref="dialog" :is-show.sync="isShow" type="form" :title="type === 'add' ? '新增省份' : '编辑省份'" :form="form" :rules="rules" @submit="submit">
+      <template v-slot:name>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            名称 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.name " clearable placeholder="请输入名称 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+      <template v-slot:english>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            拼音或英文 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.english " clearable placeholder="请输入拼音或英文 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+      <template v-slot:code>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            编码 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.code " clearable placeholder="请输入编码 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+      <template v-slot:remark>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            备注 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input type="textarea" :autosize="{minRows:2}" v-model="form.remark " clearable placeholder="请输入备注 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+    </xy-dialog>
+  </div>
+</template>
+
+<script>
+  import {
+    show,
+    save
+  } from '@/api/manage/province';
+  export default {
+    props:{
+    },
+    data() {
+      return {
+        isShow: false,
+        id: '',
+        type: '',
+
+
+        form: {
+          name: "",
+          english: "",
+          code: "",
+          remark: "",
+        },
+        rules: {
+          name: [{
+            required: true,
+            message: "请填写名称"
+          }],
+          english: [{
+            required: true,
+            message: "请填写拼音或英文"
+          }],
+          code: [{
+            required: true,
+            message: "请填写编码"
+          }],
+        }
+      }
+    },
+    methods: {
+
+      async getDetail() {
+        const res = await show(this.id)
+        this.$integrateData(this.form, res)
+      },
+
+      submit() {
+        if(this.type === 'add'){
+          if(this.form.hasOwnProperty('id')){
+            delete this.form.id
+          }
+        }
+        if (this.type === 'editor') {
+          Object.defineProperty(this.form, 'id', {
+            value: this.id,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          })
+        }
+        save(this.form).then(res => {
+          this.$successMessage(this.type, '')
+          this.isShow = false
+          this.$emit('refresh')
+        })
+      }
+    },
+    watch: {
+      isShow(val) {
+        if (val) {
+          if (this.type === 'editor') {
+            this.getDetail()
+          }
+        } else {
+          this.id = ''
+          this.type = ''
+          this.$refs['dialog'].reset()
+          delete this.form.id
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-input__inner {
+    text-align: left;
+  }
+  .xy-table-item-label{
+    width: 150px;
+  }
+</style>
diff --git a/src/views/manage/component/addSpecialize.vue b/src/views/manage/component/addSpecialize.vue
new file mode 100644
index 0000000..15e3207
--- /dev/null
+++ b/src/views/manage/component/addSpecialize.vue
@@ -0,0 +1,124 @@
+<template>
+  <div>
+    <xy-dialog ref="dialog" :is-show.sync="isShow" type="form" :title="type === 'add' ? '新增专业' : '编辑专业'" :form="form" :rules="rules" @submit="submit">
+      <template v-slot:name>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            专业名称 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.name " clearable placeholder="请输入专业名称 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+      <template v-slot:code>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            专业编码 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.code " clearable placeholder="请输入专业编码 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+      <template v-slot:remark>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            备注 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input type="textarea" :autosize="{minRows:2}" v-model="form.remark " clearable placeholder="请输入备注 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+    </xy-dialog>
+  </div>
+</template>
+
+<script>
+  import {
+    show,
+    save
+  } from '@/api/manage/specialize';
+  export default {
+    props:{
+    },
+    data() {
+      return {
+        isShow: false,
+        id: '',
+        type: '',
+
+
+        form: {
+          name: "",
+          code: "",
+          remark: "",
+        },
+        rules: {
+          name: [{
+            required: true,
+            message: "请填写专业名称"
+          }],
+          code: [{
+            required: true,
+            message: "请填写专业编码"
+          }],
+        }
+      }
+    },
+    methods: {
+
+      async getDetail() {
+        const res = await show(false,{
+          id:this.id
+        })
+        this.$integrateData(this.form, res)
+      },
+
+      submit() {
+        if(this.type === 'add'){
+          if(this.form.hasOwnProperty('id')){
+            delete this.form.id
+          }
+        }
+        if (this.type === 'editor') {
+          Object.defineProperty(this.form, 'id', {
+            value: this.id,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          })
+        }
+        save(this.form).then(res => {
+          this.$successMessage(this.type, '')
+          this.isShow = false
+          this.$emit('refresh')
+        })
+      }
+    },
+    watch: {
+      isShow(val) {
+        if (val) {
+          if (this.type === 'editor') {
+            this.getDetail()
+          }
+        } else {
+          this.id = ''
+          this.type = ''
+          this.$refs['dialog'].reset()
+          delete this.form.id
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-input__inner {
+    text-align: left;
+  }
+
+</style>
diff --git a/src/views/manage/province.vue b/src/views/manage/province.vue
new file mode 100644
index 0000000..370b71f
--- /dev/null
+++ b/src/views/manage/province.vue
@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <div ref="lxHeader">
+      <lx-header
+        icon="md-apps"
+        style="margin-bottom: 10px; border: 0px; margin-top: 15px"
+        text="省份管理"
+      >
+        <div slot="content"></div>
+        <slot>
+          <header-content :auths="auths_auth_mixin">
+            <template v-slot:create>
+              <Button type="primary" @click="$refs['addProvince'].isShow = true"
+                >新建</Button
+              >
+            </template>
+          </header-content>
+        </slot>
+      </lx-header>
+    </div>
+
+    <xy-table
+      ref="xyTable"
+      :table-item="table"
+      :action="index"
+      :auths="auths_auth_mixin"
+      @editor="row => {
+        $refs['addProvince'].id = row.id;
+        $refs['addProvince'].type = 'editor';
+        $refs['addProvince'].isShow = true
+      }"
+      @delete="row => {
+        destroy({
+          id:row.id
+        }).then(res => {
+          $successMessage('destroy','省份')
+          $refs['xyTable'].getTableData()
+        })
+      }"
+    ></xy-table>
+
+    <addProvince
+      ref="addProvince"
+      @refresh="$refs['xyTable'].getTableData(true)"
+    ></addProvince>
+  </div>
+</template>
+
+<script>
+import { index,destroy } from "@/api/manage/province";
+import { authMixin } from "@/mixin/authMixin";
+
+import addProvince from "@/views/manage/component/addProvince.vue";
+export default {
+  mixins: [authMixin],
+  components: {
+    addProvince,
+  },
+  data() {
+    return {
+      table: [
+        {
+          prop: "id",
+          label: "序号",
+          width: 78,
+          sortable: "custom"
+        },
+        {
+          prop: "name",
+          label: "名称",
+          width: 120,
+        },
+        {
+          prop: "english",
+          label: "拼音/英文",
+          width: 140,
+        },
+        {
+          prop: "code",
+          label: "编码",
+          width: 120,
+          sortable: "custom"
+        },
+        {
+          prop: "remark",
+          label: "备注",
+          minWth: 220,
+          align: "left",
+        },
+      ],
+    };
+  },
+  methods: {
+    index,
+    destroy,
+  },
+  computed: {},
+};
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/manage/specialize.vue b/src/views/manage/specialize.vue
new file mode 100644
index 0000000..92ae1e0
--- /dev/null
+++ b/src/views/manage/specialize.vue
@@ -0,0 +1,101 @@
+<template>
+  <div>
+    <div ref="lxHeader">
+      <lx-header
+        icon="md-apps"
+        style="margin-bottom: 10px; border: 0px; margin-top: 15px"
+        text="专业管理"
+      >
+        <div slot="content"></div>
+        <slot>
+          <header-content :auths="auths_auth_mixin">
+            <template v-slot:create>
+              <Button
+                type="primary"
+                @click="
+                  ($refs['addSpecialize'].type = 'add'),
+                    ($refs['addSpecialize'].isShow = true)
+                "
+                >新建</Button
+              >
+            </template>
+          </header-content>
+        </slot>
+      </lx-header>
+    </div>
+
+    <xy-table
+      ref="xyTable"
+      :action="index"
+      :table-item="table"
+      :auths="auths_auth_mixin"
+      @editor="row => {
+        $refs['addSpecialize'].id = row.id;
+        $refs['addSpecialize'].type = 'editor';
+        $refs['addSpecialize'].isShow = true
+      }"
+      @delete="row => {
+        destroy({
+          id:row.id
+        }).then(res => {
+          $successMessage('destroy','专业')
+          $refs['xyTable'].getTableData()
+        })
+      }"
+    ></xy-table>
+
+    <add-specialize
+      ref="addSpecialize"
+      @refresh="$refs['xyTable'].getTableData(true)"
+    ></add-specialize>
+  </div>
+</template>
+
+<script>
+import { authMixin } from "@/mixin/authMixin";
+import { index,destroy } from "@/api/manage/specialize";
+
+import addSpecialize from "./component/addSpecialize.vue";
+export default {
+  mixins: [authMixin],
+  components: {
+    addSpecialize,
+  },
+  data() {
+    return {
+      table: [
+        {
+          prop: "id",
+          label: "序号",
+          width: 78,
+          sortable: "custom",
+        },
+        {
+          prop: "name",
+          label: "专业名称",
+          width: 200,
+        },
+        {
+          prop: "code",
+          label: "专业编码",
+          sortable: "custom",
+          width: 140,
+        },
+        {
+          prop: "remark",
+          label: "备注",
+          align: "left",
+          minWidth: 220,
+        },
+      ],
+    };
+  },
+  methods: {
+    index,
+    destroy,
+  },
+  computed: {},
+};
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/unifiedRecruitment/component/addProgress.vue b/src/views/unifiedRecruitment/component/addProgress.vue
new file mode 100644
index 0000000..eca70db
--- /dev/null
+++ b/src/views/unifiedRecruitment/component/addProgress.vue
@@ -0,0 +1,175 @@
+<template>
+  <div>
+    <xy-dialog ref="dialog" :is-show.sync="isShow" type="form" :title="type === 'add' ? '新增统招进度' : '编辑统招进度'" :form="form" :rules="rules" @submit="submit">
+      <template v-slot:year>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            年份 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-date-picker v-model="form.year" type="year" placeholder="请选择年份" style="width: 300px;" value-format="yyyy"></el-date-picker>
+          </div>
+        </div>
+      </template>
+      <template v-slot:province_id>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            省份 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-select v-model="form.province_id" clearable placeholder="请选择省份 " style="width: 300px;">
+              <el-option v-for="item in province_ids" :key="item.id" :label="item.name" :value="item.id"></el-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+      <template v-slot:status_id>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>
+            进度 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-select v-model="form.status_id" clearable placeholder="请选择进度 " style="width: 300px;">
+              <el-option v-for="item in getProgressStatus('array')" :key="item.id" :label="item.value" :value="item.id"></el-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+      <template v-slot:start_date>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            开始时间 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-date-picker v-model="form.start_date" placeholder="请选择开始时间" style="width: 300px;" value-format="yyyy-MM-dd"></el-date-picker>
+          </div>
+        </div>
+      </template>
+      <template v-slot:end_date>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            结束时间 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-date-picker v-model="form.end_date" placeholder="请选择结束时间" style="width: 300px;" value-format="yyyy-MM-dd"></el-date-picker>
+          </div>
+        </div>
+      </template>
+      <template v-slot:remark>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            备注 ：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input type="textarea" :autosize="{minRows:2}" v-model="form.remark " clearable placeholder="请输入备注 " style="width: 300px;" />
+          </div>
+        </div>
+      </template>
+    </xy-dialog>
+  </div>
+</template>
+
+<script>
+  import {
+    show,
+    save
+  } from '@/api/unifiedRecruitment/progress';
+  import { getProgressStatus } from "@/const"
+  export default {
+    props:{
+          province_ids: {
+            type:Array,
+            default:()=>[]
+          },
+    },
+    data() {
+      return {
+        isShow: false,
+        id: '',
+        type: '',
+
+
+        form: {
+          year: "",
+          province_id: "",
+          status_id: "",
+          start_date: "",
+          end_date: "",
+          remark: "",
+        },
+        rules: {
+          year: [{
+            required: true,
+            message: "请填写年份"
+          }],
+          province_id: [{
+            required: true,
+            message: "请填写省份"
+          }],
+          status_id: [{
+            required: true,
+            message: "请填写进度"
+          }],
+        }
+      }
+    },
+    methods: {
+      getProgressStatus,
+
+      async getDetail() {
+        const res = await show(true,{
+          id:this.id
+        })
+        this.$integrateData(this.form, res)
+      },
+
+      submit() {
+        if(this.type === 'add'){
+          if(this.form.hasOwnProperty('id')){
+            delete this.form.id
+          }
+        }
+        if (this.type === 'editor') {
+          Object.defineProperty(this.form, 'id', {
+            value: this.id,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          })
+        }
+        save(this.form).then(res => {
+          this.$successMessage(this.type, '')
+          this.isShow = false
+          this.$emit('refresh')
+        })
+      }
+    },
+    watch: {
+      isShow(val) {
+        if (val) {
+          if (this.type === 'editor') {
+            this.getDetail()
+          }
+        } else {
+          this.id = ''
+          this.type = ''
+          this.$refs['dialog'].reset()
+          delete this.form.id
+        }
+      },
+      "form.year"(val){
+        this.form.year = "" + val
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-input__inner {
+    text-align: left;
+  }
+
+</style>
diff --git a/src/views/unifiedRecruitment/component/init.vue b/src/views/unifiedRecruitment/component/init.vue
new file mode 100644
index 0000000..e124284
--- /dev/null
+++ b/src/views/unifiedRecruitment/component/init.vue
@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <Modal width="52" :value="isShow" @on-visible-change="e => $emit('update:isShow',e)">
+      <div>
+        <el-date-picker
+            size="small"
+            type="year"
+            placement="bottom"
+            placeholder="年份选择"
+            style="width: 160px"
+            value-format="yyyy"
+            v-model="select.year"
+            @change="$refs['xyTable'].getTableData()"
+        ></el-date-picker>
+      </div>
+
+      <div>
+
+        <xy-table ref="xyTable" :action="index" :req-opt="select" :is-page="false" :table-item="table">
+          <template v-slot:btns></template>
+        </xy-table>
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import { index } from "@/api/unifiedRecruitment/progress"
+import {getProgressStatus} from "@/const";
+export default {
+  props:{
+    isShow:{
+      type:Boolean,
+      default:false
+    },
+    provinces: {
+      type:Array,
+      default:() => []
+    }
+  },
+  data() {
+    return {
+      select:{
+        year:"",
+        page_size:9999
+      },
+      table:[
+        {
+          width:60,
+          align:'center',
+          headerAlign:'center',
+          type:"selection"
+        },
+        {
+          prop: "province_id",
+          label: "省份",
+          width: 140,
+          formatter: (cell, data, val) => {
+            return (
+                this.provinces.filter((item) => {
+                  return val === item.id;
+                })[0]?.name || val
+            );
+          },
+        },
+        {
+          prop: "start_date",
+          label: "开始时间",
+          minWidth: 160,
+          sortable: "custom",
+        },
+        {
+          prop: "end_date",
+          label: "结束时间",
+          minWidth: 160,
+          sortable: "custom",
+        }
+      ],
+    }
+  },
+  methods: {
+    index,
+  },
+  computed: {},
+}
+</script>
+
+<style scoped lang="scss">
+</style>
diff --git a/src/views/unifiedRecruitment/progress.vue b/src/views/unifiedRecruitment/progress.vue
new file mode 100644
index 0000000..cd92ce2
--- /dev/null
+++ b/src/views/unifiedRecruitment/progress.vue
@@ -0,0 +1,153 @@
+<template>
+  <div>
+    <div ref="lxHeader">
+      <lx-header
+        icon="md-apps"
+        style="margin-bottom: 10px; border: 0px; margin-top: 15px"
+        text="统招进度"
+      >
+        <div slot="content"></div>
+        <slot>
+          <header-content :auths="auths_auth_mixin">
+            <template v-slot:search>
+              <el-date-picker
+                size="small"
+                type="year"
+                placement="bottom"
+                placeholder="年份选择"
+                style="width: 160px"
+                value-format="yyyy"
+                v-model="select.year"
+                @change="$refs['xyTable'].getTableData()"
+              ></el-date-picker>
+            </template>
+            <template v-slot:init>
+              <Button style="margin-left: 10px" type="primary" @click="isShowInit = true">初始化</Button>
+            </template>
+            <template v-slot:create>
+              <Button
+                type="primary"
+                @click="
+                  ($refs['addProgress'].type = 'add'),
+                    ($refs['addProgress'].isShow = true)
+                "
+                >新建</Button
+              >
+            </template>
+          </header-content>
+        </slot>
+      </lx-header>
+    </div>
+
+    <xy-table
+      ref="xyTable"
+      :req-opt="select"
+      :action="index"
+      :table-item="table"
+      :auths="auths_auth_mixin"
+      @editor="
+        (row) => {
+          $refs['addProgress'].id = row.id;
+          $refs['addProgress'].type = 'editor';
+          $refs['addProgress'].isShow = true;
+        }
+      "
+    ></xy-table>
+
+    <addProgress
+      ref="addProgress"
+      :province_ids="provinces"
+      @refresh="$refs['xyTable'].getTableData(true)"
+    ></addProgress>
+
+    <init :is-show.sync="isShowInit" :provinces="provinces"></init>
+  </div>
+</template>
+
+<script>
+import { authMixin } from "@/mixin/authMixin";
+import { index as provinceIndex } from "@/api/manage/province";
+import { index } from "@/api/unifiedRecruitment/progress";
+import { getProgressStatus } from "@/const";
+
+import addProgress from "./component/addProgress.vue";
+import init from "./component/init.vue"
+export default {
+  mixins: [authMixin],
+  components: {
+    addProgress,
+    init
+  },
+  data() {
+    return {
+      provinces: [],
+      isShowInit:false,
+      select:{
+        year:''
+      },
+      table: [
+        {
+          prop: "year",
+          label: "年份",
+          width: 140,
+          sortable: "custom",
+        },
+        {
+          prop: "province_id",
+          label: "省份",
+          width: 140,
+          formatter: (cell, data, val) => {
+            return (
+              this.provinces.filter((item) => {
+                return val === item.id;
+              })[0]?.name || val
+            );
+          },
+        },
+        {
+          prop: "status_id",
+          label: "进度",
+          width: 140,
+          formatter: (cell, data, val) => {
+            let map = getProgressStatus("map");
+            return map.get(val);
+          },
+        },
+        {
+          prop: "start_date",
+          label: "开始时间",
+          width: 160,
+          sortable: "custom",
+        },
+        {
+          prop: "end_date",
+          label: "结束时间",
+          width: 160,
+          sortable: "custom",
+        },
+        {
+          prop: "remark",
+          label: "其他说明",
+          align: "left",
+          minWidth: 220,
+        },
+      ],
+    };
+  },
+  methods: {
+    index,
+    async getProvinces() {
+      const res = await provinceIndex(false, {
+        page: 1,
+        page_size: 9999,
+      });
+      this.provinces = res.data;
+    },
+  },
+  created() {
+    this.getProvinces();
+  },
+};
+</script>
+
+<style scoped></style>