Se han modificado 1 ficheros con 55 adiciones y 60 borrados
Dividir vista
Opciones de diferencias
-
+55 -60src/views/main_web/proj-item.vue
+ 55
- 60
src/views/main_web/proj-item.vue
Ver fichero
| @@ -5,54 +5,57 @@ | |||
| <div v-show="isEmpty" class="nullproduct"> | |||
| <img src="static\img\nopro.png" alt /> | |||
| <span class="noprotext">暂无项目</span> | |||
| </div> | |||
| <div class="prjitem" | |||
| v-for="projItem in projPageList" | |||
| :key="projItem.Id" | |||
| > | |||
| <div class="prjitem_content" @mouseover="showSetIcon(projItem.Id)" @mouseout="hiddenSetIcon"> | |||
| <img | |||
| alt="" | |||
| class="prjitem_img" | |||
| @click="goFilePage(projItem)" | |||
| :src="projItem.ShowImgUrl | resolveImg" | |||
| > | |||
| <div class="yiyun_product_item_top"> | |||
| <div class="yiyun_product_itembarfr"> | |||
| <el-dropdown> | |||
| <span class="el-dropdown-link" v-show="projItem.Id === focusProjId"> | |||
| <span> | |||
| <i class="icon iconfont icon_small-icon_small_wenjianshezhi setIcon"></i> | |||
| </div> | |||
| <div class="prjitemList"> | |||
| <div class="prjitem" | |||
| v-for="projItem in projPageList" | |||
| :key="projItem.Id" | |||
| > | |||
| <div class="prjitem_content" @mouseover="showSetIcon(projItem.Id)" @mouseout="hiddenSetIcon"> | |||
| <img | |||
| alt="" | |||
| class="prjitem_img" | |||
| @click="goFilePage(projItem)" | |||
| :src="projItem.ShowImgUrl | resolveImg" | |||
| > | |||
| <div class="yiyun_product_item_top"> | |||
| <div class="yiyun_product_itembarfr"> | |||
| <el-dropdown> | |||
| <span class="el-dropdown-link" v-show="projItem.Id === focusProjId"> | |||
| <span> | |||
| <i class="icon iconfont icon_small-icon_small_wenjianshezhi setIcon"></i> | |||
| </span> | |||
| </span> | |||
| </span> | |||
| <el-dropdown-menu slot="dropdown"> | |||
| <el-dropdown-item @click.native="openPrjInfo(projItem)"> | |||
| <span>项目概况</span> | |||
| </el-dropdown-item> | |||
| <el-dropdown-item | |||
| @click.native="addNewFolders(projItem)" | |||
| > | |||
| <span>工作指派</span> | |||
| </el-dropdown-item> | |||
| </el-dropdown-menu> | |||
| </el-dropdown> | |||
| </div> | |||
| <el-dropdown-menu slot="dropdown"> | |||
| <el-dropdown-item @click.native="openPrjInfo(projItem)"> | |||
| <span>项目概况</span> | |||
| </el-dropdown-item> | |||
| <el-dropdown-item | |||
| @click.native="addNewFolders(projItem)" | |||
| > | |||
| <span>工作指派</span> | |||
| </el-dropdown-item> | |||
| </el-dropdown-menu> | |||
| </el-dropdown> | |||
| </div> | |||
| </div> | |||
| <div class="clear"></div> | |||
| <div class="newprj_icon" v-if="projItem.newProjStatus == 1">新项目</div> | |||
| <div class="prjitem_title">{{ projItem.ProjName }}</div> | |||
| </div> | |||
| <div class="prjitem_select"> | |||
| <div class="btn_whole"> | |||
| <img src="/static/img/global.svg" alt="" srcset=""> | |||
| <p>观全局</p> | |||
| </div><!-- | |||
| --><div class="btn_manage"> | |||
| <img src="/static/img/prjManage.svg" alt="" srcset=""> | |||
| <p>项目管理</p> | |||
| </div> | |||
| <div class="clear"></div> | |||
| <div class="newprj_icon" v-if="projItem.newProjStatus == 1">新项目</div> | |||
| <div class="prjitem_title">{{ projItem.ProjName }}</div> | |||
| </div> | |||
| <div class="prjitem_select"> | |||
| <div class="btn_whole"> | |||
| <img src="/static/img/global.svg" alt="" srcset=""> | |||
| <p>观全局</p> | |||
| </div><!-- | |||
| --><div class="btn_manage"> | |||
| <img src="/static/img/prjManage.svg" alt="" srcset=""> | |||
| <p>项目管理</p> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </section> | |||
| @@ -131,24 +134,15 @@ export default { | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| // .yiyun_warpContent{ | |||
| // text-align: center; | |||
| // text-align-last: left; | |||
| // padding: 0px 20px; | |||
| // } | |||
| .yiyun-rows { | |||
| .prjitemList { | |||
| width: 100%; | |||
| display: flex; | |||
| flex-flow: wrap; | |||
| display: grid; | |||
| justify-content: space-evenly; | |||
| box-sizing: border-box; | |||
| } | |||
| .prjitem:last-child{ | |||
| margin-right: calc(28% + 4%); | |||
| grid-template-columns: repeat(auto-fill, 400px); | |||
| } | |||
| .prjitem{ | |||
| width: 28%; | |||
| width: 400px; | |||
| display: inline-block; | |||
| border-radius:16px ; | |||
| margin: 30px 0px; | |||
| @@ -160,8 +154,9 @@ export default { | |||
| 8px 0px 10px #E0E0E0, /*右边阴影*/ | |||
| 0px 10px 10px #E0E0E0; /*下边阴影*/ ; | |||
| transform:scale(1.02); | |||
| } | |||
| .prjitem:last-child:nth-child(3n){ | |||
| margin-right: calc( 28% + 4% ); | |||
| } | |||
| .prjitem_content{ | |||
| position:relative; | |||