shujuju-web/src/views/index.vue

<template>
	<div class="app-container home">
		<el-row :gutter="5">
			<el-col :sm="24" :lg="17">
				<div class="index_heade index_headeNav" v-show="true">
					<div  style="padding-top: 20px;">
						<el-table height="500" max-height="500" :data="tjsli" style="width: 100%;margin-top: 10px;" :stripe="true">
							<el-table-column  fixed prop="xz" label="乡镇" align="center" ></el-table-column>
							<el-table-column   label="18岁以上第一针完成情况" align="center">
								<el-table-column fixed  prop="zrws" label="总任务数"  align="center"></el-table-column>
								<!-- <el-table-column label="地址"> -->
									<el-table-column  prop="zjzs" label="总接种数" align="center"></el-table-column>
									<el-table-column  prop="wcl1" label="完成率" align="center"></el-table-column>
									<el-table-column  prop="wwcs" label="未完成数 " align="center"></el-table-column>
									<el-table-column  prop="drjzs" label="当日接种数" align="center"></el-table-column>
									
								<!-- </el-table-column> -->
							</el-table-column>
							<el-table-column label="第二针当日完成情况" align="center">
								<el-table-column  prop="drrws" label="当日任务数" align="center"></el-table-column>
								<el-table-column label="接种数" align="center">
									<el-table-column  prop="dez" label="第二针" align="center" ></el-table-column>
									<el-table-column  prop="dsz" label="第三针" align="center" ></el-table-column>
									<el-table-column  prop="hj" label="合计" align="center" ></el-table-column>
									
								
								</el-table-column>
								<el-table-column  prop="wcl2" label="完成率" align="center" ></el-table-column>
							</el-table-column>
						</el-table>
						<div class="index_haderPagin">
							<!-- <el-pagination
								@size-change="handleSizeChange"
								@current-change="handleCurrentChange"
								:current-page.sync="currentPage3"
								:page-size="pageSize"
								layout="prev, pager, next, jumper"
								:total="1000"
							></el-pagination>
							<span>共 85 条 每页显示 5 条 当前 1/17 页</span> -->
						</div>
					</div>
				</div>
				<!-- 列表 -->
				<el-col :sm="24" :lg="24" style="margin-top: 20px; ">
					<div class="index_heade">
						<img src="../assets/images/icon_more.png" alt="" class="index_headerImg" />
						<p class="index_headetab">
							<span :class="[num == index ? ' spanto' : '']" v-for="(item, index) in editableTabs" :key="index" @click="tabSbu(item.dictValue)">
								{{ item.dictLabel }}
							</span>
						</p>
						<div style="height: 87%;">
							<ul class="index_headerUl">
								<li v-for="(item, index) in configList" :key="index" @click="headerCld(item)">
									<img src="../assets/images/icon_list_sj.png" alt="" />
									<p>{{ item.notice_title }}</p>
									<span>{{ item.create_time }}</span>
								</li>
							</ul>
							<div class="index_haderPagin">
								<el-pagination
									v-show="total > 0"
									@size-change="handleSizeChange"
									@current-change="handleCurrentChange"
									:current-page.sync="currentPage3"
									:page-size="queryParams.pageSize"
									layout="prev, pager, next, jumper"
									:total="total"
								></el-pagination>
								<span>共 {{ total }} 条 每页显示 10 条</span>
							</div>
						</div>
					</div>
					
				</el-col>
				<!-- </el-row> -->
				<!-- 公司概况 -->
				<!-- <el-col :sm="24" :lg="24">
           <div class="index_heade  index_headeProfile">
             <img src="../assets/images/icon_tjbj.png" alt="" class="index_headerImg">
            <p class="index_headetab">
              <span :class="[numprofile == index ? ' spanto' : '']" v-for="(item,index) in editableTabsteo" :key="index" @click="tabSbuprofile(item.dictValue)">{{item.dictLabel}} </span>
            </p>
                   <div style="height: 84%;">
                        <div style="height: 85%;">
                          <h3 style="text-align: center; margin: 35px 0; margin-bottom: 0;" v-html="tieku"></h3>
                          <pre>
                            <div class="index_profilep" v-html="comg"></div>
                          </pre>
                        </div>
                                      <div class="index_haderPagin">
                                        <el-pagination
                                             @size-change="handleSizeChangeprofile"
                                             @current-change="handleCurrentChangeprofile"
                                             :current-page.sync="currentPage3"
                                             :page-size="queryParamstabprofile.pageSize"
                                             layout="prev, pager, next, jumper"
                                             :total="totalprofile">
                                        </el-pagination>
                                        <span>共 {{totalprofile}} 条  每页显示 1条  </span>
                                      </div>
                   </div>
           </div>
        </el-col> -->
			</el-col>

			<el-col :sm="24" :lg="7" style="padding-left: 15px">
				<div class="index_nav">
					<div class="index_navTime">
						<p class="index_navTimep" @click="handleAdd">
							<span>日程</span>
							<span>
								<i class="el-icon-date"></i>
								创建日程
							</span>
						</p>
						<el-calendar id="calendar">
							<!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
							<template slot="dateCell" slot-scope="{ date, data }">
								<!--自定义内容-->
								<div>
									<div class="calendar-day" style="text-align: center">
										<el-tooltip v-if="brightDate.indexOf(data.day) != -1" class="item" effect="dark" :content="content(data.day)" placement="right">
											<span class="everyDay">
												{{
													data.day
														.split('-')
														.slice(2)
														.join('-')
												}}
											</span>
										</el-tooltip>
										<span v-else>
											{{
												data.day
													.split('-')
													.slice(2)
													.join('-')
											}}
										</span>
										<!-- <p :class="data.isSelected ? 'is-selected' : ''">
                            {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}
                      </p> -->
									</div>
								</div>
							</template>
						</el-calendar>
						<img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg" />
					</div>
				</div>
				<!-- 备忘录 -->
				<el-col :sm="24" :lg="24">
					<div class="index_nav index_memoranduNnavTime">
						<div class="index_navTime ">
							<p class="index_navTimep">
								<span>备忘录</span>
								<span @click="memoere">
									<i class="el-icon-date"></i>
									创建备忘录
								</span>
							</p>
							<ul>
								<li v-for="(item, index) in getmemorandum" :key="index">
									<p>{{ item.memorandum_title }}</p>
									<div class="index_navspande">
										<span>{{ item.remind_time }}</span>
										<img src="../assets/images/deletety.png" alt="" v-if="shower" @click="index_deledetfe(item.id)" />
									</div>
								</li>
							</ul>
							<img src="../assets/images/icon_more.png" alt="" class="imjud" />
							<!--              <el-calendar v-model="value">
              </el-calendar> -->

							<img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg" />
						</div>
					</div>
				</el-col>
				<!-- 通讯录 -->
				<el-col :sm="24" :lg="24">
					<div class="index_nav index_memoranduMail">
						<div class="index_navTime ">
							<p class="index_navTimep">
								<span>通讯录</span>
								<img src="../assets/images/icon_more.png" alt="" class="index_navTimeimgtwo" />
								<!-- <span><i class="el-icon-date"></i>创建日程</span> -->
							</p>
							<div class="index_memoranduMailnav">
								<div class="tab_tol">
									<el-form class="iejgu" :model="queryParamsail" ref="queryForm" :inline="true">
										<dynamic-forms
											:type="0"
											:ref="item.columnName"
											:config="queryParamsail"
											@inputs="changeFn"
											:formConfig="item"
											v-for="(item, index) in queryDataali.queryList"
											:key="index"
										/>
										<el-form-item style="width: 20%; text-align: right;">
											<el-button type="primary" size="mini" @click="handleQuerygty">搜索</el-button>
										</el-form-item>
									</el-form>
									<el-table stripe v-loading="loading" :data="postList.rows" @selection-change="handleSelectionChange">
										<el-table-column
											:width="item.columnComment == 'id' ? '40' : item.columnComment == '姓名' ? '60' : '110'"
											:label="item.columnComment"
											align="left"
											:prop="item.columnName"
											v-for="(item, index) in postList.tableHeadList"
											:key="index"
										/>
									</el-table>
								</div>
								<div class="index_haderPagin index_haderPaginfoiu">
									<!-- getLisail -->
									<el-pagination
										@size-change="handleSizeChangeali"
										@current-change="handleCurrentChangeali"
										:current-page.sync="currentPage3"
										:page-size="queryParamsail.pageSize"
										:small="true"
										layout="prev, pager, next, jumper"
										:total="totalali"
									></el-pagination>
								</div>
							</div>
							<img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg" />
						</div>
					</div>
				</el-col>
			</el-col>
		</el-row>
		<!-- <el-divider /> -->
		<!-- 添加或修改公告对话框 -->
		<el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="980px" append-to-body>
			<el-form ref="form" :model="form" :rules="queryData.rules" label-width="160px" class="from_index">
				<el-row>
					<el-col :span="24">
						<dynamic-forms
							@modelFn="modelFn"
							:ref="item.columnName"
							:config="form.fixedData"
							@inputs="changeFn"
							:formConfig="item"
							v-for="(item, index) in queryData.showData"
							:key="index"
						/>
					</el-col>
				</el-row>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button type="primary" @click="handleQuery">确 定</el-button>
				<el-button @click="cancel">取 消</el-button>
			</div>
		</el-dialog>
		<!-- 通知公告弹窗 -->
		<el-dialog class="index_ese" :close-on-click-modal="false" :title="title" :visible.sync="openety" width="980px" append-to-body>
			<div class="index_headertan">
				<p v-html="actingk.notice_title == undefined ? '暂无数据' : actingk.notice_title"></p>
				<p>{{ actingk.create_time == undefined ? '暂无数据' : actingk.create_time }} 发布人:{{ actingk.create_by }}</p>
				<pre>
                 <div v-html="actingk.notice_content"></div>
               </pre>
			</div>
		</el-dialog>
	</div>
</template>

<script>
import {
	listIndex,
	getUserProfile,
	listIndextwo,
	listIndextherr,
	listIndexfou,
	listIndextanl,
	getConfig,
	delConfig,
	addConfig,
	addConfigindex,
	updateConfig,
	clearCache,
	delIndexnabd,
	listIndexber,
	getTableQuery,
	tjList
} from '@/api/system/config';
import Editor from '@/components/Editor';
export default {
	name: 'index',
	components: {
		Editor
	},
	data() {
		return {
			// 版本号
			version: '2.5.0',
			currentPage3: 1,
			total: 0,
			totalprofile: 0,
			totalali: 0,
			pageSize: 6,
			activeName: 'second',
			// 是否显示弹出层
			open: false,
			// 弹出层标题
			title: '',
			value: new Date(),
			editableTabs: [],
			attendance: ['待我审批', '已办理', '我的流程', '驳回审批'],
			editableTabsteo: [],
			configList: [],
			queryParams: {
				table: 'sys_notice',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 10,
				fixedData: {
					condition: {
						notice_type: 1,
						status: 0
					}
				}
			},
			queryParamstab: {
				table: 'sys_notice',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 6,
				condition: {
					notice_type: 1
				}
			},
			// 公司概况
			queryParamstabprofile: {
				table: 'sys_info',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 1,
				fixedData: {
					condition: {
						info_type: 1
					}
				}
			},
			// 日历
			queryParamscalendar: {
				table: 'sys_schedule',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 10,
				fixedData: {
					condition: {
						create_by: ''
					}
				}
			},
			// 备忘录
			queryParamstabmemorandum: {
				table: 'sys_memorandum',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 6,
				fixedData: {
					condition: {
						create_by: ''
					}
				}
			},
			// 通讯录
			queryParamsail: {
				table: 'sys_contacts',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 3,
				fixedData: {
					condition: {}
				}
			},
			// 通讯录搜索
			queryParamsailss: {
				table: '',
				pageNo: 1,
				isUi: false,
				pageSize: 10,
				orderBy: 'create_time desc',
				fixedData: {
					condition: {}
				}
			},
			queryParamsijeu: {
				table: 'sys_contacts'
			},
			num: 0,
			numlist: 0,
			numprofile: 0,
			dictType: 'sys_notice_type',
			// 公司概况
			dictTypetwo: 'sys_describe_type',
			gettabList: [],
			getLisprofileone: [],
			// 备忘录
			getmemorandum: [],
			//通讯录参数
			aliemg: {
				table: 'sys_contacts',
				orderBy: 'create_time desc',
				pageNo: 1,
				pageSize: 4
			},
			tableDataalid: [],
			getLisaillie: [],
			alendarList: [],
			calendarData: [],
			tjsli:[],
			ary: [],
			tieku: '',
			comg: '',
			aekti: '',
			// 弹框数据
			form: {},
			// 表单校验
			rules: {},
			//日历弹框
			calendaradd: {
				table: 'sys_schedule',
				isUi: false,
				fixedData: {
					id: -1
				}
			},
			//备忘录弹框
			calendaraddmer: {
				table: 'sys_memorandum',
				isUi: false,
				fixedData: {
					id: -1
				}
			},
			// input
			inputList: [],
			// 时间
			dataList: [],
			//单选框
			radiolist: [],
			// 复选框
			chekbosList: [],
			//下拉框
			selectList: [],
			editorList: [],
			queryData: {},
			queryDatatwo: {},
			queryDatathre: {},
			queryDataali: {},
			nummer: 0, //0 是日历  1 是备忘录
			forme: {
				table: '',
				objId: -1,
				fixedData: {}
			},
			rjtu: [],
			truew: [],
			fales: [],
			postList: {},
			arr: '2,2,3,3,4,4',
			// 删除参数
			deledlid: {
				table: 'sys_memorandum',
				idList: [],
				user: {
					oldPassword: undefined,
					newPassword: undefined,
					confirmPassword: undefined
				},
				shower: true //判断删除图标是否显示
			},
			titlees: '通知公告', //通知公告弹框
			openety: false,
			actingk: {}
		};
	},

	created() {
		// console.log(this.user)
		this.unique(this.arr);
		this.getList();
		this.getListtab();
		this.getLiser();
		this.getLisprofile();
		// 用户信息
		this.getUser();
		// this.getLismemorandum()  //备忘录
		this.getLisail(); //通讯录
		this.getLisailtwo();
		this.init();
		// 统计列表
		this.tiheyu()
	},
	computed: {
		// 时间高亮的数组
		brightDate() {
			// let ary = []
			var that = this;
			if (that.calendarData.length !== null) {
				for (var i = 0; i < that.calendarData.length; i++) {
					that.calendarData[i].love = 'yu';
					if (that.calendarData[i].remind_time !== undefined) {
						that.ary.push(that.calendarData[i].remind_time);
					}
				}
			}
			return that.ary;
		}
	},
	methods: {
		// 通讯录搜索
		init() {
			console.log(1243);
			getTableQuery({
				table: this.queryParamsijeu.table
			}).then(res => {
				let data = res.data;
				this.queryDataali = data;
			});
		},
		// Tooltip 文字提示
		content(date) {
			let data = date;
			let datase = date;
			let content = '';
			let conert = '';
			let conertre = '';
			let nujue = 0;
			for (var i = 0; i < this.calendarData.length; i++) {
				if (this.calendarData[i].schedule_content !== undefined) {
					this.calendarData[i].schedule_content = this.calendarData[i].schedule_content.replace(/<\/?[^>]*>/g, '');
				}
				if (data == this.calendarData[i].remind_time) {
					if (content == this.calendarData[i].schedule_content + '、') {
						content = content;
					} else {
						content = content + this.calendarData[i].schedule_content + '、';
					}
				}
			}
			return content;
		},
		modelFn(obj, cont) {
			this.$set(this.form, obj, cont);
		},
		//数据  第一部分列表
		getList() {
			this.loading = true;
			this.configList = [];
			listIndex(this.queryParams).then(response => {
				if (response.data.rows !== null) {
					this.configList = response.data.rows;
				} else {
					this.configList.push({ notice_title: '暂无数据' });
				}
				this.total = response.data.total;
				this.loading = false;
			});
		},
		//数据  第二部分列表
		getListtabone() {
			this.loading = true;
			listIndex(this.queryParams).then(response => {
				this.configList = response.data.rows;
				this.total = response.data.total;
				this.loading = false;
			});
		},
		//数据  第三部分列表
		getLisprofile() {
			// this.loading = true;
			listIndexber(this.queryParamstabprofile).then(response => {
				if (response.data !== undefined) {
					this.getLisprofileone = response.data.rows;
					if (response.data.rows !== null) {
						this.tieku = this.getLisprofileone[0].info_title;
						this.comg = this.getLisprofileone[0].info_content;
					} else {
						this.tieku = '暂无数据';
						this.comg = '暂无数据';
					}
					this.totalprofile = response.data.total;
				}
				this.loading = false;
			});
		},
		//数据  日历数据列表
		getLisalendar() {
			this.loading = true;
			this.queryParamscalendar.fixedData.condition.create_by = this.user.userName;
			listIndex(this.queryParamscalendar).then(response => {
				if (response.data !== undefined) {
					this.calendarData = response.data.rows;
				}
				this.loading = false;
			});
		},
		//数据  备忘录数据列表
		getLismemorandum() {
			this.loading = true;
			this.getmemorandum = [];
			this.queryParamstabmemorandum.fixedData.condition.create_by = this.user.userName;
			listIndex(this.queryParamstabmemorandum).then(response => {
				if (response.data !== undefined) {
					if (response.data.rows !== null) {
						this.shower = true;
						this.getmemorandum = response.data.rows;
					} else {
						this.shower = false;
						this.getmemorandum.push({ memorandum_title: '暂无数据', shower: false });
					}
				}
				this.loading = false;
			});
		},
		// 数据列表   通讯录数据
		getLisailtwo() {
			this.loading = true;
			listIndex(this.queryParamsail).then(response => {
				if (response.data !== undefined) {
					this.getLisaillie = response.data.rows;
				}
				this.totalali = response.data.total;
				this.loading = false;
			});
		},
		//tab 公告 栏数据
		getListtab() {
			this.loading = true;
			listIndextwo(this.dictType).then(response => {
				this.editableTabs = response.data;
				this.queryParams.dictType = response.data[1].dictType;
				// this.total = response.total;
				this.loading = false;
			});
		},
		// 公司概况  tab
		getLiser() {
			this.loading = true;
			listIndextherr(this.dictTypetwo).then(response => {
				this.editableTabsteo = response.data;
				// this.total = response.total;
				this.loading = false;
			});
		},
		// 通讯录表头
		getLisail() {
			this.loading = true;
			listIndexfou(this.queryParamsail).then(response => {
				if (response.data !== undefined) {
					this.tableDataalid = response.data.tableHeadList;
					this.postList = response.data;
					if (this.postList.rows !== null) {
						this.postList.rows.filter(route => {
							// route.dept_id = route.dept_id.value
							for (var item in route) {
								if (typeof route[item] == 'object') {
									route[item] = route[item].value;
								}
							}tableDataalid
						});
					}

					this.totalali = response.data.total;
				}
				this.loading = false;
			});
		},
		//日历新增弹框数据
		getLisalendaraddd() {
			this.loading = true;
			this.queryData = [];
			listIndextanl(this.calendaradd).then(response => {
				if (response.data !== undefined) {
					this.queryData = response.data;
				}
				this.loading = false;
			});
		},
		//备忘录新增弹框数据
		getLisalendaradddmer() {
			this.loading = true;
			this.queryData = [];
			listIndextanl(this.calendaraddmer).then(response => {
				if (response.data !== undefined) {
					this.queryData = response.data;
				}
				this.loading = false;
			});
		},
		goTarget(href) {
			window.open(href, '_blank');
		},
		handleSizeChange(val) {},
		handleCurrentChange(val) {
			this.queryParams.pageNo = val;
			this.getList();
		},
		// 公司概况
		handleSizeChangeprofile(val) {},
		handleCurrentChangeprofile(val) {
			this.queryParamstabprofile.pageNo = val;
			this.getLisprofile();
		},
		// 通讯录
		handleSizeChangeali(val) {},
		handleCurrentChangeali(val) {
			this.queryParamsail.pageNo = val;
			this.getLisail();
		},
		handleClick(tab, event) {},
		// 第一部分tab点击
		tabSbu(index) {
			this.num = index - 1;
			this.queryParams.fixedData.condition.notice_type = index;
			this.getList();
		},
		// 第二部分tab点击numlist
		tabList(index) {
			this.numlist = index;
		},
		// 第三部分tab点击
		tabSbuprofile(index) {
			this.numprofile = index - 1;
			this.queryParamstabprofile.fixedData.condition.info_type = index;
			this.getLisprofile();
		},
		// 表单重置
		reset() {
			(this.form = {}), this.resetForm('form');
		},
		// 取消按钮
		cancel() {
			this.open = false;
			this.openety = false;
			this.reset();
		},
		/** 新增按钮操作 */
		handleAdd() {
			this.nummer = 0;
			this.reset();
			this.form = {};
			this.getLisalendaraddd();
			this.open = true;
			this.title = '添加日程';
		},
		/** 提交按钮操作 */
		handleQuery() {
			for (let item of this.queryData.showData) {
				if (item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload') {
					this.form[item.columnName] = this.$refs[item.columnName][0].config;
				} else {
					this.form[item.columnName] = this.$refs[item.columnName][0].config[item.columnName];
				}
			}
			// this.forme = this.form
			if (this.nummer == 0) {
				this.forme.table = 'sys_schedule';
				this.forme.objId = -1;
				this.forme.fixedData = this.form;
				// if(this.forme.fixedData.remind_type !== undefined){
				//   this.forme.fixedData.remind_type = this.forme.fixedData.remind_type.join(',');
				// }
				//日历
				addConfigindex(this.forme).then(response => {
					this.msgSuccess('新增成功');
					// this.open = false;
					this.getLisalendar();
					this.cancel();
				});
			} else if (this.nummer == 1) {
				// this.form.table = 'sys_memorandum'
				this.forme.table = 'sys_memorandum';
				this.forme.objId = -1;
				this.forme.fixedData = this.form;

				//备忘录
				addConfigindex(this.forme).then(response => {
					this.msgSuccess('新增成功');
					// this.open = false;
					this.getLismemorandum();
					this.cancel();
				});
			}
			// this.getList();
		},
		// 弹框
		changeFn(obj) {
			console.log(obj);
			for (let key in obj) {
				this.form.fixedData[key] = obj[key];
			}
		},
		// 新增备忘录
		memoere() {
			this.nummer = 1;
			this.open = true;
			this.title = '添加备忘录';
			this.getLisalendaradddmer();
		},
		// 备忘录删除
		index_deledetfe(id) {
			var that = this;
			that.deledlid.idList = [];
			that.deledlid.idList.push(id);

			this.$confirm('是否确认删除', '警告', {
				confirmButtonText: '确定',
				cancelButtonText: '取消',
				type: 'warning'
			})
				.then(function() {
					return delIndexnabd(that.deledlid);
				})
				.then(() => {
					this.getLismemorandum();
					this.msgSuccess('删除成功');
					// this.$router.go(-1)
				});
		},

		handleSelectionChange() {},
		// 字符串去重
		unique(arr) {
			let arfe = [];
			let serfgt = [];
			arfe = arr.split(',');
			for (var i = 0; i < arfe.length; i++) {
				if (serfgt.indexOf(arfe[i]) === -1) {
					serfgt.push(arfe[i]);
				}
			}
			// const res = new Map();
			// return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
		},
		getUser() {
			getUserProfile().then(response => {
				this.user = response.data;
				this.getLisalendar();
				this.getLismemorandum();
			});
		},
		// 通知公告弹窗
		headerCld(index) {
			this.title = '通知公告';
			(this.openety = true), (this.actingk = index);
		},
		// 搜索
		handleQuerygty() {
			this.queryParams.pageNo = 1;
			this.grabFn(this.queryDataali.queryList, this.queryParamsail.fixedData.condition);
			this.getLisail();
		},
		// 抓取参数
		grabFn(arr, parForm) {
			for (let item of arr) {
				if (item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload') {
					if (this.$refs[item.columnName][0].config.length) {
						parForm[item.columnName] = this.$refs[item.columnName][0].config;
					}
				} else {
					parForm[item.columnName] = this.$refs[item.columnName][0].config[item.columnName];
				}
			}
		},
		// 搜索重置  通讯录
		resetQuery() {
			console.log(12436);
			this.queryParamsail.fixedData.condition = {};
			this.queryParamsail.pageNo = 1;
			// this.resetForm("queryParamsail");
			console.log(this.queryParamsail);
			this.getLisail();
		},
		// 统计列表
		tiheyu(){
			tjList().then(response => {
				this.tjsli = response.data;
			});
		}
	}
};
</script>

<style lang="scss">
.iejgu {
	.el-form-item__label {
		width: 40px !important;
		.el-input__inner {
			width: 60%;
		}
	}
	.el-form-item {
		width: 71%;
	}
	.el-form--inline .el-form-item {
	}
	.el-form--inline .el-form-item__content {
		width: 76%;
	}
	.el-form-item__content {
		width: 75%;
	}
}
.index_ese {
	.el-dialog__body {
		padding-top: 10px !important;
	}
}
.home {
	.el-tabs__header {
		margin-bottom: 5px !important;
	}
	.el-calendar-table tr td:first-child {
		border: 0 !important;
	}
	.el-calendar-table tr:first-child td {
		border: 0 !important;
	}
	.el-calendar-table td {
		border: 0 !important;
	}
	.el-calendar-table .el-calendar-day {
		height: 30px;
		text-align: center;
		line-height: 30px;
		border-radius: 30px;
		padding: 0;
		// background-color: #0B18E8;
	}
	.el-calendar-table td.is-selected {
		// background-color: #0B18E8;
		border-radius: 30px;
	}
	.el-calendar__header {
		border: 0;
		padding: 0 20px;
	}
	.el-calendar__body {
		padding-top: 0;
		padding-bottom: 0;
	}
	.el-pagination {
		padding-left: 0;
	}
	.index_headeNav {
		.el-tabs__item {
			position: relative;
		}
	}
	.el-table th.is-leaf,
	.el-table td {
		// border: 0 !important;
	}
	.el-table thead.is-group th{
		background-color: #f8f8f8 !important;
	}
	.el-table--medium td{
		padding: 12px 0 !important;
	}
	.el-calendar__title {
		font-size: 12px;
	}
	.el-table td {
		padding: 6px 0;
	}
	.index_haderPaginfoiu {
		.el-pagination__jump {
			display: block !important;
			text-align: center;
			margin-left: 0;
		}
	}
	.everyDay {
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background-color: #409eff;
		color: #fff;
		border-radius: 50%;
		margin-top: 5px;
	}
}
</style>

<style scoped lang="scss">
.home {
	// tab
	.index_headetab {
		display: flex;
		border-bottom: 1px solid #e5e5e5;
		height: 65px;
		padding-top: 10px;
		padding-bottom: 10px;
		span {
			cursor: pointer;
			width: 80px;
			// flex: 1;
			text-align: center;
			line-height: 55px;
			height: 55px;
			font-size: 15px;
			font-family: PingFang SC;
			font-weight: bold;
			color: #666;
			position: relative;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			// flex: 1;
			// border-bottom: ;
		}
		.span {
			content: '';
			display: block;
			width: 18px;
			height: 8px;
			border-radius: 3px;
			background-color: #3c8dbc;
			color: #3c8dbc !important;
			// position: absolute;
			// border-bottom: ;
		}
		.spanto {
			color: #3c8dbc;
			border-bottom: 3px solid #3c8dbc;
		}
	}
	p {
		margin: 0;
	}
	ul {
		margin: 0;
		padding: 0;
	}
	background-color: #eef0ff;
	blockquote {
		padding: 10px 20px;
		margin: 0 0 20px;
		font-size: 17.5px;
		border-left: 5px solid #eee;
	}
	.index_heade {
		// border: 1px solid #eee;
		// width: 100%;
		padding: 0 20px;
		height: 570px;
		background-color: #fff;
		position: relative;
		border-radius: 6px;
		.index_headerImg {
			width: 23px;
			height: 6px;
			position: absolute;
			right: 20px;
			top: 32px;
		}
		.index_headerUl {
			width: 100%;
			padding: 0;
			margin: 0;
			height: 85%;
			li {
				margin: 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 43px;
				cursor: pointer;
				img {
					width: 11px;
					height: 13px;
				}
				p {
					font-size: 14px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #343434;
					line-height: 36px;
					margin: 0;
					text-align: left;
					flex: 1;
					padding: 0 18px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				span {
					font-size: 14px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #343434;
					line-height: 36px;
				}
			}
		}
		.index_haderPagin {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 30px;
			span {
				flex: 1;
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #343434;
				text-align: right;
				// line-height: 36px;
			}
		}
	}
	//表格样式
	.index_headeNav {
		padding: 0 20px;
		height: 550px;
		background-color: #fff;
		position: relative;
		border-radius: 6px;
		.tab_i {
			position: absolute;
			right: 1px;
			top: 5px;
			border-radius: 50%;
			// display: block;
			width: 15px;
			height: 15px;
			line-height: 15px;
			text-align: center;
			color: #fff;
			background-color: red;
			overflow: hidden; //超出的文本隐藏
			text-overflow: ellipsis; //溢出用省略号显示
			white-space: nowrap; //溢出不换行
			font-size: 11px;
			font-family: PingFang SC;
			font-weight: bold;
		}
	}
	.index_nav {
		// border: 1px solid #eee;
		background-color: #fff;
		height: 315px;
		box-shadow: 0px 4px 4px 0px rgba(130, 150, 162, 0.64);
		border-radius: 6px;
		.index_navTime {
			height: 270px;
			position: relative;
		}
		.index_navTimeimg {
			height: 47px;
			width: 100%;
			position: absolute;
			bottom: -76px;
			left: 0;
		}
		.index_navTimep {
			padding: 10px 0;
			margin: 0 20px;
			margin-bottom: 10px;
			border-bottom: 1px solid #e5e5e5;
			display: flex;
			justify-content: space-between;
			align-items: center;
			span:nth-child(1) {
				font-size: 15px;
				font-family: PingFang SC;
				font-weight: bold;
				color: #3c8dbc;
			}
			span:nth-child(1)::before {
				content: '';
				display: block;
				width: 18px;
				height: 8px;
				background: #3c8dbc;
				border-radius: 3px;
			}
			span:nth-child(2) {
				font-size: 12px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #3c8dbc;
				cursor: pointer;
			}
		}
	}
	// 公司概况样式
	.index_headeProfile {
		margin-top: 40px;
		margin-bottom: 20px;
		height: 590px;
		.index_profilep {
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: bold;
			color: #343434;
			line-height: 27px;
			text-indent: 2em;
			height: 368px;
			overflow-y: hidden;
			// p{

			// }
		}
		.index_haderPagin {
			margin-top: 25px;
		}
		.index_headerImg {
			width: 21px;
			height: 21px;
			top: 19px;
		}
	}
	// 备忘录样式
	.index_memoranduNnavTime {
		height: 335px;
		margin-top: 90px;
		position: relative;
		.index_navTimep {
			padding: 20px 0;
			// margin-bottom: 20px;
		}
		.index_navTimeimg {
			height: 47px;
			width: 100%;
			position: absolute;
			bottom: -76px;
			left: 0;
			bottom: -96px;
		}
		.imjud {
			width: 23px;
			height: 6px;
			position: absolute;
			right: 20px;
			bottom: -50px;
		}
		ul {
			padding: 0 20px;
			li {
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: 1px dashed #e5e5e5;
				p {
					font-size: 12px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #343434;
					line-height: 36px;
					flex: 1;
				}
				.index_navspande {
					display: flex;
					justify-content: space-between;
					align-items: center;
					span {
						font-size: 12px;
						font-family: PingFang SC;
						font-weight: 400;
						color: #343434;
						line-height: 36px;
						flex: 1;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						// width: 20%;
					}
					img {
						width: 16px;
						height: 16px;
						margin-left: 5px;
						cursor: pointer;
					}
				}
			}
		}
	}
	//通讯录样式
	.index_memoranduMail {
		height: 363px;
		margin-top: 100px;
		.index_navTimeimgtwo {
			width: 23px;
			height: 6px;
		}
		.index_navTimep {
			padding: 20px 0;
		}
		.index_memoranduMailnav {
			padding: 0 20px;
			height: 90%;
		}
		.index_navTimeimg {
			height: 47px;
			width: 100%;
			position: absolute;
			bottom: -76px;
			left: 0;
			bottom: -126px;
		}
		.index_haderPagin {
			margin-top: 10px;
		}
	}
}

// table
.tab_tol {
	// display: flex;
	height: 80%;
	.tr_one {
		display: flex;
		justify-content: space-around;
		width: 100%;
		th {
			flex: 1;
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: bold;
			color: #343434;
			line-height: 36px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
	.two_tr {
		display: flex;
		justify-content: space-around;
		font-size: 12px;
		font-family: PingFang SC;
		font-weight: bold;
		color: #343434;
		line-height: 36px;
		td {
			flex: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
	.two_trtwo {
		background-color: #f2f2f2;
	}
}
// 通知公告弹窗
.index_headertan {
	margin: 0 30px;
	p {
		margin: 0;
	}
	p:nth-child(1) {
		font-size: 24px;
		font-family: PingFang SC;
		font-weight: bold;
		color: #343434;
		line-height: 42px;
		text-align: center;
		margin-bottom: 10px;
		text-indent: 0em;
	}
	p:nth-child(2) {
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 24px;
		text-align: center;
		margin-bottom: 20px;
		text-indent: 0em;
	}
	pre {
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #343434;
	}
}
pre {
	white-space: pre-wrap;
}
</style>