增加复制功能

zhouwx

3 days ago d4325ae343f7bfdaa8bc56b3ab72598d0072437e

 src/views/work/selfProblems/plan/index.vue

@@ -21,7 +21,14 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item v-if="data.isAdmin">
        <el-form-item label="年份：" style="margin-left: 20px">
          <el-date-picker
              v-model="data.queryParams.year"
              type="year"
              value-format="YYYY"
          />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
          <el-button plain @click="reset">重置</el-button>
        </el-form-item>
@@ -30,6 +37,7 @@
              type="primary"
              @click="exportData"
          >导出</el-button>
          <el-button  type="primary" plain @click="copy">复制</el-button>
        </el-form-item>

      </el-form>
@@ -65,6 +73,49 @@
      />
    </div>
    <planDialog ref="noticeRef" @getList = "getList"></planDialog>
    <el-dialog
        v-model="copyVisible"
        width="500px"
        :before-close="handleCloseCopy"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
    >
      <div v-if="data.isAdmin">
        <span style="display:block;margin-bottom: 8px">单位名称:</span>
        <el-select
            v-model="queryParams.companyId"
            filterable
            style="width: 100%;margin-bottom: 8px"
        >
          <el-option
              v-for="item in data.companyList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
          />
        </el-select>
      </div>
      <span style="display:block;margin-bottom: 8px">将以下年份数据：</span>
      <el-date-picker
          v-model="data.sourceYear"
          type="year"
          value-format="YYYY"
          style="margin-bottom: 8px;width: 100%;"
          placeholder="请选择"
      />
      <span style="display:block;margin-bottom: 8px">复制到：</span>
      <el-date-picker
          v-model="data.targetYear"
          type="year"
          value-format="YYYY"
          style="margin-bottom: 8px;width: 100%"
          placeholder="请选择"
      />
      <div class="dialog-footer" style="display: flex;justify-content: right">
        <el-button @click="handleCloseCopy" size="default">取 消</el-button>
        <el-button type="primary"  @click="onSubmitCopy" size="default" v-preReClick>确认</el-button>
      </div>
    </el-dialog>
  </div>
</template>

@@ -76,7 +127,7 @@
import Cookies from "js-cookie";
import {generateWordDocument} from "@/utils/exportWord";
import {delBasic, getBasic} from "@/api/companyInfo/basicInfo";
import {delPlan, getPlanPage} from "@/api/selfProblems/plan";
import {copyPlan, delPlan, getPlanPage} from "@/api/selfProblems/plan";
import {getDept} from "@/api/qualityObjectives/object";

const { proxy } = getCurrentInstance();
@@ -89,7 +140,11 @@
    pageNum: 1,
    pageSize: 10,
    companyId: null,
    year:''
  },
  copyVisible: false,
  targetYear:'',
  sourceYear:'',
  companyList: [],
  isAdmin: false,
  deptList: []
@@ -97,7 +152,7 @@
const dataList = ref([]);
const total = ref(0);

const { queryParams } = toRefs(data);
const { queryParams,copyVisible } = toRefs(data);

onMounted(() => {
  const userInfo = JSON.parse(Cookies.get('userInfo'))
@@ -109,9 +164,13 @@
  }else {
    data.queryParams.companyId = userInfo.companyId
  }
  getNowYear()
  getList();
  getDeptList()
});
const getNowYear = () =>{
  data.queryParams.year = new Date().getFullYear().toString()
}
const getList = async () => {
  loading.value = true;
  const res = await getPlanPage(data.queryParams);
@@ -162,16 +221,27 @@
}

/** 重置新增的表单以及其他数据  */
function reset() {
  data.queryParams = {
    companyId: '',
    pageNum: 1,
    pageSize: 10,
const reset= async()=> {
  if(data.isAdmin){
    data.queryParams = {
      pageNum: 1,
      pageSize: 10,
      companyId: null,
      year:''
    }
    data.companyList = [];
    await getCompanyList()
  }else {
    data.queryParams = {
      companyId: data.queryParams.companyId,
      pageNum: 1,
      pageSize: 10,
      year: '',
    }
  }
  choosedData.value = []
  data.companyList = [];
  getList();
  getCompanyList()
  await getNowYear()
  await getList()
}
const exportData = () => {
  if(choosedData.value && choosedData.value.length === 0){
@@ -258,6 +328,55 @@
        }
      })
}
const handleCloseCopy = () => {
  data.targetYear=''
  data.sourceYear=''
  data.copyVisible = false
}
const copy = () => {
  data.copyVisible = true
}
const onSubmitCopy = async () => {
  if(data.isAdmin && !data.queryParams.companyId){
    ElMessage.warning('请先选择单位')
    return
  }
  if(!data.sourceYear){
    ElMessage.warning('请先选择要复制的年份')
    return
  }
  if(!data.targetYear){
    ElMessage.warning('请选择目标年份')
    return
  }
  ElMessageBox.confirm(
      '该操作将覆盖目标年份的数据，是否继续？',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
      .then( async() => {
        const param = {
          companyId: data.queryParams.companyId,
          sourceYear: data.sourceYear,
          targetYear: data.targetYear
        }
        const res = await copyPlan(param);
        if(res.code === 200){
          ElMessage({
            type: 'success',
            message: res.data
          });
          await handleCloseCopy()
          await getList();
        }else{
          ElMessage.warning(res.message)
        }
      }).catch(err => {
  })
}

</script>
<style lang="scss">