修改loading

祖安之光

5 hours ago 4d5264ead8c96c78c9928e22fc66b0af190ed180

 src/views/work/qualityInfo/outsourcingCooperate/outsourcedContractAgreement/index.vue

@@ -8,9 +8,10 @@
              plain
              icon="Plus"
              @click="openDialog('add',{})"
              v-hasPermi="['outsourcedContractAgreement:add']"
          >新增</el-button>
        </el-form-item>
        <el-form-item v-if="isAdmin" label="企业：" >
        <el-form-item v-if="isAdmin" label="单位：" >
          <el-select v-model="data.queryParams.companyId" placeholder="请选择" clearable>
            <el-option
                v-for="item in companyList"
@@ -20,15 +21,24 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="年份:" style="margin-left: 20px">
          <el-date-picker
              v-model="data.queryParams.year"
              type="year"
              value-format="YYYY"
              placeholder="请选择年份"
          />
        </el-form-item>
        <el-form-item >
          <el-button v-if="isAdmin" type="primary" @click="getList">查询</el-button>
          <el-button v-if="isAdmin" type="primary" plain @click="reset">重置</el-button>
          <el-button  type="primary" @click="getList">查询</el-button>
          <el-button  type="primary" plain @click="reset">重置</el-button>
        </el-form-item>
      </el-form>
    </div>
    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="dataList" :border="true">
      <el-table-column label="序号" type="index" align="center" width="80"/>
      <el-table-column label="年份" prop="year" align="center"/>
      <el-table-column label="供应商" prop="supplierName" align="center"/>
      <el-table-column label="合同质量协议" align="center">
        <template #default="scope">
@@ -37,9 +47,9 @@
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
        <template #default="scope">
          <el-button link type="primary" @click="downloadFile(scope.row.filePath)">下载</el-button>
          <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="downloadFile(scope.row.filePath)" v-hasPermi="['outsourcedContractAgreement:edit']">下载</el-button>
          <el-button link type="primary" @click="openDialog('edit',scope.row)" v-hasPermi="['outsourcedContractAgreement:edit']">编辑</el-button>
          <el-button link type="danger" @click="handleDelete(scope.row)" v-hasPermi="['outsourcedContractAgreement:del']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -78,7 +88,8 @@
    pageNum: 1,
    pageSize: 10,
    companyId: null,
    osType: 2
    osType: 2,
    year:''
  },
  total: 0,
  dataList: [],
@@ -97,12 +108,16 @@
    data.isAdmin = false
    data.queryParams.companyId = userStore.companyId
  }
  await getNowYear()
  await getList()
})

onUnmounted(()=>{

})
const getNowYear = () =>{
  data.queryParams.year = new Date().getFullYear().toString()
}

const getList = async () => {
  loading.value = true
@@ -182,14 +197,27 @@
}

/** 重置新增的表单以及其他数据  */

const reset= async()=> {
  data.queryParams = {
    pageNum: 1,
    pageSize: 10,
    companyId: null,
    osType: 2
  if(data.isAdmin){
    data.queryParams = {
      pageNum: 1,
      pageSize: 10,
      companyId: null,
      osType: 2,
      year: '',
    }
    await getCompanyList()
  }else {
    data.queryParams = {
      pageNum: 1,
      pageSize: 10,
      companyId: data.queryParams.companyId,
      osType: 2,
      year: '',
    }
  }
  await getCompanyList()
  await getNowYear()
  await getList()
}
const handleDelete = (val) => {