|
@@ -1,6 +1,28 @@
|
|
|
<!-- 军人委员会记录本领导 -->
|
|
|
<template>
|
|
|
<div class="arr_conten">
|
|
|
+ <el-form
|
|
|
+ :model="form"
|
|
|
+ ref="form"
|
|
|
+ :inline="true"
|
|
|
+ label-width="68px"
|
|
|
+ style="padding-left: 30px"
|
|
|
+ >
|
|
|
+ <el-form-item prop="year">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.year"
|
|
|
+ type="year"
|
|
|
+ placeholder="选择年"
|
|
|
+ @change="getSoulist"
|
|
|
+ value-format="yyyy"
|
|
|
+ :editable="false"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="btr" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
<ul>
|
|
|
<li v-for="(item, i) in lieList" :key="i">
|
|
|
<div class="names">{{ item.deptName }}</div>
|
|
@@ -11,14 +33,25 @@
|
|
|
</ul>
|
|
|
|
|
|
<!-- 查看第一次 -->
|
|
|
- <el-dialog :visible.sync="tableStatus" :title="title" append-to-body id="list" :close-on-click-modal="false"
|
|
|
- custom-class="lieBiao">
|
|
|
- <el-table v-loading="loading" :data="bdglpartyList"
|
|
|
- :header-cell-style="{ background: '#003C69', color: 'white' }">
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="tableStatus"
|
|
|
+ :title="title"
|
|
|
+ append-to-body
|
|
|
+ id="list"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ custom-class="lieBiao"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="bdglpartyList"
|
|
|
+ :header-cell-style="{ background: '#003C69', color: 'white' }"
|
|
|
+ >
|
|
|
<el-table-column label="序号" type="index" width="50" align="center">
|
|
|
<template scope="scope">
|
|
|
<span>{{
|
|
|
- (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
|
|
+ (queryParams.pageNum - 1) * queryParams.pageSize +
|
|
|
+ scope.$index +
|
|
|
+ 1
|
|
|
}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -30,38 +63,79 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="记录人" align="center" prop="peopleJiLu" />
|
|
|
<el-table-column label="主持人" align="center" prop="compereRen" />
|
|
|
- <el-table-column label="列席人" align="center" prop="peopleIds" show-overflow-tooltip />
|
|
|
- <el-table-column label="缺席人" align="center" prop="absentIds" show-overflow-tooltip />
|
|
|
- <el-table-column label="参加人" align="center" prop="joinId" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ label="列席人"
|
|
|
+ align="center"
|
|
|
+ prop="peopleIds"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="缺席人"
|
|
|
+ align="center"
|
|
|
+ prop="absentIds"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="参加人"
|
|
|
+ align="center"
|
|
|
+ prop="joinId"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
<el-table-column label="召开地点" align="center" prop="address" />
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ width="100"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button size="btk" type="text" @click="handleChakan(scope.row)"
|
|
|
- v-hasPermi="['grassrootsregistration:bdgldiary:edit']"><span class="chakan">查看</span></el-button>
|
|
|
+ <el-button
|
|
|
+ size="btk"
|
|
|
+ type="text"
|
|
|
+ @click="handleChakan(scope.row)"
|
|
|
+ v-hasPermi="['grassrootsregistration:bdgldiary:edit']"
|
|
|
+ ><span class="chakan">查看</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" />
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
</el-dialog>
|
|
|
<!-- 查看二次-->
|
|
|
- <el-dialog :visible.sync="menuRoleVisible" :title="title" append-to-body id="chakan" :close-on-click-modal="false"
|
|
|
- :before-close="closes">
|
|
|
- <bdglsoldier v-if="menuRoleVisible" ref="menuRole" :message="wordInfo"></bdglsoldier>
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="menuRoleVisible"
|
|
|
+ :title="title"
|
|
|
+ append-to-body
|
|
|
+ id="chakan"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :before-close="closes"
|
|
|
+ >
|
|
|
+ <bdglsoldier
|
|
|
+ v-if="menuRoleVisible"
|
|
|
+ ref="menuRole"
|
|
|
+ :message="wordInfo"
|
|
|
+ ></bdglsoldier>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
- listBdglsoldier,
|
|
|
+ getBdglsoldier,
|
|
|
getSoldierList,
|
|
|
getSoldierOnUnitList,
|
|
|
} from "@/api/grassrootsregistration/bdglsoldier";
|
|
|
//引入查看表格
|
|
|
import bdglsoldier from "@/components/look_word/bdglsoldier.vue";
|
|
|
export default {
|
|
|
+ name: "bdglsoldiers",
|
|
|
data() {
|
|
|
return {
|
|
|
lieList: [],
|
|
@@ -77,16 +151,37 @@ export default {
|
|
|
bdglpartyList: [],
|
|
|
loading: false,
|
|
|
total: 0,
|
|
|
- unitId: undefined
|
|
|
+ unitId: undefined,
|
|
|
+ form: {},
|
|
|
+ year: null,
|
|
|
};
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
- getSoldierList().then((res) => {
|
|
|
- this.lieList = res.rows;
|
|
|
- });
|
|
|
+ this.getTime();
|
|
|
},
|
|
|
methods: {
|
|
|
+ resetQuery() {
|
|
|
+ this.form.year = null;
|
|
|
+ this.getTime();
|
|
|
+ },
|
|
|
+ getTime() {
|
|
|
+ var myDate = new Date();
|
|
|
+ this.year = myDate.getFullYear() + ""; //获取当前年份(2位)
|
|
|
+ getSoldierList(this.year).then((res) => {
|
|
|
+ this.lieList = res.rows;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getSoulist() {
|
|
|
+ this.year = this.form.year;
|
|
|
+ if (this.year == null) {
|
|
|
+ this.getTime()
|
|
|
+ } else {
|
|
|
+ getSoldierList(this.year).then((res) => {
|
|
|
+ this.lieList = res.rows;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
getList() {
|
|
|
this.queryParams.unitId = this.unitId;
|
|
|
getSoldierOnUnitList(this.queryParams).then((response) => {
|
|
@@ -96,11 +191,11 @@ export default {
|
|
|
},
|
|
|
chaKan(row) {
|
|
|
this.queryParams.unitId = row;
|
|
|
- this.unitId = row
|
|
|
+ this.unitId = row;
|
|
|
getSoldierOnUnitList(this.queryParams).then((response) => {
|
|
|
this.bdglpartyList = response.rows;
|
|
|
this.total = response.total;
|
|
|
- this.title = "查看军人委员会工作记录本"
|
|
|
+ this.title = "查看军人委员会工作记录本";
|
|
|
this.tableStatus = true;
|
|
|
});
|
|
|
},
|
|
@@ -126,7 +221,7 @@ export default {
|
|
|
closes() {
|
|
|
this.menuRoleVisible = false;
|
|
|
this.tableStatus = true;
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
components: {
|
|
|
bdglsoldier,
|
|
@@ -134,7 +229,7 @@ export default {
|
|
|
|
|
|
computed: {},
|
|
|
|
|
|
- mounted() { },
|
|
|
+ mounted() {},
|
|
|
watch: {},
|
|
|
};
|
|
|
</script>
|
|
@@ -188,7 +283,6 @@ li {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
::v-deep .lieBiao {
|
|
|
background: #004d86 !important;
|
|
|
min-height: 42vh !important;
|
|
@@ -214,23 +308,46 @@ li {
|
|
|
}
|
|
|
|
|
|
::v-deep .el-pagination .el-select .el-input .el-input__inner {
|
|
|
- background: #00365F !important;
|
|
|
+ background: #00365f !important;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-pagination.is-background .btn-prev,
|
|
|
.el-pagination.is-background .btn-next {
|
|
|
- background: #00365F !important;
|
|
|
+ background: #00365f !important;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-pagination__editor.el-input .el-input__inner {
|
|
|
- background: #00365F !important;
|
|
|
+ background: #00365f !important;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-pagination.is-background .btn-next {
|
|
|
- background: #00365F !important;
|
|
|
+ background: #00365f !important;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-pagination.is-background .el-pager li {
|
|
|
- background: #00365F;
|
|
|
+ background: #00365f;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-table__body tr:hover > td {
|
|
|
+ background-color: #3c749d !important;
|
|
|
+}
|
|
|
+::v-deep .el-table tr:nth-child(even) {
|
|
|
+ background: #00365f;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-input__inner {
|
|
|
+ cursor: pointer !important;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-input__inner {
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid white !important;
|
|
|
+ border-color: #fff !important;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-input--medium .el-input__inner {
|
|
|
+ height: 38px;
|
|
|
+ line-height: 37px;
|
|
|
}
|
|
|
</style>
|