devbox
羊村懒王
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

基于vue2开发的毕业设计（时光云平台）_vue2软件毕业设计

作者：羊村懒王 | 2024-02-29 16:08:47

赞

踩

vue2软件毕业设计

自己经过一段时间的琢磨和设计，该平台已经完成了基本的功能需求，大家可以来一起看一下，或许对你的设计有所帮助。

 视频详解:

基于vue2开发的毕业设计（时光云平台）

访问连接:点击进入

前端的登录首页界面：

 

 前台注册页面展示界面:

 登录进去的首页界面展示:

好啦，前台展示基本就是这些，对于里面的功能大家可以去看上面视频也可以点击上面连接自行去体验即可。下面看后台的一些展示 

        后台登录页面展示,账号为admin，密码为123456:

         后台管理页面展示功能:

部分代码(主页部分)分享:

如需要全部源码可以加QQ3534912941

  1. <template>
  2.   <div class="box">
  3. <el-row>
  4.   <el-col :span="24">
  5.     <div class="bgc">
  6.         <span class="headline">时光云平台</span>
  7.        
  8.         <ul class="nav">
  9.             <li >主页内容</li>
  10.             <li @click="author">作者信息</li>
  11.             <li @click="Moreoperations">更多操作</li>
  12.             <li >搜索</li>
  13.         </ul>
  14.        <ul class="navright">
  15.         <li>用户名</li>
  16.         <li @click="exit">退出登录</li>
  17.        </ul>
  18.     </div>
  19.   </el-col>
  20. </el-row>
  21. <el-container>
  22.   <el-main class="main">
  23.     <el-row :gutter="20">
  24.   <el-col :span="6">
  25.     <div class="mianLeft hidden-md-and-down">
  26.         <h3 class="personal">个人信息</h3>
  27.     <div class="icon">
  28.       <el-avatar :size='120' src="./img/photo.png"></el-avatar>
  29.       <ul class="information">
  30.         <li>账号: {{username}}</li>
  31.         <li>邮箱: {{uesremail}}</li>
  32.         <li>性别: <i>{{sex}}</i></li>
  33.         <li>用户类别: 普通用户</li>
  34.       </ul>
  35.     </div>
  36.    <div class="bottombtn">
  37.      <el-button type="success" @click="dialogTableVisible = true">个人信息</el-button>
  38.      <el-button type="success" @click="open">修改密码</el-button>
  39.      <el-button type="success" @click="dialogVisible=true">注销账号</el-button>
  40.  
  41.    </div>
  42.  <el-dialog
  43.             title="提示"
  44.             :visible.sync="dialogVisible"
  45.             width="30%"
  46.             >
  47.             <span style="margin-bottom:3%; display:block">请输入账号完成验证:</span>
  48.                     <el-input
  49.                 type="text"
  50.                 placeholder="请输入内容"
  51.                 v-model="loginouts"
  52.                 maxlength="10"
  53.                 show-word-limit
  54.                 >
  55.  
  56.             </el-input>
  57.             <span slot="footer" class="dialog-footer">
  58.                 <el-button @click="dialogVisible = false">取 消</el-button>
  59.                 <el-button type="primary" @click="dialogVisibles">确 定</el-button>
  60.             </span>
  61.  </el-dialog>
  62.    <el-dialog title="个人详细信息" :visible.sync="dialogTableVisible">
  63.     <hr style="margin:0"/>
  64.    <div>
  65.     <label for="">昵称<i style="color:red">(若要修改请反馈管理员)</i></label>
  66.     <el-input
  67.   type="text"
  68.   placeholder="请输入内容"
  69.   v-model="nickname"
  70.   maxlength="10"
  71.   show-word-limit
  72.   :disabled="true"
  73. >
  74.  
  75. </el-input>
  76. <div style="margin: 20px 0;"></div>
  77. <label for="">用户ID</label>
  78. <el-input
  79.   type="text"
  80.   placeholder="请输入内容"
  81.   v-model="text"
  82.   maxlength="10"
  83.   show-word-limit
  84.   :disabled="true"
  85. >
  86. </el-input>
  87. <label for="" style="margin-top:3%">个人简介</label>
  88. <el-input
  89.   type="textarea"
  90.   placeholder="请输入内容"
  91.   v-model="textarea"
  92.   maxlength="30"
  93.   show-word-limit
  94. >
  95. </el-input>
  96. <label for="" style="margin-top:3%">性别</label>
  97. <br>
  98. <br>
  99.   <el-radio v-model="radio" label="1">男</el-radio>
  100.   <el-radio v-model="radio" label="2">女</el-radio>
  101.    </div>
  102.     </el-dialog>
  103.     </div>
  104.     <div class="sqlmessage hidden-md-and-down">
  105.         <h3>信息查询</h3>
  106.         <div class="transaction">
  107.             <ul>
  108.                 <li>
  109.                     <div>
  110.                         <img src="img/money.png" alt="">
  111.                         <span>余额查询</span>
  112.                         <i>+</i>
  113.                     </div>
  114.                 </li>
  115.                 <li>
  116.                     <div>
  117.                         <img src="img/messag.png" alt="">
  118.                         <span>信息查询</span>
  119.                         <i>+</i>
  120.                     </div>
  121.                 </li>
  122.                 <li>
  123.                     <div>
  124.                         <img src="img/money.png" alt="">
  125.                         <span>余额查询</span>
  126.                         <i>+</i>
  127.                     </div>
  128.                 </li>
  129.             </ul>
  130.         </div>
  131.     </div>
  132.     <div class="calendar hidden-md-and-down">
  133.         <el-calendar class="calendars" v-model="value">
  134.         </el-calendar>
  135.     </div>
  136.     <div class="announcement hidden-md-and-down">
  137.         <h3>意见反馈</h3>
  138.         <el-form ref="form" :model="form" label-width="80px">
  139.     <el-input class="resize" type="textarea" placeholder="请输入您宝贵的意见" v-model="form.desc"></el-input>
  140.   </el-form>
  141.   <el-button class="announcementBtn" type="primary" size="mini" @click="issue">发布</el-button>
  142.     </div>
  143.   </el-col>
  144.   <el-col :span="12">
  145.     <div class="mianmid hidden-md-and-down">
  146.        <div class="clearfix">
  147.          <h3>我的应用</h3>
  148.         <el-button size="small" type="success" class="floatBtn" @click="add=true">添加应用</el-button>
  149.        </div>
  150.         <el-dialog
  151.             title="请您输入要添加的应用"
  152.             :visible.sync="add"
  153.             width="30%"
  154.             >
  155.             <el-input
  156.                 type="text"
  157.                 placeholder="请输入内容"
  158.                 v-model="putinto"
  159.                 maxlength="6"
  160.                 show-word-limit
  161.                 >
  162.  
  163.             </el-input>
  164.             <span slot="footer" class="dialog-footer">
  165.                 <el-button @click="add = false">取 消</el-button>
  166.                 <el-button type="primary" @click="adds">确 定</el-button>
  167.             </span>
  168.         </el-dialog>
  169.        <div class="clearfix">
  170.          <ul class="list">
  171.             <li v-for="i in itemss" :key="i" @click="clicks">
  172.                 <img src="/img/office.png" alt="">
  173.                 <el-link :underline="false" class="subtitle">{{apply[i-1]}}</el-link>
  174.             </li>
  175.         </ul>
  176.        </div>
  177.     </div>
  178.     <div class="tabs">
  179.     <el-tabs type="border-card" class="tabsround hidden-md-and-down">
  180.         <el-tab-pane label="喝水管理">
  181.            <ul style="padding:0" class="clearfix" @click="drinkwater">
  182.            <el-tooltip content="含水量:100%" placement="top" effect="light">
  183.             <li @click="$message({
  184.           message: '喝水成功',
  185.           type: 'success'
  186.         }); tableData.push({date:'水',name:'100',address:dayjss})">
  187.                 <svg class="icon water" aria-hidden="true">
  188.                 <use xlink:href="#icon-kuangquanshui"></use>
  189.             </svg>
  190.             <el-link :underline="false" class="drinking">水</el-link>
  191.             </li>
  192.            </el-tooltip>
  193.            <el-tooltip content="含水量:90%" placement="top" effect="light">
  194.             <li @click="$message({
  195.           message: '喝中药成功',
  196.           type: 'success'
  197.         }); tableData.push({date:'中药',name:'90',address:dayjss})">
  198.                 <svg class="icon water" aria-hidden="true">
  199.                 <use xlink:href="#icon-zhongyao"></use>
  200.                 </svg>
  201.             <el-link :underline="false" class="drinking">中药</el-link>
  202.             </li>
  203.             </el-tooltip>
  204.              <el-tooltip content="含水量:91%" placement="top" effect="light">
  205.             <li @click="$message({
  206.           message: '喝豆浆成功',
  207.           type: 'success'
  208.         }); tableData.push({date:'豆浆',name:'91',address:dayjss})">
  209.                 <svg class="icon water" aria-hidden="true">
  210.                 <use xlink:href="#icon-doujiang"></use>
  211.                 </svg>
  212.             <el-link :underline="false" class="drinking">豆浆</el-link>
  213.             </li>
  214.             </el-tooltip>
  215.             <el-tooltip content="含水量:71%" placement="top" effect="light">
  216.             <li @click="$message({
  217.           message: '喝蜂蜜水成功',
  218.           type: 'success'
  219.         }); tableData.push({date:'蜂蜜水',name:'71',address:dayjss})">
  220.                 <svg class="icon water" aria-hidden="true">
  221.                 <use xlink:href="#icon-Honey"></use>
  222.                 </svg>
  223.             <el-link :underline="false" class="drinking">蜂蜜</el-link>
  224.             </li>
  225.             </el-tooltip>
  226.             <el-tooltip content="含水量:180%" placement="top" effect="light">
  227.             <li @click="$message({
  228.           message: '喝鸡尾酒成功',
  229.           type: 'success'
  230.         }); tableData.push({date:'鸡尾酒',name:'180',address:dayjss})">
  231.                 <svg class="icon water" aria-hidden="true">
  232.                 <use xlink:href="#icon-jiweijiu"></use>
  233.                 </svg>
  234.             <el-link :underline="false" class="drinking">鸡尾酒</el-link>
  235.             </li>
  236.             </el-tooltip>
  237.             <el-tooltip content="含水量:86%" placement="top" effect="light">
  238.             <li @click="$message({
  239.           message: '喝果汁成功',
  240.           type: 'success'
  241.         }); tableData.push({date:'鸡尾酒',name:'180',address:dayjss})">
  242.                 <svg class="icon water" aria-hidden="true">
  243.                 <use xlink:href="#icon-guozhi"></use>
  244.                 </svg>
  245.             <el-link :underline="false" class="drinking">果汁</el-link>
  246.             </li>
  247.             </el-tooltip>
  248.             <el-tooltip content="含水量:176%" placement="top" effect="light">
  249.             <li @click="$message({
  250.           message: '喝啤酒成功',
  251.           type: 'success'
  252.         }); tableData.push({date:'啤酒',name:'176',address:dayjss});">
  253.                 <svg class="icon water" aria-hidden="true">
  254.                 <use xlink:href="#icon-pijiu"></use>
  255.                 </svg>
  256.             <el-link :underline="false" class="drinking">啤酒</el-link>
  257.             </li>
  258.             </el-tooltip>
  259.             <el-tooltip content="含水量:86%" placement="top" effect="light">
  260.             <li @click="$message({
  261.           message: '喝咖啡成功',
  262.           type: 'success'
  263.         }); tableData.push({date:'咖啡',name:'86',address:dayjss})">
  264.                 <svg class="icon water" aria-hidden="true">
  265.                 <use xlink:href="#icon-kafei"></use>
  266.                 </svg>
  267.             <el-link :underline="false" class="drinking">咖啡</el-link>
  268.             </li>
  269.             </el-tooltip>
  270.             <el-tooltip content="含水量:96%" placement="top" effect="light">
  271.             <li @click="$message({
  272.           message: '喝奶茶成功',
  273.           type: 'success'
  274.         }); tableData.push({date:'奶茶',name:'96',address:dayjss})">
  275.                 <svg class="icon water" aria-hidden="true">
  276.                 <use xlink:href="#icon-naicha"></use>
  277.                 </svg>
  278.             <el-link :underline="false" class="drinking">奶茶</el-link>
  279.             </li>
  280.             </el-tooltip>
  281.             <el-tooltip content="含水量:95%" placement="top" effect="light">
  282.             <li @click="$message({
  283.           message: '喝酸奶成功',
  284.           type: 'success'
  285.         }); tableData.push({date:'酸奶',name:'95',address:dayjss})">
  286.                 <svg class="icon water" aria-hidden="true">
  287.                 <use xlink:href="#icon-suannai"></use>
  288.                 </svg>
  289.             <el-link :underline="false" class="drinking">酸奶</el-link>
  290.             </li>
  291.             </el-tooltip>
  292.             <el-tooltip content="含水量:89%" placement="top" effect="light">
  293.             <li @click="$message({
  294.           message: '喝可乐成功',
  295.           type: 'success'
  296.         }); tableData.push({date:'可乐',name:'89',address:dayjss})">
  297.                 <svg class="icon water" aria-hidden="true">
  298.                 <use xlink:href="#icon-kele"></use>
  299.                 </svg>
  300.             <el-link :underline="false" class="drinking">可乐</el-link>
  301.             </li>
  302.             </el-tooltip>
  303.             <el-tooltip content="含水量:70%" placement="top" effect="light">
  304.             <li @click="$message({
  305.           message: '喝牛奶成功',
  306.           type: 'success'
  307.         }); tableData.push({date:'牛奶',name:'70',address:dayjss})">
  308.                 <svg class="icon water" aria-hidden="true">
  309.                 <use xlink:href="#icon-niunai"></use>
  310.                 </svg>
  311.             <el-link :underline="false" class="drinking">牛奶</el-link>
  312.             </li>
  313.             </el-tooltip>
  314.             <el-tooltip content="含水量:80%" placement="top" effect="light">
  315.             <li @click="$message({
  316.           message: '喝柠檬水成功',
  317.           type: 'success'
  318.         }); tableData.push({date:'柠檬水',name:'80',address:dayjss})">
  319.                 <svg class="icon water" aria-hidden="true">
  320.                 <use xlink:href="#icon-shiwuningmengshui"></use>
  321.                 </svg>
  322.             <el-link :underline="false" class="drinking">柠檬水</el-link>
  323.             </li>
  324.             </el-tooltip>
  325.            </ul>
  326.             <div class="keyindex">
  327.                 <h3>关键指标</h3>
  328.                 <ul class="clearfix" style="padding:0">
  329.                     <li>
  330.                         <span>喝水记录</span>
  331.                         <div class="day"><span style="font-size:22px; font-family:'仿宋'; cursor: pointer;" @click="examine=true">点击查看</span></div>
  332.                     </li>
  333.                     <li>
  334.                         <span>喝水次数</span>
  335.                         <div class="day"><b style="font-size:22px">{{drinkingcount}}</b> 次</div>
  336.                     </li>
  337.                     <li>
  338.                         <span>当月喝水量</span>
  339.                         <div class="day"><b style="font-size:22px">{{drinkingmonthml}}</b> ml</div>
  340.                     </li>
  341.                     <li>
  342.                         <span>当天喝水量</span>
  343.                         <div class="day"><b style="font-size:22px">{{drinkingdayml}}</b> ml</div>
  344.                     </li>
  345.                 </ul>
  346.             </div>
  347.             <el-dialog
  348.             title="查看详情"
  349.             :visible.sync="examine"
  350.             width="50%"
  351.             >
  352.               <el-table
  353.                 :data="tableData"
  354.                 stripe
  355.                 style="width: 100%; max-height:450px;overflow: auto;">
  356.                 <el-table-column
  357.                 prop="date"
  358.                 label="名称"
  359.                 width="180">
  360.                 </el-table-column>
  361.                 <el-table-column
  362.                 prop="name"
  363.                 label="喝水量"
  364.                 width="180">
  365.                 </el-table-column>
  366.                 <el-table-column
  367.                 prop="address"
  368.                 label="喝水时间">
  369.                 </el-table-column>
  370.             </el-table>
  371.             <span slot="footer" class="dialog-footer">
  372.                 <el-button @click="examine = false">取 消</el-button>
  373.                 <el-button type="primary" @click="examine = false">确 定</el-button>
  374.             </span>
  375.             </el-dialog>
  376.         </el-tab-pane>
  377.         <el-tab-pane label="记账管理">
  378.             <div class="totalassets">
  379.                 <h3>总资产</h3>
  380.                 <div class="summoney">{{computerasset}}</div>
  381.                 <h4 class="liabilities">负债:<b>{{incurdebts}}</b></h4>
  382.             </div>
  383.         <div class="capitalaccount">
  384.             <el-collapse v-model="activeNames">
  385.           <el-collapse-item title="资金账户" name="1" >
  386.             <div class="Listoffunds clearfix" v-for="i in assetsaccount.length" :key="i">
  387.                 <span>{{assetsaccount[i-1].business}}</span>
  388.                 <span>{{assetsaccount[i-1].monetaryunit}}</span>
  389.             </div>
  390.           </el-collapse-item>
  391.         </el-collapse>
  392.         </div>
  393.         <div class="Addassets" @click="keepaccounts=true"><span>+</span>添加</div>
  394.         <el-dialog
  395.             title="请您输入要添加的应用"
  396.             :visible.sync="keepaccounts"
  397.             width="30%"
  398.             >
  399.             <el-select class="selectpush" v-model="values" placeholder="请选择">
  400.                 <el-option
  401.                 v-for="item in options"
  402.                 :key="item.value"
  403.                 :label="item.label"
  404.                 :value="item.value">
  405.                 </el-option>
  406.             </el-select>
  407.             <br>
  408.              <label for="" style="margin:3%">所做事务</label>
  409.             <el-input v-model="business" placeholder="请输入内容"></el-input>
  410.             <label for="" style="margin:3%">金额</label>
  411.             <el-input type="text" maxlength='6' v-model.number="monetaryunit"  placeholder="请输入内容"></el-input>
  412.             <span slot="footer" class="dialog-footer">
  413.                 <el-button @click="keepaccounts = false">取 消</el-button>
  414.                 <el-button type="primary" @click="keepaccountss">确 定</el-button>
  415.             </span>
  416.         </el-dialog>
  417.         </el-tab-pane>
  418.         <el-tab-pane label="生活管理">
  419.         <div class="work">
  420.             <footer>
  421.                 <span>生活规划表</span>
  422.                 <el-button size="mini" @click="dailyroutine=true" class="workbtn" type="primary" icon="el-icon-edit"></el-button>
  423.             </footer>
  424.             <ul>
  425.                 <li v-for="i in livelist2.length" :key="i">
  426.                     <span class="workLeft">{{livelist2[i-1].starttime}}-{{livelist2[i-1].endtime}}</span>
  427.                     <span class="workRight">{{livelist2[i-1].workcontent}}</span>
  428.                 </li>
  429.             </ul>
  430.         </div>
  431.         <el-dialog
  432.         title="编辑如下作息时间"
  433.         :visible.sync="updataDate"
  434.         width="35%"
  435.         >
  436.             <div>
  437.                  <el-time-select
  438.                     placeholder="起始时间"
  439.                     v-model="startTime"
  440.                     :picker-options="{
  441.                     start: '00:00',
  442.                     step: '00:15',
  443.                     end: '24:59'
  444.                     }">
  445.                 </el-time-select>
  446.                 <el-time-select
  447.                     placeholder="结束时间"
  448.                     v-model="endTime"
  449.                     :picker-options="{
  450.                     start: '00:00',
  451.                     step: '00:15',
  452.                     end: '24:59',
  453.                     minTime: startTime
  454.                     }">
  455.                 </el-time-select>
  456.             </div>
  457.             <span slot="footer" class="dialog-footer">
  458.                 <el-button @click="updataDate = false">取 消</el-button>
  459.                 <el-button type="primary" @click="updataDates">确 定</el-button>
  460.             </span>
  461.         </el-dialog>
  462.         <el-dialog
  463.             title="编辑如下作息时间"
  464.             :visible.sync="dailyroutine"
  465.             width="50%"
  466.             >
  467.             <el-button @click="addwordk" type="success" style="margin-bottom:3%;margin-left:2%" size="mini">添加</el-button>
  468.             <div class="work" style="border-radius:15px">
  469.             <ul>
  470.                <li v-for="i in livelist.length" :key="i">
  471.                     <span @click="updataDatess(i-1)"  class="workLeft">{{livelist3[i-1].starttime}}-{{livelist3[i-1].endtime}}</span>
  472.                     <input type="text" class="workRight" v-model="livelist3[i-1].workcontent">
  473.                     <el-button @click="deletes(i-1)" style="float:right;margin-top:3px; margin-right:3px" type="primary" size="mini" icon="el-icon-delete"></el-button>
  474.                 </li>
  475.             </ul>
  476.         </div>
  477.             <span slot="footer" class="dialog-footer">
  478.                 <el-button @click="dailyroutine = false">取 消</el-button>
  479.                 <el-button type="primary" @click="dailyroutines">确 定</el-button>
  480.             </span>
  481.         </el-dialog>
  482.         </el-tab-pane>
  483.         <el-tab-pane label="日记管理">
  484.             <mavon-editor ref="md" @save="demo" v-model="valuessss" :toolbars="markdownOption"/>
  485.             <el-button @click="diary=true" type="success" size="small" style="margin-top:3%">发布</el-button>
  486.             <el-dialog
  487.             title="发布日记"
  488.             :visible.sync="diary"
  489.             width="35%"
  490.             >
  491.             <label for="" style="margin:3%">标题内容</label>
  492.             <el-input maxlength="20" style="width:60%;margin-top:1%" v-model="titlecontent" placeholder="请输入内容"></el-input>
  493.             <br>
  494.             <label for="" style="margin:3%">摘要内容</label>
  495.             <el-input minlength="30" maxlength="60" style="width:60%;margin-top:1%" v-model="abstractcontent" placeholder="请输入内容"></el-input>
  496.             <br>
  497.             <label  for="" style="margin:3%">作者姓名</label>
  498.             <el-input maxlength="10" style="width:60%;margin-top:1%" v-model="authorname" placeholder="请输入内容"></el-input>
  499.               <span slot="footer" class="dialog-footer">
  500.                 <el-button size="small" @click="diary = false">取 消</el-button>
  501.                 <el-button size="small" type="primary" @click="diarys">确 定</el-button>
  502.             </span>
  503.             </el-dialog>
  504.             <el-dialog
  505.             title="日记内容"
  506.             :visible.sync="alertdiary"
  507.             width="35%"
  508.             >
  509.             <div v-html="journalcontent"></div>
  510.             <span slot="footer" class="dialog-footer">
  511.                 <el-button size="small" @click="deletediary">删除此条日记</el-button>
  512.                 <el-button size="small" @click="alertdiary = false">取 消</el-button>
  513.                 <el-button size="small" type="primary" @click="alertdiary=false">确 定</el-button>
  514.             </span>
  515.             </el-dialog>
  516.             <div class="article" style="overflow:auto;">
  517.             <ul>
  518.                 <li @click="alertdiaryy(i)" class="clearfix" v-for="i in messagecontent.length" :key="i">
  519.                     <div class="articleimg"><img src="img/snow.jpg" alt=""></div>
  520.                     <div class="articlecontent">
  521.                         <article class="one">{{messagecontent[i-1].titlecontent}}</article>
  522.                         <article class="two">{{messagecontent[i-1].abstractcontent}}</article>
  523.                         <article class="three">{{messagecontent[i-1].authorname}}</article>
  524.                     </div>
  525.                 </li>
  526.             </ul>
  527.             </div>
  528.         </el-tab-pane>
  529.         <el-tab-pane label="课程管理">
  530.             <table class="coursemanagement">
  531.                 <tr>
  532.                     <th>当前周次</th>
  533.                     <th>节次</th>
  534.                     <th>周一</th>
  535.                     <th>周二</th>
  536.                     <th>周三</th>
  537.                     <th>周四</th>
  538.                     <th>周五</th>
  539.                     <th>周六</th>
  540.                     <th>周日</th>
  541.                 </tr>
  542.                 <tr>
  543.                     <td>11</td>
  544.                     <td>1-2</td>
  545.                     <td></td>
  546.                     <td></td>
  547.                     <td>Python程序设计 - 程新丽江夏教学楼二605单双周@1-15(周)</td>
  548.                     <td>Python程序设计 - 程新丽江夏教学楼二605单双周@1-15(周)</td>
  549.                     <td>Java Web应用开发 - 杨健江夏教学楼二604单双周@1-15(周)</td>
  550.                     <td></td>
  551.                     <td></td>
  552.                 </tr>
  553.                 <tr>
  554.                     <td>11</td>
  555.                     <td>3-4</td>
  556.                     <td>Python程序设计 - 程新丽江夏教学楼二605单双周@1-15(周)</td>
  557.                     <td>Java Web应用开发 - 杨健江夏教学楼二604单双周@1-15(周)</td>
  558.                     <td>JavaScript基础 - 郝琼笃行楼707-3 物联网应用创新实训室单双周@1-15(周)</td>
  559.                     <td>JavaScript基础 - 郝琼笃行楼707-3 物联网应用创新实训室单双周@1-15(周)</td>
  560.                     <td>软件测试实用技术 - 廖梦虎笃行楼716-3 软件测试实训室单双周@1-15(周)</td>
  561.                     <td></td>
  562.                     <td></td>
  563.                 </tr>
  564.                 <tr>
  565.                     <td>11</td>
  566.                     <td>5-6</td>
  567.                     <td>软件测试实用技术 - 廖梦虎笃行楼716-3 软件测试实训室单双周@1-15(周)</td>
  568.                     <td>专业英语 - 苏雪江夏教学楼一406单双周@1-15(周)</td>
  569.                     <td>软件测试实用技术 - 廖梦虎笃行楼716-3 软件测试实训室单双周@1-15(周)</td>
  570.                     <td></td>
  571.                     <td></td>
  572.                     <td></td>
  573.                     <td></td>
  574.                 </tr>
  575.                 <tr>
  576.                     <td>11</td>
  577.                     <td>7-8</td>
  578.                     <td>专业英语 - 苏雪江夏教学楼一406单双周@1-15(周)</td>
  579.                     <td></td>
  580.                     <td></td>
  581.                     <td></td>
  582.                     <td></td>
  583.                     <td></td>
  584.                     <td></td>
  585.                 </tr>
  586.                 
  587.             </table>
  588.         </el-tab-pane>
  589.         <el-tab-pane label="生理期">作者未作</el-tab-pane>
  590.         <el-tab-pane label="天气管理">
  591.            <weather></weather>
  592.         </el-tab-pane>
  593.     </el-tabs>
  594.     </div>
  595.     <div class="carousel hidden-md-and-down">
  596.         <h3 style="font-size:18px">图片欣赏</h3>
  597.          <el-carousel :interval="4000" type="card" height="300px">
  598.     <el-carousel-item v-for="item in imgs" :key="item.src">
  599.       <h3 class="medium images">
  600.         <img :src="item" alt="" >
  601.       </h3>
  602.     </el-carousel-item>
  603.   </el-carousel>
  604.     </div>
  605.   </el-col>
  606.   <el-col :span="6">
  607.     <div class="mianRight clearfix hidden-md-and-down">
  608.        <div class="clearfixs gradualchange">
  609.          <h3>排行榜</h3>
  610.     <el-button-group class="rank">
  611.         <el-button size="mini" :round="true" type="primary" >个人</el-button>
  612.         <el-button size="mini" type="primary" >本服</el-button>
  613.         <el-button size="mini" :round="true" type="primary" >全区</el-button>
  614.     </el-button-group>
  615.         <span class="rankmessg">我的排名: {{place}}</span>
  616.        </div>
  617.        <span class="contribution">我的贡献力: {{contribution}}</span>
  618.        <ul class="rankcontent">
  619.         <li v-for="i in senioritys.length" :key="i">
  620.             <span>{{i}}</span>
  621.             <span class="headportrait"><el-avatar :size='50' src="./img/photo.png"></el-avatar></span>
  622.             <span class="use">{{senioritys[i-1].name}}</span>
  623.             <span class="count">{{senioritys[i-1].integral}}积分</span>
  624.         </li>
  625.        </ul>
  626.     </div>
  627.     <div class="common hidden-md-and-down">
  628.         <h3>常见问题</h3>
  629.         <ul class="issue">
  630.             <li>平台的使用规则以及功能</li>
  631.             <li>为什么有些需要权限登录</li>
  632.             <li>还有更多等待你的发现</li>
  633.             <li>忘记密码了该怎么办呢？</li>
  634.         </ul>
  635.     </div>
  636.         <div class="messagecenter hidden-md-and-down">
  637.             <h3>消息中心</h3>
  638.             <ul>
  639.                 <li>我的事务: <span>0</span>条</li>
  640.                 <li>我的会议: <span>0</span>条</li>
  641.                 <li>我的通知: <span>0</span>条</li>
  642.             </ul>
  643.         </div>
  644.   </el-col>
  645. </el-row>
  646.   </el-main>
  647. </el-container>
  648.   </div>
  649. </template>
  650.  
  651. <script>
  652. const ip = 'http://8.130.120.38:5000'
  653. var naid;
  654. var deleterj
  655. //导入进度条模块
  656. import NProgress from 'nprogress'
  657. import 'nprogress/nprogress.css'
  658. import axios from 'axios'
  659. import dayjs from 'dayjs'
  660. import {nanoid} from 'nanoid'
  661. import weather from './weather.vue'
  662. export default {
  663.         props:['user','email'],
  664.         mounted(){
  665.             this.username=this.user;
  666.             this.uesremail=this.email;
  667.              setInterval(() => {
  668.                 this.dayjss = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
  669.                 // console.log(dayjs(new Date()).format('HH:mm'));
  670.              },1000);
  671.             axios({
  672.             url:`http://8.130.120.38:5000/getID`,
  673.             method:"GET",
  674.             }).then((res)=>{
  675.                 // console.log(res.data);
  676.                 this.uesremail=res.data.email;
  677.                 this.username=res.data.urename;
  678.                 this.text=this.username
  679.             })
  680.             axios({
  681.             url:`http://8.130.120.38:5000/acquire`,
  682.             method:"GET",
  683.            }).then((res)=>{
  684.                 // console.log(res.data);
  685.                 this.assetsaccount=res.data
  686.            },(err)=>{
  687.                 console.log("错误");
  688.            });
  689.            axios({
  690.                 url:`http://8.130.120.38:5000/workrequest`,
  691.                 method:"GET",
  692.             }).then((res)=>{
  693.                 console.log("请求workrequest"+res.data);
  694.                 this.ki=res.data.ki;
  695.                 this.kj=res.data.kj;
  696.                 this.kk=res.data.kk;
  697.                 this.livelist=res.data.livelist
  698.                 this.livelist2=res.data.livelist2
  699.                 this.livelist3=res.data.livelist3
  700.             });
  701.             axios({
  702.                 url:`http://8.130.120.38:5000/storediarys`,
  703.                 method:"GET",
  704.             }).then((res)=>{
  705.                 console.log("请求storediarys"+res.data);
  706.                 this.journalcontent=res.data.journalcontent;
  707.                 this.messagecontent=res.data.messagecontent
  708.             });
  709.             axios({
  710.                 url:`http://8.130.120.38:5000/personage`,
  711.                 method:"GET",
  712.             }).then(res=>{
  713.                 console.log("请求personage"+res.data);
  714.                 this.sex=res.data.sex;
  715.                 this.nickname=res.data.nickname;
  716.                 this.sex=='男'?this.radio='1':this.radio='2'
  717.             });
  718.             axios({
  719.                 url:`http://8.130.120.38:5000/sisters`,
  720.                 method:"GET",
  721.             }).then(res=>{
  722.                 // console.log(res.data);
  723.                 this.senioritys = res.data;
  724.                 // console.log(this.senioritys);
  725.                 // console.log(this);
  726.             });
  727.             //贡献力请求
  728.             axios({
  729.                 url:`http://8.130.120.38:5000/contribution`,
  730.                 method:"GET",
  731.             }).then(res=>{
  732.                 // console.log(res.data);
  733.                 this.contribution=res.data.integral
  734.             });
  735.             axios({
  736.                     url:`http://8.130.120.38:5000/drinkwater`,
  737.                     method:"GET",
  738.                 }).then(res=>{
  739.                 //    console.log(res.data);
  740.                     this.tableData=res.data
  741.                 })
  742.             // console.log(this.senioritys[0]);
  743.         },
  744.     data () {
  745.         return {
  746.             dayjss:'',
  747.             tableData:[],
  748.             drinkingcounts:0,
  749.             // drinkingday:0,
  750.             senioritys:[],
  751.             contribution:0,
  752.             loginouts:'',
  753.       markdownOption: {
  754.     bold: true, // 粗体
  755.     italic: true, // 斜体
  756.     header: true, // 标题
  757.     underline: true, // 下划线
  758.     strikethrough: true, // 中划线
  759.     mark: true, // 标记
  760.     superscript: true, // 上角标
  761.     subscript: true, // 下角标
  762.     quote: true, // 引用
  763.     ol: true, // 有序列表
  764.     ul: true, // 无序列表
  765.     link: true, // 链接
  766.     imagelink: false, // 图片链接
  767.     code: true, // code
  768.     table: false, // 表格
  769.     fullscreen: true, // 全屏编辑
  770.     readmodel: true, // 沉浸式阅读
  771.     htmlcode: false, // 展示html源码
  772.     help: true, // 帮助
  773.     /* 1.3.5 */
  774.     undo: true, // 上一步
  775.     redo: true, // 下一步
  776.     trash: true, // 清空
  777.     save: true, // 保存（触发events中的save事件）
  778.     /* 1.4.2 */
  779.     navigation: true, // 导航目录
  780.     /* 2.1.8 */
  781.     alignleft: true, // 左对齐
  782.     aligncenter: true, // 居中
  783.     alignright: true, // 右对齐
  784.     /* 2.2.1 */
  785.     subfield: false, // 单双栏模式
  786.     preview: true, // 预览
  787. },
  788.             sex:'',
  789.             nickname:'',
  790.             journalcontent:"",
  791.             messagecontent:[],
  792.             authorname:'',
  793.             abstractcontent:'',
  794.             titlecontent:'',
  795.             valuessss:'',
  796.             ki:0,
  797.             kj:0,
  798.             kk:0,
  799.             livelist:[],
  800.             livelist2:[],
  801.             livelist3:[],
  802.             startTime: '',
  803.             endTime: '',
  804.             username:'',
  805.             uesremail:'',
  806.             assetsaccount:[],
  807.             business:"",
  808.             monetaryunit:'',
  809.             values:"",
  810.              options: [
  811.             {
  812.             value: '支出',
  813.             label: '支出'
  814.              }, 
  815.              {
  816.             value: '收入',
  817.             label: '收入'
  818.              },
  819.         ],
  820.             itemss:1,
  821.             putinto:"",
  822.             apply:["办公服务"],
  823.             radio:"1",
  824.             textarea:123,
  825.             text:'',
  826.             activeNames :['2','2'],
  827.             value: new Date(),
  828.             form:{
  829.                 desc:""
  830.             },
  831.             imgs:[
  832.                 "img/1.jpg",
  833.                 "img/2.jpg",
  834.                 "img/3.jpg"
  835.             ],
  836.             dialogTableVisible: false,
  837.             dialogVisible:false,
  838.             add:false,
  839.             keepaccounts:false,
  840.             dailyroutine:false,
  841.             updataDate:false,
  842.             diary:false,
  843.             alertdiary:false,
  844.             examine:false
  845.         }
  846.     },
  847.     methods:{
  848.         issue(){
  849.            if(this.form.desc==''){
  850.             this.$message.error('还没有输入内容呢');
  851.            }else{
  852.                 axios({
  853.                     url:`http://8.130.120.38:5000/feedback`,
  854.                     method:"GET",
  855.                     params:{
  856.                         content:this.form.desc
  857.                     }
  858.                 })
  859.                 this.form.desc='';
  860.                 this.$message({
  861.                 message: '发布成功',
  862.                 type: 'success'
  863.                 });
  864.            }
  865.           
  866.         },
  867.         dialogVisibles(){
  868.             this.dialogVisible = false;
  869.             // console.log(this.loginouts);
  870.             if(this.loginouts==this.username){
  871.                 axios({
  872.                 url:`http://8.130.120.38:5000/loginout`,
  873.                 method:"POST",
  874.                 data:{
  875.                     username:this.username
  876.                 }
  877.             });
  878.             alert("已题提交后台,等待处理");
  879.             }else{
  880.                 this.$message.error('密码验证错误');
  881.             }  
  882.         },
  883.         demo(){
  884.             console.log("deml被触发");
  885.             console.log(this.$refs.md.d_render);
  886.         },
  887.         addwordk(){
  888.             this.livelist3.push({
  889.                 starttime:'',
  890.                 endtime:'',
  891.                 workcontent:'',
  892.             });
  893.             this.livelist.push({
  894.                 starttime:this.livelist3[this.ki].starttime,
  895.                 endtime:this.livelist3[this.kj].endtime,
  896.                 workcontent:this.livelist3[this.kk].workcontent,
  897.             });
  898.             axios({
  899.                 url:`http://8.130.120.38:5000/live`,
  900.                 method:"POST",
  901.                 data:{
  902.                     username:this.username,
  903.                     ki:this.ki,
  904.                     kj:this.kj,
  905.                     kk:this.kk,
  906.                     livelist:this.livelist,
  907.                     livelist2:this.livelist2,
  908.                     livelist3:this.livelist3,
  909.                 }
  910.             })
  911.             this.ki++;
  912.             this.kj++;
  913.             this.kk++;
  914.         },
  915.         adds(){
  916.             this.add=false,
  917.             this.itemss++,
  918.             this.apply.push(this.putinto)
  919.         },
  920.         open(){
  921.             this.$alert('请练联系管理员修改', '提示', {
  922.           confirmButtonText: '确定',
  923.         });
  924.         },
  925.         author(){
  926.             this.$alert('作者也只是个前端爱好者罢了', '提示', {
  927.           confirmButtonText: '确定',
  928.         });
  929.         },
  930.         Moreoperations(){
  931.             this.$message({
  932.           message: '暂且没有此功能',
  933.           type: 'success'
  934.         });
  935.         },
  936.         exit(){
  937.             NProgress.start()//显示上方进度条
  938.             NProgress.inc() //进度条加一
  939.             NProgress.done()//结束进度条
  940.             setTimeout(()=>{
  941.                 this.$router.push("/login")
  942.             },1000)
  943.         },
  944.         clicks(){
  945.             this.$alert('期待作者更新吧', '提示', {
  946.           confirmButtonText: '确定',});
  947.         },
  948.         keepaccountss(){
  949.             this.keepaccounts=false;
  950.             if(this.values=='收入'){
  951.             this.assetsaccount.push({
  952.                 monetaryunit:this.monetaryunit,
  953.                 business:this.business
  954.             });
  955.             axios({
  956.             url:`http://8.130.120.38:5000/assetsaccount`,
  957.             method:"POST",
  958.             data:{
  959.                 assetsaccount:this.assetsaccount,
  960.                 uersnames:this.username
  961.             }
  962.             })
  963.             }else if(this.values=='支出'){
  964.                 this.assetsaccount.push({
  965.                 monetaryunit:-this.monetaryunit,
  966.                 business:this.business
  967.             }); 
  968.             axios({
  969.             url:`http://8.130.120.38:5000/assetsaccount`,
  970.             method:"POST",
  971.             data:{
  972.                 assetsaccount:this.assetsaccount,
  973.                 uersnames:this.username
  974.             }
  975.             })
  976.             }else{
  977.                 this.$message({
  978.                 message: '添加失败',
  979.                 type: 'error'
  980.                 });
  981.             }
  982.             this.monetaryunit='';
  983.             this.business='';
  984.         },
  985.         dailyroutines(){
  986.             // this.dailyroutine=false;
  987.             this.$confirm('确定保存修改吗?', '提示', {
  988.           confirmButtonText: '确定',
  989.           cancelButtonText: '取消',
  990.           type: 'warning'
  991.         }).then(() => {
  992.            this.dailyroutine=false;
  993.            let k = 0;
  994.            for(let p = 0 ; p < this.livelist3.length;p++){
  995.                 if(this.livelist3[p].starttime==''||this.livelist3[p].endtime==''||this.livelist3[p].workcontent==''){
  996.                      this.$message.error('添加信息不能为空');
  997.                      this.dailyroutine=true;
  998.                      return;
  999.                 }
  1000.                 this.livelist[p].starttime=this.livelist3[p].starttime
  1001.                 this.livelist[p].endtime=this.livelist3[p].endtime
  1002.                 this.livelist[p].workcontent=this.livelist3[p].workcontent
  1003.             }
  1004.            this.livelist.forEach(element=>{
  1005.             this.livelist2[k++]={
  1006.                 starttime:element.starttime,
  1007.                 endtime:element.endtime,
  1008.                 workcontent:element.workcontent,
  1009.             }
  1010.            });
  1011.            axios({
  1012.                 url:`http://8.130.120.38:5000/live`,
  1013.                 method:"POST",
  1014.                 data:{
  1015.                     username:this.username,
  1016.                     ki:this.ki,
  1017.                     kj:this.kj,
  1018.                     kk:this.kk,
  1019.                     livelist:this.livelist,
  1020.                     livelist2:this.livelist2,
  1021.                     livelist3:this.livelist3,
  1022.                 }
  1023.             })
  1024.         }).catch(() => {
  1025.             this.dailyroutine=true;   
  1026.         });
  1027.         },
  1028.         deletes(id){
  1029.             this.$confirm('是否删除此条记录?', '提示', {
  1030.           confirmButtonText: '确定',
  1031.           cancelButtonText: '取消',
  1032.           type: 'warning'
  1033.         }).then(() => {
  1034.             // console.log(id);
  1035.             // console.log(this.livelist3);
  1036.             this.livelist3.splice(id,1);
  1037.             this.livelist2.splice(id,1);
  1038.             this.livelist.splice(id,1);
  1039.             this.ki--;
  1040.             this.kj--;
  1041.             this.kk--;
  1042.             axios({
  1043.                 url:`http://8.130.120.38:5000/live`,
  1044.                 method:"POST",
  1045.                 data:{
  1046.                     username:this.username,
  1047.                     ki:this.ki,
  1048.                     kj:this.kj,
  1049.                     kk:this.kk,
  1050.                     livelist:this.livelist,
  1051.                     livelist2:this.livelist2,
  1052.                     livelist3:this.livelist3,
  1053.                 }
  1054.             })
  1055.         }).catch(() => {
  1056.                   
  1057.         });
  1058.         },
  1059.         updataDates(){
  1060.             this.updataDate=false;
  1061.             console.log(naid);
  1062.             this.livelist3[naid].starttime=this.startTime;
  1063.             this.livelist3[naid].endtime=this.endTime
  1064.         },
  1065.         updataDatess(id){
  1066.             naid=id;
  1067.             console.log(id);
  1068.             this.updataDate=true;
  1069.         },
  1070.         diarys(){
  1071.             this.diary=false;
  1072.             this.messagecontent.push({
  1073.                 authorname:this.authorname,
  1074.                 abstractcontent:this.abstractcontent,
  1075.                 titlecontent:this.titlecontent
  1076.             });
  1077.             this.journalcontent=this.$refs.md.d_render;
  1078.             axios({
  1079.                 url:`http://8.130.120.38:5000/diarys`,
  1080.                 method:"POST",
  1081.                 data:{
  1082.                     username:this.username,
  1083.                     journalcontent:this.journalcontent,
  1084.                     messagecontent:this.messagecontent
  1085.                 }
  1086.             })
  1087.         },
  1088.         deletediary(){
  1089.             this.alertdiary=false;
  1090.             this.messagecontent.splice(deleterj-1,1);
  1091.             this.journalcontent='';
  1092.             axios({
  1093.                 url:`http://8.130.120.38:5000/diarys`,
  1094.                 method:"POST",
  1095.                 data:{
  1096.                     username:this.username,
  1097.                     journalcontent:this.journalcontent,
  1098.                     messagecontent:this.messagecontent
  1099.                 }
  1100.             })
  1101.         },
  1102.         alertdiaryy(id){
  1103.             this.alertdiary=true;
  1104.             deleterj=id
  1105.         },
  1106.         drinkwater(){
  1107.              axios({
  1108.                     url:`http://8.130.120.38:5000/drinking`,
  1109.                     method:'GET',
  1110.                     params:{
  1111.                         username:this.username,
  1112.                         tableData : this.tableData
  1113.                     }
  1114.                 })
  1115.         }
  1116.     },
  1117.     computed:{
  1118.         computerasset(){
  1119.             let sum = 0;
  1120.             this.assetsaccount.forEach((element)=>{
  1121.                 sum+=element.monetaryunit
  1122.             });
  1123.             axios({
  1124.                 url:`http://8.130.120.38:5000/admincharge`,
  1125.                 method:"GET",
  1126.                 params:{
  1127.                     name:this.username,
  1128.                     sum:sum
  1129.                 }
  1130.             })
  1131.             return sum;
  1132.         },
  1133.         incurdebts(){
  1134.             if(this.computerasset<0){
  1135.                 let beindebt = ''+this.computerasset;
  1136.                return beindebt.slice(1);
  1137.             }else{
  1138.                 return 0;
  1139.             }
  1140.         },
  1141.         place(){
  1142.             for(let i = 0 ; i < this.senioritys.length ; i++){
  1143.                 // console.log(this.senioritys[i].name);
  1144.                 // console.log(this.nickname);
  1145.                 if(this.senioritys[i].name==this.nickname){
  1146.                     return i+1;
  1147.                 }
  1148.             }
  1149.         },
  1150.         drinkingdayml:{
  1151.             // console.log(dayjs(new Date()).format('YYYY-MM-DD'));
  1152.             // console.log(this.tableData[0].address.substr(0,10));
  1153.             get: function(){
  1154.                 let sum = 0
  1155.                 for(let i = 0 ; i < this.tableData.length ; i++ ){
  1156.                     if(dayjs(new Date()).format('YYYY-MM-DD')==this.tableData[0].address.substr(0,10))
  1157.                     sum+=Number(this.tableData[i].name);
  1158.                 }
  1159.                 return sum;
  1160.             },
  1161.             set:function(value){
  1162.                 console.log(value);
  1163.             }
  1164.         },
  1165.         drinkingmonthml:{
  1166.             get:function(){
  1167.             let sum = 0
  1168.             for(let i = 0 ; i < this.tableData.length ; i++ ){
  1169.                 if(dayjs(new Date()).format('YYYY-MM')==this.tableData[0].address.substr(0,7))
  1170.                 sum+=Number(this.tableData[i].name);
  1171.             }
  1172.                 return sum;
  1173.             },
  1174.             set:function(value){
  1175.                 console.log(value);
  1176.             }
  1177.         },
  1178.         drinkingcount:{
  1179.             get:function(){
  1180.                 return this.tableData.length
  1181.             },
  1182.             set:function(value){
  1183.                 console.log(value);
  1184.             }
  1185.         }
  1186.     },
  1187.     components:{
  1188.         weather
  1189.     }
  1190. }
  1191. </script>
  1192.  
  1193. <style scoped>
  1194. .box{
  1195.     height: 200% ;
  1196.     background-image: linear-gradient(to right, #a8edea 0%,#fff,70%, #fed6e3 100%);
  1197. }
  1198.     /* 头部开始部分 */
  1199.  .bgc{
  1200.     display: flex;
  1201.     height: 50px;
  1202.     background-color: #5a5353;
  1203.     position: relative;
  1204.     overflow: hidden;
  1205.  }
  1206.  .headline{
  1207.     font-size: 25px;
  1208.     color: #fff;
  1209.     font-family: "宋体";
  1210.     line-height: 50px;
  1211.     padding-left: 2%;
  1212.  }
  1213.  .nav{
  1214.     display: flex;
  1215.     width: 30%;
  1216.  
  1217.  }
  1218.  .nav li{
  1219.     cursor: pointer;
  1220.     flex: 1;
  1221.     margin-left: 10%;
  1222.     color: #fff;
  1223.     line-height: 50px;
  1224.  }
  1225.   .nav li:hover{
  1226.     color: #a8edea;
  1227.   }
  1228.  .navright{
  1229.     display: flex;
  1230.     /* margin-left: 46%; */
  1231.     position: absolute;
  1232.     right: 1%;
  1233.     width: 12%;
  1234.  }
  1235.  .navright li{
  1236.     line-height: 50px;
  1237.     color: #fff;
  1238.     margin-left: 10%;
  1239.     cursor: default;
  1240.  }
  1241.  
  1242.  /*主体部分 */
  1243.  /*左侧 */
  1244.  .mianLeft{
  1245.     height: 350px !important;
  1246.     background-color: #fff;
  1247.     border-radius: 20px;
  1248.  }
  1249.  .personal{
  1250.     font-family: "宋体";
  1251.     padding: 10px;
  1252.     margin: 0;
  1253.  }
  1254. .icon{
  1255.     position: relative;
  1256.     padding: 25px;
  1257. }
  1258. .information{
  1259.     position: absolute;
  1260.     
  1261.     top: 5%;
  1262.     left: 35%;
  1263.     display: flex;
  1264.     flex-direction: column;
  1265. }
  1266. .information li{
  1267.     flex: 1;
  1268.     margin-top: 20px;
  1269. }
  1270. .bottombtn{
  1271.     text-align: center;
  1272.     margin-top: 15%;
  1273. }
  1274. .sqlmessage{
  1275.     background-color: #fff;
  1276.     border-radius: 10px;
  1277. }
  1278. .sqlmessage h3{
  1279.     font-family: "宋体";
  1280.     font-size: 21px;
  1281.     padding: 15px;
  1282. }
  1283.  
  1284. .transaction ul{
  1285.     padding-left: 10%;
  1286. }
  1287. .transaction ul li{
  1288.     margin-top: 5%;
  1289.     width: 85%;
  1290.     height: 20%;
  1291.     background-color: #f8f8f8;
  1292. }
  1293. .transaction ul li:first-child{
  1294.      margin-top: 0;
  1295. }
  1296. .transaction ul li:last-child{
  1297.     padding-bottom: 7%;
  1298. }
  1299. .transaction ul li div span{
  1300.     margin-left: 10%;
  1301. }
  1302. .transaction ul li div i{
  1303.     float: right;
  1304.     margin-right: 5%;
  1305.     margin-top: 3%;
  1306. }
  1307. .calendar{
  1308.     border-radius: 15px;
  1309. }
  1310. .calendar .calendars{
  1311.     border-radius: 15px;
  1312. }
  1313. ::v-deep .el-calendar-table thead th{
  1314.     text-align: center;
  1315. }
  1316. ::v-deep .el-calendar-table tbody tr td{
  1317.     text-align: center;
  1318. }
  1319. ::v-deep .el-calendar-table tbody tr td span{
  1320.     line-height: 50px;
  1321. }
  1322.  .calendar /deep/  .el-calendar-table .el-calendar-day{
  1323.     height: 60px;
  1324.   }
  1325.  
  1326.   .announcement{
  1327.     background-color: #fff;
  1328.     border-radius: 10px;
  1329.   }
  1330.   .announcement h3{
  1331.     padding: 15px;
  1332.     font-family: "宋体";
  1333.     font-size: 20px;
  1334.   }
  1335.   .announcement .announcementBtn{
  1336.     margin: 2% 0 2% 2%;
  1337.   }
  1338.  
  1339. /*中间部分 */
  1340. .mianmid{
  1341.     background-color: #fff;
  1342.     border-radius: 15px;
  1343. }
  1344. .mianmid h3{
  1345.     margin: 0;
  1346.     float: left;
  1347.     padding: 15px;
  1348.     font-family: "宋体";
  1349.     font-size: 20px;
  1350. }
  1351. .floatBtn{
  1352.     float: right;
  1353.     margin: 15px;
  1354. }
  1355.  
  1356. .mianmid .list li{
  1357.     float: left;
  1358.     margin-right: 5%;
  1359.     margin-top: 5%;
  1360. }
  1361. .subtitle{
  1362.     display: block;
  1363. }
  1364.  
  1365. .tabs{
  1366.     margin-top: 5%;
  1367. }
  1368. .tabsround{
  1369.     border-radius: 15px !important;
  1370. }
  1371. .tabsround li{
  1372.     float: left;
  1373.     padding-left: 5%;
  1374.     padding-top: 1%;
  1375. }
  1376. .water{
  1377.     font-size: 5em;
  1378.     width: 1em;
  1379.     height: 1em;
  1380.     vertical-align: -0.15em;
  1381.     fill: currentColor;
  1382.     overflow: hidden;
  1383.     padding: 15px;
  1384. }
  1385. .drinking{
  1386.     text-align: center;
  1387.     display: block;
  1388.     padding: 0 8px;
  1389. }
  1390. .keyindex h3{
  1391.     padding: 18px;
  1392.     font-family: "宋体";
  1393.     font-size: 20px;
  1394. }
  1395. .keyindex ul li {
  1396.     margin: 15px;
  1397.     width: 45%;
  1398.     height: 25%;
  1399.     background-color: #f8f8f8;
  1400.     border-radius: 10px;
  1401. }
  1402. .keyindex ul li .day{
  1403.     padding-top: 15%;
  1404. }
  1405.  
  1406. .totalassets{
  1407.     position: relative;
  1408.     height: 100px;
  1409.     background-color: #fab57e;
  1410.     border-radius: 10px ;
  1411. }
  1412. .totalassets h3{
  1413.     padding: 15px;
  1414.     color: #fff;
  1415. }
  1416. .totalassets .summoney{
  1417.     font-size: 25px;
  1418.     color: #fff;
  1419.     font-weight: 700;
  1420.     padding-left: 15px;
  1421. }
  1422. .totalassets .liabilities{
  1423.     color: #fff;
  1424.     position: absolute;
  1425.     bottom: 0;
  1426.     right: 0;
  1427.     margin-right: 5%;
  1428. }
  1429.  
  1430. .capitalaccount{
  1431.     margin-top: 5%;
  1432.     border-radius: 15px;
  1433. }
  1434. .Listoffunds span:first-child{
  1435.     float: left;
  1436. }
  1437. .Listoffunds span:last-child{
  1438.     margin-right: 3%;
  1439.     float: right;
  1440.     color: green;
  1441.     font-weight: 700;
  1442. }
  1443.  
  1444. .carousel{
  1445.     margin-top: 5%;
  1446.     background-color: #fff;
  1447.     border-radius: 10px;
  1448.     padding: 15px;
  1449. }
  1450. .el-carousel__item{
  1451.     border-radius: 10px;
  1452. }
  1453. .el-carousel__item h3 {
  1454.     color: #475669;
  1455.     font-size: 20px;
  1456.     opacity: 0.75;
  1457.     line-height: 300px;
  1458.     margin: 0;
  1459.   }
  1460.   
  1461.   .el-carousel__item:nth-child(2n) {
  1462.     background-color: #99a9bf;
  1463.   }
  1464.   
  1465.   .el-carousel__item:nth-child(2n+1) {
  1466.     background-color: #d3dce6;
  1467.   }
  1468.     .images{
  1469.         height: 100% !important;
  1470.     }
  1471.   .images img{
  1472.     width: 100%;
  1473.     height: 100% !important;
  1474.     /* background-size: cover; */
  1475.   }
  1476.  
  1477.   .Addassets{
  1478.     background-color: #e3cfcf;
  1479.     height: 5%;
  1480.     margin-top: 3%;
  1481.     padding: 15px;
  1482.     text-align: center;
  1483.     border-radius: 5px;
  1484.   }
  1485.   .Addassets span{
  1486.     margin-right: 1%;
  1487.   }
  1488.   .Addassets:hover{
  1489.     background-color: #ccc;
  1490.     cursor: pointer;
  1491.   }
  1492.  
  1493.   .selectpush{
  1494.     width: 25%;
  1495.   }
  1496.  
  1497.   .work{
  1498.     width: 100%;
  1499.     /* height: 800px; */
  1500.     background-image: linear-gradient(to top, #8de3eb 0%,#ffe4e4,70%, #b3f1a4 100%);
  1501.   }
  1502.   .work ul{
  1503.     padding: 0;
  1504.   }
  1505.   .work ul li{
  1506.     float: none;
  1507.     padding-left: 10px;
  1508.     height: 50px;
  1509.     border-radius: 10px;
  1510.     /* background-color: #ccc; */
  1511.     /* opacity: .5; */
  1512.     /* margin-top: 2%; */
  1513.   }
  1514.   .work ul li .workLeft{
  1515.     font-size: 18px;
  1516.     float: left;
  1517.     line-height: 40px;
  1518.     /* font-weight: 700; */
  1519.     color: #000;
  1520.   }
  1521.   .work ul li .workRight{
  1522.     font-size: 18px;
  1523.     float: right;
  1524.     padding-right: 2%;
  1525.     line-height: 40px;
  1526.     /* font-weight: 700; */
  1527.     color: #000;
  1528.   }
  1529.   .work ul li input{
  1530.     border: 0;
  1531.     background-color: transparent;
  1532.     outline: none;
  1533.     width: 22%;
  1534.   }
  1535.   .work ul li:hover{
  1536.     background-color: #dbd9d9;
  1537.   }
  1538.   .work footer{
  1539.     border-bottom: 1px solid #ccc;
  1540.     height: 50px;
  1541.   }
  1542.   .work footer span{
  1543.     font-family: "宋体";
  1544.     margin-left: 3%;
  1545.     font-size: 18px;
  1546.     line-height: 50px;
  1547.   }
  1548.   .work footer .workbtn{
  1549.     height: 30px !important;
  1550.     background-color: transparent !important;
  1551.     border: 0;
  1552.     color: #000 !important;
  1553.     float: right;
  1554.     line-height: 40px;
  1555.   }
  1556.    .article{
  1557.     max-height: 350px;
  1558.    }
  1559.   .article ul li{
  1560.     float: none;
  1561.     margin-top: 3%;
  1562.   }
  1563.   .article ul{
  1564.     padding: 0;
  1565.   }
  1566.   .article ul li .articleimg{
  1567.     width: 25%;
  1568.     height: 100px;
  1569.     border-radius: 10px;
  1570.     float: left;
  1571.   }
  1572.   .article ul li .articleimg img{
  1573.     width: 100%;
  1574.     border-radius: 10px;
  1575.     height: 100%;
  1576.   }
  1577.   .article ul li .articlecontent{
  1578.     float: left;
  1579.     margin-left: 3%;
  1580.     width: 72%;
  1581.     height: 100px;
  1582.     /* background-color: red; */
  1583.   }
  1584.   .article ul li .articlecontent .one{
  1585.     padding-top: 1%;
  1586.     font-weight: 800;
  1587.   }
  1588.   .article ul li .articlecontent .two{
  1589.     margin-top: 1%;
  1590.     font-family: "宋体";
  1591.   }
  1592.   .article ul li .articlecontent .three{
  1593.     margin-top: 2%;
  1594.   }
  1595.   .coursemanagement{
  1596.      width: 100%;
  1597.   }
  1598.   .coursemanagement tr{
  1599.     /* border-collapse: collapse; */
  1600.     border: 1px solid #000;
  1601.     width: 100%;
  1602.   }
  1603.   .coursemanagement tr th{
  1604.     border: 1px solid #000;
  1605.    border-collapse:collapse;
  1606.    text-align: center;
  1607.   }
  1608.     .coursemanagement tr td{
  1609.     border: 1px solid #000;
  1610.    border-collapse:collapse;
  1611.    width: 80px;
  1612.    text-align: center;
  1613.   }
  1614. /*右侧部分 */
  1615. .mianRight{
  1616.     background-color: #fff;
  1617.     border-radius: 5px;
  1618. }
  1619. .mianRight h3{
  1620.     float: left;
  1621.     margin: 0;
  1622.     font-family: "宋体";
  1623.     padding: 20px;
  1624.     font-size: 20px;
  1625. }
  1626. .mianRight .rank{
  1627.     float: right;
  1628.     margin: 15px;
  1629. }
  1630. .gradualchange{
  1631.     position: relative;
  1632.     height: 100px;
  1633.     background-image: linear-gradient(to right, #bdeae8 0%,#fff,70%, #0f9349 100%);
  1634. }
  1635. .rankmessg{
  1636.     font-size: 16px;
  1637.     position: absolute;
  1638.     left: 5%;
  1639.     top: 60%;
  1640. }
  1641.  
  1642. .contribution{
  1643.     font-family: "宋体";
  1644.     padding: 15px;
  1645.     font-size: 16px;
  1646.     font-weight: 800;
  1647. }
  1648. .rankcontent{
  1649.     max-height: 865px;
  1650.     overflow: hidden;
  1651. }
  1652. .rankcontent li{
  1653.     margin-top: 10%;
  1654. }
  1655. .headportrait{
  1656.     display: inline-block;
  1657.     vertical-align: middle;
  1658.     margin-left: 10%;
  1659. }
  1660. .use{
  1661.     display: inline-block;
  1662.     width: 50px;
  1663.     margin-left: 12%;
  1664.     overflow: hidden;
  1665.     text-overflow: ellipsis;
  1666.     white-space: nowrap;
  1667. }
  1668. .count{
  1669.      margin-left: 16%;
  1670.      font-size: 16px;
  1671.      color: blue;
  1672. }
  1673. .common{
  1674.     background-color: #fff;
  1675.     border-radius: 15px;
  1676. }
  1677. .common h3{
  1678.     padding: 10px;
  1679.     font-size: 20px;
  1680.     font-family: "宋体";
  1681. }
  1682. .common .issue li{
  1683.     padding-top: 15px;
  1684.     font-family: "宋体";
  1685.     cursor: default;
  1686. }
  1687. .common .issue li:last-child{
  1688.     padding-bottom: 15px;
  1689. }
  1690. .messagecenter{
  1691.     background-color: #fff;
  1692.     border-radius: 10px;
  1693. }
  1694. .messagecenter h3{
  1695.     padding: 15px;
  1696.     font-family: "宋体";
  1697.     font-size: 20px;
  1698. }
  1699. .messagecenter ul li{
  1700.     margin-top: 5%;
  1701. }
  1702. .messagecenter ul li:first-child{
  1703.     margin-top: 0;
  1704. }
  1705. .messagecenter ul li:last-child{
  1706.     padding-bottom: 5%;
  1707. }
  1708. .messagecenter ul li span{
  1709.     color: red;
  1710.     margin-left: 3%;
  1711.     margin-right: 3%;
  1712. }
  1713. /** */
  1714. </style>

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号