From fd8a16e3f8c1b731a9840be1fc63f88e4c7ebb24 Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期一, 29 四月 2024 22:11:32 +0800
Subject: [PATCH] 完善了会议申请模块
---
ruoyi-ui/src/views/meeting/statistics.vue | 317 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 315 insertions(+), 2 deletions(-)
diff --git a/ruoyi-ui/src/views/meeting/statistics.vue b/ruoyi-ui/src/views/meeting/statistics.vue
index 05955e7..bf8d969 100644
--- a/ruoyi-ui/src/views/meeting/statistics.vue
+++ b/ruoyi-ui/src/views/meeting/statistics.vue
@@ -6,16 +6,295 @@
</el-backtop>
<h1 style="font-size:21px;padding-top:30px;display: flex;">
- <span>浼氳缁熻</span>
+ <p><span >浼氳缁熻</span></p>
+ <div class="button-container"></div>
+ <div style="display: flex; align-items: center;">
+ <el-button @click="pictureStatistics" size="mini" type="text" v-hasPermi="['person:information:memo']" style="margin-left: 10px">
+ <div class="form1"><el-icon style="padding-right:50px;"></el-icon>
+ <span class="text" style="width: 69px;height: 26px;font-size: 16px;
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">鍥捐〃缁熻</span>
+ </div>
+ </el-button>
+ </div>
+ <div style="display: flex; align-items: center;">
+ <el-button @click="newRequest" size="mini" type="text" v-hasPermi="['person:information:memo']" style="margin-left: 10px">
+ <div class="form2" style="width: 100px;"><el-icon style="padding-right:30px;"></el-icon>
+ <span class="text" style="width: 69px;height: 26px;font-size: 16px;
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">鏂板缓</span>
+ </div>
+ </el-button>
+ </div>
+
</h1>
<hr />
+
+ <el-table :data="tableData" border :header-cell-style="{ background: 'pink', fontSize: '13px', color: 'black' }"
+ :row-class-name="tableRowClassName" :row-key="getRowId">
+ <el-table-column label="瀹跺涵鍙�" prop="num" sortable align="center">
+ <template slot-scope="scope">{{ scope.row.num
+ ? scope.row.num : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="浣跨敤鏃堕棿" prop="time" sortable align="center">
+ <template slot-scope="scope">{{ scope.row.time
+ ? scope.row.time : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="浼氳瀹ゅ悕绉�" prop="address" sortable align="center">
+ <template slot-scope="scope">{{
+ scope.row.address ? scope.row.address : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="鏍囬" prop="title" sortable align="center">
+ <template slot-scope="scope">{{ scope.row.title
+ ? scope.row.title : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="鐢宠浜�" prop="applicant" sortable align="center">
+ <template slot-scope="scope">{{
+ scope.row.applicant ? scope.row.applicant : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="瀹℃壒浜�" prop="approve" sortable align="center">
+ <template slot-scope="scope">{{ scope.row.approve ?
+ scope.row.approve : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="鐘舵��" prop="status" sortable align="center">
+ <template slot-scope="scope">{{ scope.row.status
+ ? scope.row.status : '鈥斺�斺�斺��' }}</template>
+ </el-table-column>
+
+ <el-table-column label="鎿嶄綔" align="center" width="200" class-name="small-padding fixed-width">
+ <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+ <div class="button-container">
+ <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">淇敼</el-button>
+ <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
+ <el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
+ </div>
+ </template>
+ </el-table-column>
+
+ </el-table>
+
+ <!-- 鍥捐〃缁熻 -->
+ <el-dialog :title="title2" :visible.sync="open2" width="1500px" append-to-body>
+ <div class="p1">
+ <h1 style="font-size:21px">姣忔湀浼氳娆℃暟缁熻</h1>
+ </div>
+ <div class="p1">
+ <h1 style="font-size:21px">浼氳瀹跺涵鍗犳瘮缁熻</h1>
+ </div>
+ </el-dialog>
+ <!-- 鏂板鏁版嵁妗� -->
+ <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+
+ <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
+
+ <el-form-item label="瀹跺涵鍙�" prop="num">
+ <el-input v-model="formDat.num" placeholder="璇疯緭鍏ヤ細璁鍚嶇О" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+
+ <el-form-item label="寮�濮嬫椂闂�" prop="happenTime">
+ <el-date-picker v-model="formDat.happenTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
+ :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
+ ></el-date-picker>
+ </el-form-item>
+ <el-form-item label="缁撴潫鏃堕棿" prop="endTime">
+ <el-date-picker v-model="formDat.endTime" type="datetime" placeholder="閫夋嫨鏃ユ湡鏃堕棿"
+ :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
+ ></el-date-picker>
+ </el-form-item>
+
+ <el-form-item label="浼氳瀹ゅ悕绉�" prop="address">
+ <el-input v-model="formDat.address" placeholder="璇疯緭鍏ヤ細璁鍚嶇О" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+
+ <el-form-item label="鏍囬" prop="meetingTitle">
+ <el-input v-model="formDat.meetingTitle" placeholder="璇疯緭鍏ヤ細璁爣棰�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+
+ <el-form-item label="鐢宠浜�" prop="applicant">
+ <el-input v-model="formDat.applicant" placeholder="璇疯緭鍏ョ敵璇蜂汉" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+
+ <el-form-item label="瀹℃壒浜�" prop="approve">
+ <el-input v-model="formDat.approve" placeholder="璇疯緭鍏ュ鎵逛汉" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+
+ <el-form-item label="鐘舵��" prop="status">
+ <el-select v-model="formDat.status" placeholder="璇烽�夋嫨" clearable :style="{width: '100%'}">
+ <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+
+ </el-form>
+
+ </el-upload>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button>
+ <el-button @click="cancel">鍙� 娑�</el-button>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
+ export default {
+ data() {
+ return {
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ open: false,
+ open2: false,
+ title: "",
+ tableData: [{
+ id: 1,
+ num: '1',
+ title: '1',
+ name: 'asasd',
+ address: 'asdadsdasd',
+ status: '缁撴'
+ },
+ {
+ id: 2,
+ num: '2',
+ title: '2',
+ name: 'qweqwqwe',
+ address: 'qweqweqwe',
+ status: '鏈粨妗�'
+ }
+ ],
+ formDat:{
+ id: undefined,
+ happenTime: undefined,
+ endTime: undefined,
+ meetingTitle: undefined,
+ address: undefined,
+ approve: undefined,
+ applicant: undefined,
+ url: "",
+ status: undefined,
+ num: undefined
+ },
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ address:undefined,
+ applyOrganization:undefined,
+ applicant:undefined,
+ happenTime:undefined
+ },
+ dateRange: [],
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ name: [{
+ required: true,
+ message: '璇疯緭鍏ヨ澶囧悕绉�',
+ trigger: 'blur'
+ }],
+ },
+ typeOptions: [
+ {
+ value: '1',
+ label: '缁撴',
+ },
+ {
+ value: '0',
+ label: '鏈粨妗�',
+ }
+ ],
+
+
+ }
+ },
+ methods: {
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.dateRange = [];
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+
+
+ newRequest(){
+ this.open = true;
+ this.title = "鏂板"
+ },
+ cancel() {
+ this.open = false;
+ // this.reset();
+ },
+ submitDataScope() {
+ console.log(666)
+ },
+
+ tableRowClassName({
+ row,
+ rowIndex
+ }) {
+ if (rowIndex % 2 == 0) {
+ return "statistics-warning-row1";
+ } else {
+ return "statistics-warning-row";
+ }
+ },
+ getRowId(row) {
+ return row.id
+ },
+
+ // 淇敼
+ handleUpdate(row) {
+ const id = row.id;
+ let jd = true
+
+ this.$router.push({
+ path:"/meeting/statistics/statisticsInfo/" + id,
+ query:{
+ detail:jd
+ }
+ });
+ },
+ // 鏌ョ湅璇︾粏淇℃伅
+ handleCheck(row){
+ const id = row.id;
+ this.$router.push("/meeting/statistics/statisticsInfo/" + id);
+ },
+
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ const Ids = row.id || this.ids;
+ this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() {
+ return delSelfEconomy(Ids);
+ }).then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ }).catch(() => {});
+ },
+
+ // 鍥捐〃缁熻
+ pictureStatistics(){
+ this.open2=true;
+ this.title2 = "鍥捐〃缁熻"
+ },
+
+ }
+ }
</script>
<style scoped>
.el-table__row.statistics-warning-row {
@@ -30,9 +309,43 @@
font-size: 14px; /* 璁剧疆瀛椾綋澶у皬 */
}
.button-container {
- display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */
+ /* display: inline-flex; 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */
+ text-align: right;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ flex-grow: 1;
}
.app-container {
background-color: #FEF7FC;
}
+ .form1{
+ background:left/40% no-repeat url('../../assets/icons/pic.png') ;
+ height: 50px;
+ line-height: 50px;
+ }
+ .form2{
+ background:left/25% no-repeat url('../../assets/icons/add1.png') ;
+ height: 50px;
+ line-height: 50px;
+ }
+
+ /deep/ .el-table .statistics-warning-row {
+ background: #E0EEFE;
+ }
+
+ /deep/ .el-table .statistics-warning-row1 {
+ background: #FFEFF2;
+ }
+
+ .el-table {
+ border-radius: 14px 14px 14px 14px;
+ }
+ .p1{
+ width: 700px;
+ height: 700px;
+ display: inline-block;
+ background-color: aqua;
+ margin-right: 30px;
+ }
</style>
--
Gitblit v1.9.1