1

.history/src/views/grassrootsregistration/bdglweekwork/index_20220314101222.vue

@@ -0,0 +1,946 @@
+<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 dept"
+            :key="i"
+            :label="item.deptName"
+            :value="item.deptId"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="" prop="time">
+        <el-date-picker
+          clearable
+          size="small"
+          v-model="queryParams.time"
+          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="单位" 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="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
+    >
+      <div class="jiben">基本信息</div>
+
+      <el-form
+        ref="form"
+        :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"
+          />
+          <!-- @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)"
+            >
+            </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 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)"
+            >
+            </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)"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="时间" prop="time">
+          <el-date-picker
+            clearable
+            size="small"
+            :editable="false"
+            v-model="form.time"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择时间"
+          >
+          </el-date-picker>
+        </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="选择开始时间"
+          >
+          </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="选择结束时间"
+          >
+          </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"
+                >
+                </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.day" placeholder="早晨">
+                <el-option
+                  v-for="item in day"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </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.unitId"
+                :options="deptOptions"
+                :show-count="true"
+                placeholder="请选择单位"
+              /> -->
+              <el-input v-model="item.unitId1" placeholder="单位" />
+            </el-form-item>
+            <!-- <el-form-item label="" prop="deptId">
+                <treeselect
+                  v-model="form.unitId"
+                  :options="deptOptions"
+                  :show-count="true"
+                  placeholder="请选择单位"
+                  @input="department"
+                />
+              </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"></el-button>
+              <el-button type="primary" icon="el-icon-delete"></el-button>
+            </div>
+          </el-form>
+        </div>
+
+        <div class="jiben">备注</div>
+        <div class="box4">
+          <el-input
+            type="textarea"
+            :rows="5"
+            placeholder="请输入内容"
+            v-model="form.remark"
+          >
+          </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>
+  </div>
+</template>
+
+<script>
+import {
+  listBdglweekwork,
+  getBdglweekwork,
+  delBdglweekwork,
+  addBdglweekwork,
+  updateBdglweekwork,
+  exportBdglweekwork,
+} from "@/api/grassrootsregistration/bdglweekwork";
+
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {
+  getZhuChiRen,
+  getDept,
+} from "@/api/grassrootsregistration/bdglmeeting";
+export default {
+  name: "Bdglweekwork",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      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: "blur" },
+        ],
+      },
+      //下拉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,
+        },
+      ],
+      // 搜索单位列表
+      dept: [],
+    };
+  },
+  created() {
+    this.getList();
+    // 获取部门
+    this.getDept();
+  },
+  methods: {
+    // 搜索时间触发
+    tiem() {
+      this.getList();
+    },
+
+    change_time(date) {
+      console.log(`data${date}`);
+      console.log(this.getNowWeek(date));
+    },
+
+    // 搜索单位触发
+    host() {
+      this.getList();
+    },
+    // 查询单位列表
+    async getDept() {
+      const res = await getDept();
+      this.dept = 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.ZhuChiRen(this.form.unitId)
+      this.tomList.forEach((item, i) => {
+        this.tomList[i].unitId = data.label;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().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("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      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.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;
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].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;
+            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 + '"的数据项？')
+        .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: 870px;
+  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;
+}
+/* 单位框背景颜色 */
+::v-deep .vue-treeselect__control {
+  background: #004d86 !important;
+}
+/* 基本信息背景 */
+.jiben {
+  width: 952px;
+  height: 32px;
+  background-image: url(../../../images/小标题底.png);
+  margin-bottom: 25px;
+  color: #fff;
+  padding-left: 16px;
+  line-height: 32px;
+}
+/*调整表单间距 */
+::v-deep .el-form-item__content {
+  width: 200px;
+}
+
+.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__content .el-input__inner {
+  width: 510px !important;
+}
+.box4 {
+  width: 890px;
+  min-height: 100px;
+  /* border: 1px solid black; */
+  margin-left: 31px;
+}
+</style>

.history/src/views/grassrootsregistration/bdglweekwork/index_20220314101250.vue

@@ -0,0 +1,953 @@
+<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 dept"
+            :key="i"
+            :label="item.deptName"
+            :value="item.deptId"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="" prop="time">
+        <el-date-picker
+          clearable
+          size="small"
+          v-model="queryParams.time"
+          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="单位" 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="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
+    >
+      <div class="jiben">基本信息</div>
+
+      <el-form
+        ref="form"
+        :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"
+          />
+          <!-- @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)"
+            >
+            </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 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)"
+            >
+            </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)"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="时间" prop="time">
+          <el-date-picker
+            clearable
+            size="small"
+            :editable="false"
+            v-model="form.time"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择时间"
+          >
+          </el-date-picker>
+        </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="选择开始时间"
+          >
+          </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="选择结束时间"
+          >
+          </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"
+                >
+                </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.day" placeholder="早晨">
+                <el-option
+                  v-for="item in day"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </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.unitId"
+                :options="deptOptions"
+                :show-count="true"
+                placeholder="请选择单位"
+              /> -->
+              <el-input v-model="item.unitId1" placeholder="单位" />
+            </el-form-item>
+            <!-- <el-form-item label="" prop="deptId">
+                <treeselect
+                  v-model="form.unitId"
+                  :options="deptOptions"
+                  :show-count="true"
+                  placeholder="请选择单位"
+                  @input="department"
+                />
+              </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"
+                /> -->
+                  <treeselect
+                  v-model="form.unitId"
+                  :options="deptOptions"
+                  :show-count="true"
+                  placeholder="请选择单位"
+                  @input="department"
+                />
+              </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"></el-button>
+              <el-button type="primary" icon="el-icon-delete"></el-button>
+            </div>
+          </el-form>
+        </div>
+
+        <div class="jiben">备注</div>
+        <div class="box4">
+          <el-input
+            type="textarea"
+            :rows="5"
+            placeholder="请输入内容"
+            v-model="form.remark"
+          >
+          </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>
+  </div>
+</template>
+
+<script>
+import {
+  listBdglweekwork,
+  getBdglweekwork,
+  delBdglweekwork,
+  addBdglweekwork,
+  updateBdglweekwork,
+  exportBdglweekwork,
+} from "@/api/grassrootsregistration/bdglweekwork";
+
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {
+  getZhuChiRen,
+  getDept,
+} from "@/api/grassrootsregistration/bdglmeeting";
+export default {
+  name: "Bdglweekwork",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      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: "blur" },
+        ],
+      },
+      //下拉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,
+        },
+      ],
+      // 搜索单位列表
+      dept: [],
+    };
+  },
+  created() {
+    this.getList();
+    // 获取部门
+    this.getDept();
+  },
+  methods: {
+    // 搜索时间触发
+    tiem() {
+      this.getList();
+    },
+
+    change_time(date) {
+      console.log(`data${date}`);
+      console.log(this.getNowWeek(date));
+    },
+
+    // 搜索单位触发
+    host() {
+      this.getList();
+    },
+    // 查询单位列表
+    async getDept() {
+      const res = await getDept();
+      this.dept = 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.ZhuChiRen(this.form.unitId)
+      this.tomList.forEach((item, i) => {
+        this.tomList[i].unitId = data.label;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().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("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      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.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;
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].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;
+            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 + '"的数据项？')
+        .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: 870px;
+  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;
+}
+/* 单位框背景颜色 */
+::v-deep .vue-treeselect__control {
+  background: #004d86 !important;
+}
+/* 基本信息背景 */
+.jiben {
+  width: 952px;
+  height: 32px;
+  background-image: url(../../../images/小标题底.png);
+  margin-bottom: 25px;
+  color: #fff;
+  padding-left: 16px;
+  line-height: 32px;
+}
+/*调整表单间距 */
+::v-deep .el-form-item__content {
+  width: 200px;
+}
+
+.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__content .el-input__inner {
+  width: 510px !important;
+}
+.box4 {
+  width: 890px;
+  min-height: 100px;
+  /* border: 1px solid black; */
+  margin-left: 31px;
+}
+</style>

.history/src/views/grassrootsregistration/bdglweekwork/index_20220314101329.vue

@@ -0,0 +1,946 @@
+<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 dept"
+            :key="i"
+            :label="item.deptName"
+            :value="item.deptId"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="" prop="time">
+        <el-date-picker
+          clearable
+          size="small"
+          v-model="queryParams.time"
+          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="单位" 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="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
+    >
+      <div class="jiben">基本信息</div>
+
+      <el-form
+        ref="form"
+        :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"
+          />
+          <!-- @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)"
+            >
+            </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 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)"
+            >
+            </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)"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="时间" prop="time">
+          <el-date-picker
+            clearable
+            size="small"
+            :editable="false"
+            v-model="form.time"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择时间"
+          >
+          </el-date-picker>
+        </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="选择开始时间"
+          >
+          </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="选择结束时间"
+          >
+          </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"
+                >
+                </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.day" placeholder="早晨">
+                <el-option
+                  v-for="item in day"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </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="单位" /> -->
+            </el-form-item>
+            <!-- <el-form-item label="" prop="deptId">
+                <treeselect
+                  v-model="form.unitId"
+                  :options="deptOptions"
+                  :show-count="true"
+                  placeholder="请选择单位"
+                  @input="department"
+                />
+              </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"></el-button>
+              <el-button type="primary" icon="el-icon-delete"></el-button>
+            </div>
+          </el-form>
+        </div>
+
+        <div class="jiben">备注</div>
+        <div class="box4">
+          <el-input
+            type="textarea"
+            :rows="5"
+            placeholder="请输入内容"
+            v-model="form.remark"
+          >
+          </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>
+  </div>
+</template>
+
+<script>
+import {
+  listBdglweekwork,
+  getBdglweekwork,
+  delBdglweekwork,
+  addBdglweekwork,
+  updateBdglweekwork,
+  exportBdglweekwork,
+} from "@/api/grassrootsregistration/bdglweekwork";
+
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {
+  getZhuChiRen,
+  getDept,
+} from "@/api/grassrootsregistration/bdglmeeting";
+export default {
+  name: "Bdglweekwork",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      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: "blur" },
+        ],
+      },
+      //下拉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,
+        },
+      ],
+      // 搜索单位列表
+      dept: [],
+    };
+  },
+  created() {
+    this.getList();
+    // 获取部门
+    this.getDept();
+  },
+  methods: {
+    // 搜索时间触发
+    tiem() {
+      this.getList();
+    },
+
+    change_time(date) {
+      console.log(`data${date}`);
+      console.log(this.getNowWeek(date));
+    },
+
+    // 搜索单位触发
+    host() {
+      this.getList();
+    },
+    // 查询单位列表
+    async getDept() {
+      const res = await getDept();
+      this.dept = 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.ZhuChiRen(this.form.unitId);
+      this.tomList.forEach((item, i) => {
+        this.tomList[i].unitId = data.label;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().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("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      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.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;
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].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;
+            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 + '"的数据项？')
+        .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: 870px;
+  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;
+}
+/* 单位框背景颜色 */
+::v-deep .vue-treeselect__control {
+  background: #004d86 !important;
+}
+/* 基本信息背景 */
+.jiben {
+  width: 952px;
+  height: 32px;
+  background-image: url(../../../images/小标题底.png);
+  margin-bottom: 25px;
+  color: #fff;
+  padding-left: 16px;
+  line-height: 32px;
+}
+/*调整表单间距 */
+::v-deep .el-form-item__content {
+  width: 200px;
+}
+
+.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__content .el-input__inner {
+  width: 510px !important;
+}
+.box4 {
+  width: 890px;
+  min-height: 100px;
+  /* border: 1px solid black; */
+  margin-left: 31px;
+}
+</style>

.history/src/views/grassrootsregistration/bdglweekwork/index_20220314101335.vue

@@ -0,0 +1,937 @@
+<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 dept"
+            :key="i"
+            :label="item.deptName"
+            :value="item.deptId"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="" prop="time">
+        <el-date-picker
+          clearable
+          size="small"
+          v-model="queryParams.time"
+          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="单位" 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="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
+    >
+      <div class="jiben">基本信息</div>
+
+      <el-form
+        ref="form"
+        :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"
+          />
+          <!-- @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)"
+            >
+            </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 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)"
+            >
+            </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)"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="时间" prop="time">
+          <el-date-picker
+            clearable
+            size="small"
+            :editable="false"
+            v-model="form.time"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择时间"
+          >
+          </el-date-picker>
+        </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="选择开始时间"
+          >
+          </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="选择结束时间"
+          >
+          </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"
+                >
+                </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.day" placeholder="早晨">
+                <el-option
+                  v-for="item in day"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.label"
+                >
+                </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="单位" /> -->
+            </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"></el-button>
+              <el-button type="primary" icon="el-icon-delete"></el-button>
+            </div>
+          </el-form>
+        </div>
+
+        <div class="jiben">备注</div>
+        <div class="box4">
+          <el-input
+            type="textarea"
+            :rows="5"
+            placeholder="请输入内容"
+            v-model="form.remark"
+          >
+          </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>
+  </div>
+</template>
+
+<script>
+import {
+  listBdglweekwork,
+  getBdglweekwork,
+  delBdglweekwork,
+  addBdglweekwork,
+  updateBdglweekwork,
+  exportBdglweekwork,
+} from "@/api/grassrootsregistration/bdglweekwork";
+
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {
+  getZhuChiRen,
+  getDept,
+} from "@/api/grassrootsregistration/bdglmeeting";
+export default {
+  name: "Bdglweekwork",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      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: "blur" },
+        ],
+      },
+      //下拉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,
+        },
+      ],
+      // 搜索单位列表
+      dept: [],
+    };
+  },
+  created() {
+    this.getList();
+    // 获取部门
+    this.getDept();
+  },
+  methods: {
+    // 搜索时间触发
+    tiem() {
+      this.getList();
+    },
+
+    change_time(date) {
+      console.log(`data${date}`);
+      console.log(this.getNowWeek(date));
+    },
+
+    // 搜索单位触发
+    host() {
+      this.getList();
+    },
+    // 查询单位列表
+    async getDept() {
+      const res = await getDept();
+      this.dept = 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.ZhuChiRen(this.form.unitId);
+      this.tomList.forEach((item, i) => {
+        this.tomList[i].unitId = data.label;
+      });
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().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("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      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.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;
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].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;
+            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 + '"的数据项？')
+        .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: 870px;
+  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;
+}
+/* 单位框背景颜色 */
+::v-deep .vue-treeselect__control {
+  background: #004d86 !important;
+}
+/* 基本信息背景 */
+.jiben {
+  width: 952px;
+  height: 32px;
+  background-image: url(../../../images/小标题底.png);
+  margin-bottom: 25px;
+  color: #fff;
+  padding-left: 16px;
+  line-height: 32px;
+}
+/*调整表单间距 */
+::v-deep .el-form-item__content {
+  width: 200px;
+}
+
+.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__content .el-input__inner {
+  width: 510px !important;
+}
+.box4 {
+  width: 890px;
+  min-height: 100px;
+  /* border: 1px solid black; */
+  margin-left: 31px;
+}
+</style>

.history/vue.config_20220314095609.js

@@ -0,0 +1,119 @@
+
+'use strict'
+const path = require('path')
+ 
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+ 
+const name = process.env.VUE_APP_TITLE || '智能督察管理平台' // 网页标题
+ 
+const port = process.env.port || process.env.npm_config_port || 80 // 端口
+ 
+// vue.config.js 配置说明
+//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
+// 这里只列一部分，具体配置参考文档
+module.exports = {
+  // 部署生产环境和开发环境下的URL。
+  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
+  // 例如 https://www.supervision.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.supervision.vip/admin/，则设置 baseUrl 为 /admin/。
+  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
+  outputDir: 'dist',
+  // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
+  assetsDir: 'static',
+  // 是否开启eslint保存检测，有效值：ture | false | 'error'
+  lintOnSave: process.env.NODE_ENV === 'development',
+  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+  productionSourceMap: false,
+  // webpack-dev-server 相关配置
+  devServer: {
+    host: '0.0.0.0',
+    port: port,
+    open: true,
+    proxy: {
+      // detail: https://cli.vuejs.org/config/#devserver-proxy
+      [process.env.VUE_APP_BASE_API]: {
+        target: `http://192.168.5.177:8080`,
+        // target: `http://192.168.5.66:8089`,
+        changeOrigin: true,
+        pathRewrite: {
+          ['^' + process.env.VUE_APP_BASE_API]: ''
+        }
+      }
+    },
+    disableHostCheck: true
+  },
+  configureWebpack: {
+    name: name,
+    resolve: {
+      alias: {
+        '@': resolve('src')
+      }
+    }
+  },
+  chainWebpack(config) {
+    config.plugins.delete('preload') // TODO: need test
+    config.plugins.delete('prefetch') // TODO: need test
+ 
+    // set svg-sprite-loader
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/assets/icons'))
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/assets/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
+ 
+    config
+      .when(process.env.NODE_ENV !== 'development',
+        config => {
+          config
+            .plugin('ScriptExtHtmlWebpackPlugin')
+            .after('html')
+            .use('script-ext-html-webpack-plugin', [{
+              // `runtime` must same as runtimeChunk name. default is `runtime`
+              inline: /runtime\..*\.js$/
+            }])
+            .end()
+          config
+            .optimization.splitChunks({
+              chunks: 'all',
+              cacheGroups: {
+                libs: {
+                  name: 'chunk-libs',
+                  test: /[\\/]node_modules[\\/]/,
+                  priority: 10,
+                  chunks: 'initial' // only package third parties that are initially dependent
+                },
+                elementUI: {
+                  name: 'chunk-elementUI', // split elementUI into a single package
+                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+                },
+                commons: {
+                  name: 'chunk-commons',
+                  test: resolve('src/components'), // can customize your rules
+                  minChunks: 3, //  minimum common number
+                  priority: 5,
+                  reuseExistingChunk: true
+                }
+              }
+            })
+          config.optimization.runtimeChunk('single'),
+          {
+            from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
+            to: './' //到根目录下
+          }
+        }
+      )
+  }
+}

.history/vue.config_20220314095611.js

@@ -0,0 +1,119 @@
+
+'use strict'
+const path = require('path')
+ 
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+ 
+const name = process.env.VUE_APP_TITLE || '智能督察管理平台' // 网页标题
+ 
+const port = process.env.port || process.env.npm_config_port || 80 // 端口
+ 
+// vue.config.js 配置说明
+//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
+// 这里只列一部分，具体配置参考文档
+module.exports = {
+  // 部署生产环境和开发环境下的URL。
+  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
+  // 例如 https://www.supervision.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.supervision.vip/admin/，则设置 baseUrl 为 /admin/。
+  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
+  outputDir: 'dist',
+  // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
+  assetsDir: 'static',
+  // 是否开启eslint保存检测，有效值：ture | false | 'error'
+  lintOnSave: process.env.NODE_ENV === 'development',
+  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+  productionSourceMap: false,
+  // webpack-dev-server 相关配置
+  devServer: {
+    host: '0.0.0.0',
+    port: port,
+    open: true,
+    proxy: {
+      // detail: https://cli.vuejs.org/config/#devserver-proxy
+      [process.env.VUE_APP_BASE_API]: {
+        target: `http://192.168.5.177:8080`,
+        // target: `http://192.168.5.66:8089`,
+        changeOrigin: true,
+        pathRewrite: {
+          ['^' + process.env.VUE_APP_BASE_API]: ''
+        }
+      }
+    },
+    disableHostCheck: true
+  },
+  configureWebpack: {
+    name: name,
+    resolve: {
+      alias: {
+        '@': resolve('src')
+      }
+    }
+  },
+  chainWebpack(config) {
+    config.plugins.delete('preload') // TODO: need test
+    config.plugins.delete('prefetch') // TODO: need test
+ 
+    // set svg-sprite-loader
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/assets/icons'))
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/assets/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
+ 
+    config
+      .when(process.env.NODE_ENV !== 'development',
+        config => {
+          config
+            .plugin('ScriptExtHtmlWebpackPlugin')
+            .after('html')
+            .use('script-ext-html-webpack-plugin', [{
+              // `runtime` must same as runtimeChunk name. default is `runtime`
+              inline: /runtime\..*\.js$/
+            }])
+            .end()
+          config
+            .optimization.splitChunks({
+              chunks: 'all',
+              cacheGroups: {
+                libs: {
+                  name: 'chunk-libs',
+                  test: /[\\/]node_modules[\\/]/,
+                  priority: 10,
+                  chunks: 'initial' // only package third parties that are initially dependent
+                },
+                elementUI: {
+                  name: 'chunk-elementUI', // split elementUI into a single package
+                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+                },
+                commons: {
+                  name: 'chunk-commons',
+                  test: resolve('src/components'), // can customize your rules
+                  minChunks: 3, //  minimum common number
+                  priority: 5,
+                  reuseExistingChunk: true
+                }
+              }
+            })
+          config.optimization.runtimeChunk('single'),
+          {
+            from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
+            to: './' //到根目录下
+          }
+        }
+      )
+  }
+}

.history/vue.config_20220314095612.js

@@ -0,0 +1,119 @@
+
+'use strict'
+const path = require('path')
+ 
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+ 
+const name = process.env.VUE_APP_TITLE || '智能督察管理平台' // 网页标题
+ 
+const port = process.env.port || process.env.npm_config_port || 80 // 端口
+ 
+// vue.config.js 配置说明
+//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
+// 这里只列一部分，具体配置参考文档
+module.exports = {
+  // 部署生产环境和开发环境下的URL。
+  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
+  // 例如 https://www.supervision.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.supervision.vip/admin/，则设置 baseUrl 为 /admin/。
+  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
+  outputDir: 'dist',
+  // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
+  assetsDir: 'static',
+  // 是否开启eslint保存检测，有效值：ture | false | 'error'
+  lintOnSave: process.env.NODE_ENV === 'development',
+  // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+  productionSourceMap: false,
+  // webpack-dev-server 相关配置
+  devServer: {
+    host: '0.0.0.0',
+    port: port,
+    open: true,
+    proxy: {
+      // detail: https://cli.vuejs.org/config/#devserver-proxy
+      [process.env.VUE_APP_BASE_API]: {
+        target: `http://192.168.5.177:8080`,
+        // target: `http://192.168.5.66:8089`,
+        changeOrigin: true,
+        pathRewrite: {
+          ['^' + process.env.VUE_APP_BASE_API]: ''
+        }
+      }
+    },
+    disableHostCheck: true
+  },
+  configureWebpack: {
+    name: name,
+    resolve: {
+      alias: {
+        '@': resolve('src')
+      }
+    }
+  },
+  chainWebpack(config) {
+    config.plugins.delete('preload') // TODO: need test
+    config.plugins.delete('prefetch') // TODO: need test
+ 
+    // set svg-sprite-loader
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/assets/icons'))
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/assets/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
+ 
+    config
+      .when(process.env.NODE_ENV !== 'development',
+        config => {
+          config
+            .plugin('ScriptExtHtmlWebpackPlugin')
+            .after('html')
+            .use('script-ext-html-webpack-plugin', [{
+              // `runtime` must same as runtimeChunk name. default is `runtime`
+              inline: /runtime\..*\.js$/
+            }])
+            .end()
+          config
+            .optimization.splitChunks({
+              chunks: 'all',
+              cacheGroups: {
+                libs: {
+                  name: 'chunk-libs',
+                  test: /[\\/]node_modules[\\/]/,
+                  priority: 10,
+                  chunks: 'initial' // only package third parties that are initially dependent
+                },
+                elementUI: {
+                  name: 'chunk-elementUI', // split elementUI into a single package
+                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+                },
+                commons: {
+                  name: 'chunk-commons',
+                  test: resolve('src/components'), // can customize your rules
+                  minChunks: 3, //  minimum common number
+                  priority: 5,
+                  reuseExistingChunk: true
+                }
+              }
+            })
+          config.optimization.runtimeChunk('single'),
+          {
+            from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
+            to: './' //到根目录下
+          }
+        }
+      )
+  }
+}

node_modules/.cache/babel-loader/0030863879592d69701073c015f781b9.json

@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\eslint-loader\\index.js??ref--13-0!D:\\Desktop\\supervision-ui\\src\\api\\monitor\\server.js","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\api\\monitor\\server.js","mtime":1647101026513},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\eslint-loader\\index.js","mtime":1647101097259}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJEOlxcRGVza3RvcFxcc3VwZXJ2aXNpb24tdWlcXG5vZGVfbW9kdWxlc1xcQGJhYmVsXFxydW50aW1lXFxoZWxwZXJzXFxpbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmdldFNlcnZlciA9IGdldFNlcnZlcjsKCnZhciBfcmVxdWVzdCA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiQC91dGlscy9yZXF1ZXN0IikpOwoKLy8g5p+l6K+i5pyN5Yqh5Zmo6K+m57uGCmZ1bmN0aW9uIGdldFNlcnZlcigpIHsKICByZXR1cm4gKDAsIF9yZXF1ZXN0LmRlZmF1bHQpKHsKICAgIHVybDogJy9tb25pdG9yL3NlcnZlcicsCiAgICBtZXRob2Q6ICdnZXQnCiAgfSk7Cn0="},{"version":3,"sources":["D:/Desktop/supervision-ui/src/api/monitor/server.js"],"names":["getServer","url","method"],"mappings":";;;;;;;;;AAAA;;AAEA;AACO,SAASA,SAAT,GAAqB;AAC1B,SAAO,sBAAQ;AACbC,IAAAA,GAAG,EAAE,iBADQ;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAAR,CAAP;AAID","sourcesContent":["import request from '@/utils/request'\r\n\r\n// 查询服务器详细\r\nexport function getServer() {\r\n  return request({\r\n    url: '/monitor/server',\r\n    method: 'get'\r\n  })\r\n}"]}]}

node_modules/.cache/babel-loader/07c9b49743a0f10c28e2ac7446b9c285.json

@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Desktop\\supervision-ui\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\views\\index.vue","mtime":1647101026901},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1647222689264}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7Ci8vCi8vCi8vCi8vCnZhciBfZGVmYXVsdCA9IHt9OwpleHBvcnRzLmRlZmF1bHQgPSBfZGVmYXVsdDs="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;eAKA,E","sourcesContent":["<template>\r\n  \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>"],"sourceRoot":"src/views"}]}

node_modules/.cache/babel-loader/2a8984f2f9639a5a33febec9403b37c4.json

@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\eslint-loader\\index.js??ref--13-0!D:\\Desktop\\supervision-ui\\src\\api\\menu.js","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\api\\menu.js","mtime":1647101026508},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\eslint-loader\\index.js","mtime":1647101097259}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJEOlxcRGVza3RvcFxcc3VwZXJ2aXNpb24tdWlcXG5vZGVfbW9kdWxlc1xcQGJhYmVsXFxydW50aW1lXFxoZWxwZXJzXFxpbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmdldFJvdXRlcnMgPSB2b2lkIDA7Cgp2YXIgX3JlcXVlc3QgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIkAvdXRpbHMvcmVxdWVzdCIpKTsKCi8vIOiOt+WPlui3r+eUsQp2YXIgZ2V0Um91dGVycyA9IGZ1bmN0aW9uIGdldFJvdXRlcnMoKSB7CiAgcmV0dXJuICgwLCBfcmVxdWVzdC5kZWZhdWx0KSh7CiAgICB1cmw6ICcvZ2V0Um91dGVycycsCiAgICBtZXRob2Q6ICdnZXQnCiAgfSk7Cn07CgpleHBvcnRzLmdldFJvdXRlcnMgPSBnZXRSb3V0ZXJzOw=="},{"version":3,"sources":["D:/Desktop/supervision-ui/src/api/menu.js"],"names":["getRouters","url","method"],"mappings":";;;;;;;;;AAAA;;AAEA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,GAAM;AAC9B,SAAO,sBAAQ;AACbC,IAAAA,GAAG,EAAE,aADQ;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAAR,CAAP;AAID,CALM","sourcesContent":["import request from '@/utils/request'\r\n\r\n// 获取路由\r\nexport const getRouters = () => {\r\n  return request({\r\n    url: '/getRouters',\r\n    method: 'get'\r\n  })\r\n}"]}]}

node_modules/.cache/babel-loader/3ac6d80cf837def7be62ec7d54c8d169.json

@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\eslint-loader\\index.js??ref--13-0!D:\\Desktop\\supervision-ui\\src\\api\\monitor\\cache.js","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\api\\monitor\\cache.js","mtime":1647101026509},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\eslint-loader\\index.js","mtime":1647101097259}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJEOlxcRGVza3RvcFxcc3VwZXJ2aXNpb24tdWlcXG5vZGVfbW9kdWxlc1xcQGJhYmVsXFxydW50aW1lXFxoZWxwZXJzXFxpbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmdldENhY2hlID0gZ2V0Q2FjaGU7Cgp2YXIgX3JlcXVlc3QgPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoIkAvdXRpbHMvcmVxdWVzdCIpKTsKCi8vIOafpeivoue8k+WtmOivpue7hgpmdW5jdGlvbiBnZXRDYWNoZSgpIHsKICByZXR1cm4gKDAsIF9yZXF1ZXN0LmRlZmF1bHQpKHsKICAgIHVybDogJy9tb25pdG9yL2NhY2hlJywKICAgIG1ldGhvZDogJ2dldCcKICB9KTsKfQ=="},{"version":3,"sources":["D:/Desktop/supervision-ui/src/api/monitor/cache.js"],"names":["getCache","url","method"],"mappings":";;;;;;;;;AAAA;;AAEA;AACO,SAASA,QAAT,GAAoB;AACzB,SAAO,sBAAQ;AACbC,IAAAA,GAAG,EAAE,gBADQ;AAEbC,IAAAA,MAAM,EAAE;AAFK,GAAR,CAAP;AAID","sourcesContent":["import request from '@/utils/request'\r\n\r\n// 查询缓存详细\r\nexport function getCache() {\r\n  return request({\r\n    url: '/monitor/cache',\r\n    method: 'get'\r\n  })\r\n}\r\n"]}]}

node_modules/.cache/babel-loader/40977a9f30bbcf469175fb2fc6ce1b30.json

@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\@babel\\runtime\\helpers\\interopRequireDefault.js","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\node_modules\\@babel\\runtime\\helpers\\interopRequireDefault.js","mtime":1647101105123},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZnVuY3Rpb24gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChvYmopIHsKICByZXR1cm4gb2JqICYmIG9iai5fX2VzTW9kdWxlID8gb2JqIDogewogICAgImRlZmF1bHQiOiBvYmoKICB9Owp9Cgptb2R1bGUuZXhwb3J0cyA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQsIG1vZHVsZS5leHBvcnRzLl9fZXNNb2R1bGUgPSB0cnVlLCBtb2R1bGUuZXhwb3J0c1siZGVmYXVsdCJdID0gbW9kdWxlLmV4cG9ydHM7"},{"version":3,"sources":["D:/Desktop/supervision-ui/node_modules/@babel/runtime/helpers/interopRequireDefault.js"],"names":["_interopRequireDefault","obj","__esModule","module","exports"],"mappings":"AAAA,SAASA,sBAAT,CAAgCC,GAAhC,EAAqC;AACnC,SAAOA,GAAG,IAAIA,GAAG,CAACC,UAAX,GAAwBD,GAAxB,GAA8B;AACnC,eAAWA;AADwB,GAArC;AAGD;;AAEDE,MAAM,CAACC,OAAP,GAAiBJ,sBAAjB,EAAyCG,MAAM,CAACC,OAAP,CAAeF,UAAf,GAA4B,IAArE,EAA2EC,MAAM,CAACC,OAAP,CAAe,SAAf,IAA4BD,MAAM,CAACC,OAA9G","sourcesContent":["function _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\n\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;"]}]}

node_modules/.cache/babel-loader/4d72e57b1525fac80e255d750bf95bc7.json

@@ -0,0 +1 @@
+{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\@babel\\runtime\\helpers\\nonIterableRest.js","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\node_modules\\@babel\\runtime\\helpers\\nonIterableRest.js","mtime":1647101105290},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZnVuY3Rpb24gX25vbkl0ZXJhYmxlUmVzdCgpIHsKICB0aHJvdyBuZXcgVHlwZUVycm9yKCJJbnZhbGlkIGF0dGVtcHQgdG8gZGVzdHJ1Y3R1cmUgbm9uLWl0ZXJhYmxlIGluc3RhbmNlLlxuSW4gb3JkZXIgdG8gYmUgaXRlcmFibGUsIG5vbi1hcnJheSBvYmplY3RzIG11c3QgaGF2ZSBhIFtTeW1ib2wuaXRlcmF0b3JdKCkgbWV0aG9kLiIpOwp9Cgptb2R1bGUuZXhwb3J0cyA9IF9ub25JdGVyYWJsZVJlc3QsIG1vZHVsZS5leHBvcnRzLl9fZXNNb2R1bGUgPSB0cnVlLCBtb2R1bGUuZXhwb3J0c1siZGVmYXVsdCJdID0gbW9kdWxlLmV4cG9ydHM7"},{"version":3,"sources":["D:/Desktop/supervision-ui/node_modules/@babel/runtime/helpers/nonIterableRest.js"],"names":["_nonIterableRest","TypeError","module","exports","__esModule"],"mappings":"AAAA,SAASA,gBAAT,GAA4B;AAC1B,QAAM,IAAIC,SAAJ,CAAc,2IAAd,CAAN;AACD;;AAEDC,MAAM,CAACC,OAAP,GAAiBH,gBAAjB,EAAmCE,MAAM,CAACC,OAAP,CAAeC,UAAf,GAA4B,IAA/D,EAAqEF,MAAM,CAACC,OAAP,CAAe,SAAf,IAA4BD,MAAM,CAACC,OAAxG","sourcesContent":["function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nmodule.exports = _nonIterableRest, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;"]}]}