| | |
| | | <<<<<<< HEAD |
| | | # å端ä¸å¤©æµ·æ´ |
| | | |
| | | #### ä»ç» |
| | | {**以䏿¯ Gitee å¹³å°è¯´æï¼æ¨å¯ä»¥æ¿æ¢æ¤ç®ä»** |
| | | Gitee æ¯ OSCHINA æ¨åºçåºäº Git çä»£ç æç®¡å¹³å°ï¼åæ¶æ¯æ SVNï¼ãä¸ä¸ºå¼åè
æä¾ç¨³å®ã髿ãå®å
¨çäºç«¯è½¯ä»¶å¼ååä½å¹³å° |
| | | æ 论æ¯ä¸ªäººãå¢éãææ¯ä¼ä¸ï¼é½è½å¤ç¨ Gitee å®ç°ä»£ç æç®¡ã项ç®ç®¡çãåä½å¼åãä¼ä¸é¡¹ç®è¯·ç [https://gitee.com/enterprises](https://gitee.com/enterprises)} |
| | | |
| | | #### è½¯ä»¶æ¶æ |
| | | è½¯ä»¶æ¶æè¯´æ |
| | | |
| | | |
| | | #### å®è£
æç¨ |
| | | |
| | | 1. xxxx |
| | | 2. xxxx |
| | | 3. xxxx |
| | | |
| | | #### 使ç¨è¯´æ |
| | | |
| | | 1. xxxx |
| | | 2. xxxx |
| | | 3. xxxx |
| | | |
| | | #### åä¸è´¡ç® |
| | | |
| | | 1. Fork æ¬ä»åº |
| | | 2. æ°å»º Feat_xxx 忝 |
| | | 3. æäº¤ä»£ç |
| | | 4. æ°å»º Pull Request |
| | | |
| | | |
| | | #### ç¹æ |
| | | |
| | | 1. ä½¿ç¨ Readme\_XXX.md æ¥æ¯æä¸åçè¯è¨ï¼ä¾å¦ Readme\_en.md, Readme\_zh.md |
| | | 2. Gitee 宿¹å客 [blog.gitee.com](https://blog.gitee.com) |
| | | 3. ä½ å¯ä»¥ [https://gitee.com/explore](https://gitee.com/explore) è¿ä¸ªå°åæ¥äºè§£ Gitee ä¸çä¼ç§å¼æºé¡¹ç® |
| | | 4. [GVP](https://gitee.com/gvp) å
¨ç§°æ¯ Gitee ææä»·å¼å¼æºé¡¹ç®ï¼æ¯ç»¼åè¯å®åºçä¼ç§å¼æºé¡¹ç® |
| | | 5. Gitee 宿¹æä¾çä½¿ç¨æå [https://gitee.com/help](https://gitee.com/help) |
| | | 6. Gitee å°é¢äººç©æ¯ä¸æ¡£ç¨æ¥å±ç¤º Gitee ä¼åé£éçæ ç® [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/) |
| | | ======= |
| | | # vue_model |
| | | |
| | | > A Vue.js project |
| | |
| | | ``` |
| | | |
| | | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). |
| | | >>>>>>> c1c41a4 (馿¬¡æäº¤) |
| | |
| | | .el-popper .popper__arrow{ |
| | | display: none ; |
| | | } |
| | | /**ä¿®æ¹å
¨å±çæ»å¨æ¡*/ |
| | | /**æ»å¨æ¡ç宽度*/ |
| | | ::-webkit-scrollbar { |
| | | width: 8px; |
| | | |
| | | } |
| | | ::-webkit-scrollbar-thumb { |
| | | background-color: #bdbfc4; |
| | | border-radius: 3px; |
| | | } |
| | | /* å
¨å±è¡¨æ ¼æ ·å¼ */ |
| | | .el-table th.el-table__cell , |
| | | .has-gutter .el-table__cell { |
| | | background-color: #F0F1F5 !important; |
| | | color: #333; |
| | | } |
| | | .has-gutter .el-table__cell .cell { |
| | | font-size: 16px; |
| | | font-weight: 500; |
| | | } |
| | | .cell { |
| | | color:rgb(51, 51, 51); |
| | | padding-left: 17px !important; |
| | | font-size: 14px; |
| | | } |
| | | .cell span{ |
| | | font-size: 14px; |
| | | font-weight: 400; |
| | | } |
| | | .el-table th.el-table__cell>.cell{ |
| | | font-size: 16px; |
| | | font-weight: 400; |
| | | color:rgb(51, 51, 51); |
| | | } |
| | | /* å
¨å±å页卿 ·å¼ */ |
| | | .el-pager .number { |
| | | font-size: 14px; |
| | | border: 1px solid rgba(0, 0, 0, 0.2); |
| | | border-radius: 4px; |
| | | margin: 0 2px; |
| | | color: #999; |
| | | font-weight: 500; |
| | | } |
| | | |
| | | .el-pager .number.active { |
| | | background-color: #004EA2; |
| | | color: #fff; |
| | | border: 0; |
| | | } |
| | | </style> |
| | |
| | | // ææ¯ç®¡ç-æ åBom |
| | | const standard = { |
| | | selectTreeByMaterial: "material/selectTreeByMaterial", //æ¥è¯¢ç©æçæ |
| | | |
| | | } |
| | | |
| | | |
| | | const url = { |
| | | "enter": "user/enter", //ç»å½ |
| | | "selectTreeByMaterial": "material/selectTreeByMaterial" //æ¥è¯¢ç©æçæ |
| | | ...standard |
| | | } |
| | | |
| | | |
| | | export default function(Vue) { |
| | | //æ·»å å
¨å±API |
| | | Vue.prototype.$api = { |
| | |
| | | .standard .el-table__body { |
| | | height: 100%; |
| | | } |
| | | .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
| | | padding-left: 23px !important; |
| | | } |
| | | </style> |
| | | |
| | | <template> |
| | | <div class="standard"> |
| | | <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" row-key="id" border |
| | | <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange" row-key="id" |
| | | default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| | | <el-table-column type="selection" width="50"> |
| | | </el-table-column> |
| | | <el-table-column type="index" label="åºå·" width="75"> |
| | | <el-table-column type="index" label="åºå·" width="78"> |
| | | </el-table-column> |
| | | <el-table-column prop="date" label="项ç®" width="350"> |
| | | <template slot-scope="scope"> |
| | | <span> <el-tag size="mini" :type="scope.row.children? '':'success'" :style="{borderRadius: '40%',marginRight: '12px'}">{{ scope.row.children? '01':'02' }}</el-tag> {{scope.row.date}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="åä½" width="180"> |
| | | </el-table-column> |
| | |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }], |
| | | },{ |
| | | id: 5, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 6, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 7, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 8, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 9, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 10, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 11, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | }, |
| | | { |
| | | id: 12, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | } |
| | | ,{ |
| | | id: 13, |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼' |
| | | } |
| | | ], |
| | | tableData1: [{ |
| | | id: 1, |
| | | date: '2016-05-02', |
| | |
| | | if (a.type == b.id) b.children = [a] |
| | | }) |
| | | }) |
| | | this.$nextTick().then(() => { |
| | | const firstNode = document.querySelector('.el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node') |
| | | firstNode.click() |
| | | // console.log(firstNode) |
| | | }) |
| | | }) |
| | | |
| | | } |
| | | } |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | |
| | | <style scoped> |
| | | .technical{ |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | .technical .title .el-button { |
| | | height: 32px; |
| | | border: 1px solid rgba(190, 190, 190, 0.44); |
| | | box-shadow: 0px 2px 4px rgba(220, 220, 220, 0.41); |
| | | padding: 0 12px; |
| | | } |
| | | |
| | | .technical .title { |
| | | margin-bottom: 10px; |
| | | padding: 0 20px; |
| | | } |
| | | |
| | | /* æç´¢å¤´é¨æ ·å¼ */ |
| | | .search-header{ |
| | | background: #fff; |
| | | padding: 24px 32px; |
| | | } |
| | | .search-header .el-form-item{ |
| | | margin: 0px; |
| | | font-size: 14px; |
| | | } |
| | | .search-header .el-form-item:nth-child(1){ |
| | | margin-right: 48px; |
| | | } |
| | | .search-header .el-form-item:nth-child(2){ |
| | | margin-right: 24px; |
| | | } |
| | | /* éç½®åæ¥è¯¢ä¸¤ä¸ªæé®æ ·å¼ */ |
| | | .search-header .el-form-item .el-button{ |
| | | width: 65px; |
| | | height: 32px; |
| | | box-sizing: border-box; |
| | | background: rgb(255, 255, 255); |
| | | border: 1px solid rgb(217, 217, 217); |
| | | border-radius:2px; |
| | | padding: 0; |
| | | font-size: 14px; |
| | | } |
| | | .search-header .el-form-item .el-button:nth-child(2){ |
| | | /* Rectangle 77 */ |
| | | background: rgb(0, 78, 162); |
| | | color: #fff; |
| | | } |
| | | /* è¾å
¥æ¡çæ ·å¼ */ |
| | | >>> .search-header .el-form-item .el-input .el-input__inner{ |
| | | width: 224px; |
| | | height: 32px ; |
| | | box-sizing: border-box; |
| | | background: rgb(255, 255, 255); |
| | | border: 1px solid rgb(217, 217, 217); |
| | | border-radius:2px; |
| | | } |
| | | |
| | | |
| | | /* ææ¯æä»¶è¡¨æ ¼æ ·å¼ */ |
| | | .technical-table{ |
| | | margin-top: 11px; |
| | | height: calc(100% - 140px); |
| | | background: #fff; |
| | | padding: 23px 21px ; |
| | | font-size: 14px; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | /* .technical-table .el-table{ |
| | | overflow-y:scroll; |
| | | } */ |
| | | .technical-table .table-box { |
| | | flex: 1; |
| | | overflow-y: scroll; |
| | | } |
| | | .technical-table .el-pagination{ |
| | | margin-top: 23px; |
| | | display: flex; |
| | | justify-content: end; |
| | | } |
| | | </style> |
| | | |
| | | |
| | | <template> |
| | | <div class="technical"> |
| | | <div class="title"> |
| | | <el-row> |
| | | <el-col :span="12">ææ¯æä»¶</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button icon="el-icon-plus">çæé¡¹ç®ä¹¦</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="search-header"> |
| | | <el-form v-model="searchData" :inline="true"> |
| | | <el-form-item label="订åå·:"> |
| | | <el-input v-model="searchData.number"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸åæ¥æ:"> |
| | | <el-date-picker |
| | | v-model="searchData.date" |
| | | type="date" |
| | | placeholder="éæ©æ¥æ"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button plain @click="resetBtn">é ç½®</el-button> |
| | | <el-button @click="filteredTableData">æ¥ è¯¢</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="technical-table"> |
| | | <div class="table-box"> |
| | | <el-table |
| | | border style="width: 100%" |
| | | :data="technicalTable" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="78"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="订åå·" |
| | | width="124"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="å·¥ç¨åç§°" |
| | | width="160"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="产åç¼ç " |
| | | width="168" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="产å大类" |
| | | width="128"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="è§æ ¼åå·" |
| | | width="170"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="åä½" |
| | | width="100"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="æ°é" |
| | | width="118" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="ä¸å人" |
| | | width="114"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="ä¸åæ¥æ" |
| | | width="153" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="äº¤è´§æ¥æ" |
| | | width="137"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="ç¶æ" |
| | | width="85" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | fixed="right" |
| | | label="æä½" |
| | | width="194"> |
| | | <template> |
| | | <el-button type="text" size="small">æ¥ç详æ
</el-button> |
| | | <el-button type="text" size="small">ç¼è¾éä»¶</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | |
| | | |
| | | <el-pagination |
| | | :current-page="1" |
| | | :page-sizes="[100, 200, 300, 400]" |
| | | :page-size="100" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="400"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | searchData:{ |
| | | number:'', |
| | | date:'' |
| | | }, |
| | | technicalTable: [{ |
| | | date: '2016-05-02', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸' |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | } |
| | | </script> |
| | |
| | | Vue.use(qs); |
| | | Vue.use(api); |
| | | |
| | | const javaApi = 'http://localhost:8001/' |
| | | const javaApi = 'http://192.168.110.167:8001/' |
| | | |
| | | axios.defaults.baseURL = javaApi |
| | | axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' |
| | |
| | | }) |
| | | |
| | | // è·¯ç±æ¦æªå¨ |
| | | router.beforeEach((to, from, next) => { |
| | | // è·¯å¾ä¸ºproductæ¶éªè¯æ¯å¦ç»å½ï¼æ²¡æè·³è½¬è³ç»å½é¡µé¢ |
| | | if (to.path.indexOf('/') > -1 && to.path.indexOf('/enter') != 0) { |
| | | if (sessionStorage.getItem('token') == null || sessionStorage.getItem('token') == '' || sessionStorage.getItem( |
| | | 'token') == undefined) { |
| | | next({ |
| | | path: '/enter' |
| | | }) |
| | | } |
| | | } |
| | | next() |
| | | }); |
| | | // router.beforeEach((to, from, next) => { |
| | | // // è·¯å¾ä¸ºproductæ¶éªè¯æ¯å¦ç»å½ï¼æ²¡æè·³è½¬è³ç»å½é¡µé¢ |
| | | // if (to.path.indexOf('/') > -1 && to.path.indexOf('/enter') != 0) { |
| | | // if (sessionStorage.getItem('token') == null || sessionStorage.getItem('token') == '' || sessionStorage.getItem( |
| | | // 'token') == undefined) { |
| | | // next({ |
| | | // path: '/enter' |
| | | // }) |
| | | // } |
| | | // } |
| | | // next() |
| | | // }); |
| | | |
| | | new Vue({ |
| | | el: '#app', |
| | |
| | | k: 2, |
| | | v: "ææ¯æä»¶", |
| | | i: "font icon-shouye", |
| | | u: "" |
| | | u: "technical" |
| | | }] |
| | | }, { |
| | | k: 2, |