提交工资后勤部小学部，小学审核以及基础资料教职工（假）

src/views/basicData/facultyManagement/index.vue

@@ -0,0 +1,118 @@
+<template>
+  <div>
+    <basic-container
+        v-if="show">
+    <avue-crud
+        :option="option"
+        :before-open="beforeOpen"
+    ></avue-crud>
+
+    </basic-container>
+    <div v-else class="borderless">
+      <div class="customer-head">
+        <div class="customer-back">
+          <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
+                     @click="backToList">返回列表
+          </el-button>
+        </div>
+        <el-button
+            class="el-button--small-yh add-customer-btn"
+            type="primary"
+            :disabled="disabled"
+            size="small"
+            @click="editCustomer"
+        >{{ form.id ? '确认修改' : '确认新增' }}
+        </el-button>
+      </div>
+      <containerTitle title="基础资料" style="margin-top: 60px"></containerTitle>
+      <basic-container>
+        <img src="https://trade.tubaosoft.com/file/bladex/000000/1123598821738675201/图层2.png" alt="" style="width: 100%;">
+      </basic-container>
+      <containerTitle title="详细信息"></containerTitle>
+      <basic-container>
+        <img src="https://trade.tubaosoft.com/file/bladex/000000/1123598821738675201/图层3.png" alt="" style="width: 100%;">
+      </basic-container>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data(){
+    return {
+      show:true,
+      form:{},
+      option:{
+        lazy: true,
+        tip: false,
+        simplePage: true,
+        searchShow: true,
+        searchMenuSpan: 24,
+        dialogWidth: "60%",
+        align: "center",
+        searchSpan: 8,
+        searchMenuPosition: "right",
+        tree: true,
+        border: true,
+        index: true,
+        selection: true,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        menuWidth: 180,
+        dialogClickModal: false,
+        searchLabelWidth: 100,
+        searchIcon: true,
+        searchIndex: 2,
+        addBtnText: "新单",
+        expand: true,
+        expandWidth: 38,
+        selectionWidth: 40,
+        column:[
+          {
+            label:'工号',
+            prop:'name',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'姓名',
+            prop:'name1',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'身份类别',
+            prop:'name1',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'教师类别',
+            prop:'name1',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          }]
+      }
+    }
+  },
+  methods:{
+    beforeOpen(row, index){
+      this.show = false
+    },
+    //返回列表
+    backToList() {
+      this.show = true
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/salaryManagement/logisticsDepartment/detailsPage.vue

@@ -0,0 +1,528 @@
+<template>
+  <div class="borderless">
+    <div class="customer-head">
+      <div class="customer-back">
+        <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
+                   @click="backToList">返回列表
+        </el-button>
+      </div>
+      <el-button
+          class="el-button--small-yh add-customer-btn"
+          type="primary"
+          :disabled="disabled"
+          size="small"
+          @click="editCustomer"
+      >{{ form.id ? '确认修改' : '确认新增' }}
+      </el-button>
+    </div>
+    <basic-container style="margin-top: 60px">
+          <avue-form
+              ref="form"
+              v-model="form"
+              :option="option">
+          </avue-form>
+    </basic-container>
+    <containerTitle title="基础资料"></containerTitle>
+    <basic-container>
+      <div style="display: flex;justify-content: space-between;margin-bottom: 10px">
+        <div>
+          <el-button type="primary" @click="dataList.push({})" size="small">新增</el-button>
+        </div>
+        <div>
+          <el-button icon="el-icon-s-operation" size="small" circle @click="drawer=true"></el-button>
+        </div>
+      </div>
+      <!--抽屉自定义列-->
+      <el-drawer
+          title="自定义列设置"
+          :visible.sync="drawer"
+          append-to-body
+          withHeader
+          size="50%"
+          :with-header="false">
+        <el-table
+            :data="optionList.column"
+            border
+            ref="table"
+            size="small"
+            :height="tableHeight"
+            style="width: 100%;">
+<!--          <el-table-column-->
+<!--              type="index"-->
+<!--              align="center"-->
+<!--              label="序号"-->
+<!--              width="50">-->
+<!--          </el-table-column>-->
+          <el-table-column
+              prop="label"
+              align="center"
+              label="列名"
+              width="200">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.label" placeholder="请输入内容"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="fixed"
+              align="center"
+              label="冻结"
+              width="50">
+            <template slot-scope="scope">
+              <el-checkbox v-model="scope.row.fixed"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="hide"
+              align="center"
+              label="隐藏"
+              width="50">
+            <template slot-scope="scope">
+              <el-checkbox v-model="scope.row.hide"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="width"
+              align="center"
+              label="宽度"
+              width="500">
+            <template slot-scope="scope">
+              <el-slider :min="1" :max="500" show-input v-model="scope.row.width"></el-slider>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="remarks"
+              align="center"
+              label="备注"
+              width="400">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.remarks" placeholder="请输入内容"></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-drawer>
+      <el-table
+          :data="dataList"
+          border
+          size="small"
+          style="width: 100%;"
+      >
+        <el-table-column
+            type="index"
+            align="center"
+            label="序号"
+            width="50">
+        </el-table-column>
+        <el-table-column
+            v-for="item in optionList.column"
+            :prop="item.prop"
+            align="center"
+            v-if="item.hide != true"
+            :fixed="item.fixed"
+            :label="item.label"
+            :width="item.width>2?item.width:100">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row[item.prop]" :placeholder="'请输入'+item.label"></el-input>
+          </template>
+        </el-table-column>
+      </el-table>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+import {typeSave} from "@/api/maintenance/salesPolicy";
+
+export default {
+  name: "detailsPage",
+  data(){
+    return{
+      disabled:false,
+      form:{},
+      dataList:[],
+      drawer:false,
+      tableHeight:0,
+      option:{
+        menuBtn: false,
+        labelWidth: 100,
+        column:[
+          {
+            label:'年',
+            prop:'name',
+            type:'year',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'月',
+            prop:'name1',
+            type:'month',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'备注',
+            prop:'name1',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          }]
+      },
+      optionList:{
+        addBtn:false,
+        addRowBtn:true,
+        cellBtn:true,
+        border: true,
+        "lazy": true,
+        "tip": false,
+        "simplePage": true,
+        "searchShow": true,
+        "align": "center",
+        index: true,
+        column:[
+        {
+          label:'部门',
+          prop:'nameA',
+          slot: true,
+          width:100,
+        },
+        {
+          label:'姓名',
+          prop:'nameB',
+          slot:true,
+          width:100
+        },
+        {
+          label:'工资拨付标准',
+          prop:'nameC',
+          width:100,
+          cell: true,
+        },
+        {
+          label:'职级拨付标准',
+          prop:'name4',
+          cell: true,
+        },
+        {
+          label:'履约奖',
+          prop:'name5',
+          cell: true,
+        },
+        {
+          label:'校龄工资',
+          prop:'name6',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'增资',
+          prop:'name7',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'学历工资',
+          prop:'name8',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'职级工资',
+          prop:'name9',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'工资基数',
+          prop:'name10',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'基础工资',
+          prop:'name11',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'工作量工资',
+          prop:'name12',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'日常考核工资',
+          prop:'name13',
+          cell: true,
+          remarks:'日常考核工资'
+        },
+        {
+          label:'绩效工资',
+          prop:'name',
+          cell: true,
+          remarks:'绩效工资'
+        },
+        {
+          label:'突出贡献奖',
+          prop:'name14',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'教学成绩优胜奖',
+          prop:'name15',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'教学成绩进步奖',
+          prop:'name16',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'荣誉奖',
+          prop:'name17',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'领导干部奖励',
+          prop:'name18',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'奖励工资',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'领导干部补贴',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'教研组长',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'备课组长',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'职务津贴',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'班主任',
+          prop:'name',
+          cell: true,
+          remarks:'其他补贴'
+        },
+        {
+          label:'班额',
+          prop:'name',
+          cell: true,
+          remarks:'其他补贴'
+        },
+        {
+          label:'其他补贴',
+          prop:'name',
+          cell: true,
+          remarks:'其他补贴'
+        },
+        {
+          label:'微信补贴',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'特长班补贴',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'空中课堂补贴',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'补发项',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'产假工资',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'绩效工资',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'补贴项',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'考勤扣除',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'罚款',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'五险个人扣除',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'宿舍管理费扣除',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'团意险',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'扣除项',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'保险单位部分',
+          prop:'name',
+          cell: true,
+          remarks:'保险单位部分'
+        },
+        {
+          label:'保险个人部分',
+          prop:'name',
+          cell: true,
+          remarks:'保险个人部分'
+        },
+        {
+          label:'公积金单位部分',
+          prop:'name',
+          cell: true,
+          remarks:'公积金单位部分'
+        },
+        {
+          label:'公积金个人部分',
+          prop:'name',
+          cell: true,
+          remarks:'公积金个人部分'
+        },
+        {
+          label:'应发工资',
+          prop:'name',
+          cell: true,
+          remarks:'应发工资'
+        },
+        {
+          label:'个人所得税',
+          prop:'name',
+          cell: true,
+          remarks:'个人所得税'
+        },
+        {
+          label:'实发工资',
+          prop:'name',
+          cell: true,
+          remarks:'实发工资'
+        },
+        {
+          label:'其他信息',
+          prop:'name',
+          cell: true,
+          remarks:'其他信息'
+        }
+      ]
+    },
+    }
+  },
+  created() {
+    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
+    console.log(windowHeight)
+    this.tableHeight = windowHeight - 140;
+  },
+  methods:{
+    //修改提交触发
+    editCustomer() {
+      console.log(this.form)
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.form.corps = this.form.corps.join(',')
+          this.form.specialItemList = this.contactsData
+          this.form.presentItemList = this.contactsDataBuyFree
+          typeSave(this.form).then(res=>{
+            this.$message({
+              type: "success",
+              message: this.form.id ? "修改成功!" : "新增成功!"
+            });
+            this.backToList()
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    //新增
+    rowSave(form, done) {
+      this.$message.success(
+          '新增数据' + JSON.stringify(form)
+      )
+      done()
+    },
+    //返回列表
+    backToList() {
+      this.$emit("goBack");
+      // this.$router.$avueRouter.closeTag();
+      // this.$router.push({
+      //   path: '/maintenance/salesPolicy/index',
+      //   query: {}
+      // });
+    },
+  }
+}
+</script>
+
+<style scoped>
+::v-deep .el-drawer.rtl{
+  overflow: scroll;
+}
+::v-deep .el-table .el-table__fixed {
+  height: auto !important;
+  bottom: 8px !important;
+}
+</style>

src/views/salaryManagement/logisticsDepartment/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div>
+    <basic-container
+        v-if="isShow">
+      <avue-crud
+          :data="dataList"
+          :option="option"
+          :before-open="beforeOpen"
+          v-model="form"
+          :page.sync="page"
+      >
+      </avue-crud>
+    </basic-container>
+    <detailPage
+        v-else
+        ref="detail"
+        @goBack="goBack"
+        :detailData="detailData"></detailPage>
+  </div>
+</template>
+
+<script>
+import detailPage from "./detailsPage";
+export default {
+  name: "index",
+  components: {
+    detailPage
+  },
+  data(){
+    return{
+      form:{},
+      dataList:[],
+      isShow:true,
+      detailData:{},
+      page: {
+        pageSize: 10,
+        pagerCount:1
+      },
+      option:{
+        "lazy": true,
+        "tip": false,
+        "simplePage": true,
+        "searchShow": true,
+        "searchMenuSpan": 24,
+        "dialogWidth": "60%",
+        "align": "center",
+        "searchSpan": 8,
+        "searchMenuPosition": "right",
+        "tree": true,
+        "border": true,
+        "index": true,
+        "selection": true,
+        "viewBtn": false,
+        "editBtn": false,
+        "delBtn": false,
+        "menuWidth": 180,
+        "dialogClickModal": false,
+        "searchLabelWidth": 100,
+        "searchIcon": true,
+        "searchIndex": 2,
+        "addBtnText": "新单",
+        "expand": true,
+        "expandWidth": 38,
+        "selectionWidth": 40,
+        column:[
+          {
+            label:'年',
+            prop:'name',
+            type:'year',
+            width:100,
+            search:true
+          },
+          {
+            label:'月',
+            prop:'name1',
+            type:'month',
+            width:100,
+            search:true
+          },
+          {
+            label:'制单人',
+            prop:'name2',
+            type:'month',
+            width:100,
+            search:true
+          },
+          {
+            label:'制单日期',
+            prop:'name3',
+            type:'month',
+            width:200,
+            search:true
+          },
+          {
+            label:'更新人',
+            prop:'name4',
+            width:100,
+            type:'month',
+            search:true
+          },
+          {
+            label:'更新日期',
+            prop:'name5',
+            type:'month',
+            width:200,
+            search:true
+          },
+          {
+            label:'备注',
+            prop:'name6',
+            search:true
+          }
+        ]
+
+      }
+    }
+  },
+  methods:{
+//查看跳转页面
+    beforeOpenPage(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },//新增跳转页面
+    beforeOpen(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },
+    editOpen(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },
+    goBack() {
+      this.detailData=this.$options.data().detailData
+      this.isShow = true;
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/salaryManagement/primarySchool/detailsPage.vue

@@ -0,0 +1,725 @@
+<template>
+  <div class="borderless">
+    <div class="customer-head">
+      <div class="customer-back">
+        <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
+                   @click="backToList">返回列表
+        </el-button>
+      </div>
+      <el-button
+          class="el-button--small-yh add-customer-btn"
+          type="primary"
+          :disabled="disabled"
+          size="small"
+          @click="editCustomer"
+      >{{ form.id ? '确认修改' : '确认新增' }}
+      </el-button>
+    </div>
+    <basic-container style="margin-top: 60px">
+          <avue-form ref="form"
+                     v-model="form"
+                     :option="option">
+          </avue-form>
+    </basic-container>
+    <containerTitle title="基础资料"></containerTitle>
+    <basic-container>
+      <div style="display: flex;justify-content: space-between;margin-bottom: 10px">
+        <div>
+          <el-button type="primary" @click="dataList.push({})" size="small">新增</el-button>
+        </div>
+        <div>
+          <el-button icon="el-icon-s-operation" size="small" circle @click="drawer=true"></el-button>
+        </div>
+      </div>
+      <!--抽屉自定义列-->
+      <el-drawer
+          title="自定义列设置"
+          :visible.sync="drawer"
+          append-to-body
+          withHeader
+          size="50%"
+          :with-header="false">
+        <el-table
+            :data="optionList.column"
+            border
+            ref="table"
+            size="small"
+            :height="tableHeight"
+            style="width: 100%;">
+<!--          <el-table-column-->
+<!--              type="index"-->
+<!--              align="center"-->
+<!--              label="序号"-->
+<!--              width="50">-->
+<!--          </el-table-column>-->
+          <el-table-column
+              prop="label"
+              align="center"
+              label="列名"
+              width="200">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.label" placeholder="请输入内容"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="fixed"
+              align="center"
+              label="冻结"
+              width="50">
+            <template slot-scope="scope">
+              <el-checkbox v-model="scope.row.fixed"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="hide"
+              align="center"
+              label="隐藏"
+              width="50">
+            <template slot-scope="scope">
+              <el-checkbox v-model="scope.row.hide"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="width"
+              align="center"
+              label="宽度"
+              width="500">
+            <template slot-scope="scope">
+              <el-slider :min="1" :max="500" show-input v-model="scope.row.width"></el-slider>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="remarks"
+              align="center"
+              label="备注"
+              width="400">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.remarks" placeholder="请输入内容"></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-drawer>
+      <el-table
+          :data="dataList"
+          border
+          size="small"
+          style="width: 100%;"
+      >
+        <el-table-column
+            type="index"
+            align="center"
+            label="序号"
+            width="50">
+        </el-table-column>
+        <el-table-column
+            v-for="item in optionList.column"
+            :prop="item.prop"
+            align="center"
+            v-if="item.hide != true"
+            :fixed="item.fixed"
+            :label="item.label"
+            :width="item.width>2?item.width:100">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row[item.prop]" :placeholder="'请输入'+item.label"></el-input>
+          </template>
+        </el-table-column>
+      </el-table>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+import {typeSave} from "@/api/maintenance/salesPolicy";
+
+export default {
+  name: "detailsPage",
+  data(){
+    return{
+      disabled:false,
+      form:{},
+      dataList:[],
+      drawer:false,
+      tableHeight:0,
+      option:{
+        menuBtn: false,
+        labelWidth: 100,
+        column:[
+          {
+            label:'年',
+            prop:'name',
+            type:'year',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'月',
+            prop:'name1',
+            type:'month',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'备注',
+            prop:'name1',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          }]
+      },
+      optionList:{
+        addBtn:false,
+        addRowBtn:true,
+        cellBtn:true,
+        border: true,
+        "lazy": true,
+        "tip": false,
+        "simplePage": true,
+        "searchShow": true,
+        "align": "center",
+        index: true,
+        column:[
+        {
+          label:'学科',
+          prop:'nameA',
+          slot: true,
+          width:100,
+        },
+        {
+          label:'类别',
+          prop:'nameB',
+          slot:true,
+          width:100
+        },
+        {
+          label:'转正时间',
+          prop:'nameC',
+          type: "date",
+          span:8,
+          format:'yyyy-MM-dd',
+          valueFormat:'yyyy-MM-dd',
+          mock:{
+            type:'datetime',
+            format:'yyyy-MM-dd'
+          },
+          width:100,
+          cell: true,
+        },
+        {
+          label:'职务',
+          prop:'name4',
+          cell: true,
+        },
+        {
+          label:'姓名',
+          prop:'name5',
+          cell: true,
+        },
+        {
+          label:'工资拨付标准',
+          prop:'name6',
+          cell: true,
+        },
+        {
+          label:'职级拨付标准',
+          prop:'name7',
+          cell: true,
+        },
+        {
+          label:'履约奖',
+          prop:'name8',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'校龄工资',
+          prop:'name9',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'增资',
+          prop:'name10',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'学历工资',
+          prop:'name11',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'职级标准',
+          prop:'name12',
+          cell: true,
+          remarks:'职级标准'
+        },
+        {
+          label:'职级工资',
+          prop:'name13',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'工资基数',
+          prop:'name',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'基础工资',
+          prop:'name14',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'工作量工资标准',
+          prop:'name15',
+          cell: true,
+        },
+        {
+          label:'10月份课时',
+          prop:'name16',
+          cell: true,
+        },
+        {
+          label:'10月工作量工资',
+          prop:'name17',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'9月份工作量工资调整',
+          prop:'name18',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'暑假pad课课时',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'暑假pad课课时费',
+          prop:'name',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'工作量工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'日常考核标准',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'日常考核工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'学期绩效工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'突出贡献奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'教学成绩优胜奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'教学成绩进步奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'荣誉奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'领导干部奖励',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'2020年下学期教学成绩奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'2021年中考奖励',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'奖励工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'领导干部补贴',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'备课组长',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'教研组长',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'职务津贴',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'班主任费',
+          prop:'name',
+          cell: true,
+          remarks:'班主任津贴'
+        },
+        {
+          label:'班额',
+          prop:'name',
+          cell: true,
+          remarks:'班主任津贴'
+        },
+        {
+          label:'班主任津贴',
+          prop:'name',
+          cell: true,
+          remarks:'班主任津贴'
+        },
+        {
+          label:'微信',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'产假工资',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'周末加班',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'2020年上学期绩效',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'2020年下学期绩效',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'干部补贴预留',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'假期加班费',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'新岗岗前培训',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'期中期末考试学科优胜奖（预留发放）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'级部长（预留发放）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'9月副班费（预留补发）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'餐车、周五测温、周五安全岗（预留补发）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'预留补发',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'调整差额',
+          prop:'name',
+          cell: true,
+          remarks:'调整差额'
+        },
+        {
+          label:'补贴项',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'出勤',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'督查罚款',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'电话费',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'学习强国',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'宿舍管理费',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'生育津贴',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'五险一金个人',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'扣除项',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'保险（单位部分）',
+          prop:'name',
+          cell: true,
+          remarks:'保险（单位部分）'
+        },
+        {
+          label:'保险（个人部分）',
+          prop:'name',
+          cell: true,
+          remarks:'保险（个人部分）'
+        },
+        {
+          label:'公积金（单位部分）',
+          prop:'name',
+          cell: true,
+          remarks:'公积金（单位部分）'
+        },
+        {
+          label:'公积金（个人部分）',
+          prop:'name',
+          cell: true,
+          remarks:'公积金（个人部分）'
+        },
+        {
+          label:'应发工资',
+          prop:'name',
+          cell: true,
+          remarks:'应发工资'
+        },
+        {
+          label:'个税',
+          prop:'name',
+          cell: true,
+          remarks:'个税'
+        },
+        {
+          label:'实发工资（减去个人）',
+          prop:'name',
+          cell: true,
+          remarks:'实发工资（减去个人）'
+        },
+        {
+          label:'备注',
+          prop:'name',
+          cell: true,
+          remarks:'备注'
+        },
+        {
+          label:' ',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:' ',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:' ',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'日照银行代发最终',
+          prop:'name',
+          cell: true,
+          remarks:'日照银行代发最终'
+        },
+        {
+          label:'已付',
+          prop:'name',
+          cell: true,
+          remarks:'已付'
+        },
+        {
+          label:'冲借款',
+          prop:'name',
+          cell: true,
+          remarks:'冲借款'
+        },
+        {
+          label:'现金付款',
+          prop:'name',
+          cell: true,
+          remarks:'现金付款'
+        },
+        {
+          label:'暂不付',
+          prop:'name',
+          cell: true,
+          remarks:'暂不付'
+        },
+        {
+          label:'暂不付1',
+          prop:'name',
+          cell: true,
+          remarks:'暂不付1'
+        },
+        {
+          label:'暂不付2',
+          prop:'name',
+          cell: true,
+          remarks:'暂不付2'
+        },
+        {
+          label:'备注',
+          prop:'name',
+          cell: true,
+          remarks:'备注'
+        }
+      ]
+    },
+    }
+  },
+  created() {
+    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
+    console.log(windowHeight)
+    this.tableHeight = windowHeight - 140;
+  },
+  methods:{
+    //修改提交触发
+    editCustomer() {
+      console.log(this.form)
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.form.corps = this.form.corps.join(',')
+          this.form.specialItemList = this.contactsData
+          this.form.presentItemList = this.contactsDataBuyFree
+          typeSave(this.form).then(res=>{
+            this.$message({
+              type: "success",
+              message: this.form.id ? "修改成功!" : "新增成功!"
+            });
+            this.backToList()
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    //新增
+    rowSave(form, done) {
+      this.$message.success(
+          '新增数据' + JSON.stringify(form)
+      )
+      done()
+    },
+    //返回列表
+    backToList() {
+      this.$emit("goBack");
+      // this.$router.$avueRouter.closeTag();
+      // this.$router.push({
+      //   path: '/maintenance/salesPolicy/index',
+      //   query: {}
+      // });
+    },
+  }
+}
+</script>
+
+<style scoped>
+::v-deep .el-drawer.rtl{
+  overflow: scroll;
+}
+::v-deep .el-table .el-table__fixed {
+  height: auto !important;
+  bottom: 8px !important;
+}
+</style>

src/views/salaryManagement/primarySchool/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div>
+    <basic-container
+        v-if="isShow">
+      <avue-crud
+          :data="dataList"
+          :option="option"
+          :before-open="beforeOpen"
+          v-model="form"
+          :page.sync="page"
+      >
+      </avue-crud>
+    </basic-container>
+    <detailPage
+        v-else
+        ref="detail"
+        @goBack="goBack"
+        :detailData="detailData"></detailPage>
+  </div>
+</template>
+
+<script>
+import detailPage from "./detailsPage";
+export default {
+  name: "index",
+  components: {
+    detailPage
+  },
+  data(){
+    return{
+      form:{},
+      dataList:[],
+      isShow:true,
+      detailData:{},
+      page: {
+        pageSize: 10,
+        pagerCount:1
+      },
+      option:{
+        "lazy": true,
+        "tip": false,
+        "simplePage": true,
+        "searchShow": true,
+        "searchMenuSpan": 24,
+        "dialogWidth": "60%",
+        "align": "center",
+        "searchSpan": 8,
+        "searchMenuPosition": "right",
+        "tree": true,
+        "border": true,
+        "index": true,
+        "selection": true,
+        "viewBtn": false,
+        "editBtn": false,
+        "delBtn": false,
+        "menuWidth": 180,
+        "dialogClickModal": false,
+        "searchLabelWidth": 100,
+        "searchIcon": true,
+        "searchIndex": 2,
+        "addBtnText": "新单",
+        "expand": true,
+        "expandWidth": 38,
+        "selectionWidth": 40,
+        column:[
+          {
+            label:'年',
+            prop:'name',
+            type:'year',
+            width:100,
+            search:true
+          },
+          {
+            label:'月',
+            prop:'name1',
+            type:'month',
+            width:100,
+            search:true
+          },
+          {
+            label:'制单人',
+            prop:'name2',
+            type:'month',
+            width:100,
+            search:true
+          },
+          {
+            label:'制单日期',
+            prop:'name3',
+            type:'month',
+            width:200,
+            search:true
+          },
+          {
+            label:'更新人',
+            prop:'name4',
+            width:100,
+            type:'month',
+            search:true
+          },
+          {
+            label:'更新日期',
+            prop:'name5',
+            type:'month',
+            width:200,
+            search:true
+          },
+          {
+            label:'备注',
+            prop:'name6',
+            search:true
+          }
+        ]
+
+      }
+    }
+  },
+  methods:{
+//查看跳转页面
+    beforeOpenPage(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },//新增跳转页面
+    beforeOpen(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },
+    editOpen(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },
+    goBack() {
+      this.detailData=this.$options.data().detailData
+      this.isShow = true;
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/salaryManagement/primarySchoolAudit/detailsPage.vue

@@ -0,0 +1,725 @@
+<template>
+  <div class="borderless">
+    <div class="customer-head">
+      <div class="customer-back">
+        <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
+                   @click="backToList">返回列表
+        </el-button>
+      </div>
+      <el-button
+          class="el-button--small-yh add-customer-btn"
+          type="primary"
+          :disabled="disabled"
+          size="small"
+          @click="editCustomer"
+      >{{ form.id ? '确认修改' : '确认新增' }}
+      </el-button>
+    </div>
+    <basic-container style="margin-top: 60px">
+          <avue-form ref="form"
+                     v-model="form"
+                     :option="option">
+          </avue-form>
+    </basic-container>
+    <containerTitle title="基础资料"></containerTitle>
+    <basic-container>
+      <div style="display: flex;justify-content: space-between;margin-bottom: 10px">
+        <div>
+          <el-button type="primary" @click="dataList.push({})" size="small">新增</el-button>
+        </div>
+        <div>
+          <el-button icon="el-icon-s-operation" size="small" circle @click="drawer=true"></el-button>
+        </div>
+      </div>
+      <!--抽屉自定义列-->
+      <el-drawer
+          title="自定义列设置"
+          :visible.sync="drawer"
+          append-to-body
+          withHeader
+          size="50%"
+          :with-header="false">
+        <el-table
+            :data="optionList.column"
+            border
+            ref="table"
+            size="small"
+            :height="tableHeight"
+            style="width: 100%;">
+<!--          <el-table-column-->
+<!--              type="index"-->
+<!--              align="center"-->
+<!--              label="序号"-->
+<!--              width="50">-->
+<!--          </el-table-column>-->
+          <el-table-column
+              prop="label"
+              align="center"
+              label="列名"
+              width="200">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.label" placeholder="请输入内容"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="fixed"
+              align="center"
+              label="冻结"
+              width="50">
+            <template slot-scope="scope">
+              <el-checkbox v-model="scope.row.fixed"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="hide"
+              align="center"
+              label="隐藏"
+              width="50">
+            <template slot-scope="scope">
+              <el-checkbox v-model="scope.row.hide"></el-checkbox>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="width"
+              align="center"
+              label="宽度"
+              width="500">
+            <template slot-scope="scope">
+              <el-slider :min="1" :max="500" show-input v-model="scope.row.width"></el-slider>
+            </template>
+          </el-table-column>
+          <el-table-column
+              prop="remarks"
+              align="center"
+              label="备注"
+              width="400">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.remarks" placeholder="请输入内容"></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-drawer>
+      <el-table
+          :data="dataList"
+          border
+          size="small"
+          style="width: 100%;"
+      >
+        <el-table-column
+            type="index"
+            align="center"
+            label="序号"
+            width="50">
+        </el-table-column>
+        <el-table-column
+            v-for="item in optionList.column"
+            :prop="item.prop"
+            align="center"
+            v-if="item.hide != true"
+            :fixed="item.fixed"
+            :label="item.label"
+            :width="item.width>2?item.width:100">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row[item.prop]" :placeholder="'请输入'+item.label"></el-input>
+          </template>
+        </el-table-column>
+      </el-table>
+    </basic-container>
+  </div>
+</template>
+
+<script>
+import {typeSave} from "@/api/maintenance/salesPolicy";
+
+export default {
+  name: "detailsPage",
+  data(){
+    return{
+      disabled:false,
+      form:{},
+      dataList:[],
+      drawer:false,
+      tableHeight:0,
+      option:{
+        menuBtn: false,
+        labelWidth: 100,
+        column:[
+          {
+            label:'年',
+            prop:'name',
+            type:'year',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'月',
+            prop:'name1',
+            type:'month',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          },
+          {
+            label:'备注',
+            prop:'name1',
+            search:true,
+            span: 8,
+            maxlength: 3,
+          }]
+      },
+      optionList:{
+        addBtn:false,
+        addRowBtn:true,
+        cellBtn:true,
+        border: true,
+        "lazy": true,
+        "tip": false,
+        "simplePage": true,
+        "searchShow": true,
+        "align": "center",
+        index: true,
+        column:[
+        {
+          label:'学科',
+          prop:'nameA',
+          slot: true,
+          width:100,
+        },
+        {
+          label:'类别',
+          prop:'nameB',
+          slot:true,
+          width:100
+        },
+        {
+          label:'转正时间',
+          prop:'nameC',
+          type: "date",
+          span:8,
+          format:'yyyy-MM-dd',
+          valueFormat:'yyyy-MM-dd',
+          mock:{
+            type:'datetime',
+            format:'yyyy-MM-dd'
+          },
+          width:100,
+          cell: true,
+        },
+        {
+          label:'职务',
+          prop:'name4',
+          cell: true,
+        },
+        {
+          label:'姓名',
+          prop:'name5',
+          cell: true,
+        },
+        {
+          label:'工资拨付标准',
+          prop:'name6',
+          cell: true,
+        },
+        {
+          label:'职级拨付标准',
+          prop:'name7',
+          cell: true,
+        },
+        {
+          label:'履约奖',
+          prop:'name8',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'校龄工资',
+          prop:'name9',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'增资',
+          prop:'name10',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'学历工资',
+          prop:'name11',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'职级标准',
+          prop:'name12',
+          cell: true,
+          remarks:'职级标准'
+        },
+        {
+          label:'职级工资',
+          prop:'name13',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'工资基数',
+          prop:'name',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'基础工资',
+          prop:'name14',
+          cell: true,
+          remarks:'基础工资'
+        },
+        {
+          label:'工作量工资标准',
+          prop:'name15',
+          cell: true,
+        },
+        {
+          label:'10月份课时',
+          prop:'name16',
+          cell: true,
+        },
+        {
+          label:'10月工作量工资',
+          prop:'name17',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'9月份工作量工资调整',
+          prop:'name18',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'暑假pad课课时',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'暑假pad课课时费',
+          prop:'name',
+          cell: true,
+          remarks:'工作量工资'
+        },
+        {
+          label:'工作量工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'日常考核标准',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'日常考核工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'学期绩效工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'突出贡献奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'教学成绩优胜奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'教学成绩进步奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'荣誉奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'领导干部奖励',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'2020年下学期教学成绩奖',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'2021年中考奖励',
+          prop:'name',
+          cell: true,
+          remarks:'奖励工资'
+        },
+        {
+          label:'奖励工资',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'领导干部补贴',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'备课组长',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'教研组长',
+          prop:'name',
+          cell: true,
+          remarks:'职务津贴'
+        },
+        {
+          label:'职务津贴',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'班主任费',
+          prop:'name',
+          cell: true,
+          remarks:'班主任津贴'
+        },
+        {
+          label:'班额',
+          prop:'name',
+          cell: true,
+          remarks:'班主任津贴'
+        },
+        {
+          label:'班主任津贴',
+          prop:'name',
+          cell: true,
+          remarks:'班主任津贴'
+        },
+        {
+          label:'微信',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'产假工资',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'周末加班',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'2020年上学期绩效',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'2020年下学期绩效',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'干部补贴预留',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'假期加班费',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'新岗岗前培训',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'期中期末考试学科优胜奖（预留发放）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'级部长（预留发放）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'9月副班费（预留补发）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'餐车、周五测温、周五安全岗（预留补发）',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'预留补发',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'调整差额',
+          prop:'name',
+          cell: true,
+          remarks:'调整差额'
+        },
+        {
+          label:'补贴项',
+          prop:'name',
+          cell: true,
+          remarks:'补贴项'
+        },
+        {
+          label:'出勤',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'督查罚款',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'电话费',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'学习强国',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'宿舍管理费',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'生育津贴',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'五险一金个人',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'扣除项',
+          prop:'name',
+          cell: true,
+          remarks:'扣除项'
+        },
+        {
+          label:'保险（单位部分）',
+          prop:'name',
+          cell: true,
+          remarks:'保险（单位部分）'
+        },
+        {
+          label:'保险（个人部分）',
+          prop:'name',
+          cell: true,
+          remarks:'保险（个人部分）'
+        },
+        {
+          label:'公积金（单位部分）',
+          prop:'name',
+          cell: true,
+          remarks:'公积金（单位部分）'
+        },
+        {
+          label:'公积金（个人部分）',
+          prop:'name',
+          cell: true,
+          remarks:'公积金（个人部分）'
+        },
+        {
+          label:'应发工资',
+          prop:'name',
+          cell: true,
+          remarks:'应发工资'
+        },
+        {
+          label:'个税',
+          prop:'name',
+          cell: true,
+          remarks:'个税'
+        },
+        {
+          label:'实发工资（减去个人）',
+          prop:'name',
+          cell: true,
+          remarks:'实发工资（减去个人）'
+        },
+        {
+          label:'备注',
+          prop:'name',
+          cell: true,
+          remarks:'备注'
+        },
+        {
+          label:' ',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:' ',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:' ',
+          prop:'name',
+          cell: true,
+        },
+        {
+          label:'日照银行代发最终',
+          prop:'name',
+          cell: true,
+          remarks:'日照银行代发最终'
+        },
+        {
+          label:'已付',
+          prop:'name',
+          cell: true,
+          remarks:'已付'
+        },
+        {
+          label:'冲借款',
+          prop:'name',
+          cell: true,
+          remarks:'冲借款'
+        },
+        {
+          label:'现金付款',
+          prop:'name',
+          cell: true,
+          remarks:'现金付款'
+        },
+        {
+          label:'暂不付',
+          prop:'name',
+          cell: true,
+          remarks:'暂不付'
+        },
+        {
+          label:'暂不付1',
+          prop:'name',
+          cell: true,
+          remarks:'暂不付1'
+        },
+        {
+          label:'暂不付2',
+          prop:'name',
+          cell: true,
+          remarks:'暂不付2'
+        },
+        {
+          label:'备注',
+          prop:'name',
+          cell: true,
+          remarks:'备注'
+        }
+      ]
+    },
+    }
+  },
+  created() {
+    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
+    console.log(windowHeight)
+    this.tableHeight = windowHeight - 140;
+  },
+  methods:{
+    //修改提交触发
+    editCustomer() {
+      console.log(this.form)
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.form.corps = this.form.corps.join(',')
+          this.form.specialItemList = this.contactsData
+          this.form.presentItemList = this.contactsDataBuyFree
+          typeSave(this.form).then(res=>{
+            this.$message({
+              type: "success",
+              message: this.form.id ? "修改成功!" : "新增成功!"
+            });
+            this.backToList()
+          })
+        } else {
+          return false;
+        }
+      });
+    },
+    //新增
+    rowSave(form, done) {
+      this.$message.success(
+          '新增数据' + JSON.stringify(form)
+      )
+      done()
+    },
+    //返回列表
+    backToList() {
+      this.$emit("goBack");
+      // this.$router.$avueRouter.closeTag();
+      // this.$router.push({
+      //   path: '/maintenance/salesPolicy/index',
+      //   query: {}
+      // });
+    },
+  }
+}
+</script>
+
+<style scoped>
+::v-deep .el-drawer.rtl{
+  overflow: scroll;
+}
+::v-deep .el-table .el-table__fixed {
+  height: auto !important;
+  bottom: 8px !important;
+}
+</style>

src/views/salaryManagement/primarySchoolAudit/index.vue

@@ -0,0 +1,148 @@
+<template>
+  <div>
+    <basic-container
+        v-if="isShow">
+      <avue-crud
+          :data="dataList"
+          :option="option"
+          :before-open="beforeOpen"
+          v-model="form"
+          :page.sync="page"
+      >
+      </avue-crud>
+    </basic-container>
+    <detailPage
+        v-else
+        ref="detail"
+        @goBack="goBack"
+        :detailData="detailData"></detailPage>
+  </div>
+</template>
+
+<script>
+import detailPage from "./detailsPage";
+export default {
+  name: "index",
+  components: {
+    detailPage
+  },
+  data(){
+    return{
+      form:{},
+      dataList:[],
+      isShow:true,
+      detailData:{},
+      page: {
+        pageSize: 10,
+        pagerCount:1
+      },
+      option:{
+        "lazy": true,
+        "tip": false,
+        "simplePage": true,
+        "searchShow": true,
+        "searchMenuSpan": 24,
+        "dialogWidth": "60%",
+        "align": "center",
+        "searchSpan": 8,
+        "searchMenuPosition": "right",
+        "tree": true,
+        "border": true,
+        "index": true,
+        "selection": true,
+        "viewBtn": false,
+        "editBtn": false,
+        "delBtn": false,
+        "menuWidth": 180,
+        "dialogClickModal": false,
+        "searchLabelWidth": 100,
+        "searchIcon": true,
+        "searchIndex": 2,
+        "addBtnText": "新单",
+        "expand": true,
+        "expandWidth": 38,
+        "selectionWidth": 40,
+        column:[
+          {
+            label:'年',
+            prop:'name',
+            type:'year',
+            width:100,
+            search:true
+          },
+          {
+            label:'月',
+            prop:'name1',
+            type:'month',
+            width:100,
+            search:true
+          },
+          {
+            label:'制单人',
+            prop:'name2',
+            type:'month',
+            width:100,
+            search:true
+          },
+          {
+            label:'制单日期',
+            prop:'name3',
+            type:'month',
+            width:200,
+            search:true
+          },
+          {
+            label:'更新人',
+            prop:'name4',
+            width:100,
+            type:'month',
+            search:true
+          },
+          {
+            label:'更新日期',
+            prop:'name5',
+            type:'month',
+            width:200,
+            search:true
+          },
+          {
+            label:'备注',
+            prop:'name6',
+            search:true
+          }
+        ]
+
+      }
+    }
+  },
+  methods:{
+//查看跳转页面
+    beforeOpenPage(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },//新增跳转页面
+    beforeOpen(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },
+    editOpen(row, index) {
+      this.detailData = {
+        id: row.id,
+      };
+      this.isShow = false;
+    },
+    goBack() {
+      this.detailData=this.$options.data().detailData
+      this.isShow = true;
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>