修改loading

祖安之光

9 hours ago 4d5264ead8c96c78c9928e22fc66b0af190ed180

 src/views/work/onlineEducation/trainPlan/index.vue

@@ -8,9 +8,17 @@
              plain
              icon="Plus"
              @click="openDialog('add',{})"
              v-hasPermi="['trainPlan:list:add']"
          >新增</el-button>
        </el-form-item>
        <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px">
        <el-form-item label="年份:"  style="margin-left: 20px">
          <el-date-picker
              v-model="data.queryParams.trainTime "
              type="year"
              value-format="YYYY"
          />
        </el-form-item>
        <el-form-item label="单位名称:" v-if="data.isAdmin" style="margin-left: 20px">
          <el-select v-model="data.queryParams.companyId" filterable placeholder="请选择" clearable>
            <el-option
                v-for="item in data.companyList"
@@ -20,6 +28,8 @@
            </el-option>
          </el-select>
        </el-form-item>


        <el-form-item v-if="data.isAdmin">
          <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
          <el-button plain @click="reset">重置</el-button>
@@ -43,7 +53,7 @@
    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="dataList" :border="true"  @selection-change="handleSelectionChange">
      <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
      <el-table-column label="企业名称" v-if="data.isAdmin" prop="companyName" align="center" />
      <el-table-column label="单位名称" v-if="data.isAdmin" prop="companyName" align="center" />
      <el-table-column label="时间" prop="trainTime" align="center" />
      <el-table-column label="课程名称" prop="trainName" align="center" />
      <el-table-column label="组织部门" prop="deptName" align="center" />
@@ -59,8 +69,8 @@
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
        <template #default="scope">
          <el-button link type="primary"  @click="openDialog('edit',scope.row)" >编辑</el-button>
          <el-button link type="danger"  @click="handleDelete(scope.row)" >删除</el-button>
          <el-button link type="primary"  @click="openDialog('edit',scope.row)" v-hasPermi="['trainPlan:list:edit']">编辑</el-button>
          <el-button link type="danger"  @click="handleDelete(scope.row)" v-hasPermi="['trainPlan:list:del']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -101,6 +111,7 @@
    pageNum: 1,
    pageSize: 10,
    companyId: null,
    trainTime : ''
  },
  companyList: [],
  isAdmin: false,
@@ -111,7 +122,7 @@

const { queryParams } = toRefs(data);
const fieldsAdmin = ref({
  '企业名称': 'companyName',
  '单位名称': 'companyName',
  '时间':'trainTime',
  '课程名称':'trainName',
  '组织部门':'deptName',
@@ -143,8 +154,13 @@
  }else {
    data.queryParams.companyId = userInfo.companyId
  }
  getNowYear()
  getList();

});
const getNowYear = () =>{
  data.queryParams.trainTime  = new Date().getFullYear().toString()
}
const getList = async () => {
  loading.value = true;
  const res = await getTrainPlanPage(data.queryParams);
@@ -165,6 +181,7 @@
}

const searchClick = () => {
  console.log('q',data.queryParams)
  getList();
}
const openDialog = (type, value) => {
@@ -199,11 +216,14 @@
    companyId: '',
    pageNum: 1,
    pageSize: 10,
    trainTime : ''
  }
  choosedData.value = []
  data.companyList = [];
  getNowYear()
  getList();
  getCompanyList()

}
const exportData = () => {
  if(choosedData.value && choosedData.value.length === 0){