feat: 提交

1 month ago · f34bb804ee
2 changed files with 288 additions and 0 deletions
--- a/src/views/dike/runManage/patrolMaintenance/acceptanceRecords/details.vue
+++ b/src/views/dike/runManage/patrolMaintenance/acceptanceRecords/details.vue
@ -0,0 +1,272 @@
 <template>
  <div class="slider-right">
    <!-- <div class="top-title">{{ $router.currentRoute.meta.title }}</div> -->
    <TopBackTitle></TopBackTitle>
    <div class="table-box">
      <div class="form-row-title">缺陷信息</div>
      <div class="defectInformation">
        <el-row>
          <el-col :span="8">
            <div class="tc-text2">堤防名称：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">堤防巡查责任人：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">巡查类别：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">堤防巡查开始/结束时间：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">巡查部位：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">问题位置：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">问题等级：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="8">
            <div class="tc-text2">具体描述：</div>
            <div class="tc-text1">123</div>
          </el-col>
          <el-col :span="24">
            <div class="tc-text2">缺陷图片：</div>
            <div class="tc-text1">123</div>
          </el-col>
        </el-row>
      </div>
      <div class="form-row-title">养护记录</div>
      <el-form
        ref="form"
        :model="form"
        :rules="rules"
        label-width="120px"
        label-position="top"
      >
        <el-row gutter="48">
          <el-col span="8">
            <el-form-item label="维养责任人:" prop="name">
              <el-input placeholder="请输入内容" v-model="form.name">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col span="8">
            <el-form-item label="维养开始/结束时间：" prop="projectName">
              <el-date-picker
                size="small"
                class="ml-10"
                style="width: 100%"
                v-model="form.time"
                type="daterange"
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="16">
            <el-form-item label="维养详情：" prop="describe">
              <el-input
                type="textarea"
                :rows="4"
                placeholder="请输入内容"
                maxlength="200"
                show-word-limit
                v-model="form.describe"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="附件：" prop="describe"> 123 </el-form-item>
      </el-form>
      <el-table
        :height="tableHeight"
        :data="tableData"
        style="margin-bottom: 16px"
        border
      >
        <el-table-column
          prop="nspectionLocation"
          align="center"
          label="巡查部位"
        />
        <el-table-column
          prop="inspectionContent"
          align="center"
          label="检查内容"
        />
      </el-table>
      <div class="form-row-title">验收意见</div>
      <el-form
        ref="form"
        :model="form"
        :rules="rules"
        label-width="120px"
        label-position="right"
      >
        <el-row gutter="48">
          <el-col span="8">
            <el-form-item label="复核人:" prop="name">
              <el-input placeholder="请输入内容" v-model="form.name">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col span="8">
            <el-form-item label="复核时间：" prop="projectName">
              <el-date-picker
                size="small"
                class="ml-10"
                style="width: 100%"
                v-model="form.time"
                type="daterange"
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="16">
            <el-form-item label="复核意见：" prop="describe">
              <el-input
                type="textarea"
                :rows="4"
                placeholder="请输入内容"
                maxlength="200"
                show-word-limit
                v-model="form.describe"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
 </template>
 <script>
 import TopBackTitle from "@/components/TopBackTitle/index.vue";
 import { calcTableHeight } from "@/mixins/calcTableHeight";
 import SyMixMap from "@/views/components/SyMixMap.vue";
 import { getRecordDetails, getRecordTraceList } from "@/api/dike";
 export default {
  components: {
    SyMixMap,
    TopBackTitle,
  },
  mixins: [calcTableHeight],
  data() {
    return {
      entries: {},
      traceList: [],
      tableData: [
        {
          nspectionLocation: "堤坡与戗台",
          inspectionContent: "是否坚实平整",
        },
      ],
      form: {
        name: "张三",
        projectName: "项目名称内容",
        dikeName: "堤防名称内容",
        inspectionCategory: "工程巡查",
        time: [],
        describe: "",
      },
      rules: {
        name: [{ required: true }],
        projectName: [{ required: true }],
        dikeName: [{ required: true }],
        inspectionCategory: [{ required: true }],
        time: [{ required: true }],
        describe: [{ required: true }],
      },
    };
  },
  created() {},
  mounted() {
    this.initData();
  },
  methods: {
    async initData() {
      const res = await getRecordDetails(17);
      this.entries = res.data?.entries ? JSON.parse(res.data.entries) : {};
      getRecordTraceList({
        data: {
          recordId: 17,
        },
        params: {
          orderBy: "create_time",
          sort: "desc", // 升序
        },
        pageNum: 1,
        pageSize: 100,
      }).then((res) => {
        this.traceList =
          res.records
            ?.map((v) => {
              return [v.longitude, v.latitude];
            })
            ?.reverse() || [];
      });
      console.log("this.traceList", this.traceList);
      console.log("this.entries", this.entries);
    },
  },
 };
 </script>
 <style lang="scss">
 .table-box {
  width: 100%;
  height: calc(100% - 50px - 24px);
  margin-top: 24px;
  padding: 16px;
  background-color: white;
  overflow: auto;
 }
 .form-row-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
  border-left: 4px solid #36b29e;
  padding-left: 8px;
 }
 .row-item {
  display: flex;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 16px;
  & > div {
    width: 50%;
  }
 }
 .defectInformation {
  .el-row {
    margin-bottom: 16px;
    .el-col {
      margin-bottom: 16px;
    }
  }
 }
 </style>
--- a/src/views/dike/runManage/patrolMaintenance/statisticsAnalysis/index.vue
+++ b/src/views/dike/runManage/patrolMaintenance/statisticsAnalysis/index.vue
@ -269,6 +269,15 @@ export default {
      // 巡查记录分析
      this.requestFunc({ group: "C_1" }).then((res) => {
        if (res.data) {
          // 渲染图表和统计总数
          if (res.data?.yaxis?.length) {
            let newArr = res.data.yaxis.flatMap((v) => v.series);
            this.xcRecordsSum = newArr
              .map((v) => Number(v.sum ?? null))
              .reduce((acc, cur) => {
                return acc + cur;
              }, 0);
          }
          this.$nextTick(() => {
            // 柱形图
            if (this.patrolRecordRefBarInstance) {
@ -285,6 +294,7 @@ export default {
                  itemStyle: {
                    color: "#36B29E",
                  },
                  stack: "one",
                  barWidth: 20,
                },
              })
@ -308,6 +318,12 @@ export default {
      // 巡查缺陷分析
      this.requestFunc({ group: "C_2" }).then((res) => {
        if (res.data) {
          if (res.data?.yaxis?.length) {
            let newArr = res.data.yaxis.flatMap((v) => v.series);
            this.projectSum = Number(
              newArr.find((v) => v.code === "DF_PROJECT_ADCD_SUM")?.sum ?? null
            );
          }
          this.$nextTick(() => {
            // 柱形图
            if (this.patrolFlawRefBarInstance) {