新建工地夜间施工管理页面（待完成）

riku

2025-05-16 6d479f9fbc15e96383fe25270575c976e4356e89

新建工地夜间施工管理页面（待完成）

 src/api/fysp/nightConstructionApi.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,17 @@
import { $fysp } from '../index';

/**
 * å·¥åœ°å¤œé—´æ–½å·¥è®¸å¯è¯ç›¸å…³API
 */
export default {
  /**
   * æŸ¥è¯¢å·¥åœ°å¤œé—´æ–½å·¥è®¸å¯è¯
   */
  fetchRecord({ cityCode, districtCode, page, perPage = 20 }) {
    return $fysp
      .get(`nightwork/record/all`, {
        params: { cityCode, districtCode, page, perPage }
      })
      .then((res) => res.data);
  }
};

 src/views/fysp/scene/SceneEditDialog.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,58 @@
<template>
  <el-dialog>
    <div class="sub-title">账户信息</div>
    <el-row>
      <FormCol>
        <CompUserInfo :form-info="formUser" />
      </FormCol>
    </el-row>
    <el-divider />
    <div class="sub-title">基本信息</div>
    <el-row>
      <FormCol>
        <CompSceneBaseInfo :model="formScene" />
      </FormCol>
    </el-row>
    <template v-if="formScene.typeid == 1">
      <el-divider />
      <div class="sub-title">工地信息</div>
      <el-row>
        <FormCol>
          <CompSceneConstructionInfo
            showStyle="form"
            :form-info="formSubScene"
          />
        </FormCol>
      </el-row>
      <el-divider />
      <div class="sub-title">设备信息</div>
      <el-row>
        <FormCol>
          <CompSceneDeviceInfo
            :form-info="formSceneDevice"
            :scene-type="formScene.typeid"
          />
        </FormCol>
      </el-row>
    </template>
  </el-dialog>
</template>
<script setup>
import { ref } from 'vue';

import sceneApi from '@/api/fysp/sceneApi';
import userApi from '@/api/fysp/userApi';
import CompSceneBaseInfo from './CompSceneBaseInfo.vue';
import CompSceneConstructionInfo from './CompSceneConstructionInfo.vue';
import CompSceneDeviceInfo from './CompSceneDeviceInfo.vue';
import CompUserInfo from '../user/CompUserInfo.vue';

const props = defineProps({
  sceneId: String
});

const formUser = ref({});
const formScene = ref({});
const formSubScene = ref({});
const formSceneDevice = ref({});
</script>

 src/views/fysp/support/JingAnNightConstruction.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,53 @@
<template>
  <FYTable @search="onSearch">
    <template #options>
      
    </template>

    <template #buttons>
      
    </template>

    <template #table-column>
      <el-table-column fixed="left" sortable prop="ncNum" label="编号" width="80">
      </el-table-column>
      <el-table-column
        fixed="left"
        prop="name"
        label="名称"
        :show-overflow-tooltip="true"
        width="400"
      >
      </el-table-column>
      <el-table-column prop="type" label="类型" width="130" />
      <el-table-column prop="provincename" label="省" width="90" />
      <el-table-column prop="cityname" label="市" width="90" />
      <el-table-column prop="districtname" label="区县" width="90" />
      <el-table-column prop="townname" label="街道" width="110" />
      <el-table-column prop="location" label="地址" min-width="400" />
      <el-table-column prop="longitude" label="经度" width="110" />
      <el-table-column prop="latitude" label="纬度" width="110" />
      <el-table-column fixed="right" label="操作" width="160">
        <template #default="scope">
          <el-button
            :loading="scope.row.loading1"
            type="default"
            size="small"
            @click="itemEdit(scope)"
            >编辑</el-button
          >
          <el-button
            :loading="scope.row.loading2"
            :type="scope.row.extension1 != '0' ? 'danger' : 'primary'"
            size="small"
            @click="itemActive(scope)"
            >{{ scope.row.extension1 != '0' ? '下线' : '上线' }}</el-button
          >
        </template>
      </el-table-column>
    </template>
  </FYTable>
</template>
<script setup>
import nightConstructionApi from '@/api/fysp/nightConstructionApi';
</script>

 src/views/fysp/support/JingAnSupport.vue

@@ -1,15 +1,19 @@
<template>
  <el-tabs type="border-card">
    <el-tab-pane label="新设备">
    <el-tab-pane label="静安夜间施工管理">
      <JingAnNightConstruction></JingAnNightConstruction>
    </el-tab-pane>
    <el-tab-pane label="静安工地扬尘设备信息匹配">
      <NewDevice></NewDevice>
    </el-tab-pane>
    <el-tab-pane label="新工地">
    <!-- <el-tab-pane label="新工地">
      <NewConstruction></NewConstruction>
    </el-tab-pane>
    </el-tab-pane> -->
  </el-tabs>
</template>
<script setup>
import NewDevice from './NewDevice.vue';
import NewConstruction from './NewConstruction.vue';
import JingAnNightConstruction from './JingAnNightConstruction.vue';
</script>
<style scoped></style>