把tab2的展示样式改成和tab1的样式相同

为了将 `tab2` 的展示样式改为与 `tab1` 相同，你需要进行以下步骤：

1. **修改 `tab2` 的 HTML 结构**：使其与 `tab1` 的结构一致。
2. **调整数据绑定**：确保 `tab2` 的数据字段与 `tab1` 对应。

以下是具体的修改建议：

### 修改 `tab2` 的 HTML 结构

在 `tab2` 的部分，将现有的表格结构替换为与 `tab1` 类似的输入框和选择框结构。

<view v-if="currentTab === 'tab2'" class="tab-page">
  <view class="filter-bar">
    <!-- ... (类似的过滤器按钮) ... -->
  </view>
  <view class="text-wrapper">
    <view v-for="(item, index) in anotherData.rows" :key="index" class="text-item">
      <span class="input-prefix">ID: </span>
      <input type="text" readonly v-model="item.Main_task_Nopri" class="input-field" />
      <br />
      <span class="input-prefix">检查区域: </span>
      <input type="text" readonly v-model="item.AREA_NAME" class="input-field" />
      <br />
      <span class="input-prefix">检查标准: </span>
      <input type="text" readonly v-model="item.check_sta" class="input-field" />
      <br />
      <span class="input-prefix">是否符合: </span>
      <select v-model="item.complianceStatus" @change="handleComplianceChange(item)">
        <option value="符合">符合</option>
        <option value="不符合">不符合</option>
      </select>
      <br />
      <button v-if="item.complianceStatus === '不符合'" @click="showDetail(item)">录入隐患</button>
    </view>
  </view>
</view>

### 调整数据绑定

确保 `anotherData` 中的数据字段与 `tab1Data` 中的数据字段对应。如果字段名称不一致，可以在 `fetchTab2Data` 方法中进行转换。

methods: {
  fetchTab2Data() {
    request({
      url: '/api/check_carryout_record/getPageData',
      method: 'POST',
      header: {
        'content-type': 'application/json',
        'Authorization': `Bearer ${getToken()}`
      },
      dataType: 'json'
    }).then(response => {
      this.anotherData.originalRows = response.rows.map(item => ({
        Main_task_Nopri: item.Main_task_Nopri,
        AREA_NAME: item.AREA_NAME,
        check_sta: item.check_sta,
        complianceStatus: '符合' // 设置默认值
      }));
      this.filterTab2Data(this.anotherData);
    }).catch(error => {
      console.error(error);
      uni.showToast({ title: '请求失败', icon: 'none' });
    });
  }
}

### 总结

通过以上修改，`tab2` 的展示样式将与 `tab1` 完全一致，包括输入框、选择框和按钮的布局。这样可以确保两个标签页的用户体验保持一致。