龚焕茏
2024-03-15 de2f2613ffd98786bc7252a35ceb6a4d165849ef
界面调整
8个文件已修改
260 ■■■■ 已修改文件
src/api/geographyData/types.ts 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/dg/danger/index.vue 30 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/dg/danger/total.vue 22 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/geographyData/index.vue 98 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/pcr/pcrData/index.vue 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/scenery/sceneryOperationData/index.vue 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/tp/trafficPropaganda/index.vue 17 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/trafficAccident/index.vue 17 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/geographyData/types.ts
@@ -15,6 +15,11 @@
  name: string;
  /**
   * 所属街镇
   */
  townStreetName: string;
  /**
   * 描述
   */
  description: string;
@@ -43,6 +48,11 @@
  name?: string;
  /**
   * 所属街镇
   */
  townStreetName: string;
  /**
   * 描述
   */
  description?: string;
src/views/dg/danger/index.vue
@@ -85,25 +85,26 @@
      />
    </el-card>
    <!-- 添加或修改安全隐患信息对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="dangerInfoFormRef" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="通报时间" prop="notificationTime">
          <el-date-picker v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择通报时间" />
        </el-form-item>
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
      <el-form ref="dangerInfoFormRef" :model="form" :inline="true" :rules="rules" label-width="80px">
        <el-form-item label="隐患类型" prop="dangerType">
          <el-input v-model="form.dangerType" placeholder="请输入隐患类型" />
          <el-input class="el-input-width" v-model="form.dangerType" placeholder="请输入隐患类型" />
        </el-form-item>
        <el-form-item label="责任单位" prop="accountabilityUnit">
          <el-input v-model="form.accountabilityUnit" placeholder="请输入责任单位" />
          <el-input class="el-input-width" v-model="form.accountabilityUnit" placeholder="请输入责任单位" />
        </el-form-item>
          <el-form-item label="通报时间" prop="notificationTime">
          <el-date-picker  v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择通报时间" />
        </el-form-item>
        <el-form-item label="整改时限" prop="rectificationTimeLimit">
          <el-date-picker v-model="form.rectificationTimeLimit" type="date" value-format="YYYY-MM-DD" placeholder="请选择整改时限" />
        </el-form-item>
        <el-form-item label="完成情况" prop="performance">
          <el-input v-model="form.performance" placeholder="请输入完成情况" />
          <el-input class="el-input-width" v-model="form.performance" placeholder="请输入完成情况" />
        </el-form-item>
        <br/>
        <el-form-item label="图片" prop="">
          <el-upload action="#" list-type="picture-card" :auto-upload="false">
          <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="5">
            <el-icon><Plus /></el-icon>
            <template #file="{ file }">
              <div>
@@ -137,8 +138,9 @@
            <img w-full :src="dialogImageUrl" alt="Preview Image" />
          </el-dialog>
        </el-form-item>
        <br/>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -373,3 +375,11 @@
  console.log(file)
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
.el-picker-panel {
  width: 365px !important;
}
</style>
src/views/dg/danger/total.vue
@@ -81,10 +81,10 @@
      />
    </el-card>
    <!-- 添加或修改安全隐患统计对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="dangerTotalFormRef" :model="form" :rules="rules" label-width="80px">
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
      <el-form ref="dangerTotalFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="镇街名称" prop="townStreetName" label-width="100">
          <el-select v-model="form.townStreetName" placeholder="请选择" clearable style="width: 240px" >
          <el-select class="el-input-width" v-model="form.townStreetName" placeholder="请选择" clearable >
            <el-option v-for="item in townStreetNames" :key="item.name" :label="item.name" :value="item.name"/>
          </el-select>
        </el-form-item>
@@ -94,19 +94,20 @@
            <el-option key="2" label="月度" :value="2" />
          </el-select>
          &emsp;
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" />
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" style="width: 150px;" />
        </el-form-item>
        <el-form-item label="发现隐患" prop="findSecurityRisks" label-width="100">
          <el-input v-model="form.findSecurityRisks" placeholder="请输入发现安全隐患" />
          <el-input class="el-input-width" v-model="form.findSecurityRisks" placeholder="请输入发现安全隐患" />
        </el-form-item>
        <el-form-item label="下发通知书" prop="issueNotice" label-width="100">
          <el-input v-model="form.issueNotice" placeholder="请输入下发通知书" />
          <el-input class="el-input-width" v-model="form.issueNotice" placeholder="请输入下发通知书" />
        </el-form-item>
        <el-form-item label="处置隐患" prop="dealWithSecurityRisks" label-width="100">
          <el-input v-model="form.dealWithSecurityRisks" placeholder="请输入处置安全隐患" />
          <el-input class="el-input-width" v-model="form.dealWithSecurityRisks" placeholder="请输入处置安全隐患" />
        </el-form-item>
        <br/>
        <el-form-item label="状态" prop="status" label-width="100">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -409,3 +410,8 @@
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>
src/views/geographyData/index.vue
@@ -36,8 +36,9 @@
      <el-table v-loading="loading" :data="geographyDataList" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column label="序号" align="center" type="index" width="50" />
        <el-table-column label="类型" align="center" prop="type" />
        <el-table-column label="名称" align="center" prop="name" />
        <el-table-column label="类型" align="center" prop="type" />
        <el-table-column label="所属街镇" align="center" prop="townStreetName" />
        <el-table-column label="描述" align="center" prop="description" />
        <el-table-column label="标记状态" align="center" prop="status">
          <template #default="scope">
@@ -66,10 +67,10 @@
      />
    </el-card>
    <!-- 添加或修改数据上图对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="430px" append-to-body>
      <el-form ref="geographyDataFormRef" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="类型" prop="type">
          <el-select v-model="form.type" placeholder="请选择" style="width: 240px;">
          <el-select v-model="form.type" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="事故易发多发路段" value="事故易发多发路段" />
            <el-option key="2" label="重点旅游通道" value="重点旅游通道" />
            <el-option key="3" label="都江堰景区" value="都江堰景区" />
@@ -82,10 +83,50 @@
          </el-select>
        </el-form-item>
        <el-form-item label="名称" prop="name">
          <el-input v-model="form.name" placeholder="请输入名称" />
          <el-input class="el-input-width" v-model="form.name" placeholder="请输入名称" />
        </el-form-item>
        <el-form-item label="镇街" prop="townStreetName">
          <el-select v-model="form.townStreetName" placeholder="请选择" clearable class="el-input-width">
            <el-option v-for="item in townStreetNames" :key="item.name" :label="item.name" :value="item.name"/>
          </el-select>
        </el-form-item>
        <el-form-item label="描述" prop="description">
            <el-input v-model="form.description" type="textarea" placeholder="请输入内容" />
            <el-input class="el-input-width" v-model="form.description" type="textarea" placeholder="请输入内容" />
        </el-form-item>
        <el-form-item label="图片" prop="">
          <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="2">
            <el-icon><Plus /></el-icon>
            <template #file="{ file }">
              <div>
                <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
                <span class="el-upload-list__item-actions">
                  <span
                    class="el-upload-list__item-preview"
                    @click="handlePictureCardPreview(file)"
                  >
                    <el-icon><zoom-in /></el-icon>
                  </span>
                  <span
                    v-if="!disabled"
                    class="el-upload-list__item-delete"
                    @click="handleDownload(file)"
                  >
                    <el-icon><Download /></el-icon>
                  </span>
                  <span
                    v-if="!disabled"
                    class="el-upload-list__item-delete"
                    @click="handleRemove(file)"
                  >
                    <el-icon><Delete /></el-icon>
                  </span>
                </span>
              </div>
            </template>
          </el-upload>
          <el-dialog v-model="dialogVisible">
            <img w-full :src="dialogImageUrl" alt="Preview Image" />
          </el-dialog>
        </el-form-item>
      </el-form>
      <template #footer>
@@ -125,6 +166,7 @@
  id: undefined,
  type: undefined,
  name: undefined,
  townStreetName: undefined,
  description: undefined,
  status: undefined
}
@@ -134,6 +176,7 @@
    pageNum: 1,
    pageSize: 10,
    name: undefined,
    townStreetName: undefined,
    params: {
    }
  },
@@ -146,6 +189,9 @@
    ],
    name: [
      { required: true, message: "名称不能为空", trigger: "blur" }
    ],
    townStreetName: [
      { required: true, message: "街镇不能为空", trigger: "blur" }
    ],
    description: [
      { required: true, message: "描述不能为空", trigger: "blur" }
@@ -251,5 +297,47 @@
onMounted(() => {
  getList();
  getTownStreetNames();
});
import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
import type { UploadFile } from 'element-plus'
const dialogImageUrl = ref('')
const dialogVisible = ref(false)
const disabled = ref(false)
const handleRemove = (file: UploadFile) => {
  console.log(file)
}
const handlePictureCardPreview = (file: UploadFile) => {
  dialogImageUrl.value = file.url!
  dialogVisible.value = true
}
const handleDownload = (file: UploadFile) => {
  console.log(file)
}
// 调用后端API获取镇街名称列表
import { listRegion} from '@/api/region';
const townStreetNames = ref<RegionVO[]>([]);
const regionQueryParams = {
  parentCode: 510181
}
/** 查询镇街 */
const getTownStreetNames = async () => {
  const res = await listRegion(regionQueryParams);
  townStreetNames.value = res.rows;
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>
src/views/pcr/pcrData/index.vue
@@ -80,37 +80,37 @@
      />
    </el-card>
    <!-- 添加或修改人车路基础信息对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="pcrDataFormRef" :model="form" :rules="rules" label-width="80px">
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
      <el-form ref="pcrDataFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="指标类型" prop="modeName">
          <el-select v-model="form.modeName" placeholder="请选择" @change="handleModeNameChange">
          <el-select v-model="form.modeName" placeholder="请选择" @change="handleModeNameChange" class="el-input-width">
            <el-option key="1" label="道路里程数量" value="道路里程数量" />
            <el-option key="2" label="机动车保有量" value="机动车保有量" />
            <el-option key="3" label="驾驶人保有量" value="驾驶人保有量" />
          </el-select>
        </el-form-item>
        <el-form-item label="周期" prop="period">
        <el-form-item label="统计周期" prop="period">
          <el-select v-model="form.period" placeholder="请选择" style="width: 100px;" @change="clearPeriod">
            <el-option key="1" label="年度" :value="1" />
            <el-option key="2" label="月度" :value="2" />
          </el-select>
          &emsp;
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" />
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" style="width: 150px;"/>
        </el-form-item>
        <el-form-item :label="form.indexOneName" prop="indexOneValue">
          <el-input v-model="form.indexOneValue" placeholder="请输入指标1值" />
          <el-input class="el-input-width" v-model="form.indexOneValue" placeholder="请输入指标1值" />
        </el-form-item>
        <el-form-item :label="form.indexTwoName" prop="indexTwoValue">
          <el-input v-model="form.indexTwoValue" placeholder="请输入指标2值" />
          <el-input class="el-input-width" v-model="form.indexTwoValue" placeholder="请输入指标2值" />
        </el-form-item>
        <el-form-item :label="form.indexThreeName" prop="indexThreeValue">
          <el-input v-model="form.indexThreeValue" placeholder="请输入指标3值" />
          <el-input class="el-input-width" v-model="form.indexThreeValue" placeholder="请输入指标3值" />
        </el-form-item>
        <el-form-item :label="form.indexFourName" prop="indexFourValue">
          <el-input v-model="form.indexFourValue" placeholder="请输入指标4值" />
          <el-input class="el-input-width" v-model="form.indexFourValue" placeholder="请输入指标4值" />
        </el-form-item>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -346,10 +346,10 @@
    form.value.indexThreeName = '小型汽车';
    form.value.indexFourName = '摩托车';
  } else if (form.value.modeName === "驾驶人保有量") {
    form.value.indexOneName = '货运车辆驾驶人';
    form.value.indexTwoName = '公交客运驾驶人';
    form.value.indexThreeName = '小型汽车驾驶人';
    form.value.indexFourName = '摩托车驾驶人';
    form.value.indexOneName = '货运车辆';
    form.value.indexTwoName = '公交客运';
    form.value.indexThreeName = '小型汽车';
    form.value.indexFourName = '摩托车';
  }
};
@@ -359,3 +359,8 @@
};
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>
src/views/scenery/sceneryOperationData/index.vue
@@ -85,10 +85,10 @@
      />
    </el-card>
    <!-- 添加或修改景区运行数据对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="sceneryOperationDataFormRef" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="景区名称" prop="sceneryInfoName">
          <el-select v-model="form.sceneryInfoName" placeholder="请选择" clearable style="width: 240px" @change="setSceneryInfoId" >
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
      <el-form ref="sceneryOperationDataFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="景区" prop="sceneryInfoName">
          <el-select v-model="form.sceneryInfoName" placeholder="请选择" clearable class="el-input-width" @change="setSceneryInfoId" >
            <el-option v-for="item in sceneryInfoNames" :key="item.sceneryName" :label="item.sceneryName" :value="item.sceneryName"/>
          </el-select>
        </el-form-item>
@@ -98,31 +98,32 @@
            <el-option key="2" label="月度" :value="2" />
          </el-select>
          &emsp;
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" />
          <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="请选择统计周期" style="width: 150px;" />
        </el-form-item>
        <el-form-item label="车流量" prop="carFlowNum" v-if="indicatorStatus.carFlowNum == 1">
          <el-input v-model="form.carFlowNum" placeholder="请输入车流量" />
          <el-input class="el-input-width" v-model="form.carFlowNum" placeholder="请输入车流量" />
        </el-form-item>
        <el-form-item label="人流量" prop="personFlowNum" v-if="indicatorStatus.personFlowNum == 1">
          <el-input v-model="form.personFlowNum" placeholder="请输入人流量" />
          <el-input class="el-input-width" v-model="form.personFlowNum" placeholder="请输入人流量" />
        </el-form-item>
        <el-form-item label="游客预约" prop="visitorSubNum" v-if="indicatorStatus.visitorSubNum == 1">
          <el-input v-model="form.visitorSubNum" placeholder="请输入游客预约" />
          <el-input class="el-input-width" v-model="form.visitorSubNum" placeholder="请输入游客预约" />
        </el-form-item>
        <el-form-item label="入园人数" prop="enterGardenNum" v-if="indicatorStatus.enterGardenNum == 1">
          <el-input v-model="form.enterGardenNum" placeholder="请输入入园人数" />
          <el-input class="el-input-width" v-model="form.enterGardenNum" placeholder="请输入入园人数" />
        </el-form-item>
        <el-form-item label="在岗警力" prop="onPolice">
          <el-input v-model="form.onPolice" placeholder="请输入在岗警力" />
          <el-input class="el-input-width" v-model="form.onPolice" placeholder="请输入在岗警力" />
        </el-form-item>
        <el-form-item label="在岗警车" prop="onPaddyWagon">
          <el-input v-model="form.onPaddyWagon" placeholder="请输入在岗警车" />
          <el-input class="el-input-width" v-model="form.onPaddyWagon" placeholder="请输入在岗警车" />
        </el-form-item>
        <el-form-item label="备勤警力" prop="standbyPolice">
          <el-input v-model="form.standbyPolice" placeholder="请输入备勤警力" />
          <el-input class="el-input-width" v-model="form.standbyPolice" placeholder="请输入备勤警力" />
        </el-form-item>
        <br/>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -381,6 +382,7 @@
onMounted(() => {
  getList();
  getIndicatorStatus();
});
@@ -456,3 +458,8 @@
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>
src/views/tp/trafficPropaganda/index.vue
@@ -72,16 +72,16 @@
      />
    </el-card>
    <!-- 添加或修改交通宣传对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="trafficPropagandaFormRef" :model="form" :rules="rules" label-width="80px">
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="400px" append-to-body>
      <el-form ref="trafficPropagandaFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="标题" prop="title">
          <el-input v-model="form.title" placeholder="请输入标题" />
          <el-input class="el-input-width" v-model="form.title" placeholder="请输入标题" />
        </el-form-item>
        <el-form-item label="排序" prop="sequence">
          <el-input v-model="form.sequence" placeholder="请输入排序" />
          <el-input class="el-input-width" v-model="form.sequence" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="视频" prop="">
          <el-upload action="#" list-type="picture-card" :auto-upload="false">
          <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1">
            <el-icon><Plus /></el-icon>
            <template #file="{ file }">
              <div>
@@ -116,7 +116,7 @@
          </el-dialog>
        </el-form-item>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -306,3 +306,8 @@
  console.log(file)
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>
src/views/trafficAccident/index.vue
@@ -72,16 +72,16 @@
      />
    </el-card>
    <!-- 添加或修改交通事故对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="trafficAccidentFormRef" :model="form" :rules="rules" label-width="80px">
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="400px" append-to-body>
      <el-form ref="trafficAccidentFormRef" :model="form" :inline="true" :rules="rules" label-width="80px">
        <el-form-item label="标题" prop="title">
          <el-input v-model="form.title" placeholder="请输入标题" />
          <el-input class="el-input-width" v-model="form.title" placeholder="请输入标题" />
        </el-form-item>
        <el-form-item label="排序" prop="sequence">
          <el-input v-model="form.sequence" placeholder="请输入排序" />
          <el-input class="el-input-width" v-model="form.sequence" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="视频" prop="">
          <el-upload action="#" list-type="picture-card" :auto-upload="false">
          <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1">
            <el-icon><Plus /></el-icon>
            <template #file="{ file }">
              <div>
@@ -116,7 +116,7 @@
          </el-dialog>
        </el-form-item>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select class="el-input-width" v-model="form.status" placeholder="请选择">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -306,3 +306,8 @@
  console.log(file)
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>