1.角色关联功能勾选提交功能 2.供方清单(新增、编辑、删除) 功能开发

loulijun2021

2022-06-22 fd59571a8536d48d4029eb7b09a717393f19e210

 src/views/jcsz/yhqd.vue

@@ -1,7 +1,8 @@
<template>
  <div>
    <!--    <div class="body" style="background-color: #ffffff;  padding: 20px 10px 0 20px;">-->
    <div class="body" style="background-color: #ffffff;  padding: 20px 10px 0 20px;" :style="{height:mainHeight+'px'}">
      <div style="height: 50px;">
      <div>
        <el-form
          ref="form"
          :model="form"
@@ -19,13 +20,14 @@
            <el-form-item label="所属组织" style=" display: flex;">
              <el-cascader
                ref="cascader"
                filterable
                :options="StuOrgArr"
                :props="defaultProps"
                @change="cascaderChange"
              />
            </el-form-item>
            <el-form-item label="工资类型" style=" display: flex;">
              <el-select v-model="form.wagetype" style="width: calc(100%-30px)" placeholder="请选择">
              <el-select v-model="form.wagetype" filterable style="width: calc(100%-30px)" placeholder="请选择">
                <el-option
                  v-for="item in wagetypeArr"
                  :key="item.value"
@@ -35,7 +37,7 @@
              </el-select>
            </el-form-item>
            <el-form-item label="在职状态" style=" display: flex;">
              <el-select v-model="form.Enable" style="width: calc(100%-30px)" placeholder="请选择">
              <el-select v-model="form.Enable" filterable style="width: calc(100%-30px)" placeholder="请选择">
                <el-option
                  v-for="item in EnableArr"
                  :key="item.value"
@@ -55,7 +57,6 @@
        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>
        <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>
      </div>

      <div style="display: flex;border: 1px solid #eee">
        <el-table
          :data="tableData"
@@ -134,6 +135,7 @@
            prop="lm_date"
            label="创建时间"
            width="200"
            show-overflow-tooltip
            sortable="custom"
          />
          <el-table-column
@@ -191,6 +193,7 @@
        <el-form-item label="在职状态" prop="Enable">
          <el-select
            v-model="dialogForm.Enable"
            filterable
            style="width: 220px"
            placeholder="请选择"
          >
@@ -207,6 +210,7 @@
            <el-cascader
              ref="dialogCascader"
              key="cascaderKey"
              filterable
              :options="StuOrgArr"
              :props="defaultProps"
              style="width: 220px;"
@@ -216,6 +220,7 @@
          <el-form-item label="工资类型" prop="wagetype">
            <el-select
              v-model="dialogForm.wagetype"
              filterable
              style="width: 220px"
              placeholder="请选择"
            >
@@ -352,7 +357,7 @@
        prop: 'lm_date', // 排序字段
        order: 'desc', // 排序字段
        page: 1, // 第几页
        rows: 10 // 每页多少条
        rows: 20 // 每页多少条
      },
      StuOrgArr: [], // 所属组织数组
      defaultProps: {
@@ -562,11 +567,11 @@
          AddUpdateUser(data).then(res => {
            if (res.code === '200') {
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.dialogVisible = false
              this.getUserSearch()
            } else {
              this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
            }
            this.dialogVisible = false
          })
        }
      })
@@ -918,7 +923,8 @@
}

::v-deep .el-input__inner {
  height: 30px
  height: 30px;
  line-height:30px;
}

::v-deep .el-table .caret-wrapper {