| | |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-popover> |
| | | <div> |
| | | <el-select v-model="importUnitId" size="small" placeholder="负责单位"> |
| | | <div class="bottom_"> |
| | | <el-select 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> |
| | | <div class="bottom_"> |
| | | <el-date-picker |
| | | size="small" |
| | | v-model="ywTimes" |
| | | type="daterange" |
| | | range-separator="至" |
| | | start-placeholder="运维开始时间" |
| | | end-placeholder="运维结束时间"> |
| | | </el-date-picker> |
| | | </div> |
| | | <div class="bottom_"> |
| | | <el-upload |
| | | ref="upload" |
| | | class="upload-demo" |
| | |
| | | </el-upload> |
| | | </div> |
| | | <div> |
| | | <el-button type="primary" size="small" v-model="upload" :disabled="! importUnitId || ! importFile" @click="handleImport" style="width: 100%; margin-top: 5px" |
| | | <el-button class="bottom_" type="primary" size="small" v-model="upload" :disabled="! importUnitId || ! importFile || ! this.ywTimes || this.ywTimes.length < 2" @click="handleImport" |
| | | v-hasPermi="['point:import']">导入</el-button> |
| | | </div> |
| | | <el-button type="primary" size="mini" plain icon="el-icon-top" slot="reference">导入点位</el-button> |
| | |
| | | <div v-else-if="scope.row.provinceTag === 'normal'">普通点位</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="点位开始时间" align="center" prop="startTime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | <el-table-column label="点位开始时间" align="center" prop="startTime" width="140"> |
| | | </el-table-column> |
| | | <el-table-column label="点位结束时间" align="center" prop="endTime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | <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" /> |
| | |
| | | :props="{ checkStrictly: true }"> |
| | | </el-cascader> |
| | | </el-form-item> |
| | | <el-form-item label="点位标签" prop="pointTag"> |
| | | <el-select v-model="form.pointTag" placeholder="点位标签" multiple clearable> |
| | | <el-option v-for="dict in dict.type.point_tag" :key="dict.value" :label="dict.label" :value="dict.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="运维单位" prop="unitId"> |
| | | <el-select v-model="form.unitId" placeholder="运维单位"> |
| | | <el-option v-for="item in unitList" :key="item.id" :label="item.value" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="点位时区" prop="timezone"> |
| | | <el-date-picker @change="dateChange" v-model="form.timezone" type="daterange" align="right" unlink-panels |
| | | range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> |
| | | <el-form-item label="运维时间" prop="timezone"> |
| | | <el-date-picker |
| | | size="small" |
| | | v-model="timezone" |
| | | type="daterange" |
| | | range-separator="至" |
| | | start-placeholder="运维开始时间" |
| | | end-placeholder="运维结束时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="点位备注" prop="remark"> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="运维时间段" prop="timezone"> |
| | | <el-date-picker @change="dateChange" v-model="batchEditForm.timezone" type="daterange" align="right" |
| | | <el-date-picker v-model="batchEditForm.timezone" type="daterange" align="right" |
| | | unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | |
| | | dicts: ['point_tag'], |
| | | data() { |
| | | return { |
| | | timezone: [], |
| | | ywTimes: [], |
| | | fileList: [], |
| | | importFile: null, |
| | | importUrl: '', |
| | |
| | | pointName: [ |
| | | { required: true, message: "点位名称不能为空", trigger: "blur" } |
| | | ], |
| | | pointTag: [ |
| | | { required: true, message: "点位标签不能为空", trigger: "change" } |
| | | ], |
| | | deptId: [ |
| | | { required: true, message: "监管部门不能为空", trigger: "change" } |
| | | ], |
| | |
| | | }, |
| | | // 点位导入 |
| | | 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]) |
| | | importData(formData, this.importUnitId).then(res => { |
| | | this.$message.success("导入成功") |
| | | this.upload = false |
| | | this.getList() |
| | | }) |
| | | }, |
| | | // 点位导出 |
| | |
| | | cascader().then(res => { |
| | | this.deptOptions = res.data; |
| | | }) |
| | | }, |
| | | |
| | | // 时间选择发生变化 |
| | | dateChange() { |
| | | this.tempForm.startTime = this.tempForm.timezone[0]; |
| | | this.tempForm.endTime = this.tempForm.timezone[1]; |
| | | }, |
| | | getUnitSelect() { |
| | | // 运维单位下拉列表 |
| | |
| | | this.form = response.data; |
| | | this.form.deptId = response.data.deptIds |
| | | this.form.category = this.form.category + '' |
| | | this.timezone = [response.data.startTime, response.data.endTime] |
| | | this.open = true; |
| | | console.log(this.form) |
| | | this.title = "修改运维点位"; |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .bottom_ { |
| | | width: 100%; |
| | | margin-bottom: 5px; |
| | | } |
| | | .col-item { |
| | | margin: 5px 0; |
| | | display: flex; |