工伤申报除图片外完成

zhaojiale

2022-08-04 aeef44031f90e5a7b0cb05da884b38f5047e7d21

 src/views/accidentManagementSystem/accidentReport/index.vue

@@ -2,7 +2,12 @@
  <div class="system-user-container">
    <el-card shadow="hover">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="处理中" name="first">
        <el-tab-pane
            v-for="item in editableTabs"
            :key="item.name"
            :label="item.title"
            :name="item.name"
            >
          <div class="button_Line">
            <div class="button_Left">
              <el-button size="default" type="primary"  @click="onOpenAdd">
@@ -22,21 +27,21 @@
              </el-button>
            </div>
            <div class="button_Right">
<!--              <el-button @click="upButton">-->
<!--                <el-icon>-->
<!--                  <Upload />-->
<!--                </el-icon>-->
<!--              </el-button>-->
<!--              <el-button>-->
<!--                <el-icon>-->
<!--                  <Download />-->
<!--                </el-icon>-->
<!--              </el-button>-->
<!--              <el-button>-->
<!--                <el-icon>-->
<!--                  <Refresh />-->
<!--                </el-icon>-->
<!--              </el-button>-->
              <el-button @click="upButton">
                <el-icon>
                  <Upload />
                </el-icon>
              </el-button>
              <el-button>
                <el-icon>
                  <Download />
                </el-icon>
              </el-button>
              <el-button>
                <el-icon>
                  <Refresh />
                </el-icon>
              </el-button>
            </div>
          </div>
          <el-table
@@ -80,7 +85,7 @@
            />
          </div>
        </el-tab-pane>
        <el-tab-pane label="已处理" name="second"></el-tab-pane>
        <!--<el-tab-pane label="已处理" name="second"></el-tab-pane>-->
      </el-tabs>
    </el-card>
    <OpenAdd ref="addRef" @myAdd="onMyAdd" />
@@ -134,15 +139,31 @@
  setup() {
    const activeName = ref('first')
    const handleClick = (tab: TabsPaneContext, event: Event) => {
      console.log(tab, event)
        console.log(tab.props.name)
        if(tab.props.name=='first'){
            listQuery.searchParams.status=1
            listApi()
        }else if(tab.props.name=='second'){
            listQuery.searchParams.status=2
            listApi()
        }
    }

      const editableTabs = ref([
          {
              title: '处理中',
              name: 'first',
          },
          {
              title: '已处理',
              name: 'second',
          },
      ])
    // 列表参数
    const listQuery = reactive({
      pageIndex: 1,
      pageSize: 10,
      searchParams: {
        name: '',
        status: 1,
      },
    });
    // 定义表格数据
@@ -307,6 +328,7 @@
      onMyAdd,
      onDeleteAll,
      onEdit,
      editableTabs
    };
  },
});