Newer
Older
KaiFengPC / src / views / spongePerformance / waterlogging / floodControlStandard / index.vue
@鲁yixuan 鲁yixuan on 19 Aug 2 KB updata
  1. <template>
  2. <!-- 考核评估 城市防洪标准 -->
  3. <div class="water-analysis-page">
  4. <div class="top">
  5. <div v-if="activeName == 'todo'">
  6. <el-form ref="ruleForm" inline :model="tableData" v-show="showSearch">
  7. <el-form-item label="考核年度:" prop="year">
  8. <el-date-picker v-model="tableData.year" type="year" value-format="YYYY" placeholder="请选择年份" style="width: 240px" />
  9. </el-form-item>
  10. <el-form-item label="达标情况:" prop="standardFlag">
  11. <el-select v-model="tableData.standardFlag" placeholder="请选择达标情况" style="width: 240px" clearable>
  12. <el-option v-for="dict in IsTrue" :key="dict.value" :label="dict.label" :value="dict.value" />
  13. </el-select>
  14. </el-form-item>
  15. <el-form-item>
  16. <el-button type="primary" icon="Search" @click="searchForm"> 搜索</el-button>
  17. <el-button icon="Refresh" @click="resectClcik"> 重置</el-button>
  18. </el-form-item>
  19. </el-form>
  20. <todoDon ref="todoDonRef" :params="tableData"></todoDon>
  21. </div>
  22. </div>
  23. </div>
  24. </template>
  25. <script setup>
  26. import todoDon from './todoDon.vue';
  27.  
  28. const { proxy } = getCurrentInstance();
  29. const todoDonRef = ref(null);
  30. const ruleForm = ref(null);
  31. let typeList = ref({});
  32. const tableDalgoRef = ref();
  33. const showSearch = ref(true);
  34. let visible = ref(false);
  35. const activeName = ref('todo');
  36. const IsTrue = reactive([
  37. { label: '达标', value: 1 },
  38. { label: '未达标', value: 0 },
  39. ]);
  40. //动态组件
  41. let dataForm = reactive({
  42. tableData: { itemDataType: 'CSFHBZ' },
  43. tableDateTwo: '',
  44. tableLoading: true,
  45. });
  46. let { tableData } = toRefs(dataForm);
  47. //获取列表数据
  48. //搜索
  49. const searchForm = () => {
  50. todoDonRef.value.search(tableData.value);
  51. };
  52. //重置
  53. const resectClcik = () => {
  54. ruleForm.value.resetFields();
  55. todoDonRef.value.search(tableData.value);
  56. };
  57. // 新增
  58. const onCheck = ty => {
  59. visible.value = true;
  60. typeList.value.type = ty;
  61. nextTick(() => {
  62. tableDalgoRef.value.resetFiled();
  63. });
  64. };
  65. //确定
  66. function open2() {
  67. tableDalgoRef.value.submit();
  68. }
  69. function onModalClose() {
  70. visible.value = false;
  71. todoDonRef.value.search(tableData.value);
  72. }
  73. function handleClick({ props: { name } }) {
  74. activeName.value = name;
  75. console.log('name', name);
  76. }
  77. onMounted(() => {});
  78. </script>
  79. <style lang="scss" scoped>
  80. .water-analysis-page {
  81. padding: 20px;
  82. overflow-y: hidden;
  83. }
  84. </style>