报备功能优化

xiangpei

2024-09-01 10ec0d1db5179d90a82e7d534cda6e9bcf597c08

 src/views/system/point/index.vue

@@ -34,32 +34,37 @@
      </el-col>
      <el-col :span="1.5">
        <el-popover>
          <p>导入点位只做更新操作</p>
          <div class="bottom_">
            <el-select @change="getUnitContractTime" v-model="importUnitId" size="small" placeholder="运维单位">
            <p>导入点位只做更新操作</p>
          </div>
          <div class="bottom_">
            <el-switch
              v-model="needUpdateUnit"
              active-text="修改运维单位/时间"
              inactive-text="不修改运维单位/时间">
            </el-switch>
          </div>
          <div class="bottom_" v-show="needUpdateUnit">
            <el-select @change="getUnitContractTime" v-model="importUnitId" size="small" placeholder="更换运维单位">
              <el-option v-for="unit in unitList" :key="unit.id" :label="unit.value" :value="unit.id"></el-option>
            </el-select>
          </div>
          <div class="bottom_">
          <div class="bottom_" v-show="needUpdateUnit">
            <el-select @change="showTimeRange" v-model="contractId" size="small" placeholder="运维合同" :disabled="! importUnitId">
              <el-option v-for="(time, index) in timeList" :key="index" :label="time.name" :value="time.id"></el-option>
            </el-select>
            <span style="margin-left: 10px;color: #8a8989" v-show="importUnitId">该单位有{{timeList.length}}个合同</span>
          </div>
          <div class="bottom_">
          <div class="bottom_" v-show="needUpdateUnit">
            <el-date-picker
              :disabled="! contractId"
              size="small"
              v-model="ywTimes"
              type="daterange"
              range-separator="至"
              start-placeholder="运维开始时间"
              end-placeholder="运维结束时间">
              start-placeholder="更换运维时间"
              end-placeholder="更换运维时间">
            </el-date-picker>
          </div>
          <div class="bottom_">
            <el-checkbox v-model="provinceTag">省厅</el-checkbox>
            <el-checkbox v-model="importantCommandImageTag">重点指挥图像</el-checkbox>
          </div>
          <div class="bottom_">
            <el-upload
@@ -76,7 +81,7 @@
            </el-upload>
          </div>
          <div>
            <el-button class="bottom_" type="primary" size="small" v-model="upload" :disabled="! importUnitId || ! importFile || ! this.ywTimes || this.ywTimes.length < 2"  @click="handleImport"
            <el-button class="bottom_" type="primary" size="small" v-loading="upload" @click="handleImport"
                       v-hasPermi="['point:import']">导入</el-button>
          </div>
          <el-button type="primary" size="mini" plain icon="el-icon-top" slot="reference">导入点位</el-button>
@@ -98,9 +103,9 @@
          <div>{{ getTagText(scope.row) }}</div>
        </template>
      </el-table-column>
      <el-table-column label="点位开始时间" align="center" prop="startTime" width="140">
      <el-table-column label="运维开始时间" align="center" prop="startTime" width="140">
      </el-table-column>
      <el-table-column label="点位结束时间" align="center" prop="endTime" width="140">
      <el-table-column label="运维结束时间" align="center" prop="endTime" width="140">
      </el-table-column>
      <el-table-column label="运维单位" align="center" prop="unitName" />
      <el-table-column label="监管部门" align="center" prop="deptName" />
@@ -125,22 +130,46 @@
          <el-input v-model="form.pointName" placeholder="请输入点位名称" />
        </el-form-item>
        <el-form-item label="重点标签" prop="importantTag">
          <el-select v-model="form.importantTag" placeholder="重点标签" clearable>
          <el-switch
            style="display: block"
            v-model="form.importantTag"
            active-color="#13ce66"
            inactive-color="#409EFF"
            active-text="重点点位"
            inactive-text="普通点位">
          </el-switch>
          <!-- <el-select v-model="form.importantTag" placeholder="重点标签" clearable>
            <el-option label="重点点位" :value="true" />
            <el-option label="普通点位" :value="false" />
          </el-select>
          </el-select> -->
        </el-form-item>
        <el-form-item label="省厅标签" prop="provinceTag">
          <el-select v-model="form.provinceTag" placeholder="省厅标签" clearable>
          <el-switch
            style="display: block"
            v-model="form.provinceTag"
            active-color="#13ce66"
            inactive-color="#409EFF"
            active-text="省厅点位"
            inactive-text="普通点位">
          </el-switch>
          <!-- <el-select v-model="form.provinceTag" placeholder="省厅标签" clearable>
            <el-option label="省厅点位" :value="true" />
            <el-option label="普通点位" :value="false" />
          </el-select>
          </el-select> -->
        </el-form-item>
        <el-form-item label="重点指挥图像标签" prop="importantCommandImageTag">
          <el-select v-model="form.importantCommandImageTag" placeholder="重点指挥图像标签" clearable>
          <el-switch
            style="display: block"
            v-model="form.importantCommandImageTag"
            active-color="#13ce66"
            inactive-color="#409EFF"
            active-text="重点指挥图像点位"
            inactive-text="普通点位">
          </el-switch>
          <!-- <el-select v-model="form.importantCommandImageTag" placeholder="重点指挥图像标签" clearable>
            <el-option label="重点指挥图像点位" :value="true" />
            <el-option label="普通点位" :value="false" />
          </el-select>
          </el-select> -->
        </el-form-item>
        <!--        <el-form-item label="点位所在地" prop="region">-->
        <!--          <el-cascader v-model="form.region" :options="regionList" placeholder="点位所在地" :props="props" collapse-tags></el-cascader>-->
@@ -215,6 +244,7 @@
  dicts: ['point_tag'],
  data() {
    return {
      needUpdateUnit: false,
      importantTag: false,
      provinceTag: false,
      importantCommandImageTag: false,
@@ -303,12 +333,13 @@
      let text = '';

      // 检查每个标签，如果为true，则添加到text中
      if (row.importantTag) text += '重点点位 ';
      if (row.provinceTag) text += '省厅点位 ';
      if (row.importantCommandImageTag) text += '重点指挥图像 ';

      if (row.importantTag) text += '重点点位、';
      if (row.provinceTag) text += '省厅点位、';
      if (row.importantCommandImageTag) text += '重点指挥图像、';
      if (row.deptTag) text += '部级、';
      text === '' ? '普通点位' : text
      // 返回拼接后的文本和固定文字
      return text ==='' ? '普通点位' : text
      return text.replace(/、$/, '')
    },
    getUnitContractTime(unitId) {
      this.ywTimes = []
@@ -333,19 +364,14 @@
    },
    // 点位导入
    handleImport() {
      if (! this.ywTimes || this.ywTimes.length < 2) {
        this.$message.error("请选择运维时间")
        return
      }
      this.upload =true;
      let formData = new FormData()
      formData.append("file", this.importFile)
      formData.append("startTime", this.ywTimes[0])
      formData.append("endTime", this.ywTimes[1])
      formData.append("provinceTag", this.provinceTag)
      formData.append("importantTag", this.importantTag)
      formData.append("importantCommandImageTag", this.importantCommandImageTag)
      importData(formData, this.importUnitId).then(res => {
      formData.append("startTime", this.ywTimes[0] ? this.ywTimes[0] : '')
      formData.append("endTime", this.ywTimes[1] ? this.ywTimes[1] : '')
      formData.append("unitId", this.importUnitId ? this.importUnitId : -1)
      formData.append("needUpdateUnit", this.needUpdateUnit)
      importData(formData).then(res => {
        this.$message.success("导入成功")
        this.upload = false
        this.getList()
@@ -523,7 +549,7 @@
<style scoped>
.bottom_ {
  width: 100%;
  margin-bottom: 5px;
  margin-bottom: 8px;
}
.col-item {
  margin: 5px 0;