|
|
@@ -1,1126 +0,0 @@
|
|
|
-<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