|
@@ -131,8 +131,14 @@
|
|
|
></el-tree>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="1.5" class="mb8">
|
|
|
+ <el-col :span="2" class="mb8">
|
|
|
+ <div class="shuJu" @click="dengJI">
|
|
|
+ <!-- <span class="box44 public"> 当前数据为 : {{ time }}</span> -->
|
|
|
+ <span class="box5 public"> 已响应部门 : {{ yishenpi }}</span>
|
|
|
+ <span class="box6"> 未响应部门 : {{ weishenpi }}</span>
|
|
|
+ </div>
|
|
|
<!-- <el-button
|
|
|
+ v-show="true"
|
|
|
type="primary"
|
|
|
plain
|
|
|
icon="el-icon-plus"
|
|
@@ -219,7 +225,7 @@
|
|
|
<span>{{ parseTime(scope.row.planEndTime, "{y}-{m}-{d}") }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="计划个数" align="center" prop="planNumber" />
|
|
|
+ <!-- <el-table-column label="计划个数" align="center" prop="planNumber" /> -->
|
|
|
<el-table-column
|
|
|
label="需响应计划数"
|
|
|
align="center"
|
|
@@ -235,10 +241,10 @@
|
|
|
<span v-if="scope.row.state == '0'" style="color: #00eaff"
|
|
|
>未响应</span
|
|
|
>
|
|
|
- <span v-if="scope.row.state == '1'" style="color: #13ce66"
|
|
|
- >已完成</span
|
|
|
+ <span v-if="scope.row.state == '1'" style="color: #ffba00"
|
|
|
+ >待审批</span
|
|
|
>
|
|
|
- <span v-if="scope.row.state == '2'" style="color: #ffba00"
|
|
|
+ <span v-if="scope.row.state == '2'" style="color: #13ce66"
|
|
|
>已审批</span
|
|
|
>
|
|
|
<span
|
|
@@ -561,6 +567,7 @@
|
|
|
v-model="form.planIntroduction"
|
|
|
placeholder="请输入计划简介"
|
|
|
readonly
|
|
|
+ autosize
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<div class="jiben">计划条数</div>
|
|
@@ -590,6 +597,7 @@
|
|
|
v-model="item.planContent"
|
|
|
placeholder="请输入计划详情"
|
|
|
readonly
|
|
|
+ autosize
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -615,6 +623,34 @@
|
|
|
</el-form>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="cancel" size="btn">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 数据查看弹出层 -->
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ title="统计详情"
|
|
|
+ append-to-body
|
|
|
+ id="dialoges"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
+ <div class="zuiDa">
|
|
|
+ <!-- <div class="shuJuTime">当前数据为 : {{ time }}</div> -->
|
|
|
+ <div class="jiben">已响应部门:{{ yishenpi }}个</div>
|
|
|
+ <div class="boxxx">
|
|
|
+ <div v-for="(item, i) in cg" :key="i" class="greed">
|
|
|
+ <span class="greedss"> </span><span>{{ item }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="jiben">未响应部门:{{ weishenpi }}个</div>
|
|
|
+ <div class="boxxx">
|
|
|
+ <div v-for="(item, i) in sb" :key="i" class="red">
|
|
|
+ <span class="greeds"> </span><span>{{ item }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -627,8 +663,10 @@ import {
|
|
|
addResponses,
|
|
|
updateResponses,
|
|
|
exportResponses,
|
|
|
+ Exhibition,
|
|
|
} from "@/api/thought/responses";
|
|
|
import { getWeiShu } from "@/api/grassrootsregistration/bdglmeeting";
|
|
|
+import { exportBdgShuju } from "@/api/grassrootsregistration/bdgldiary";
|
|
|
|
|
|
export default {
|
|
|
name: "responses",
|
|
@@ -711,13 +749,61 @@ export default {
|
|
|
{ required: true, message: "请输入驳回原因", trigger: "blur" },
|
|
|
],
|
|
|
},
|
|
|
+ // 数据时间的保存
|
|
|
+ tiems: "",
|
|
|
+ // 获取成功对象
|
|
|
+ cg: {},
|
|
|
+ // 获取失败对象
|
|
|
+ sb: {},
|
|
|
+ // 获取登记部门数量
|
|
|
+ yishenpi: null,
|
|
|
+ // 获取未登记数量
|
|
|
+ weishenpi: null,
|
|
|
+ // 数据查看的弹出层
|
|
|
+ dialogVisible: false,
|
|
|
+ // 右边登记数据
|
|
|
+ registrationData: {},
|
|
|
+ time: "",
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
this.treeselect();
|
|
|
+ // 获取数据
|
|
|
+ this.getShuJu();
|
|
|
+ this.startTime();
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 时间
|
|
|
+ startTime() {
|
|
|
+ var today = new Date();
|
|
|
+ var y = today.getFullYear();
|
|
|
+ var M = today.getMonth() + 1;
|
|
|
+ var d = today.getDate();
|
|
|
+ if (M < 10) {
|
|
|
+ M = "0" + M;
|
|
|
+ }
|
|
|
+ if (d < 10) {
|
|
|
+ d = "0" + d;
|
|
|
+ }
|
|
|
+ this.time = y + "-" + M + "-" + d;
|
|
|
+ },
|
|
|
+ // 点击数据盒子
|
|
|
+ dengJI() {
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ // 获取部门数据
|
|
|
+ getShuJu() {
|
|
|
+ Exhibition().then((res) => {
|
|
|
+ console.log(res, 1);
|
|
|
+ this.registrationData = res.data;
|
|
|
+ this.cg = res.data[0];
|
|
|
+ this.sb = res.data[1];
|
|
|
+ this.yishenpi = res.data[2];
|
|
|
+ this.weishenpi = res.data[3];
|
|
|
+ this.tiems = res.time;
|
|
|
+ });
|
|
|
+ },
|
|
|
// 审批确定提交操作
|
|
|
submitForm1() {
|
|
|
if (this.form.id != null) {
|
|
@@ -791,7 +877,7 @@ export default {
|
|
|
},
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
- this.open = false;
|
|
|
+ this.open3 = false;
|
|
|
this.reset();
|
|
|
},
|
|
|
// 表单重置
|
|
@@ -909,16 +995,6 @@ export default {
|
|
|
})
|
|
|
.catch(() => {});
|
|
|
},
|
|
|
- // 获取部门数据
|
|
|
- getShuJu(data) {
|
|
|
- exportBdgShuju(data).then((res) => {
|
|
|
- this.DataTime = data;
|
|
|
- this.registrationData = res;
|
|
|
- this.cg = res.cg;
|
|
|
- this.sb = res.sb;
|
|
|
- this.tiems = res.time;
|
|
|
- });
|
|
|
- },
|
|
|
// 搜索时间触发
|
|
|
shiJian(data) {
|
|
|
this.queryParams.diaryTime = data;
|
|
@@ -1011,9 +1087,15 @@ export default {
|
|
|
min-height: 80px !important;
|
|
|
}
|
|
|
::v-deep .el-dialog__body {
|
|
|
- padding-left: 76px !important;
|
|
|
+ padding-left: 0px !important;
|
|
|
padding-right: 0px !important;
|
|
|
- padding-bottom: 20px !important;
|
|
|
+ padding-bottom: 0px !important;
|
|
|
+}
|
|
|
+::v-deep .el-dialog__body {
|
|
|
+ margin: 0px 0px 10px 68px;
|
|
|
+ padding-top: 20px !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* padding: 30px 12px 30px 28px; */
|
|
|
}
|
|
|
/* 富文本内容 */
|
|
|
/* ::v-deep .editor{
|
|
@@ -1280,4 +1362,45 @@ export default {
|
|
|
.app-container {
|
|
|
height: calc(100vh - 108px) !important;
|
|
|
}
|
|
|
+.shuJu {
|
|
|
+ height: 16px;
|
|
|
+ margin-top: 13px;
|
|
|
+ margin-right: 90px;
|
|
|
+ float: right;
|
|
|
+ /* background-color: red; */
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+}
|
|
|
+.box44::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: "";
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ background-color: #1d96ff;
|
|
|
+ margin-left: 26px;
|
|
|
+}
|
|
|
+.box5::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: "";
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ background-color: #67c23a;
|
|
|
+ margin-left: 26px;
|
|
|
+}
|
|
|
+.box6::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: "";
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ background-color: #ff4949;
|
|
|
+ margin-left: 26px;
|
|
|
+}
|
|
|
+.mb8 {
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
</style>
|