合同积分的提示、地图样式调整

fuliqi

2024-12-02 d441a339549da0e1280879333f0b22823a603443

 src/views/system/work-order/distribute/index.vue

@@ -16,19 +16,44 @@
    <el-row class="op-warp">
      <el-row v-show="showSearch">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
          <el-form-item label="关键词" prop="keyword">
          <el-form-item label="关键字" prop="keyword">
            <el-input
              v-model="queryParams.menuName"
              placeholder="关键词搜索"
              v-model="queryParams.keyword"
              placeholder="工单号/设备名/设备编号搜索"
              clearable
              @keyup.enter.native="page"
              @clear="page"
            />
          </el-form-item>
          <el-form-item label="故障类型" prop="errorTypeList">
            <el-cascader
              v-model="queryParams.errorType"
              :options="errorTypeList"
              :props="{ expandTrigger: 'hover',emitPath: false }"
              :show-all-levels="false"
              @change="page"
              placeholder="故障类型"
              clearable
            ></el-cascader>
          </el-form-item>
          <el-form-item label="下发状态" prop="status">
            <el-select v-model="queryParams.status" placeholder="下发状态" clearable>
            <el-select v-model="queryParams.status" @change="page" placeholder="下发状态" clearable>
              <el-option label="未下发" value="WAIT_DISTRIBUTE"/>
              <el-option label="已下发" value="DISTRIBUTED"/>
            </el-select>
          </el-form-item>
          <el-form-item label="时间范围" prop="timeRange" >
            <el-date-picker
              v-model="timeRange"
              type="daterange"
              range-separator="至"
              value-format="yyyy-MM-dd"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              @change="page"
              clearable
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="small" @click="page">搜索</el-button>
@@ -37,12 +62,12 @@
      </el-row>

      <el-row>
        <el-button size="small" type="info" @click="selectedDistribute" class="op">下发选中工单</el-button>
        <el-button size="mini" plain type="info" @click="selectedDistribute" class="op">下发选中工单</el-button>
        <el-popconfirm
          @confirm="allDistribute"
          title="确定要下发所有工单吗？"
        >
          <el-button size="mini" type="primary"  class="op" slot="reference">全部下发</el-button>
          <el-button size="mini" plain type="danger" class="op" slot="reference">全部下发</el-button>
        </el-popconfirm>

        <el-popover
@@ -53,7 +78,6 @@
          <span style="font-weight: bold;font-size: 16px">快捷下发</span>
          <el-form ref="fastDistributeForm" :model="fastDistributeForm" :rules="fastDistributeRules" label-width="80px">
            <el-form-item label="快捷方式" prop="fastWay">
              <el-radio v-model="fastDistributeForm.fastWay" label="LAST_HALF_HOUR">最近30分钟</el-radio>
              <el-radio v-model="fastDistributeForm.fastWay" label="LAST_HOUR">最近1小时</el-radio>
              <el-radio v-model="fastDistributeForm.fastWay" label="LAST_TWO_HOUR">最近2小时</el-radio>
              <el-radio v-model="fastDistributeForm.fastWay" label="LAST_DAY">最近1天</el-radio>
@@ -71,22 +95,23 @@
              </el-date-picker>
            </el-form-item>
            <el-form-item label="故障类型" prop="errorType">
              <el-select v-model="fastDistributeForm.errorType">
                <el-option label="市政施工" value="市政施工"/>
                <el-option label="设备故障" value="设备故障"/>
                <el-option label="设备遗失" value="设备遗失"/>
              <el-select v-model="fastDistributeForm.errorType" multiple>
                <el-option v-for="dict in dict.type.error_type"
                           :value="dict.value"
                           :key="dict.value"
                           :label="dict.label"/>
              </el-select>
            </el-form-item>
            <el-form-item label="数量限制" prop="fastNumLimit">
              <el-input v-model="fastDistributeForm.fastNumLimit" size="mini" type="number" placeholder="此次工单下发最大数量"></el-input>
              <el-input v-model="fastDistributeForm.fastNumLimit" type="number" placeholder="此次工单下发最大数量"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" size="mini" @click="fastDistribute">立即下发</el-button>
              <el-button type="primary" size="small" @click="fastDistribute">立即下发</el-button>
            </el-form-item>
          </el-form>
          <el-button slot="reference" type="primary" size="mini">快捷下发</el-button>
          <el-button slot="reference" type="primary" size="mini" plain>快捷下发</el-button>
        </el-popover>
        <el-button size="small" type="success" @click="handleAdd">手动新增工单</el-button>
        <el-button size="mini" plain type="success" @click="handleAdd">手动新增工单</el-button>
        <right-toolbar :showSearch.sync="showSearch" @queryTable="page"></right-toolbar>
      </el-row>
    </el-row>
@@ -96,10 +121,23 @@
        <el-table v-loading="loading" :data="workOrderList" @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="工单号" align="center" prop="workOrderNo"/>
          <el-table-column label="运维单位" align="center" prop="unitName"/>
          <el-table-column label="工单来源" align="center" prop="source"/>
          <el-table-column label="国标码" align="center" prop="serialNumber"/>
          <el-table-column label="故障点位" align="center" prop="source">
            <template slot-scope="scope">
              <el-popover
                placement="right"
                :title="scope.row.important ? '重点点位': '正常点位'"
                width="200"
                trigger="hover">
                <span :class="{important: scope.row.important}" slot="reference">{{ scope.row.source }}</span>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column label="故障类型" align="center" prop="errorType"/>
          <el-table-column label="运维单位" align="center" prop="unitName"/>
          <el-table-column label="产生时间" align="center" prop="createTime"/>
          <el-table-column v-if="queryParams.status === 'DISTRIBUTED'" label="下发人" align="center" prop="realName"/>
          <el-table-column v-if="queryParams.status === 'DISTRIBUTED'" label="下发时间" align="center" prop="distributeTime"/>
        </el-table>

        <pagination
@@ -114,7 +152,7 @@
    </el-row>

    <!-- 添加或修改【请填写功能名称】对话框 -->
    <el-dialog :title="detailName" :visible.sync="open" width="500px" append-to-body>
    <el-dialog title="手动新增工单" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="运维单位" prop="unitId">
          <el-select v-model="form.unitId" placeholder="请选择">
@@ -126,13 +164,13 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="工单来源" prop="source">
        <el-form-item label="故障点位" prop="source">
          <el-select
            v-model="form.source"
            filterable
            remote
            reserve-keyword
            placeholder="请选择来源"
            placeholder="国标码/点位名称搜索"
            :remote-method="remoteGetPoints"
            @change="setPointId"
            :loading="selectLoading">
@@ -145,16 +183,17 @@
          </el-select>
        </el-form-item>
        <el-form-item label="故障类型" prop="errorType">
          <el-select v-model="form.errorType">
            <el-option label="市政施工" value="市政施工"/>
            <el-option label="设备故障" value="设备故障"/>
            <el-option label="设备遗失" value="设备遗失"/>
          <el-select v-model="form.errorType" multiple>
            <el-option v-for="dict in dict.type.error_type"
                       :value="dict.value"
                       :key="dict.value"
                       :label="dict.label"/>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="submitForm">确 定</el-button>
      </div>
    </el-dialog>

@@ -162,13 +201,15 @@
</template>

<script>
import {distributeWorkOrder, fastDistribute, addWorkOrder, updateWorkOrder, selectedIdsDistribute} from '@/api/platform/work-order'
import {distributeWorkOrder, fastDistribute, addWorkOrder, updateWorkOrder, selectedIdsDistribute, errorTypeAll} from '@/api/platform/work-order'
import {workList} from "@/api/platform/unit";
import { pointSelectData } from "@/api/platform/point";
export default {
  name: 'index',
  dicts: ['error_type'],
  name: 'Work-order-distribute',
  data() {
    return {
      errorTypeList: [],  // 用于存储选中的项目ID
      showSearch: true,
      selectedIdsDistributeForm: {
        ids: [],
@@ -190,6 +231,7 @@
      multipleSelection: [],
      // 下发时间范围
      fastTimeRange: [],
      timeRange : null,
      // 下发
      fastDistributeForm: {
        fastWay: null,
@@ -265,6 +307,11 @@
    }
  },
  mounted() {
    const today = new Date();
    const start = today.toISOString().split('T')[0]; // 获取日期部分，格式为 yyyy-MM-dd
    const end = start; // 结束日期也是当天
    this.timeRange = [start, end];
    this.getErrorList()
    this.page();
  },
  computed: {
@@ -273,9 +320,14 @@
    },
  },
  methods: {
    getErrorList() {
      errorTypeAll().then(errorRes => {
        this.errorTypeList = errorRes.data;
      })
    },
    setPointId(selectedValue) {
      const selectedItem = this.pointList.find(item => item.value === selectedValue);
      this.form.pointId = selectedItem.id
      this.form.serialNumber = selectedItem.id
    },
    submitSetting() {
      this.$refs['settingForm'].validate((valid) => {
@@ -289,11 +341,20 @@
    },
    page() {
      this.loading = true;
      this.selectUnit();
      distributeWorkOrder(this.queryParams).then(res => {
        this.workOrderList = res.data.records;
        this.total = res.total;
        this.loading = false;
      if (this.timeRange && this.timeRange.length > 0) {
        this.queryParams.start = this.timeRange[0]
        this.queryParams.end = this.timeRange[1]
      }else {
        this.queryParams.start = null
        this.queryParams.end = null
      }
      distributeWorkOrder(this.queryParams).then(data => {
        workList(this.queryParams).then(res => {
          this.unitList = res.data;
          this.workOrderList = data.data.records;
          this.total = data.total;
          this.loading = false;
        })
      })
    },
    changeUnit(unitId, unitName) {
@@ -351,11 +412,11 @@
      console.log(key, keyPath);
    },
    getList() {

      this.page()
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.multipleSelection = selection.map(item => item.id)
      this.multipleSelection = selection.map(item => item.workOrderNo)
    },
    /** 新增按钮操作 */
    handleAdd() {
@@ -381,6 +442,7 @@
          } else {
            addWorkOrder(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.pointList = [];
              this.open = false;
              this.page();
            });
@@ -395,7 +457,7 @@
    },
    // 运维公司下拉数据
    selectUnit() {
      workList().then(res => {
      workList(this.queryParams).then(res => {
        this.unitList = res.data;
      })
    },
@@ -419,6 +481,12 @@
</script>

<style scoped>
.important {
  color: red;
}
/deep/ .el-popover__title {
  margin-bottom: 0px;
}
.row {
  padding: 0 20px;
}