|
|
@@ -0,0 +1,1126 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ :inline="true"
|
|
|
+ v-show="showSearch"
|
|
|
+ label-width="68px"
|
|
|
+ >
|
|
|
+ <!-- <el-form-item prop="unitId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.unitId"
|
|
|
+ placeholder="请选择单位"
|
|
|
+ @change="host"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, i) in deptOptionss"
|
|
|
+ :key="i"
|
|
|
+ :label="item.deptName"
|
|
|
+ :value="item.deptId"
|
|
|
+ class="input_xiala"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="" prop="time">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ v-model="queryParams.startTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择时间"
|
|
|
+ :editable="false"
|
|
|
+ @change="tiem"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="btr" @click="resetQuery" icon="el-icon-refresh"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdglweekwork:add']"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ icon="el-icon-edit"
|
|
|
+ size="mini"
|
|
|
+ :disabled="single"
|
|
|
+ @click="handleUpdate"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdglweekwork:edit']"
|
|
|
+ >修改</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ plain
|
|
|
+ icon="el-icon-delete"
|
|
|
+ size="mini"
|
|
|
+ :disabled="multiple"
|
|
|
+ @click="handleDelete"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdglweekwork:remove']"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ plain
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ :loading="exportLoading"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdglweekwork:export']"
|
|
|
+ >导出</el-button
|
|
|
+ >
|
|
|
+ </el-col> -->
|
|
|
+ <!-- <right-toolbar
|
|
|
+ :showSearch.sync="showSearch"
|
|
|
+ @queryTable="getList"
|
|
|
+ ></right-toolbar> -->
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="bdglweekworkList"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ :header-cell-style="{ background: '#003C69', color: 'white' }"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <!-- <el-table-column label="序号" align="center" prop="id" /> -->
|
|
|
+ <el-table-column label="序号" type="index" width="50" align="center">
|
|
|
+ <template scope="scope">
|
|
|
+ <span>{{
|
|
|
+ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="单位" align="center" prop="unitName" />
|
|
|
+ <el-table-column label="工作标题" align="center" prop="name" />
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <el-table-column label="连值班领导" align="center" prop="peopleName" />
|
|
|
+ <el-table-column label="电话" align="center" prop="phone" />
|
|
|
+ <el-table-column label="军事长官" align="center" prop="people1Name" />
|
|
|
+ <el-table-column label="政治长官" align="center" prop="people2Name" />
|
|
|
+ <!-- <el-table-column label="时间" align="center" prop="time" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.time, "{y}-{m}-{d}") }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <!-- <el-table-column label="备注" align="center" prop="remark" />
|
|
|
+ <el-table-column label="单位" align="center" prop="unitId" />
|
|
|
+ <el-table-column label="填写人" align="center" prop="adminId" /> -->
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ width="200"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="btk"
|
|
|
+ type="text"
|
|
|
+ @click="handleChakan(scope.row)"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdgldiary:edit']"
|
|
|
+ ><span class="chakan">查看</span></el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ size="btu"
|
|
|
+ type="text"
|
|
|
+ @click="handleUpdate(scope.row)"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdglweekwork:edit']"
|
|
|
+ ><span class="edit">修改</span></el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ size="btd"
|
|
|
+ type="text"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdglweekwork:remove']"
|
|
|
+ ><span class="delete">删除</span></el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 添加或修改一周工作安排对话框 -->
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="1016px"
|
|
|
+ append-to-body
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
+ <div class="jiben">基本信息</div>
|
|
|
+
|
|
|
+ <el-form
|
|
|
+ ref="refform"
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="80px"
|
|
|
+ append-to-body
|
|
|
+ :inline="true"
|
|
|
+ >
|
|
|
+ <el-form-item label="单位" prop="deptId">
|
|
|
+ <treeselect
|
|
|
+ v-model="form.unitId"
|
|
|
+ :options="deptOptions"
|
|
|
+ :show-count="true"
|
|
|
+ placeholder="请选择单位"
|
|
|
+ @select="department"
|
|
|
+ @open="blurSelect"
|
|
|
+ />
|
|
|
+ <!-- @input="department" -->
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="连值班领导" prop="peopleId">
|
|
|
+ <el-select v-model="form.peopleId" placeholder="请选择值连值班领导">
|
|
|
+ <el-option
|
|
|
+ v-for="item in renYuan"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ @click.native="zhiBan(item.name)"
|
|
|
+ class="input_xiala"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电话" prop="phone">
|
|
|
+ <el-input v-model="form.phone" placeholder="请输入电话" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="军事长官" prop="peopleId1">
|
|
|
+ <el-select
|
|
|
+ ref="aa"
|
|
|
+ v-model="form.peopleId1"
|
|
|
+ placeholder="请选择军事长官"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in renYuan"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ @click.native="junShi(item.name)"
|
|
|
+ class="input_xiala"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="政治长官" prop="peopleId2">
|
|
|
+ <!-- <el-input v-model="form.peopleId2" placeholder="请输入政治长官" /> -->
|
|
|
+ <el-select v-model="form.peopleId2" placeholder="请选择政治长官">
|
|
|
+ <el-option
|
|
|
+ v-for="item in renYuan"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ @click.native="zhengZhi(item.name)"
|
|
|
+ class="input_xiala"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工作标题" prop="name">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入工作标题" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开始时间" prop="startTime">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ :editable="false"
|
|
|
+ v-model="form.startTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择开始时间"
|
|
|
+ @change="startTimes"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="结束时间" prop="endTime">
|
|
|
+ <el-date-picker
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ :editable="false"
|
|
|
+ v-model="form.endTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择结束时间"
|
|
|
+ @change="endTimes"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- 文本对话框--工作登记表单 -->
|
|
|
+ <div class="jiben">工作登记</div>
|
|
|
+ <div class="box1" v-for="(item, i) in tomList" :key="i">
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="80px"
|
|
|
+ :inline="true"
|
|
|
+ >
|
|
|
+ <el-form-item label="" prop="week">
|
|
|
+ <el-select v-model="item.week" placeholder="星期">
|
|
|
+ <el-option
|
|
|
+ v-for="item in week"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.label"
|
|
|
+ class="input_xiala"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="" prop="daytime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="item.time"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择时间"
|
|
|
+ @change="change_time"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" prop="day">
|
|
|
+ <el-select v-model="item.dateline" placeholder="早晨">
|
|
|
+ <el-option
|
|
|
+ v-for="item in day"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.label"
|
|
|
+ class="input_xiala"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-time-select
|
|
|
+ placeholder="起始时间"
|
|
|
+ v-model="item.startTime"
|
|
|
+ :picker-options="{
|
|
|
+ start: '00:00',
|
|
|
+ step: '00:15',
|
|
|
+ end: '24:45',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ </el-time-select>
|
|
|
+ <el-time-select
|
|
|
+ placeholder="结束时间"
|
|
|
+ v-model="item.endTime"
|
|
|
+ :picker-options="{
|
|
|
+ start: '00:00',
|
|
|
+ step: '00:15',
|
|
|
+ end: '24:45',
|
|
|
+ minTime: startTime,
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ </el-time-select>
|
|
|
+ <el-form-item label="" prop="unitId">
|
|
|
+ <!-- <treeselect
|
|
|
+ v-model="item.unitId1"
|
|
|
+ :options="deptOptions"
|
|
|
+ :show-count="true"
|
|
|
+ placeholder="请选择单位"
|
|
|
+ /> -->
|
|
|
+ <el-input v-model="item.unitId1" placeholder="单位" readonly />
|
|
|
+ <!-- <el-input v-model="item.unitId1" placeholder="单位" /> -->
|
|
|
+ </el-form-item>
|
|
|
+ <div class="box2">
|
|
|
+ <el-form-item label="" prop="personnel">
|
|
|
+ <el-input
|
|
|
+ v-model="item.peopleIds"
|
|
|
+ placeholder="参加人员"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" prop="place">
|
|
|
+ <el-input
|
|
|
+ v-model="item.address"
|
|
|
+ placeholder="地点"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="box3">
|
|
|
+ <el-form-item label="" prop="content">
|
|
|
+ <el-input
|
|
|
+ v-model="item.contents"
|
|
|
+ placeholder="内容"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <!-- 工作登记-添加删除按钮 -->
|
|
|
+ <div class="btn">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ @click="tianJia"
|
|
|
+ v-if="i == tomList.length - 1"
|
|
|
+ ></el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="jtDelete(i)"
|
|
|
+ v-if="i != 0"
|
|
|
+ ></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="jiben">备注</div>
|
|
|
+ <div class="box4">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="5"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ v-model="form.remark"
|
|
|
+ autosize
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="resertwo">重置</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="menuRoleVisible"
|
|
|
+ :title="title"
|
|
|
+ append-to-body
|
|
|
+ id="chakan"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
+ <bdglweekwork
|
|
|
+ v-if="menuRoleVisible"
|
|
|
+ ref="menuRole"
|
|
|
+ :message="wordInfo"
|
|
|
+ ></bdglweekwork>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import bdglweekwork from "@/components/look_word/bdglweekwork.vue";
|
|
|
+
|
|
|
+import {
|
|
|
+ listBdglweekwork,
|
|
|
+ getBdglweekwork,
|
|
|
+ delBdglweekwork,
|
|
|
+ addBdglweekwork,
|
|
|
+ updateBdglweekwork,
|
|
|
+ exportBdglweekwork,
|
|
|
+ exportBdglgetWeekWork,
|
|
|
+} from "@/api/grassrootsregistration/bdglweekwork";
|
|
|
+
|
|
|
+import Treeselect from "@riophae/vue-treeselect";
|
|
|
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import {
|
|
|
+ getZhuChiRen,
|
|
|
+ getDept,
|
|
|
+ getShouBu,
|
|
|
+} from "@/api/grassrootsregistration/bdglmeeting";
|
|
|
+export default {
|
|
|
+ name: "Bdglweekwork",
|
|
|
+ components: { Treeselect, bdglweekwork },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ //查看页面
|
|
|
+ menuRoleVisible: false,
|
|
|
+ wordInfo: {},
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 导出遮罩层
|
|
|
+ exportLoading: false,
|
|
|
+ // 选中数组
|
|
|
+ ids: [],
|
|
|
+ // 非单个禁用
|
|
|
+ single: true,
|
|
|
+ // 非多个禁用
|
|
|
+ multiple: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: true,
|
|
|
+ // 总条数
|
|
|
+ total: 0,
|
|
|
+ // 一周工作安排表格数据
|
|
|
+ bdglweekworkList: [],
|
|
|
+ // 弹出层标题
|
|
|
+ title: "",
|
|
|
+ // 是否显示弹出层
|
|
|
+ open: false,
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ name: null,
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
+ peopleId: null,
|
|
|
+ phone: null,
|
|
|
+ peopleId1: null,
|
|
|
+ peopleId2: null,
|
|
|
+ time: null,
|
|
|
+ unitId: null,
|
|
|
+ adminId: null,
|
|
|
+ },
|
|
|
+ // 表单参数
|
|
|
+ form: {},
|
|
|
+ // 表单校验
|
|
|
+ rules: {
|
|
|
+ deptId: [
|
|
|
+ { required: true, message: "单位名称不能为空", trigger: "change" },
|
|
|
+ ],
|
|
|
+ startTime: [
|
|
|
+ { required: true, message: "时间不能为空", trigger: "change" },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ //下拉s
|
|
|
+ options: [],
|
|
|
+ //备注文本内容
|
|
|
+ textarea: "",
|
|
|
+ //工作等级时间（开始-结束）
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ //星期选择
|
|
|
+ week: [
|
|
|
+ {
|
|
|
+ value: "选项1",
|
|
|
+ label: "星期一",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项2",
|
|
|
+ label: "星期二",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项3",
|
|
|
+ label: "星期三",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项4",
|
|
|
+ label: "星期四",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项5",
|
|
|
+ label: "星期五",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项6",
|
|
|
+ label: "星期六",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项7",
|
|
|
+ label: "星期日",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ //早中晚选中
|
|
|
+ day: [
|
|
|
+ {
|
|
|
+ value: "选项1",
|
|
|
+ label: "早晨",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项2",
|
|
|
+ label: "上午",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项3",
|
|
|
+ label: "下午",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "选项4",
|
|
|
+ label: "晚上",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // 树形列表
|
|
|
+ deptOptions: [],
|
|
|
+ // 人员列表
|
|
|
+ renYuan: [],
|
|
|
+ // 一周工作安排字段
|
|
|
+ tomList: [
|
|
|
+ {
|
|
|
+ week: null,
|
|
|
+ time: null,
|
|
|
+ deteline: null,
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
+ unitId1: null,
|
|
|
+ peopleIds: null,
|
|
|
+ address: null,
|
|
|
+ contents: null,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // 搜索单位列表
|
|
|
+ deptOptionss: [],
|
|
|
+ // 已有时间不能发送
|
|
|
+ code: 0,
|
|
|
+ // 单位的保存
|
|
|
+ names: "",
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ // 获取部门
|
|
|
+ this.getDept();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //增加工作登记表单
|
|
|
+ tianJia() {
|
|
|
+ this.tomList.push({
|
|
|
+ week: null,
|
|
|
+ time: null,
|
|
|
+ deteline: null,
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
+ unitId1: this.names,
|
|
|
+ peopleIds: null,
|
|
|
+ address: null,
|
|
|
+ contents: null,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //点击删除工作登记
|
|
|
+ jtDelete(i) {
|
|
|
+ this.tomList.splice(i, 1);
|
|
|
+ },
|
|
|
+ // 搜索时间触发
|
|
|
+ tiem() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+
|
|
|
+ change_time(date) {
|
|
|
+ console.log(`data${date}`);
|
|
|
+ console.log(this.getNowWeek(date));
|
|
|
+ },
|
|
|
+
|
|
|
+ // 搜索单位触发
|
|
|
+ host() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ // 查询单位列表
|
|
|
+ getDept() {
|
|
|
+ getShouBu().then((res) => {
|
|
|
+ this.deptOptionss = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 政治人员选中触发
|
|
|
+ zhengZhi(name) {
|
|
|
+ this.form.people2Name = name;
|
|
|
+ },
|
|
|
+ // 军事人员选中触发
|
|
|
+ junShi(name) {
|
|
|
+ this.form.people1Name = name;
|
|
|
+ },
|
|
|
+ // 值班领导选中触发
|
|
|
+ zhiBan(name) {
|
|
|
+ this.form.peopleName = name;
|
|
|
+ },
|
|
|
+ // 获取人员
|
|
|
+ ZhuChiRen(id) {
|
|
|
+ getZhuChiRen(id).then((res) => {
|
|
|
+ this.renYuan = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 重置人员
|
|
|
+ ChongZhi() {
|
|
|
+ (this.form.peopleId = null),
|
|
|
+ (this.form.peopleId1 = null),
|
|
|
+ (this.form.peopleId2 = null);
|
|
|
+ },
|
|
|
+ // 选中单位触发
|
|
|
+ department(data) {
|
|
|
+ this.ChongZhi();
|
|
|
+ this.form.unitId = data.id;
|
|
|
+ this.form.unitName = data.label;
|
|
|
+ this.names = data.label;
|
|
|
+ this.ZhuChiRen(this.form.unitId);
|
|
|
+ this.tomList.forEach((item, i) => {
|
|
|
+ this.tomList[i].unitId1 = this.form.unitName;
|
|
|
+ });
|
|
|
+ if (
|
|
|
+ this.form.unitId != null &&
|
|
|
+ this.form.startTime != null &&
|
|
|
+ this.form.endTime != null
|
|
|
+ ) {
|
|
|
+ this.form.bdglWeekworkRegisterList = null;
|
|
|
+ exportBdglgetWeekWork(this.form).then((res) => {
|
|
|
+ this.code = res.code;
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$modal.msgWarning(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 开始时间触发
|
|
|
+ startTimes() {
|
|
|
+ if (
|
|
|
+ this.form.unitId != null &&
|
|
|
+ this.form.startTime != null &&
|
|
|
+ this.form.endTime != null
|
|
|
+ ) {
|
|
|
+ this.form.bdglWeekworkRegisterList = null;
|
|
|
+ exportBdglgetWeekWork(this.form).then((res) => {
|
|
|
+ this.code = res.code;
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$modal.msgWarning(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 结束时间触发
|
|
|
+ endTimes() {
|
|
|
+ if (
|
|
|
+ this.form.unitId != null &&
|
|
|
+ this.form.startTime != null &&
|
|
|
+ this.form.endTime != null
|
|
|
+ ) {
|
|
|
+ this.form.unitName = null;
|
|
|
+ this.form.bdglWeekworkRegisterList = null;
|
|
|
+ exportBdglgetWeekWork(this.form).then((res) => {
|
|
|
+ console.log(res.code);
|
|
|
+ this.code = res.code;
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$modal.msgWarning(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 查询部门下拉树结构 */
|
|
|
+ getTreeselect() {
|
|
|
+ getDept().then((response) => {
|
|
|
+ this.deptOptions = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 查询一周工作安排列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ listBdglweekwork(this.queryParams).then((response) => {
|
|
|
+ this.bdglweekworkList = response.rows;
|
|
|
+ this.total = response.total;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.open = false;
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ id: null,
|
|
|
+ name: null,
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
+ peopleId: null,
|
|
|
+ phone: null,
|
|
|
+ peopleId1: null,
|
|
|
+ peopleId2: null,
|
|
|
+ time: null,
|
|
|
+ remark: null,
|
|
|
+ unitId: null,
|
|
|
+ adminId: null,
|
|
|
+ peopleName: null,
|
|
|
+ people1Name: null,
|
|
|
+ people2Name: null,
|
|
|
+ unitId: null,
|
|
|
+ adminId: null,
|
|
|
+ //工作登记
|
|
|
+ week: null,
|
|
|
+ daytime: null,
|
|
|
+ day: null,
|
|
|
+ department: null,
|
|
|
+ personnel: null,
|
|
|
+ place: null,
|
|
|
+ content: null,
|
|
|
+ };
|
|
|
+ // 一周工作安排字段
|
|
|
+ (this.tomList = [
|
|
|
+ {
|
|
|
+ week: null,
|
|
|
+ time: null,
|
|
|
+ deteline: null,
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
+ unitId1: null,
|
|
|
+ peopleIds: null,
|
|
|
+ address: null,
|
|
|
+ contents: null,
|
|
|
+ },
|
|
|
+ ]),
|
|
|
+ this.resetForm("refform");
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.queryParams.startTime = null;
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ /** 对话框重置按钮操作 */
|
|
|
+ resertwo() {
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ // 多选框选中数据
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.ids = selection.map((item) => item.id);
|
|
|
+ this.single = selection.length !== 1;
|
|
|
+ this.multiple = !selection.length;
|
|
|
+ },
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleAdd() {
|
|
|
+ // 人员列表
|
|
|
+ (this.renYuan = []), this.getTreeselect();
|
|
|
+ this.reset();
|
|
|
+ this.open = true;
|
|
|
+ this.title = "添加一周工作安排";
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleUpdate(row) {
|
|
|
+ this.reset();
|
|
|
+ this.getTreeselect();
|
|
|
+ this.form.unitId = row.unitId;
|
|
|
+ this.ZhuChiRen(this.form.unitId);
|
|
|
+ const id = row.id || this.ids;
|
|
|
+ getBdglweekwork(id).then((response) => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.open = true;
|
|
|
+ this.title = "修改一周工作安排";
|
|
|
+ // 赋值
|
|
|
+ this.tomList = response.data.bdglWeekworkRegisterList;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //查看按钮操作
|
|
|
+ handleChakan(row) {
|
|
|
+ // 是否隐藏按钮
|
|
|
+ this.opens = false;
|
|
|
+ const id = row.id || this.ids;
|
|
|
+ getBdglweekwork(id).then((response) => {
|
|
|
+ this.wordInfo = response.data;
|
|
|
+ console.log(this.wordInfo);
|
|
|
+ this.title = "查看一周工作安排";
|
|
|
+ this.menuRoleVisible = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 让select失去焦点
|
|
|
+ blurSelect() {
|
|
|
+ this.$refs.aa.blur();
|
|
|
+ },
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitForm() {
|
|
|
+ this.$refs["form"][0].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.form.bdglWeekworkRegisterList = this.tomList;
|
|
|
+ if (this.form.id != null) {
|
|
|
+ updateBdglweekwork(this.form).then((response) => {
|
|
|
+ this.$modal.msgSuccess("修改成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.form.bdglWeekworkRegisterList = this.tomList;
|
|
|
+ if (this.code != 200) {
|
|
|
+ if (this.form.unitId) {
|
|
|
+ addBdglweekwork(this.form).then((response) => {
|
|
|
+ this.$modal.msgSuccess("新增成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDelete(row) {
|
|
|
+ const ids = row.id || this.ids;
|
|
|
+ this.$modal
|
|
|
+ // .confirm('是否确认删除一周工作安排编号为"' + ids + '"的数据项？')
|
|
|
+ .confirm("是否确认删除该数据？")
|
|
|
+ .then(function () {
|
|
|
+ return delBdglweekwork(ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport() {
|
|
|
+ const queryParams = this.queryParams;
|
|
|
+ this.$modal
|
|
|
+ .confirm("是否确认导出所有一周工作安排数据项？")
|
|
|
+ .then(() => {
|
|
|
+ this.exportLoading = true;
|
|
|
+ return exportBdglweekwork(queryParams);
|
|
|
+ })
|
|
|
+ .then((response) => {
|
|
|
+ this.$download.name(response.msg);
|
|
|
+ this.exportLoading = false;
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+/* 对话框背景颜色 */
|
|
|
+::v-deep .el-dialog {
|
|
|
+ background: #004d86 !important;
|
|
|
+}
|
|
|
+.el-textarea__inner {
|
|
|
+ width: 920px;
|
|
|
+ height: 104px;
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__header {
|
|
|
+ border-bottom: 1px solid #718a9d;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__title {
|
|
|
+ color: #fff;
|
|
|
+ font: 18px;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__headerbtn .el-dialog__close {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+::v-deep .el-form-item__label {
|
|
|
+ font: 16px;
|
|
|
+ color: #fff;
|
|
|
+ width: 100px !important;
|
|
|
+}
|
|
|
+::v-deep .el-input__inner {
|
|
|
+ /* width: 200px !important;
|
|
|
+ height: 36px; */
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ border-color: #fff !important;
|
|
|
+}
|
|
|
+/* 单位框背景颜色 */
|
|
|
+::v-deep .vue-treeselect__control {
|
|
|
+ background: #004d86 !important;
|
|
|
+}
|
|
|
+/* 基本信息背景 */
|
|
|
+.jiben {
|
|
|
+ width: 887px;
|
|
|
+ height: 32px;
|
|
|
+ background-image: url(../../../images/小标题底.png);
|
|
|
+ margin-bottom: 25px;
|
|
|
+ margin-left: 30px;
|
|
|
+ color: #fff;
|
|
|
+ padding-left: 16px;
|
|
|
+ line-height: 32px;
|
|
|
+}
|
|
|
+/*调整表单间距 */
|
|
|
+::v-deep .el-form-item__content {
|
|
|
+ width: 200px;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__body {
|
|
|
+ margin: 10px 30px 20px 30px;
|
|
|
+ padding-top: 20px !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.contents {
|
|
|
+ padding: 0px 40px !important;
|
|
|
+}
|
|
|
+/* 下拉菜单 */
|
|
|
+.el-dropdown-link {
|
|
|
+ cursor: pointer;
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+.el-icon-arrow-down {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+/* 刷新图标 */
|
|
|
+/* .el-icon-refresh {
|
|
|
+ width: 76px;
|
|
|
+ height: 36px;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #1d96ff !important;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: none;
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+} */
|
|
|
+/* 下拉菜单字体/背景颜色 */
|
|
|
+.el-select-dropdown__item.hover,
|
|
|
+.el-select-dropdown__item:hover {
|
|
|
+ background-color: #004d86;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.el-select-dropdown__item {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/* 时间选择 */
|
|
|
+::v-deep .el-input--small .el-input__inner {
|
|
|
+ width: 200px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+}
|
|
|
+.el-date-editor.el-input {
|
|
|
+ width: 200px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+}
|
|
|
+::v-deep .el-date-editor.el-input .el-input__inner {
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+}
|
|
|
+/* 单位框背景颜色 */
|
|
|
+::v-deep .vue-treeselect__control {
|
|
|
+ background: #004d86 !important;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/* 单位下拉菜单选中字体颜色 */
|
|
|
+::v-deep .vue-treeselect__single-value {
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+/* 分页按钮 */
|
|
|
+::v-deep .el-pagination.is-background .el-pager li {
|
|
|
+ background-color: #004d86;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+::v-deep .el-pagination.is-background .btn-next {
|
|
|
+ background-color: #004d86;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/* 新增工作登记 */
|
|
|
+.box1 {
|
|
|
+ width: 887px;
|
|
|
+ min-height: 100px;
|
|
|
+ /* margin: auto; */
|
|
|
+ margin-left: 32px;
|
|
|
+ border: 1px solid white;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ display: flex;
|
|
|
+ padding: 10px 10px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.btn {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 31px;
|
|
|
+ right: 170px;
|
|
|
+}
|
|
|
+/* 新增工作登记开始结束时间 */
|
|
|
+.box1 .el-date-editor.el-input {
|
|
|
+ margin-right: 10px;
|
|
|
+ width: 134px;
|
|
|
+}
|
|
|
+/* 新增-工作登记-表单长度 */
|
|
|
+::v-deep .box1 .el-input--small .el-input__inner {
|
|
|
+ width: 250px;
|
|
|
+}
|
|
|
+::v-deep .box1 .el-form-item__content {
|
|
|
+ width: 130px;
|
|
|
+}
|
|
|
+/* 新增-工作登记-人员地点 */
|
|
|
+::v-deep .box1 .box2 .el-form-item__content {
|
|
|
+ width: 250px;
|
|
|
+}
|
|
|
+/* 新增-工作登记-内容 */
|
|
|
+::v-deep .box3 .el-form-item el-form-item--medium {
|
|
|
+ width: 510px !important;
|
|
|
+}
|
|
|
+::v-deep .box3 .el-form-item__content {
|
|
|
+ width: 510px !important;
|
|
|
+}
|
|
|
+::v-deep .box3 .el-input el-input--small el-input--suffix {
|
|
|
+ width: 510px !important;
|
|
|
+}
|
|
|
+::v-deep .box3 .el-form-item__content .el-input__inner {
|
|
|
+ width: 510px !important;
|
|
|
+}
|
|
|
+.box4 {
|
|
|
+ width: 890px;
|
|
|
+ min-height: 100px;
|
|
|
+ /* border: 1px solid white; */
|
|
|
+ margin-left: 31px;
|
|
|
+}
|
|
|
+::v-deep .box4 .el-textarea__inner {
|
|
|
+ min-height: 120px !important;
|
|
|
+}
|
|
|
+/* 底部确定取消按钮 */
|
|
|
+::v-deep .el-dialog__footer {
|
|
|
+ padding: 18px 50px;
|
|
|
+ margin-right: 42px;
|
|
|
+}
|
|
|
+/* 增加按钮弹框 */
|
|
|
+::v-deep .el-dialog {
|
|
|
+ width: 1060px !important;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__body {
|
|
|
+ padding: none !important;
|
|
|
+}
|
|
|
+/* 调整输入框提示文字颜色 */
|
|
|
+::v-deep .vue-treeselect__placeholder {
|
|
|
+ color: #bdbdbd4f !important;
|
|
|
+}
|
|
|
+::v-deep input::-webkit-input-placeholder {
|
|
|
+ color: #bdbdbd4f !important;
|
|
|
+}
|
|
|
+::v-deep input:-moz-placeholder {
|
|
|
+ color: #bdbdbd4f !important;
|
|
|
+}
|
|
|
+/* 文本域提示文字颜色 */
|
|
|
+::v-deep ::-webkit-input-placeholder {
|
|
|
+ color: #bdbdbd4f !important;
|
|
|
+}
|
|
|
+</style>
|
sunyanqiang