index.vue 40 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393
  1. <template>
  2. <div class="app-container home">
  3. <el-row :gutter="5">
  4. <el-col :sm="24" :lg="17" >
  5. <div class="index_heade">
  6. <img src="../assets/images/icon_more.png" alt="" class="index_headerImg">
  7. <p class="index_headetab">
  8. <span :class="[num == index ? ' spanto' : '']" v-for="(item,index) in editableTabs" :key="index" @click="tabSbu(item.dictValue)">{{item.dictLabel}}</span>
  9. </p>
  10. <div style="height: 87%;">
  11. <ul class="index_headerUl">
  12. <li v-for="(item,index) in configList" :key="index" @click="headerCld(item)">
  13. <img src="../assets/images/icon_list_sj.png" alt="">
  14. <p>{{item.notice_title}}</p>
  15. <span>{{item.create_time}}</span>
  16. </li>
  17. </ul>
  18. <div class="index_haderPagin">
  19. <el-pagination
  20. v-show="total>0"
  21. @size-change="handleSizeChange"
  22. @current-change="handleCurrentChange"
  23. :current-page.sync="currentPage3"
  24. :page-size="queryParams.pageSize"
  25. layout="prev, pager, next, jumper"
  26. :total="total">
  27. </el-pagination>
  28. <span>共 {{total}} 条 每页显示 10 条 </span>
  29. </div>
  30. </div>
  31. </div>
  32. <!-- 列表 -->
  33. <!-- <el-col :sm="24" :lg="24" style="margin-top: 20px;" >
  34. <div class="index_heade index_headeNav" v-show="true">
  35. <img src="../assets/images/icon_more.png" alt="" class="index_headerImg">
  36. <p class="index_headetab">
  37. <span :class="[numlist == index ? ' spanto' : '']" v-for="(item,index) in attendance" :key="index" @click="tabList(index)">{{item}} <p class="tab_i">3</p></span></span>
  38. </p>
  39. <div v-if="num == 0">
  40. <el-table :data="tableDataalid" style="width: 100%;margin-top: 10px;" :stripe="true" >
  41. <el-table-column label="序号" align="center" prop="noticeId" width="60" height="53" max-height="53" />
  42. <el-table-column
  43. label="申请人"
  44. align="center"
  45. prop="name"
  46. :show-overflow-tooltip="true"
  47. width="70"
  48. />
  49. <el-table-column
  50. label="部门"
  51. align="center"
  52. prop="name"
  53. width="70"
  54. />
  55. <el-table-column
  56. label="请假类型"
  57. align="center"
  58. prop="status"
  59. width="75"
  60. />
  61. <el-table-column label="请假事由" align="center" prop="createBy" width="100" :show-overflow-tooltip="true"/>
  62. <el-table-column label="请假时间" align="center" prop="date" width="150"/>
  63. <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  64. <template slot-scope="scope">
  65. <el-button
  66. size="small"
  67. type="success"
  68. @click="handleUpdate(scope.row)"
  69. v-hasPermi="['system:notice:edit']"
  70. >详情</el-button>
  71. <el-button
  72. size="small"
  73. type="primary"
  74. @click="handleDelete(scope.row)"
  75. v-hasPermi="['system:notice:remove']"
  76. >同意</el-button>
  77. <el-button
  78. size="small"
  79. type="danger"
  80. @click="handleDelete(scope.row)"
  81. v-hasPermi="['system:notice:remove']"
  82. >驳回</el-button>
  83. </template>
  84. </el-table-column>
  85. </el-table>
  86. <div class="index_haderPagin">
  87. <el-pagination
  88. @size-change="handleSizeChange"
  89. @current-change="handleCurrentChange"
  90. :current-page.sync="currentPage3"
  91. :page-size="pageSize"
  92. layout="prev, pager, next, jumper"
  93. :total="1000">
  94. </el-pagination>
  95. <span>共 85 条 每页显示 5 条 当前 1/17 页</span>
  96. </div>
  97. </div>
  98. </div>
  99. </el-col> -->
  100. <!-- </el-row> -->
  101. <!-- 公司概况 -->
  102. <!-- <el-col :sm="24" :lg="24">
  103. <div class="index_heade index_headeProfile">
  104. <img src="../assets/images/icon_tjbj.png" alt="" class="index_headerImg">
  105. <p class="index_headetab">
  106. <span :class="[numprofile == index ? ' spanto' : '']" v-for="(item,index) in editableTabsteo" :key="index" @click="tabSbuprofile(item.dictValue)">{{item.dictLabel}} </span>
  107. </p>
  108. <div style="height: 84%;">
  109. <div style="height: 85%;">
  110. <h3 style="text-align: center; margin: 35px 0; margin-bottom: 0;" v-html="tieku"></h3>
  111. <pre>
  112. <div class="index_profilep" v-html="comg"></div>
  113. </pre>
  114. </div>
  115. <div class="index_haderPagin">
  116. <el-pagination
  117. @size-change="handleSizeChangeprofile"
  118. @current-change="handleCurrentChangeprofile"
  119. :current-page.sync="currentPage3"
  120. :page-size="queryParamstabprofile.pageSize"
  121. layout="prev, pager, next, jumper"
  122. :total="totalprofile">
  123. </el-pagination>
  124. <span>共 {{totalprofile}} 条 每页显示 1条 </span>
  125. </div>
  126. </div>
  127. </div>
  128. </el-col> -->
  129. </el-col>
  130. <el-col :sm="24" :lg="7" style="padding-left: 15px">
  131. <div class="index_nav">
  132. <div class="index_navTime">
  133. <p class="index_navTimep" @click="handleAdd">
  134. <span>日程</span>
  135. <span><i class="el-icon-date" ></i>创建日程</span>
  136. </p>
  137. <el-calendar id="calendar">
  138. <!-- 这里使用的是 2.5 slot 语法,对于新项目请使用 2.6 slot 语法-->
  139. <template
  140. slot="dateCell"
  141. slot-scope="{date, data}">
  142. <!--自定义内容-->
  143. <div>
  144. <div class="calendar-day" style="text-align: center">
  145. <el-tooltip v-if="brightDate.indexOf(data.day) != -1" class="item" effect="dark" :content="content(data.day)" placement="right">
  146. <span class="everyDay">{{ data.day.split('-').slice(2).join('-') }}</span>
  147. </el-tooltip>
  148. <span v-else>{{ data.day.split('-').slice(2).join('-') }}</span>
  149. <!-- <p :class="data.isSelected ? 'is-selected' : ''">
  150. {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}
  151. </p> -->
  152. </div>
  153. </div>
  154. </template>
  155. </el-calendar>
  156. <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
  157. </div>
  158. </div>
  159. <!-- 备忘录 -->
  160. <el-col :sm="24" :lg="24" >
  161. <div class="index_nav index_memoranduNnavTime">
  162. <div class="index_navTime ">
  163. <p class="index_navTimep">
  164. <span>备忘录</span>
  165. <span @click="memoere"><i class="el-icon-date"></i>创建备忘录</span>
  166. </p>
  167. <ul >
  168. <li v-for="(item,index) in getmemorandum" :key="index" >
  169. <p>{{item.memorandum_title}}
  170. </p>
  171. <div class="index_navspande">
  172. <span>
  173. {{item.remind_time}}
  174. </span>
  175. <img src="../assets/images/deletety.png" alt="" v-if="shower" @click="index_deledetfe(item.id)">
  176. </div>
  177. </li>
  178. </ul>
  179. <img src="../assets/images/icon_more.png" alt="" class="imjud">
  180. <!-- <el-calendar v-model="value">
  181. </el-calendar> -->
  182. <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
  183. </div>
  184. </div>
  185. </el-col >
  186. <!-- 通讯录 -->
  187. <el-col :sm="24" :lg="24">
  188. <div class="index_nav index_memoranduMail">
  189. <div class="index_navTime ">
  190. <p class="index_navTimep">
  191. <span>通讯录</span>
  192. <img src="../assets/images/icon_more.png" alt="" class="index_navTimeimgtwo">
  193. <!-- <span><i class="el-icon-date"></i>创建日程</span> -->
  194. </p>
  195. <div class="index_memoranduMailnav">
  196. <div class="tab_tol">
  197. <el-form class="iejgu" :model="queryParamsail" ref="queryForm" :inline="true" >
  198. <dynamic-forms :type="0" :ref="item.columnName" :config="queryParamsail" @inputs="changeFn" :formConfig="item"
  199. v-for="(item,index) in queryDataali.queryList" :key='index' />
  200. <el-form-item style="width: 20%; text-align: right;">
  201. <el-button type="primary" size="mini" @click="handleQuerygty">搜索</el-button>
  202. </el-form-item>
  203. </el-form>
  204. <el-table stripe v-loading="loading" :data="postList.rows" @selection-change="handleSelectionChange">
  205. <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" />
  206. </el-table>
  207. </div>
  208. <div class="index_haderPagin index_haderPaginfoiu">
  209. <!-- getLisail -->
  210. <el-pagination
  211. @size-change="handleSizeChangeali"
  212. @current-change="handleCurrentChangeali"
  213. :current-page.sync="currentPage3"
  214. :page-size="queryParamsail.pageSize"
  215. :small= "true"
  216. layout="prev, pager, next, jumper"
  217. :total="totalali">
  218. </el-pagination>
  219. </div>
  220. </div>
  221. <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
  222. </div>
  223. </div>
  224. </el-col>
  225. </el-col>
  226. </el-row>
  227. <!-- <el-divider /> -->
  228. <!-- 添加或修改公告对话框 -->
  229. <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="980px" append-to-body>
  230. <el-form ref="form" :model="form" :rules="queryData.rules" label-width="160px" class="from_index">
  231. <el-row>
  232. <el-col :span="24" >
  233. <dynamic-forms @modelFn="modelFn" :ref="item.columnName" :config="form.fixedData" @inputs = "changeFn" :formConfig="item" v-for="(item,index) in queryData.showData" :key='index' />
  234. </el-col>
  235. </el-row>
  236. </el-form>
  237. <div slot="footer" class="dialog-footer">
  238. <el-button type="primary" @click="handleQuery">确 定</el-button>
  239. <el-button @click="cancel">取 消</el-button>
  240. </div>
  241. </el-dialog>
  242. <!-- 通知公告弹窗 -->
  243. <el-dialog class="index_ese" :close-on-click-modal="false" :title="title" :visible.sync="openety" width="980px" append-to-body>
  244. <div class="index_headertan" >
  245. <p v-html="actingk.notice_title == undefined? '暂无数据' : actingk.notice_title"></p>
  246. <p>{{actingk.create_time == undefined? '暂无数据' : actingk.create_time}} 发布人:{{actingk.create_by}}</p>
  247. <pre>
  248. <div v-html="actingk.notice_content"></div>
  249. </pre>
  250. </div>
  251. </el-dialog>
  252. </div>
  253. </template>
  254. <script>
  255. import { listIndex, getUserProfile, listIndextwo, listIndextherr, listIndexfou, listIndextanl, getConfig, delConfig, addConfig, addConfigindex, updateConfig, clearCache, delIndexnabd,listIndexber, getTableQuery } from "@/api/system/config";
  256. import Editor from '@/components/Editor';
  257. export default {
  258. name: "index",
  259. components: {
  260. Editor
  261. },
  262. data() {
  263. return {
  264. // 版本号
  265. version: "2.5.0",
  266. currentPage3: 1,
  267. total:0,
  268. totalprofile:0,
  269. totalali:0,
  270. pageSize:6,
  271. activeName: 'second',
  272. // 是否显示弹出层
  273. open: false,
  274. // 弹出层标题
  275. title: "",
  276. value: new Date(),
  277. editableTabs: [],
  278. attendance:['待我审批','已办理','我的流程','驳回审批'],
  279. editableTabsteo:[],
  280. configList:[],
  281. queryParams:{
  282. table:'sys_notice',
  283. orderBy:'create_time desc',
  284. pageNo:1,
  285. pageSize:10,
  286. fixedData:{
  287. condition:{
  288. notice_type:1,
  289. status:0
  290. }
  291. }
  292. },
  293. queryParamstab:{
  294. table:'sys_notice',
  295. orderBy:'create_time desc',
  296. pageNo:1,
  297. pageSize:6,
  298. condition:{
  299. notice_type:1
  300. }
  301. },
  302. // 公司概况
  303. queryParamstabprofile:{
  304. table:'sys_info',
  305. orderBy:'create_time desc',
  306. pageNo:1,
  307. pageSize:1,
  308. fixedData:{
  309. condition:{
  310. info_type:1
  311. }
  312. }
  313. },
  314. // 日历
  315. queryParamscalendar:{
  316. table:'sys_schedule',
  317. orderBy:'create_time desc',
  318. pageNo:1,
  319. pageSize:10,
  320. fixedData:{
  321. condition:{
  322. create_by:''
  323. }
  324. }
  325. },
  326. // 备忘录
  327. queryParamstabmemorandum:{
  328. table:'sys_memorandum',
  329. orderBy:'create_time desc',
  330. pageNo:1,
  331. pageSize:6,
  332. fixedData:{
  333. condition:{
  334. create_by:''
  335. }
  336. }
  337. },
  338. // 通讯录
  339. queryParamsail:{
  340. table:'sys_contacts',
  341. orderBy:'create_time desc',
  342. pageNo:1,
  343. pageSize:3,
  344. fixedData:{
  345. condition:{
  346. }
  347. }
  348. },
  349. // 通讯录搜索
  350. queryParamsailss:{
  351. table: '',
  352. pageNo: 1,
  353. isUi: false,
  354. pageSize: 10,
  355. orderBy: 'create_time desc',
  356. fixedData: {
  357. condition: {
  358. }
  359. }
  360. },
  361. queryParamsijeu:{
  362. table:'sys_contacts',
  363. },
  364. num:0,
  365. numlist:0,
  366. numprofile:0,
  367. dictType:'sys_notice_type',
  368. // 公司概况
  369. dictTypetwo:'sys_describe_type',
  370. gettabList:[],
  371. getLisprofileone:[],
  372. // 备忘录
  373. getmemorandum:[],
  374. //通讯录参数
  375. aliemg:{
  376. table:'sys_contacts',
  377. orderBy:'create_time desc',
  378. pageNo:1,
  379. pageSize:4,
  380. },
  381. tableDataalid:[],
  382. getLisaillie:[],
  383. alendarList:[],
  384. calendarData: [
  385. ],
  386. ary:[],
  387. tieku:'',
  388. comg:'',
  389. aekti:'',
  390. // 弹框数据
  391. form:{
  392. },
  393. // 表单校验
  394. rules: {
  395. },
  396. //日历弹框
  397. calendaradd:{
  398. table:'sys_schedule',
  399. isUi:false,
  400. fixedData:{
  401. id:-1
  402. }
  403. },
  404. //备忘录弹框
  405. calendaraddmer:{
  406. table:'sys_memorandum',
  407. isUi:false,
  408. fixedData:{
  409. id:-1
  410. }
  411. },
  412. // input
  413. inputList:[],
  414. // 时间
  415. dataList:[],
  416. //单选框
  417. radiolist:[],
  418. // 复选框
  419. chekbosList:[],
  420. //下拉框
  421. selectList:[],
  422. editorList:[],
  423. queryData: {},
  424. queryDatatwo:{},
  425. queryDatathre:{},
  426. queryDataali:{},
  427. nummer:0 ,//0 是日历 1 是备忘录
  428. forme:{
  429. table:'',
  430. objId:-1,
  431. fixedData:{}
  432. },
  433. rjtu:[],
  434. truew:[],
  435. fales:[],
  436. postList:{},
  437. arr:'2,2,3,3,4,4',
  438. // 删除参数
  439. deledlid:{
  440. table:'sys_memorandum',
  441. idList:[],
  442. user: {
  443. oldPassword: undefined,
  444. newPassword: undefined,
  445. confirmPassword: undefined
  446. },
  447. shower:true, //判断删除图标是否显示
  448. },
  449. titlees:'通知公告',//通知公告弹框
  450. openety:false,
  451. actingk:{}
  452. };
  453. },
  454. created() {
  455. // console.log(this.user)
  456. this.unique(this.arr)
  457. this.getList()
  458. this.getListtab()
  459. this.getLiser()
  460. this.getLisprofile()
  461. // 用户信息
  462. this.getUser()
  463. // this.getLismemorandum() //备忘录
  464. this.getLisail()//通讯录
  465. this.getLisailtwo()
  466. this.init()
  467. },
  468. computed: {
  469. // 时间高亮的数组
  470. brightDate () {
  471. // let ary = []
  472. var that = this
  473. if(that.calendarData.length !==null){
  474. for (var i = 0 ; i < that.calendarData.length; i++) {
  475. that.calendarData[i].love="yu"
  476. if(that.calendarData[i].remind_time !== undefined){
  477. that.ary.push(that.calendarData[i].remind_time)
  478. }
  479. }
  480. }
  481. return that.ary
  482. }
  483. },
  484. methods: {
  485. // 通讯录搜索
  486. init() {
  487. console.log(1243)
  488. getTableQuery({
  489. table: this.queryParamsijeu.table
  490. }).then(res => {
  491. let data = res.data
  492. this.queryDataali = data
  493. })
  494. },
  495. // Tooltip 文字提示
  496. content (date) {
  497. let data = date
  498. let datase = date
  499. let content = ''
  500. let conert = ''
  501. let conertre = ''
  502. let nujue= 0
  503. for (var i = 0 ; i < this.calendarData.length; i++) {
  504. if(this.calendarData[i].schedule_content !== undefined){
  505. this.calendarData[i].schedule_content = this.calendarData[i].schedule_content.replace(/<\/?[^>]*>/g, '')
  506. }
  507. if(data == this.calendarData[i].remind_time){
  508. if(content == this.calendarData[i].schedule_content + '、'){
  509. content = content
  510. }else{
  511. content = content + this.calendarData[i].schedule_content + '、'
  512. }
  513. }
  514. }
  515. return content
  516. },
  517. modelFn(obj, cont) {
  518. this.$set(this.form,obj,cont)
  519. },
  520. //数据 第一部分列表
  521. getList() {
  522. this.loading = true;
  523. this.configList = []
  524. listIndex(this.queryParams).then(response => {
  525. if(response.data.rows !== null){
  526. this.configList = response.data.rows;
  527. }else {
  528. this.configList.push({notice_title: "暂无数据"});
  529. }
  530. this.total = response.data.total;
  531. this.loading = false;
  532. }
  533. );
  534. },
  535. //数据 第二部分列表
  536. getListtabone() {
  537. this.loading = true;
  538. listIndex(this.queryParams).then(response => {
  539. this.configList = response.data.rows;
  540. this.total = response.data.total;
  541. this.loading = false;
  542. }
  543. );
  544. },
  545. //数据 第三部分列表
  546. getLisprofile() {
  547. // this.loading = true;
  548. listIndexber(this.queryParamstabprofile).then(response => {
  549. if(response.data !== undefined){
  550. this.getLisprofileone = response.data.rows;
  551. if(response.data.rows !== null){
  552. this.tieku = this.getLisprofileone[0].info_title
  553. this.comg = this.getLisprofileone[0].info_content
  554. }else {
  555. this.tieku = '暂无数据'
  556. this.comg = '暂无数据'
  557. }
  558. this.totalprofile = response.data.total;
  559. }
  560. this.loading = false;
  561. }
  562. );
  563. },
  564. //数据 日历数据列表
  565. getLisalendar() {
  566. this.loading = true;
  567. this.queryParamscalendar.fixedData.condition.create_by = this.user.userName
  568. listIndex(this.queryParamscalendar).then(response => {
  569. if(response.data !== undefined){
  570. this.calendarData = response.data.rows;
  571. }
  572. this.loading = false;
  573. }
  574. );
  575. },
  576. //数据 备忘录数据列表
  577. getLismemorandum() {
  578. this.loading = true;
  579. this.getmemorandum = []
  580. this.queryParamstabmemorandum.fixedData.condition.create_by = this.user.userName
  581. listIndex(this.queryParamstabmemorandum).then(response => {
  582. if(response.data !== undefined){
  583. if(response.data.rows !== null){
  584. this.shower = true
  585. this.getmemorandum = response.data.rows;
  586. }else{
  587. this.shower = false
  588. this.getmemorandum.push({memorandum_title:'暂无数据',shower:false})
  589. }
  590. }
  591. this.loading = false;
  592. }
  593. );
  594. },
  595. // 数据列表 通讯录数据
  596. getLisailtwo() {
  597. this.loading = true;
  598. listIndex(this.queryParamsail).then(response => {
  599. if(response.data !== undefined){
  600. this.getLisaillie = response.data.rows;
  601. }
  602. this.totalali = response.data.total
  603. this.loading = false;
  604. }
  605. );
  606. },
  607. //tab 公告 栏数据
  608. getListtab() {
  609. this.loading = true;
  610. listIndextwo(this.dictType).then(response => {
  611. this.editableTabs = response.data;
  612. this.queryParams.dictType = response.data[1].dictType
  613. // this.total = response.total;
  614. this.loading = false;
  615. }
  616. )
  617. },
  618. // 公司概况 tab
  619. getLiser() {
  620. this.loading = true;
  621. listIndextherr(this.dictTypetwo).then(response => {
  622. this.editableTabsteo = response.data;
  623. // this.total = response.total;
  624. this.loading = false;
  625. }
  626. )
  627. },
  628. // 通讯录表头
  629. getLisail() {
  630. this.loading = true;
  631. listIndexfou(this.queryParamsail).then(response => {
  632. if(response.data !== undefined){
  633. this.tableDataalid = response.data.tableHeadList;
  634. this.postList = response.data
  635. if(this.postList.rows !== null){
  636. this.postList.rows.filter(route => {
  637. // route.dept_id = route.dept_id.value
  638. for(var item in route){
  639. if(typeof route[item] == 'object'){
  640. route[item]= route[item].value
  641. }
  642. }
  643. })
  644. }
  645. this.totalali = response.data.total;
  646. }
  647. this.loading = false;
  648. }
  649. );
  650. },
  651. //日历新增弹框数据
  652. getLisalendaraddd() {
  653. this.loading = true;
  654. this.queryData = []
  655. listIndextanl(this.calendaradd).then(response => {
  656. if(response.data !== undefined){
  657. this.queryData = response.data
  658. }
  659. this.loading = false;
  660. }
  661. );
  662. },
  663. //备忘录新增弹框数据
  664. getLisalendaradddmer() {
  665. this.loading = true;
  666. this.queryData = []
  667. listIndextanl(this.calendaraddmer).then(response => {
  668. if(response.data !== undefined){
  669. this.queryData = response.data
  670. }
  671. this.loading = false;
  672. }
  673. );
  674. },
  675. goTarget(href) {
  676. window.open(href, "_blank");
  677. },
  678. handleSizeChange(val) {
  679. },
  680. handleCurrentChange(val) {
  681. this.queryParams.pageNo = val
  682. this.getList()
  683. },
  684. // 公司概况
  685. handleSizeChangeprofile(val) {
  686. },
  687. handleCurrentChangeprofile(val) {
  688. this.queryParamstabprofile.pageNo = val
  689. this.getLisprofile()
  690. },
  691. // 通讯录
  692. handleSizeChangeali(val) {
  693. },
  694. handleCurrentChangeali(val) {
  695. this.queryParamsail.pageNo = val
  696. this.getLisail()
  697. },
  698. handleClick(tab, event) {
  699. },
  700. // 第一部分tab点击
  701. tabSbu(index){
  702. this.num = index - 1
  703. this.queryParams.fixedData.condition.notice_type = index
  704. this.getList()
  705. },
  706. // 第二部分tab点击numlist
  707. tabList(index){
  708. this.numlist = index
  709. },
  710. // 第三部分tab点击
  711. tabSbuprofile(index){
  712. this.numprofile = index - 1
  713. this.queryParamstabprofile.fixedData.condition.info_type = index
  714. this.getLisprofile()
  715. },
  716. // 表单重置
  717. reset() {
  718. this.form ={
  719. },
  720. this.resetForm("form");
  721. },
  722. // 取消按钮
  723. cancel() {
  724. this.open = false;
  725. this.openety = false
  726. this.reset();
  727. },
  728. /** 新增按钮操作 */
  729. handleAdd() {
  730. this.nummer = 0
  731. this.reset();
  732. this.form ={
  733. }
  734. this.getLisalendaraddd()
  735. this.open = true;
  736. this.title = "添加日程";
  737. },
  738. /** 提交按钮操作 */
  739. handleQuery() {
  740. for(let item of this.queryData.showData){
  741. if(item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload'){
  742. this.form[item.columnName] = this.$refs[item.columnName][0].config
  743. } else{
  744. this.form[item.columnName] = this.$refs[item.columnName][0].config[item.columnName]
  745. }
  746. }
  747. // this.forme = this.form
  748. if(this.nummer == 0){
  749. this.forme.table = 'sys_schedule'
  750. this.forme.objId = -1
  751. this.forme.fixedData = this.form
  752. // if(this.forme.fixedData.remind_type !== undefined){
  753. // this.forme.fixedData.remind_type = this.forme.fixedData.remind_type.join(',');
  754. // }
  755. //日历
  756. addConfigindex(this.forme).then(response => {
  757. this.msgSuccess("新增成功");
  758. // this.open = false;
  759. this.getLisalendar()
  760. this.cancel();
  761. });
  762. }else if(this.nummer == 1){
  763. // this.form.table = 'sys_memorandum'
  764. this.forme.table = 'sys_memorandum'
  765. this.forme.objId = -1
  766. this.forme.fixedData = this.form
  767. //备忘录
  768. addConfigindex(this.forme).then(response => {
  769. this.msgSuccess("新增成功");
  770. // this.open = false;
  771. this.getLismemorandum()
  772. this.cancel();
  773. });
  774. }
  775. // this.getList();
  776. },
  777. // 弹框
  778. changeFn(obj) {
  779. console.log(obj)
  780. for(let key in obj){
  781. this.form.fixedData[key] = obj[key]
  782. }
  783. },
  784. // 新增备忘录
  785. memoere(){
  786. this.nummer = 1
  787. this.open = true;
  788. this.title = "添加备忘录";
  789. this.getLisalendaradddmer()
  790. },
  791. // 备忘录删除
  792. index_deledetfe(id){
  793. var that = this
  794. that.deledlid.idList = []
  795. that.deledlid.idList.push(id)
  796. this.$confirm('是否确认删除', "警告", {
  797. confirmButtonText: "确定",
  798. cancelButtonText: "取消",
  799. type: "warning"
  800. }).then(function() {
  801. return delIndexnabd(that.deledlid);
  802. }).then(() => {
  803. this.getLismemorandum();
  804. this.msgSuccess("删除成功");
  805. // this.$router.go(-1)
  806. })
  807. },
  808. handleSelectionChange() {
  809. },
  810. // 字符串去重
  811. unique(arr) {
  812. let arfe = []
  813. let serfgt = []
  814. arfe = arr.split(',')
  815. for(var i = 0 ; i < arfe.length; i++){
  816. if (serfgt.indexOf(arfe[i]) === -1) {
  817. serfgt.push(arfe[i])
  818. }
  819. }
  820. // const res = new Map();
  821. // return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
  822. },
  823. getUser() {
  824. getUserProfile().then(response => {
  825. this.user = response.data;
  826. this.getLisalendar()
  827. this.getLismemorandum()
  828. });
  829. },
  830. // 通知公告弹窗
  831. headerCld(index){
  832. this.title = '通知公告'
  833. this.openety = true,
  834. this.actingk=index
  835. },
  836. // 搜索
  837. handleQuerygty(){
  838. this.queryParams.pageNo = 1;
  839. this.grabFn(this.queryDataali.queryList, this.queryParamsail.fixedData.condition)
  840. this.getLisail()
  841. },
  842. // 抓取参数
  843. grabFn(arr, parForm) {
  844. for (let item of arr) {
  845. if (item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload') {
  846. if (this.$refs[item.columnName][0].config.length) {
  847. parForm[item.columnName] = this.$refs[item.columnName][0].config
  848. }
  849. } else {
  850. parForm[item.columnName] = this.$refs[item.columnName][0].config[item.columnName]
  851. }
  852. }
  853. },
  854. // 搜索重置 通讯录
  855. resetQuery(){
  856. console.log(12436)
  857. this.queryParamsail.fixedData.condition = {}
  858. this.queryParamsail.pageNo = 1
  859. // this.resetForm("queryParamsail");
  860. console.log(this.queryParamsail)
  861. this.getLisail()
  862. }
  863. },
  864. };
  865. </script>
  866. <style lang="scss">
  867. .iejgu{
  868. .el-form-item__label{
  869. width: 40px !important;
  870. .el-input__inner{
  871. width: 60%;
  872. }
  873. }
  874. .el-form-item{
  875. width: 71%;
  876. }
  877. .el-form--inline .el-form-item{
  878. }
  879. .el-form--inline .el-form-item__content{
  880. width: 76%;
  881. }
  882. .el-form-item__content{
  883. width: 75%;
  884. }
  885. }
  886. .index_ese{
  887. .el-dialog__body{
  888. padding-top: 10px !important;
  889. }
  890. }
  891. .home{
  892. .el-tabs__header{
  893. margin-bottom: 5px !important;
  894. }
  895. .el-calendar-table tr td:first-child{
  896. border: 0 !important;
  897. }
  898. .el-calendar-table tr:first-child td{
  899. border: 0 !important;
  900. }
  901. .el-calendar-table td{
  902. border: 0 !important;
  903. }
  904. .el-calendar-table .el-calendar-day{
  905. height: 30px;
  906. text-align: center;
  907. line-height: 30px;
  908. border-radius: 30px;
  909. padding: 0;
  910. // background-color: #0B18E8;
  911. }
  912. .el-calendar-table td.is-selected{
  913. // background-color: #0B18E8;
  914. border-radius: 30px;
  915. }
  916. .el-calendar__header{
  917. border: 0;
  918. padding: 0 20px;
  919. }
  920. .el-calendar__body{
  921. padding-top: 0;
  922. padding-bottom: 0;
  923. }
  924. .el-pagination{
  925. padding-left: 0;
  926. }
  927. .index_headeNav{
  928. .el-tabs__item{
  929. position: relative;
  930. }
  931. }
  932. .el-table th.is-leaf, .el-table td{
  933. border: 0 !important;
  934. }
  935. .el-calendar__title{
  936. font-size: 12px;
  937. }
  938. .el-table td{
  939. padding: 6px 0;
  940. }
  941. .index_haderPaginfoiu{
  942. .el-pagination__jump{
  943. display: block !important;
  944. text-align: center;
  945. margin-left: 0;
  946. }
  947. }
  948. .everyDay {
  949. display: inline-block;
  950. width: 20px;
  951. height: 20px;
  952. line-height: 20px;
  953. background-color: #409eff;
  954. color: #fff;
  955. border-radius: 50%;
  956. margin-top: 5px;
  957. }
  958. }
  959. </style>
  960. <style scoped lang="scss">
  961. .home {
  962. // tab
  963. .index_headetab{
  964. display: flex;
  965. border-bottom: 1px solid #E5E5E5;
  966. height: 65px;
  967. padding-top: 10px;
  968. padding-bottom: 10px;
  969. span{
  970. cursor:pointer;
  971. width: 80px;
  972. // flex: 1;
  973. text-align: center;
  974. line-height: 55px;
  975. height: 55px;
  976. font-size: 15px;
  977. font-family: PingFang SC;
  978. font-weight: bold;
  979. color: #666;
  980. position: relative;
  981. overflow: hidden;
  982. white-space: nowrap;
  983. text-overflow: ellipsis;
  984. // flex: 1;
  985. // border-bottom: ;
  986. }
  987. .span{
  988. content: '';
  989. display: block;
  990. width: 18px;
  991. height: 8px;
  992. border-radius: 3px;
  993. background-color: #3C8DBC;
  994. color: #3C8DBC !important;
  995. // position: absolute;
  996. // border-bottom: ;
  997. }
  998. .spanto{
  999. color:#3C8DBC ;
  1000. border-bottom: 3px solid #3C8DBC;
  1001. }
  1002. }
  1003. p{
  1004. margin: 0;
  1005. }
  1006. ul{
  1007. margin: 0;
  1008. padding: 0;
  1009. }
  1010. background-color: #eef0ff;
  1011. blockquote {
  1012. padding: 10px 20px;
  1013. margin: 0 0 20px;
  1014. font-size: 17.5px;
  1015. border-left: 5px solid #eee;
  1016. }
  1017. .index_heade{
  1018. // border: 1px solid #eee;
  1019. // width: 100%;
  1020. padding: 0 20px;
  1021. height: 570px;
  1022. background-color: #fff;
  1023. position: relative;
  1024. border-radius: 6px;
  1025. .index_headerImg{
  1026. width: 23px;
  1027. height: 6px;
  1028. position: absolute;
  1029. right: 20px;
  1030. top:32px;
  1031. }
  1032. .index_headerUl{
  1033. width: 100%;
  1034. padding: 0;
  1035. margin: 0;
  1036. height: 85%;
  1037. li{
  1038. margin: 0;
  1039. display: flex;
  1040. justify-content: space-between;
  1041. align-items: center;
  1042. height: 43px;
  1043. cursor:pointer;
  1044. img{
  1045. width: 11px;
  1046. height: 13px;
  1047. }
  1048. p{
  1049. font-size: 14px;
  1050. font-family: PingFang SC;
  1051. font-weight: 400;
  1052. color: #343434;
  1053. line-height: 36px;
  1054. margin: 0;
  1055. text-align: left;
  1056. flex: 1;
  1057. padding: 0 18px;
  1058. overflow:hidden;
  1059. text-overflow:ellipsis;
  1060. white-space:nowrap
  1061. }
  1062. span{
  1063. font-size: 14px;
  1064. font-family: PingFang SC;
  1065. font-weight: 400;
  1066. color: #343434;
  1067. line-height: 36px;
  1068. }
  1069. }
  1070. }
  1071. .index_haderPagin{
  1072. display: flex;
  1073. justify-content: space-between;
  1074. align-items: center;
  1075. margin-top: 30px;
  1076. span{
  1077. flex: 1;
  1078. font-size: 12px;
  1079. font-family: PingFang SC;
  1080. font-weight: 400;
  1081. color: #343434;
  1082. text-align: right;
  1083. // line-height: 36px;
  1084. }
  1085. }
  1086. }
  1087. //表格样式
  1088. .index_headeNav{
  1089. padding: 0 20px;
  1090. height: 550px;
  1091. background-color: #fff;
  1092. position: relative;
  1093. border-radius: 6px;
  1094. .tab_i{
  1095. position: absolute;
  1096. right: 1px;
  1097. top:5px;
  1098. border-radius: 50%;
  1099. // display: block;
  1100. width: 15px ;
  1101. height: 15px;
  1102. line-height: 15px;
  1103. text-align: center;
  1104. color: #fff;
  1105. background-color: red;
  1106. overflow:hidden; //超出的文本隐藏
  1107. text-overflow:ellipsis; //溢出用省略号显示
  1108. white-space:nowrap; //溢出不换行
  1109. font-size: 11px;
  1110. font-family: PingFang SC;
  1111. font-weight: bold;
  1112. }
  1113. }
  1114. .index_nav{
  1115. // border: 1px solid #eee;
  1116. background-color: #fff;
  1117. height: 315px;
  1118. box-shadow: 0px 4px 4px 0px rgba(130, 150, 162, 0.64);
  1119. border-radius: 6px;
  1120. .index_navTime{
  1121. height: 270px;
  1122. position: relative;
  1123. }
  1124. .index_navTimeimg{
  1125. height: 47px;
  1126. width: 100%;
  1127. position: absolute;
  1128. bottom: -76px;
  1129. left: 0;
  1130. }
  1131. .index_navTimep{
  1132. padding: 10px 0;
  1133. margin: 0 20px;
  1134. margin-bottom: 10px;
  1135. border-bottom: 1px solid #E5E5E5;
  1136. display: flex;
  1137. justify-content: space-between;
  1138. align-items: center;
  1139. span:nth-child(1){
  1140. font-size: 15px;
  1141. font-family: PingFang SC;
  1142. font-weight: bold;
  1143. color: #3C8DBC;
  1144. }
  1145. span:nth-child(1)::before{
  1146. content: "";
  1147. display: block;
  1148. width: 18px;
  1149. height: 8px;
  1150. background: #3C8DBC;
  1151. border-radius: 3px;
  1152. }
  1153. span:nth-child(2){
  1154. font-size: 12px;
  1155. font-family: PingFang SC;
  1156. font-weight: 400;
  1157. color: #3C8DBC;
  1158. cursor:pointer;
  1159. }
  1160. }
  1161. }
  1162. // 公司概况样式
  1163. .index_headeProfile{
  1164. margin-top: 40px;
  1165. margin-bottom: 20px;
  1166. height: 590px;
  1167. .index_profilep{
  1168. font-size: 12px;
  1169. font-family: PingFang SC;
  1170. font-weight: bold;
  1171. color: #343434;
  1172. line-height: 27px;
  1173. text-indent:2em;
  1174. height: 368px;
  1175. overflow-y: hidden;
  1176. // p{
  1177. // }
  1178. }
  1179. .index_haderPagin{
  1180. margin-top: 25px;
  1181. }
  1182. .index_headerImg{
  1183. width: 21px;
  1184. height: 21px;
  1185. top:19px;
  1186. }
  1187. }
  1188. // 备忘录样式
  1189. .index_memoranduNnavTime{
  1190. height: 335px;
  1191. margin-top: 90px;
  1192. position: relative;
  1193. .index_navTimep{
  1194. padding: 20px 0;
  1195. // margin-bottom: 20px;
  1196. }
  1197. .index_navTimeimg{
  1198. height: 47px;
  1199. width: 100%;
  1200. position: absolute;
  1201. bottom: -76px;
  1202. left: 0;
  1203. bottom: -96px;
  1204. }
  1205. .imjud{
  1206. width: 23px;
  1207. height: 6px;
  1208. position: absolute;
  1209. right: 20px;
  1210. bottom: -50px;
  1211. }
  1212. ul{
  1213. padding: 0 20px;
  1214. li{
  1215. display: flex;
  1216. justify-content: space-between;
  1217. align-items: center;
  1218. border-bottom: 1px dashed #E5E5E5;
  1219. p{
  1220. font-size: 12px;
  1221. font-family: PingFang SC;
  1222. font-weight: 400;
  1223. color: #343434;
  1224. line-height: 36px;
  1225. flex: 1;
  1226. }
  1227. .index_navspande{
  1228. display: flex;
  1229. justify-content: space-between;
  1230. align-items: center;
  1231. span{
  1232. font-size: 12px;
  1233. font-family: PingFang SC;
  1234. font-weight: 400;
  1235. color: #343434;
  1236. line-height: 36px;
  1237. flex: 1;
  1238. }
  1239. img{
  1240. width: 16px;
  1241. height: 16px;
  1242. margin-left: 5px;
  1243. cursor: pointer;
  1244. }
  1245. }
  1246. }
  1247. }
  1248. }
  1249. //通讯录样式
  1250. .index_memoranduMail{
  1251. height: 363px;
  1252. margin-top: 100px;
  1253. .index_navTimeimgtwo{
  1254. width: 23px;
  1255. height: 6px;
  1256. }
  1257. .index_navTimep{
  1258. padding: 20px 0;
  1259. }
  1260. .index_memoranduMailnav{
  1261. padding: 0 20px;
  1262. height: 90%;
  1263. }
  1264. .index_navTimeimg{
  1265. height: 47px;
  1266. width: 100%;
  1267. position: absolute;
  1268. bottom: -76px;
  1269. left: 0;
  1270. bottom: -126px;
  1271. }
  1272. .index_haderPagin{
  1273. margin-top: 10px;
  1274. }
  1275. }
  1276. }
  1277. // table
  1278. .tab_tol{
  1279. // display: flex;
  1280. height: 80%;
  1281. .tr_one{
  1282. display: flex;
  1283. justify-content: space-around;
  1284. width: 100%;
  1285. th{
  1286. flex: 1;
  1287. font-size: 12px;
  1288. font-family: PingFang SC;
  1289. font-weight: bold;
  1290. color: #343434;
  1291. line-height: 36px;
  1292. overflow: hidden;
  1293. text-overflow:ellipsis;
  1294. white-space: nowrap;
  1295. }
  1296. }
  1297. .two_tr{
  1298. display: flex;
  1299. justify-content: space-around;
  1300. font-size: 12px;
  1301. font-family: PingFang SC;
  1302. font-weight: bold;
  1303. color: #343434;
  1304. line-height: 36px;
  1305. td{
  1306. flex: 1;
  1307. overflow: hidden;
  1308. text-overflow:ellipsis;
  1309. white-space: nowrap;
  1310. }
  1311. }
  1312. .two_trtwo{
  1313. background-color: #F2F2F2;
  1314. }
  1315. }
  1316. // 通知公告弹窗
  1317. .index_headertan{
  1318. margin: 0 30px;
  1319. p{
  1320. margin: 0;
  1321. }
  1322. p:nth-child(1){
  1323. font-size: 24px;
  1324. font-family: PingFang SC;
  1325. font-weight: bold;
  1326. color: #343434;
  1327. line-height: 42px;
  1328. text-align: center;
  1329. margin-bottom: 10px;
  1330. text-indent:0em;
  1331. }
  1332. p:nth-child(2){
  1333. font-size: 16px;
  1334. font-family: PingFang SC;
  1335. font-weight: 400;
  1336. color: #666666;
  1337. line-height: 24px;
  1338. text-align: center;
  1339. margin-bottom: 20px;
  1340. text-indent:0em;
  1341. }
  1342. pre{
  1343. font-size: 16px;
  1344. font-family: PingFang SC;
  1345. font-weight: 400;
  1346. color: #343434;
  1347. }
  1348. }
  1349. pre{
  1350. white-space:pre-wrap;
  1351. }
  1352. </style>