战备

src/views/bdglregular/regularcountinfo/index.vue

@@ -231,10 +231,29 @@ export default {
                     shadowOffsetX: 0,
                     shadowColor: "rgba(0, 0, 0, 0.5)"
                   }
+                },
+                itemStyle: {
+                  normal: {
+                    //饼状图阴影，值越大阴影亮度越高
+                    shadowBlur: 5,
+                    shadowColor: "#93DDFF"
+                  }
                 }
               }
             ]
           };
+          if (
+            res.data[0].daiyanshou == 0 &&
+            res.data[0].daichuli == 0 &&
+            res.data[0].weitongguo == 0 &&
+            res.data[0].yitongguo == 0
+          ) {
+            option.color = ["#255F8A"];
+            option.tooltip = {
+              show: false
+            };
+            option.series[0].data = [{ value: 0, name: "无" }];
+          }
           myChart.setOption(option);
         }
       });
@@ -336,10 +355,29 @@ export default {
                       shadowOffsetX: 0,
                       shadowColor: "rgba(0, 0, 0, 0.5)"
                     }
+                  },
+                  itemStyle: {
+                    normal: {
+                      //饼状图阴影，值越大阴影亮度越高
+                      shadowBlur: 5,
+                      shadowColor: "#93DDFF"
+                    }
                   }
                 }
               ]
             };
+            if (
+              this.peopleList3[i].daiyanshou == 0 &&
+              this.peopleList3[i].daichuli == 0 &&
+              this.peopleList3[i].weitongguo == 0 &&
+              this.peopleList3[i].yitongguo == 0
+            ) {
+              option.color = ["#255F8A"];
+              option.tooltip = {
+                show: false
+              };
+              option.series[0].data = [{ value: 0, name: "无" }];
+            }
             myChart.setOption(option);
 
             myChart.on("click", this.eConsole);

src/views/bdglregular/specialcountinfo/index.vue

@@ -50,7 +50,7 @@
             label="检查单位"
             align="center"
             prop="unitCheck"
-          ></el-table-column> -->
+          ></el-table-column>-->
           <el-table-column
             label="状态"
             align="center"
@@ -74,9 +74,9 @@
             width="180"
           >
             <template slot-scope="scope">
-              <span>
-                {{ parseTime(scope.row.rectificationTime, "{y}-{m}-{d}") }}
-              </span>
+              <span>{{
+                parseTime(scope.row.rectificationTime, "{y}-{m}-{d}")
+              }}</span>
             </template>
           </el-table-column>
         </el-table>
@@ -115,7 +115,7 @@ import {
   unitrank,
   pendingacceptance,
   completeproportion,
-  unitproportion,
+  unitproportion
 } from "@/api/bdglregular/specialcountinfo";
 import * as echarts from "echarts";
 export default {
@@ -123,7 +123,7 @@ export default {
     return {
       peopleList: [],
       peopleList2: [],
-      peopleList3: [],
+      peopleList3: []
     };
   },
   created() {
@@ -136,34 +136,35 @@ export default {
   },
   methods: {
     getlist() {
-      unitrank().then((res) => {
+      unitrank().then(res => {
         if (res.code == 200) {
           this.peopleList = res.data;
         }
       });
     },
     getlist2() {
-      pendingacceptance().then((res) => {
+      pendingacceptance().then(res => {
         if (res.code == 200) {
           this.peopleList2 = res.data;
         }
       });
     },
     getlist3() {
-      completeproportion().then((res) => {
+      completeproportion().then(res => {
         if (res.code == 200) {
           var myChart = echarts.init(
             document.getElementById("foot-left-content")
           );
+
           var option = {
             title: {
               text: "",
               subtext: "",
-              left: "",
+              left: ""
             },
             tooltip: {
               trigger: "item",
-              formatter: "{a} <br/>{b} : {c} ({d}%)",
+              formatter: "{a} <br/>{b} : {c} ({d}%)"
             },
             color: ["#fac858", "#5470c6", "#ee6666", "#91cc75"],
             legend: {
@@ -172,9 +173,9 @@ export default {
               top: "10%",
               itemGap: 20,
               textStyle: {
-                color: "#fff",
+                color: "#fff"
               },
-              data: ["待处理", "待验收", "未通过", "已通过"],
+              data: ["待处理", "待验收", "未通过", "已通过"]
             },
             series: [
               {
@@ -189,9 +190,9 @@ export default {
                     textStyle: {
                       fontWeight: 300,
                       fontSize: 16,
-                      color: "#fff",
-                    },
-                  },
+                      color: "#fff"
+                    }
+                  }
                 },
                 data: [
                   {
@@ -199,43 +200,62 @@ export default {
                       res.data[0].daiyanshou == 0
                         ? null
                         : res.data[0].daiyanshou,
-                    name: "待验收",
+                    name: "待验收"
                   },
                   {
                     value:
                       res.data[0].daichuli == 0 ? null : res.data[0].daichuli,
-                    name: "待处理",
+                    name: "待处理"
                   },
                   {
                     value:
                       res.data[0].weitongguo == 0
                         ? null
                         : res.data[0].weitongguo,
-                    name: "未通过",
+                    name: "未通过"
                   },
                   {
                     value:
                       res.data[0].yitongguo == 0 ? null : res.data[0].yitongguo,
-                    name: "已通过",
-                  },
+                    name: "已通过"
+                  }
                 ],
                 emphasis: {
                   itemStyle: {
                     shadowBlur: 10,
                     shadowOffsetX: 0,
-                    shadowColor: "rgba(0, 0, 0, 0.5)",
-                  },
+                    shadowColor: "rgba(0, 0, 0, 0.5)"
+                  }
                 },
-              },
-            ],
+                itemStyle: {
+                  normal: {
+                    //饼状图阴影，值越大阴影亮度越高
+                    shadowBlur: 5,
+                    shadowColor: "#93DDFF"
+                  }
+                }
+              }
+            ]
           };
+          if (
+            res.data[0].daiyanshou == 0 &&
+            res.data[0].daichuli == 0 &&
+            res.data[0].weitongguo == 0 &&
+            res.data[0].yitongguo == 0
+          ) {
+            option.color = ["#255F8A"];
+            option.tooltip = {
+              show: false
+            };
+            option.series[0].data = [{ value: 0, name: "无" }];
+          }
           myChart.setOption(option);
         }
       });
     },
     getlist4() {},
     echarfun() {
-      unitproportion().then((res) => {
+      unitproportion().then(res => {
         if (res.code == 200) {
           this.peopleList3 = res.data;
           var roseCharts = document.getElementsByClassName("block");
@@ -253,13 +273,13 @@ export default {
                   color: "#ffff",
                   // fontSize: 12,
                   fontStyle: "normal",
-                  fontWeight: "normal",
-                },
+                  fontWeight: "normal"
+                }
               },
               color: ["#fac858", "#5470c6", "#ee6666", "#91cc75"],
               tooltip: {
                 trigger: "item",
-                formatter: "{a} <br/>{b} : {c} ({d}%)",
+                formatter: "{a} <br/>{b} : {c} ({d}%)"
               },
               // legend: {
               //   orient: "vertical",
@@ -285,9 +305,9 @@ export default {
                       textStyle: {
                         fontWeight: 300,
                         fontSize: 16,
-                        color: "#fff",
-                      },
-                    },
+                        color: "#fff"
+                      }
+                    }
                   },
                   data: [
                     {
@@ -296,7 +316,7 @@ export default {
                           ? null
                           : this.peopleList3[i].daiyanshou,
                       name: "待验收",
-                      id: this.peopleList3[i].deptId,
+                      id: this.peopleList3[i].deptId
                     },
                     {
                       value:
@@ -304,7 +324,7 @@ export default {
                           ? null
                           : this.peopleList3[i].daichuli,
                       name: "待处理",
-                      id: this.peopleList3[i].deptId,
+                      id: this.peopleList3[i].deptId
                     },
                     {
                       value:
@@ -312,7 +332,7 @@ export default {
                           ? null
                           : this.peopleList3[i].weitonguo,
                       name: "未通过",
-                      id: this.peopleList3[i].deptId,
+                      id: this.peopleList3[i].deptId
                     },
                     {
                       value:
@@ -320,19 +340,38 @@ export default {
                           ? null
                           : this.peopleList3[i].yitongguo,
                       name: "已通过",
-                      id: this.peopleList3[i].deptId,
-                    },
+                      id: this.peopleList3[i].deptId
+                    }
                   ],
                   emphasis: {
                     itemStyle: {
                       shadowBlur: 10,
                       shadowOffsetX: 0,
-                      shadowColor: "rgba(0, 0, 0, 0.5)",
-                    },
+                      shadowColor: "rgba(0, 0, 0, 0.5)"
+                    }
                   },
-                },
-              ],
+                  itemStyle: {
+                    normal: {
+                      //饼状图阴影，值越大阴影亮度越高
+                      shadowBlur: 5,
+                      shadowColor: "#93DDFF"
+                    }
+                  }
+                }
+              ]
             };
+            if (
+              this.peopleList3[i].daiyanshou == 0 &&
+              this.peopleList3[i].daichuli == 0 &&
+              this.peopleList3[i].weitonguo == 0 &&
+              this.peopleList3[i].yitongguo == 0
+            ) {
+              option.color = ["#255F8A"];
+              option.tooltip = {
+                show: false
+              };
+              option.series[0].data = [{ value: 0, name: "无" }];
+            }
             myChart.setOption(option);
             myChart.on("click", this.eConsole);
           }
@@ -344,7 +383,7 @@ export default {
       this.$router
         .push({
           path: "/bdglregular/specialinfo",
-          query: { id: row.inspectedUnitId },
+          query: { id: row.inspectedUnitId }
         })
         .catch(() => {});
     },
@@ -356,12 +395,12 @@ export default {
         this.$router
           .push({
             path: "/bdglregular/specialinfo",
-            query: { obj: param.data },
+            query: { obj: param.data }
           })
           .catch(() => {});
       }
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -463,4 +502,8 @@ export default {
   width: 90%;
   height: 380px;
 }
+.foot-left-content img {
+  width: 300px;
+  height: 300px;
+}
 </style>

src/views/thought/thoughtPlan/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+    <!-- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="计划名称" prop="planName">
         <el-input
           v-model="queryParams.planName"
@@ -111,131 +111,218 @@
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</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="['thought:thoughtPlan: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="['thought:thoughtPlan: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="['thought:thoughtPlan: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="['thought:thoughtPlan:export']"
-        >导出</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="thoughtPlanList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键id" align="center" prop="id" />
-      <el-table-column label="计划名称" align="center" prop="planName" />
-      <el-table-column label="计划开始时间" align="center" prop="planStartTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.planStartTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="计划结束时间" align="center" prop="planEndTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.planEndTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="计划简介" align="center" prop="planIntroduction" />
-      <el-table-column label="文件路径" align="center" prop="filePath" />
-      <el-table-column label="文件名称" align="center" prop="fileName" />
-      <el-table-column label="创建人" align="center" prop="createName" />
-      <el-table-column label="创建人id" align="center" prop="createId" />
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="需响应计划数" align="center" prop="planNumber" />
-      <el-table-column label="已响应计划数" align="center" prop="responseNumber" />
-      <el-table-column label="单位id" align="center" prop="unitId" />
-      <el-table-column label="计划状态(0进行中,1已完成,2已审批,3已驳回)" align="center" prop="state" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+    </el-form>-->
+    <div class="box-lfet">
+      <div class="data">
+        <p>单位</p>
+        <div class="a1"></div>
+        <el-date-picker
+          v-model="tiem"
+          type="date"
+          :editable="false"
+          placeholder="选择日期"
+          value-format="yyyy-MM-dd"
+          @change="shiJian"
+        ></el-date-picker>
+      </div>
+      <div class="dadui">
+        <img src="../../../images/星星.png" alt />
+        大队
+      </div>
+      <div class="tree">
+        <el-tree
+          class="userAgrees"
+          style="height:700px;overflow:auto;"
+          :data="deptOptions"
+          :props="defaultProps"
+          @node-click="handleNodeClick"
+          default-expand-all
+          highlight-current
+          :expand-on-click-node="false"
+        ></el-tree>
+      </div>
+    </div>
+    <div class="box-right">
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
+            @click="handleAdd"
+            v-hasPermi="['thought:thoughtPlan:add']"
+            >新增</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="success"
+            plain
             icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
             v-hasPermi="['thought:thoughtPlan:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
-            size="mini"
-            type="text"
+            type="danger"
+            plain
             icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
             v-hasPermi="['thought:thoughtPlan:remove']"
-          >删除</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-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="['thought:thoughtPlan:export']"
+            >导出</el-button
+          >
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
+
+      <el-table
+        v-loading="loading"
+        :header-cell-style="{ background: '#003C69', color: 'white' }"
+        :data="thoughtPlanList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="序号" align="center" type="index" />
+        <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
+        <el-table-column label="计划名称" align="center" prop="planName" />
+        <el-table-column
+          label="计划简介"
+          align="center"
+          prop="planIntroduction"
+        />
+        <el-table-column
+          label="计划开始时间"
+          align="center"
+          prop="planStartTime"
+          width="180"
+        >
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.planStartTime, "{y}-{m}-{d}") }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="计划结束时间"
+          align="center"
+          prop="planEndTime"
+          width="180"
+        >
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.planEndTime, "{y}-{m}-{d}") }}</span>
+          </template>
+        </el-table-column>
+
+        <!-- <el-table-column label="文件路径" align="center" prop="filePath" />
+      <el-table-column label="文件名称" align="center" prop="fileName" />
+      <el-table-column label="创建人" align="center" prop="createName" />
+      <el-table-column label="创建人id" align="center" prop="createId" />
+        <el-table-column label="备注" align="center" prop="remark" />-->
+        <el-table-column label="计划个数" align="center" prop="planNumber" />
+        <el-table-column
+          label="已响应计划数"
+          align="center"
+          prop="responseNumber"
+        />
+        <!-- <el-table-column label="单位id" align="center" prop="unitId" /> -->
+        <!-- <el-table-column label="计划状态(0进行中,1已完成,2已审批,3已驳回)" align="center" prop="state" /> -->
+        <el-table-column label="计划状态" align="center" prop="state" />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['thought:thoughtPlan:edit']"
+              >修改</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['thought:thoughtPlan:remove']"
+              >删除</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"
+      />
+    </div>
 
     <!-- 添加或修改月教育计划对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" :inline="true" label-width="100px">
         <el-form-item label="计划名称" prop="planName">
           <el-input v-model="form.planName" placeholder="请输入计划名称" />
         </el-form-item>
         <el-form-item label="计划开始时间" prop="planStartTime">
-          <el-date-picker clearable size="small"
+          <el-date-picker
+            clearable
+            size="small"
             v-model="form.planStartTime"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="选择计划开始时间">
-          </el-date-picker>
+            placeholder="选择计划开始时间"
+          ></el-date-picker>
         </el-form-item>
         <el-form-item label="计划结束时间" prop="planEndTime">
-          <el-date-picker clearable size="small"
+          <el-date-picker
+            clearable
+            size="small"
             v-model="form.planEndTime"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="选择计划结束时间">
-          </el-date-picker>
+            placeholder="选择计划结束时间"
+          ></el-date-picker>
         </el-form-item>
         <el-form-item label="计划简介" prop="planIntroduction">
-          <el-input v-model="form.planIntroduction" placeholder="请输入计划简介" />
+          <el-input
+            v-model="form.planIntroduction"
+            placeholder="请输入计划简介"
+          />
         </el-form-item>
         <el-form-item label="文件路径" prop="filePath">
           <el-input v-model="form.filePath" placeholder="请输入文件路径" />
@@ -253,16 +340,28 @@
           <el-input v-model="form.remark" placeholder="请输入备注" />
         </el-form-item>
         <el-form-item label="需响应计划数" prop="planNumber">
-          <el-input v-model="form.planNumber" placeholder="请输入需响应计划数" />
+          <el-input
+            v-model="form.planNumber"
+            placeholder="请输入需响应计划数"
+          />
         </el-form-item>
         <el-form-item label="已响应计划数" prop="responseNumber">
-          <el-input v-model="form.responseNumber" placeholder="请输入已响应计划数" />
+          <el-input
+            v-model="form.responseNumber"
+            placeholder="请输入已响应计划数"
+          />
         </el-form-item>
         <el-form-item label="单位id" prop="unitId">
           <el-input v-model="form.unitId" placeholder="请输入单位id" />
         </el-form-item>
-        <el-form-item label="计划状态(0进行中,1已完成,2已审批,3已驳回)" prop="state">
-          <el-input v-model="form.state" placeholder="请输入计划状态(0进行中,1已完成,2已审批,3已驳回)" />
+        <el-form-item
+          label="计划状态(0进行中,1已完成,2已审批,3已驳回)"
+          prop="state"
+        >
+          <el-input
+            v-model="form.state"
+            placeholder="请输入计划状态(0进行中,1已完成,2已审批,3已驳回)"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -274,7 +373,15 @@
 </template>
 
 <script>
-import { listThoughtPlan, getThoughtPlan, delThoughtPlan, addThoughtPlan, updateThoughtPlan, exportThoughtPlan } from "@/api/thought/thoughtPlan";
+import {
+  listThoughtPlan,
+  getThoughtPlan,
+  delThoughtPlan,
+  addThoughtPlan,
+  updateThoughtPlan,
+  exportThoughtPlan
+} from "@/api/thought/thoughtPlan";
+import {  getAll,getWeiShu } from "@/api/grassrootsregistration/bdglmeeting";
 
 export default {
   name: "ThoughtPlan",
@@ -282,6 +389,7 @@ export default {
     return {
       // 遮罩层
       loading: true,
+      tiem:null,
       // 导出遮罩层
       exportLoading: false,
       // 选中数组
@@ -320,12 +428,27 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
-      }
+      rules: {},
+      // 左侧树形
+      deptOptions: "",
+      //左侧时间选择
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        }
+      },
+      // 树形配置
+      defaultProps: {
+        children: "children",
+        label: "label"
+      },
+      // 搜索时间的保存
+      timeDate: ""
     };
   },
   created() {
     this.getList();
+    this.treeselect();
   },
   methods: {
     /** 查询月教育计划列表 */
@@ -376,9 +499,9 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map(item => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -389,7 +512,7 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
+      const id = row.id || this.ids;
       getThoughtPlan(id).then(response => {
         this.form = response.data;
         this.open = true;
@@ -419,24 +542,401 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除月教育计划编号为"' + ids + '"的数据项？').then(function() {
-        return delThoughtPlan(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('是否确认删除月教育计划编号为"' + ids + '"的数据项？')
+        .then(function() {
+          return delThoughtPlan(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
       const queryParams = this.queryParams;
-      this.$modal.confirm('是否确认导出所有月教育计划数据项？').then(() => {
-        this.exportLoading = true;
-        return exportThoughtPlan(queryParams);
-      }).then(response => {
-        this.$download.name(response.msg);
-        this.exportLoading = false;
-      }).catch(() => {});
+      this.$modal
+        .confirm("是否确认导出所有月教育计划数据项？")
+        .then(() => {
+          this.exportLoading = true;
+          return exportThoughtPlan(queryParams);
+        })
+        .then(response => {
+          this.$download.name(response.msg);
+          this.exportLoading = false;
+        })
+        .catch(() => {});
+    },
+    // 获取部门数据
+    getShuJu(data) {
+      exportBdgShuju(data).then(res => {
+        this.DataTime = data;
+        this.registrationData = res;
+        this.cg = res.cg;
+        this.sb = res.sb;
+        // this.yishenpi = res.yiShenPi;
+        // this.weishenpi = res.weiShenPi;
+        this.tiems = res.time;
+      });
+    },
+    // 搜索时间触发
+    shiJian(data) {
+      this.queryParams.diaryTime = data;
+      this.timeDate = data;
+      this.getList();
+      this.getShuJu(data);
+    },
+    // 获取外面部门树形
+    treeselect() {
+      getWeiShu().then(res => {
+        this.deptOptions = res.data;
+      });
+    },
+    //外面树形选择搜索
+    handleNodeClick(data) {
+      this.queryParams.unitId = data.id;
+      this.getList();
     }
   }
 };
 </script>
+<style scoped>
+::v-deep .el-pagination__sizes .el-input__suffix {
+  right: 6px;
+}
+::v-deep .ql-snow .ql-picker-options .ql-picker-item:focus {
+  outline: none !important;
+}
+::v-deep .ql-snow .ql-picker:focus {
+  outline: none !important;
+}
+::v-deep .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label:focus {
+  outline: none !important;
+}
+::v-deep .ql-toolbar.ql-snow .ql-picker-label {
+  border: none !important;
+}
+::v-deep .ql-formats:focus {
+  outline: none !important;
+}
+::v-deep .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+  border-color: none !important;
+  color: black !important;
+}
+/* normal */
+::v-deep .ql-active {
+  outline: none !important;
+}
+/* 输入框 */
+::v-deep .el-dialog .el-input__inner {
+  background-color: #004d86 !important;
+  width: 216px;
+  color: white;
+  margin-right: 20px;
+  border: 1px solid white !important;
+}
+::v-deep .el-input__inner {
+  border: 1px solid white !important;
+}
+/* 表格样式 */
+::v-deep .el-table .el-table__header-wrapper th {
+  background-color: #004d86 !important;
+  color: white;
+}
+/* 标题弹框 */
+::v-deep .el-dialog__title {
+  color: white;
+  /* border-bottom: 1px solid white; */
+}
+/* 标题下划线 */
+::v-deep .el-dialog__header {
+  border-bottom: 1px solid white;
+}
+/* 日历样式 */
+::v-deep .el-date-editor .el-input__inner {
+  height: 36px !important;
+  line-height: 36px;
+}
+::v-deep .datesend .el-form-item__label {
+  width: 115px !important;
+}
+/* 会议文本域样式 */
+::v-deep .el-form-item__content .el-textarea {
+  width: 1010px;
+  /* height: 80px !important; */
+}
+::v-deep .el-form-item__content .el-textarea .el-textarea__inner {
+  /* width: 1000px; */
+  height: 80px !important;
+}
+::v-deep .el-dialog__body {
+  padding-left: 27px !important;
+  padding-right: 0px !important;
+  padding-bottom: 0px !important;
+}
+/* 富文本内容 */
+/* ::v-deep .editor{
+  width: 1010px;
+  color: white;
+} */
+/* 富文本 */
+::v-deep .ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill {
+  fill: #fff !important;
+}
+::v-deep .ql-snow .ql-stroke {
+  stroke: #fff !important;
+}
+::v-deep .ql-snow .ql-picker {
+  color: #fff !important;
+}
+::v-deep .ql-editor ql-blank {
+  color: #fff !important;
+}
+::v-deep .ql-snow .ql-picker-label {
+  position: absolute;
+  bottom: 5px;
+}
+::v-deep .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
+  margin-top: -2px;
+}
+::v-deep .ql-toolbar.ql-snow {
+  display: flex;
+  justify-content: space-around;
+}
+/* 富文本删除功能 */
+
+/* 富文本删除功能 */
+::v-deep .ql-blockquote {
+  display: none !important;
+}
+::v-deep .ql-strike {
+  display: none !important;
+}
+::v-deep .ql-script {
+  display: none !important;
+}
+::v-deep .ql-code-block {
+  display: none !important;
+}
+::v-deep .ql-direction {
+  display: none !important;
+}
+.ql-toolbar.ql-snow .ql-formats {
+  margin-right: 7px !important;
+}
+
+::v-deep .el-input__inner {
+  height: 36px !important;
+  color: white;
+  background-color: #00365f !important;
+}
+/* 文字多余部分省略 */
+::v-deep .el-table__cell .cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+::v-deep .data .el-date-editor.el-input {
+  width: 100%;
+  border: none !important;
+}
+::v-deep .data .el-input__inner {
+  width: 100% !important;
+  border: none !important;
+}
+::v-deep .data .el-input--medium .el-input__icon {
+  line-height: 36px;
+  position: absolute;
+  right: -223px;
+  top: 2px;
+}
+::v-deep .data .el-input__inner {
+  background-color: transparent !important;
+  color: #fff;
+  text-align: center;
+  margin-top: 2px;
+}
+::v-deep .data .el-input__suffix {
+  position: absolute;
+  right: 281px;
+}
+.app-container .box-lfet .data {
+  height: 40px;
+  background: #003156;
+  margin-bottom: 12px;
+  color: #fff;
+  display: flex;
+  font-size: 13px;
+  line-height: 25px;
+  position: relative;
+}
+
+.box-lfet .data p {
+  position: absolute;
+  top: -5px;
+  left: 15px;
+}
+.box-lfet .data .a1 {
+  width: 128px;
+  height: 26px;
+  background: rgba(23, 74, 112, 0.4);
+  border-radius: 13px;
+  position: absolute;
+  top: 7px;
+  left: 60px;
+}
+::v-deep .data .el-date-editor.el-input {
+  width: 100%;
+  border: none;
+}
+::v-deep .data .el-input__inner {
+  width: 100% !important;
+  border: none;
+}
+::v-deep .data .el-input--medium .el-input__icon {
+  line-height: 36px;
+  position: absolute;
+  right: -223px;
+  top: 2px;
+}
+::v-deep .data .el-input__inner {
+  background-color: transparent;
+  color: #fff;
+  text-align: center;
+  margin-top: 2px;
+}
+::v-deep .data .el-input__suffix {
+  position: absolute;
+  right: 281px;
+}
+/* 头部样式 */
+.box-lfet .dadui {
+  height: 40px;
+  background: #003156;
+  /* border-bottom: 1px solid #718A9D ; */
+  background-image: url(../../../images/矩形底部边框.png);
+  background-repeat: no-repeat;
+  background-position: 0px 39px;
+  font-size: 16px;
+  color: #1d96ff;
+}
+.box-lfet .dadui img {
+  margin: 10px 10px 0px 10px;
+}
+
+.box-lfet .data p {
+  position: absolute;
+  top: -5px;
+  left: 15px;
+}
+.box-lfet .data .a1 {
+  width: 128px;
+  height: 26px;
+  background: rgba(23, 74, 112, 0.4);
+  border-radius: 13px;
+  position: absolute;
+  top: 7px;
+  left: 60px;
+}
+/* 划过效果 */
+::v-deep .el-tree-node__content:hover {
+  /* color: #fff; */
+  background-color: #003156;
+  background-image: url("../../../assets/images/选中.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+.app-container {
+  display: flex;
+}
+/* 左侧树状盒子 */
+.app-container .box-lfet {
+  width: 15%;
+  min-height: 740px;
+  /* background: #003156; */
+  /* padding: 10px; */
+  margin-right: 10px;
+  /* border: 1px solid white; */
+}
+/* 右侧内容盒子 */
+.app-container .box-right {
+  flex: 1;
+}
+.app-container .box-lfet .data {
+  height: 40px;
+  background: #003156;
+  margin-bottom: 12px;
+  color: #fff;
+  display: flex;
+  font-size: 13px;
+  line-height: 25px;
+  position: relative;
+}
+.el-tree {
+  background: #003156;
+  color: #fff;
+  margin-right: 2px;
+  padding-top: 7px;
+}
+::v-deep .el-dialog {
+  background-color: #004d86 !important;
+}
+::v-deep .el-input__suffix {
+  right: 22px;
+}
+::v-deep .el-tree-node__content {
+  height: 32px;
+}
+::v-deep
+  .el-tree--highlight-current
+  .el-tree-node.is-current
+  > .el-tree-node__content {
+  height: 32px;
+  color: #fff !important;
+  background-color: #003156;
+  background-image: url("../../../assets/images/选中.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+::v-deep .canjiaren .el-input__inner {
+  width: 560px;
+}
+/* 计划附件 */
+::v-deep .el-upload__tip {
+  color: white;
+  position: absolute;
+  top: -5px;
+  width: 500px;
+  left: 90px;
+  color: white;
+}
+::v-deep .el-link.el-link--default {
+  color: white;
+  text-indent: 0.5em;
+}
+/* ::v-deep .el-upload__tip {
+  color: white;
+  position: absolute;
+  top: -5px;
+  width: 500px;
+  left: 80px;
+  color: white;
+}
+::v-deep .el-form-item__content {
+  width: 230px;
+}
+/* 选取附件 */
+/* ::v-deep .el-upload-list__item {
+  /* width: 400px; */
+/* }
+::v-deep .el-upload-list__item a {
+  color: white;
+  text-indent: 0.5em;
+} */
+/* ::v-deep .el-select-dropdown__item {
+  color: white;
+}  */
+</style>