| | |
| | | summary { |
| | | display: block; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Correct `inline-block` display not defined in IE 8/9. |
| | | * |
| | | * ä¿®æ£å¨ IE 8/9 䏿ªå®ä¹ç 'inline-block' å
ç´ ã |
| | | */ |
| | | |
| | | |
| | | audio, |
| | | canvas, |
| | | video { |
| | | display: inline-block; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Prevent modern browsers from displaying `audio` without controls. |
| | | * Remove excess height in iOS 5 devices. |
| | |
| | | * 黿¢ç°å¨æµè§å¨æ¾ç¤ºæªå®ä¹ control ææ¾æ§ä»¶ç 'audio' 声é³å
ç´ ã |
| | | * å é¤ IOS 5 设å¤ä¸æ¾ç¤ºçå¤ä½çé«åº¦ã |
| | | */ |
| | | |
| | | |
| | | audio:not([controls]) { |
| | | display: none; |
| | | height: 0; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address styling not present in IE 8/9. |
| | | * |
| | | * å¤ç IE 8/9 ä¸ä¸åå¨çæ ·å¼ã |
| | | */ |
| | | |
| | | |
| | | [hidden] { |
| | | display: none; |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Base |
| | | |
| | | |
| | | åºæ¬è®¾ç½® |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * 1. Set default font family to sans-serif. |
| | | * 2. Prevent iOS text size adjust after orientation change, without disabling |
| | |
| | | * 1. 设置é»è®¤åä½ç±»å为 sans-serif. |
| | | * 2. å½ç¨æ·æ¾å¤§æç¼©å°é¡µé¢æ¶ä¸æ¹ååä½å¤§å°ã |
| | | */ |
| | | |
| | | |
| | | html { |
| | | font-family: sans-serif; /* 1 */ |
| | | -ms-text-size-adjust: 100%; /* 2 */ |
| | | -webkit-text-size-adjust: 100%; /* 2 */ |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Remove default margin. |
| | | * |
| | | * å é¤é»è®¤è¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | body { |
| | | margin: 0; |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Links |
| | | |
| | | |
| | | 龿¥ |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * Address `outline` inconsistency between Chrome and other browsers. |
| | | * |
| | | * å¤ç Chrome ä¸å
¶å®æµè§å¨ä¸å
³äº 'outline' çä¸ä¸è´æ§ã |
| | | */ |
| | | |
| | | |
| | | a:focus { |
| | | outline: thin dotted; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Improve readability when focused and also mouse hovered in all browsers. |
| | | * |
| | | * ä¸ºæææµè§å¨æ¹å彿¿æ´»ææ¬åå¨å
ç´ ä¸æ¶å
ç´ å
容çå¯è¯»æ§ã |
| | | */ |
| | | |
| | | |
| | | a:active, |
| | | a:hover { |
| | | outline: 0; |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Typography |
| | | |
| | | |
| | | æç |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * Address variable `h1` font-size and margin within `section` and `article` |
| | | * contexts in Firefox 4+, Safari 5, and Chrome. |
| | | * |
| | | * å¤çå¤åç 'h1' åä½å¤§å°åå
¶å¨ Firefox 4+, Safari 5, å Chromeæ¶æµè§å¨ä¸ç |
| | | * å¤çå¤åç 'h1' åä½å¤§å°åå
¶å¨ Firefox 4+, Safari 5, å Chromeæ¶æµè§å¨ä¸ç |
| | | * 'section' ä¸ã'article' å
ç´ ä¸çè¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | h1 { |
| | | font-size: 2em; |
| | | margin: 0.67em 0; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address styling not present in IE 8/9, Safari 5, and Chrome. |
| | | * |
| | | * å¤çå¨ IE 8/9, Safari 5, å Chrome 没æçæ ·å¼ã |
| | | */ |
| | | |
| | | |
| | | abbr[title] { |
| | | border-bottom: 1px dotted; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. |
| | | * |
| | | * å¤ç Firefox 4+, Safari 5, å Chrome ä¸é»è®¤ç 'bolder' æ ·å¼ä¸ºã'bold'. |
| | | */ |
| | | |
| | | |
| | | b, |
| | | strong { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address styling not present in Safari 5 and Chrome. |
| | | * |
| | | * å¤çå¨ Safari 5 å Chrome 没æçæ ·å¼ã |
| | | */ |
| | | |
| | | |
| | | dfn { |
| | | font-style: italic; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address differences between Firefox and other browsers. |
| | | * |
| | | * å¤çãFirefoxãä¸å
¶å®æµè§å¨çå·®å¼ã |
| | | */ |
| | | |
| | | |
| | | hr { |
| | | -moz-box-sizing: content-box; |
| | | box-sizing: content-box; |
| | | height: 0; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address styling not present in IE 8/9. |
| | | * |
| | | * å¤çå¨ IE 8/9 䏿²¡æçæ ·å¼ã |
| | | */ |
| | | |
| | | |
| | | mark { |
| | | background: #ff0; |
| | | color: #000; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Correct font family set oddly in Safari 5 and Chrome. |
| | | * |
| | | * ä¿®æ£ç¡® Safari 5 å Chrome ä¸å¤æªçé»è®¤åä½ã |
| | | */ |
| | | |
| | | |
| | | code, |
| | | kbd, |
| | | pre, |
| | |
| | | font-family: monospace, serif; |
| | | font-size: 1em; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Improve readability of pre-formatted text in all browsers. |
| | | * |
| | | * ä¸ºæææµè§å¨æ¹å颿 ¼å¼åææ¬çå¯è¯»æ§ã |
| | | */ |
| | | |
| | | |
| | | pre { |
| | | white-space: pre-wrap; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Set consistent quote types. |
| | | * |
| | | * 设置ä¸è´çå¼ç¨æ ¼å¼ã |
| | | */ |
| | | |
| | | |
| | | q { |
| | | quotes: "\201C" "\201D" "\2018" "\2019"; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address inconsistent and variable font size in all browsers. |
| | | * |
| | | * å¤çæææµè§å¨ä¸åä½å¤§å°çä¸ä¸è´æ§[è¯è
注ï¼åæç´è¯ä¸ºï¼å¤çææ |
| | | * æµè§å¨ä¸çä¸ä¸è´åå¤åçåä½å¤§å°]ã |
| | | */ |
| | | |
| | | |
| | | small { |
| | | font-size: 80%; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| | | * |
| | | * 黿¢æææµè§å¨ä¸ 'sub' å 'sup' å
ç´ å½±å 'line-height'. |
| | | * 黿¢æææµè§å¨ä¸ 'sub' å 'sup' å
ç´ å½±å 'line-height'. |
| | | * [è¯è
注ï¼å°±æ¯ä¸è®©ä¸æ ä¸ä¸æ å½±åè¡é«ã] |
| | | */ |
| | | |
| | | |
| | | sub, |
| | | sup { |
| | | font-size: 75%; |
| | |
| | | position: relative; |
| | | vertical-align: baseline; |
| | | } |
| | | |
| | | |
| | | sup { |
| | | top: -0.5em; |
| | | } |
| | | |
| | | |
| | | sub { |
| | | bottom: -0.25em; |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Embedded content |
| | | |
| | | |
| | | åµå
¥çå
容 |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * Remove border when inside `a` element in IE 8/9. |
| | | * |
| | | * å é¤ IE 8/9 ä¸å½å
容ä½äº 'a' ä¸åºç°çè¾¹æ¡ã |
| | | */ |
| | | |
| | | |
| | | img { |
| | | border: 0; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Correct overflow displayed oddly in IE 9. |
| | | * |
| | | * ä¿®æ£ IE 9 䏿¾ç¤ºå¤æªç溢åºå
容ã |
| | | */ |
| | | |
| | | |
| | | svg:not(:root) { |
| | | overflow: hidden; |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Figures |
| | | |
| | | |
| | | Figure å¾å/å¾è¡¨/代ç ç |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * Address margin not present in IE 8/9 and Safari 5. |
| | | * |
| | | * å¤çå¨ IE 8/9 å Safari 5 没æçè¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | figure { |
| | | margin: 0; |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Forms |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * Define consistent border, margin, and padding. |
| | | * |
| | | * å®ä¹ä¸è´çè¾¹æ¡ãå¤è¾¹è·åå
è¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | fieldset { |
| | | border: 1px solid #c0c0c0; |
| | | margin: 0 2px; |
| | | padding: 0.35em 0.625em 0.75em; |
| | | border-radius: 5px; |
| | | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * 1. Correct `color` not being inherited in IE 8/9. |
| | | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| | | * 1. ä¿®æ£å¨ãIE 8/9 䏿²¡æç»§æ¿ç 'color'. |
| | | * 1. ä¿®æ£å¨ãIE 8/9 䏿²¡æç»§æ¿ç 'color'. |
| | | * |
| | | * [è¯è
注ï¼è¯´æ¯ä¿®æ£é¢è²åï¼å¯ä¸é¢æ²¡æå
³äºé¢è²çåï¼è¿ä¹è¡ï¼æ±å¤§ç¥è§£éï¼] |
| | | * 2. 廿å
è¾¹è·ï¼é¿å
å½ç¨æ·æ¸
空表åç»æ¶è®¤ä¸ºåºéäºã |
| | | */ |
| | | |
| | | |
| | | legend { |
| | | border: 0; /* 1 */ |
| | | padding: 0; /* 2 */ |
| | | } |
| | | |
| | | |
| | | /** |
| | | * 1. Correct font family not being inherited in all browsers. |
| | | * 2. Correct font size not being inherited in all browsers. |
| | |
| | | * 2. ä¿®æ£æææµè§å¨ä¸æªè¢«ç»§æ¿çåä½å¤§å°ã |
| | | * 3. å¤ç Firefox 4+, Safari 5, å Chrome ä¸é»è®¤è®¾ç½®ä¸åçå¤è¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | button, |
| | | input, |
| | | select, |
| | |
| | | font-size: 100%; /* 2 */ |
| | | margin: 0; /* 3 */ |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| | | * the UA stylesheet. |
| | | * |
| | | * å¤ç Firefox 4+ ä¸ç客æ·ç«¯æ ·å¼è¡¨éä½¿ç¨ '!important' 设置ç 'line-height'. |
| | | */ |
| | | |
| | | |
| | | button, |
| | | input { |
| | | line-height: normal; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| | | * All other form control elements do not inherit `text-transform` values. |
| | | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. |
| | | * Correct `select` style inheritance in Firefox 4+ and Opera. |
| | | * |
| | | * |
| | | * å¤ç 'button' å 'select' ç 'text-transform' ç»§æ¿çä¸ä¸è´æ§ã |
| | | * ææå
¶å®è¡¨åæ§ä»¶å
ç´ ä¸ç»§æ¿ 'text-transform' çå¼ã |
| | | * ä¿®æ£ Chrome, Safari 5+, å IE 8+ ä¸ 'button' çç»§æ¿æ ·å¼ã |
| | | * ä¿®æ£ Firefox 4+ å Opera ä¸ 'select' çç»§æ¿æ ·å¼ã |
| | | */ |
| | | |
| | | |
| | | button, |
| | | select { |
| | | text-transform: none; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| | | * and `video` controls. |
| | |
| | | * 2. ä¿®æ£ iOS ä¸ä¸å¯ç¹å»ç 'input' æ ·å¼ã |
| | | * 3. æ¹åå¾çç±»åç 'input' çå
æ æ ·å¼çå¯ç¨æ§ä¸ä¸è´æ§ã |
| | | */ |
| | | |
| | | |
| | | button, |
| | | html input[type="button"], /* 1 */ |
| | | input[type="reset"], |
| | |
| | | -webkit-appearance: button; /* 2 */ |
| | | cursor: pointer; /* 3 */ |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Re-set default cursor for disabled elements. |
| | | * |
| | | * |
| | | * éç½®ä¸å¯ç¨å
ç´ çé»è®¤å
æ æ ·å¼ã |
| | | */ |
| | | |
| | | |
| | | button[disabled], |
| | | html input[disabled] { |
| | | cursor: default; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * 1. Address box sizing set to `content-box` in IE 8/9. |
| | | * 2. Remove excess padding in IE 8/9. |
| | |
| | | * 1. å¤ç IE 8/9 ä¸è®¾ç½®ä¸º 'content-box' çç忍¡åã |
| | | * 2. å é¤ IE 8/9 ä¸å¤ä½çå
è¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | input[type="checkbox"], |
| | | input[type="radio"] { |
| | | box-sizing: border-box; /* 1 */ |
| | | padding: 0; /* 2 */ |
| | | } |
| | | |
| | | |
| | | /** |
| | | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. |
| | | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome |
| | |
| | | * 2. å¤ç Safari 5 å Chrome ä¸é»è®¤è®¾ç½®ä¸º 'box-sizing' ç 'border-box' |
| | | * (å
æ¬ä¸ä¼è¿æ¶ç '-moz'). |
| | | */ |
| | | |
| | | |
| | | input[type="search"] { |
| | | -webkit-appearance: textfield; /* 1 */ |
| | | -moz-box-sizing: content-box; |
| | | -webkit-box-sizing: content-box; /* 2 */ |
| | | box-sizing: content-box; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Remove inner padding and search cancel button in Safari 5 and Chrome |
| | | * on OS X. |
| | | * |
| | | * å é¤ Safari 5 å OS X ä¸ç Chrome ä¸çè¾å
¥æ¡ä¸çå
è¾¹è·åæç´¢åæ¶æé®ã |
| | | */ |
| | | |
| | | |
| | | input[type="search"]::-webkit-search-cancel-button, |
| | | input[type="search"]::-webkit-search-decoration { |
| | | -webkit-appearance: none; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * Remove inner padding and border in Firefox 4+. |
| | | * |
| | | * å é¤ Firefox 4+ button ä¸ input ä¸çå
è¾¹è·ã |
| | | */ |
| | | |
| | | |
| | | button::-moz-focus-inner, |
| | | input::-moz-focus-inner { |
| | | border: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * 1. Remove default vertical scrollbar in IE 8/9. |
| | | * 2. Improve readability and alignment in all browsers. |
| | |
| | | * 1. å é¤ IE8/9 ä¸é»è®¤çåç´æ»å¨æ¡ã |
| | | * 2. æ¹åæææµè§å¨ä¸çå¯è¯»æ§å¹¶ä½¿ææ¬åç´å¯¹é½ã |
| | | */ |
| | | |
| | | |
| | | textarea { |
| | | overflow: auto; /* 1 */ |
| | | vertical-align: top; /* 2 */ |
| | | } |
| | | |
| | | |
| | | /* ========================================================================== |
| | | Tables |
| | | |
| | | |
| | | è¡¨æ ¼ |
| | | ========================================================================== */ |
| | | |
| | | |
| | | /** |
| | | * Remove most spacing between table cells. |
| | | * |
| | | * å é¤è¡¨æ ¼éåå
æ ¼é´çé´è·ã |
| | | */ |
| | | |
| | | |
| | | table { |
| | | border-collapse: collapse; |
| | | border-spacing: 0; |
| | | } |
| | | |
| | |
| | | CrudRef.clearSelection(); |
| | | CrudRef.toggleRowSelection(row); |
| | | }*/ |
| | | CrudRef.toggleRowSelection(row); |
| | | setSelectList(); |
| | | CrudRef.toggleSelection(); |
| | | CrudRef.toggleRowSelection(row);//éä¸å½åè¡ |
| | | setLastIndex(row.$index); |
| | | } |
| | | |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div style="padding: 10px 0"> |
| | | <el-tabs tab-position="left" style="height: 100%;"> |
| | | <el-tab-pane label="主ä½"> |
| | | <fieldset> |
| | | <legend> ä¸»é¢ </legend> |
| | | <div> |
| | | æ¥è¯¢æ¨¡æ¿å®ä¹ |
| | | <avue-select @change="linkQueryDefineChange" class="el-input--small" v-model="linkQueryDefineForm" placeholder="è¯·éæ©å
容" type="tree" :dic="linkQueryDefineDic" style="width:240px"></avue-select> |
| | | |
| | | </div> |
| | | </fieldset> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="客ä½">客ä½</el-tab-pane> |
| | | <el-tab-pane label="æä½">æä½</el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "dataView", |
| | | props: { |
| | | selectData: { |
| | | type: Object, |
| | | default: {} |
| | | }, |
| | | readOnly: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | data:{ |
| | | |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | this.getData(); |
| | | }, |
| | | methods: { |
| | | getData(){ |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | fieldset { |
| | | padding: 10px 6px; |
| | | margin: 10px 0 0 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |
| | | </style> |
| | |
| | | |
| | | <el-main> |
| | | <basic-container> |
| | | <avue-crud |
| | | ref="crud" |
| | | :data="data" |
| | | :option="option" |
| | | :table-loading="tableLoading" |
| | | @refresh-change="handleRefresh" |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler"> |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="addHandler">æ·»å </el-button> |
| | | <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">å é¤</el-button> |
| | | <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">æ¥çææç»æ</el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <div> |
| | | <data-view key="dataView"></data-view> |
| | | </div> |
| | | <!-- æ¥çææç»æ --> |
| | | <el-dialog |
| | | v-dialogDrag |
| | | v-loading="checkViewLoading" |
| | | :visible.sync="checkViewVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | title="æ¥ç使ç¨èå´" |
| | | width="60%" |
| | | > |
| | | <avue-crud |
| | | ref="checkViewCrud" |
| | | :data="checkViewData" |
| | | :option="checkViewOption" |
| | | @search-change="checkHandleSearch" |
| | | @search-reset="checkHandleReset" |
| | | > |
| | | |
| | | </avue-crud> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </el-main> |
| | | |
| | |
| | | |
| | | <script> |
| | | import {getBizTree} from "@/api/UI/uiDefine"; |
| | | import basicOption from "@/util/basic-option"; |
| | | import dataView from "./dataView"; |
| | | import {getTypeActionByType} from "@/api/authority/ui/typeAction"; |
| | | import func from "@/util/func"; |
| | | import {getUsedEnumList} from "@/api/modeling/enumType/api"; |
| | | export default { |
| | | name: "index", |
| | | components:{dataView}, |
| | | data:function (){ |
| | | return{ |
| | | treeOption: { |
| | |
| | | }, |
| | | nodeRow: {}, |
| | | treeData: [], |
| | | tableLoading: false, |
| | | selectList: [], |
| | | option: { |
| | | ...basicOption, |
| | | height:260, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | filterBtn:false, |
| | | columnBtn:false, |
| | | gridBtn:false, |
| | | tip: false, |
| | | align: 'left', |
| | | menu:false, |
| | | column: [ |
| | | { |
| | | label: 'è§ååç§°', |
| | | prop: 'plCode', |
| | | overHidden: true |
| | | }, |
| | | { |
| | | label: 'è§åç±»å', |
| | | prop: 'plName', |
| | | overHidden: true |
| | | } |
| | | ] |
| | | }, |
| | | data: [], |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | } |
| | | }, |
| | | getTableList() { |
| | | getTypeActionByType({ |
| | | 'typeName': this.nodeRow.attributes.name, |
| | | }).then(res => { |
| | | this.data = res.data.data; |
| | | this.$refs.crud.clearSelection(); |
| | | this.tableLoading = false; |
| | | }) |
| | | }, |
| | | handleRefresh() { |
| | | this.getTableList(); |
| | | }, |
| | | // è¡ç¹å» |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.selectList = [row]; |
| | | } |
| | | ); |
| | | }, |
| | | // éæ©æ¡ |
| | | selectChange(row) { |
| | | this.selectList = row; |
| | | }, |
| | | // æ¥çææç»æ |
| | | chekView() { |
| | | if (this.selectList.length <= 0) { |
| | | this.$message.warning('请è³å°éæ©ä¸æ¡æ°æ®'); |
| | | return; |
| | | } |
| | | if (this.selectList.length > 1) { |
| | | this.$message.warning('åªè½éæ©ä¸æ¡æ°æ®è¿è¡æ¥ç'); |
| | | return; |
| | | } |
| | | |
| | | getUsedEnumList({enumName: this.selectList[0].id}).then(res => { |
| | | if (res.data.code === 200) { |
| | | this.checkViewVisible = true; |
| | | this.checkViewData = res.data.data; |
| | | this.checkViewDataSearch = res.data.data; |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // æ¥çææç»ææ¥è¯¢ |
| | | checkHandleSearch(params, done) { |
| | | const {source} = params; |
| | | |
| | | if (!params.source) { |
| | | this.checkViewData = this.checkViewDataSearch; |
| | | return done(); |
| | | } |
| | | ; |
| | | |
| | | this.checkViewData = this.checkViewData.filter(item => { |
| | | return item.source && item.source.includes(source); |
| | | }); |
| | | |
| | | done(); |
| | | |
| | | }, |
| | | |
| | | // æ¥ç使ç¨èå´éç½® |
| | | checkHandleReset() { |
| | | this.checkViewData = this.checkViewDataSearch; |
| | | }, |
| | | } |
| | | } |
| | |
| | | this.data = data; |
| | | this.page.total = res.data.total; |
| | | this.loading = false; |
| | | }).catch(err => { |
| | | this.$message.error(err); |
| | | }); |
| | | }, |
| | | |
| | |
| | | </fieldset> |
| | | </el-aside> |
| | | <el-main> |
| | | <fieldset style="margin: 0 10px"> |
| | | <fieldset style="margin: 0 0 0 10px"> |
| | | <legend> æ¥è¯¢æ¡ä»¶ </legend> |
| | | <form-query-dialog ref="formQuery" |
| | | :levelFlag.sync="form.levelFlag" |
| | |
| | | |
| | | <style scoped> |
| | | fieldset { |
| | | border-radius: 5px; |
| | | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | padding: 10px 6px; |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |
| | |
| | | .el-scrollbar__wrap { |
| | | overflow: auto !important; |
| | | } |
| | | .headerCon{ |
| | | .el-button{ |
| | | width: 82px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .headerCon { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin-bottom: 5px; |
| | | |
| | | .el-button + .el-button { |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | .el-button { |
| | | margin-top: 5px; |
| | | } |
| | | } |
| | | |
| | | .headerCon > .el-button:nth-child(4) { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .headerCon > .el-button:nth-child(7) { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | |
| | | .smallBtn { |
| | | width: 82px; |
| | | text-align: center; |
| | | padding-left: 4.5px; |
| | | } |
| | | fieldset { |
| | | border-radius: 5px; |
| | | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | padding: 10px 6px; |
| | | box-sizing: border-box; |
| | | margin: 10px 0 0 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |
| | |
| | | |
| | | <style scoped> |
| | | fieldset { |
| | | border-radius: 5px; |
| | | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | padding: 10px 6px; |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |
| | |
| | | <div v-for="(condition,index) in conditionList" :key="index" class="el-input--small" |
| | | style="margin-bottom: 5px; text-align:left"> |
| | | <span :title="condition.clause" |
| | | style="width: 200px;display: inline-block;text-align: right">{{ condition.clause }}</span> |
| | | style="width: 32%;display: inline-block;text-align: right;word-break: break-all">{{ condition.clause }}</span> |
| | | <avue-select v-model="condition.operator" :clearable="false" :dic="condition.operatorDic" :disabled="readOnly" |
| | | style="width: 80px;margin: 0 5px;" type="tree"></avue-select> |
| | | <el-date-picker v-if="condition.type=='VTDate'" v-model="condition.ordinaryValue" :disabled="readOnly" |
| | | <!--<el-date-picker v-if="condition.type=='VTDate'" v-model="condition.ordinaryValue" :disabled="readOnly" |
| | | style="width:300px;margin-right: 5px;display: inline-block;" type="date" |
| | | value-format="YYYY-MM-DD"> |
| | | </el-date-picker> |
| | |
| | | :disabled="readOnly" |
| | | style="width:300px;margin-right: 5px;display: inline-block;"></avue-input-number> |
| | | <avue-input v-else v-model="condition.ordinaryValue" :disabled="readOnly" placeholder="" |
| | | style="width: 300px;margin-right: 5px;"></avue-input>--> |
| | | <avue-input v-model="condition.ordinaryValue" :disabled="readOnly" placeholder="" |
| | | style="width: 300px;margin-right: 5px;"></avue-input> |
| | | <el-button v-if="!readOnly" plain size="mini" type="primary" @click="checkTemp(index)">éæ©æ¥è¯¢æ¨¡æ¿</el-button> |
| | | <el-button v-if="!readOnly" icon="el-icon-delete" size="mini" style="padding: 7px 8px" type="danger" |
| | |
| | | return item |
| | | }, |
| | | handleDragEnd(draggingNode, dropNode, dropType, ev) { |
| | | debugger; |
| | | console.log('tree drag end: ', dropNode && dropNode.label, dropType); |
| | | }, |
| | | handleDragOver({event}) { |
| | |
| | | .el-scrollbar__wrap { |
| | | overflow: auto !important; |
| | | } |
| | | .headerCon{ |
| | | .el-button{ |
| | | width: 82px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .headerCon { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin-bottom: 5px; |
| | | |
| | | .el-button + .el-button { |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | .el-button { |
| | | margin-top: 5px; |
| | | } |
| | | } |
| | | |
| | | .headerCon > .el-button:nth-child(4) { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | .headerCon > .el-button:nth-child(7) { |
| | | margin-left: 0; |
| | | } |
| | | |
| | | |
| | | .smallBtn { |
| | | width: 82px; |
| | | text-align: center; |
| | | padding-left: 4.5px; |
| | | } |
| | | fieldset { |
| | | border-radius: 5px; |
| | | -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
| | | padding: 10px 6px; |
| | | box-sizing: border-box; |
| | | margin: 10px 0 0 0; |
| | | border: 1px solid #EBEEF5; |
| | | } |
| | |
| | | <!--æä»ç®¡ç页é¢--> |
| | | <basic-container> |
| | | <avue-crud |
| | | ref="logCrud" |
| | | ref="crud" |
| | | v-model="form" |
| | | :data="tableData" |
| | | :option="option" |
| | |
| | | @row-save="rowSaveHandler" |
| | | @row-update="rowUpdateHandler" |
| | | @row-del="rowDeleteHandler" |
| | | @row-click="rowClickHandler" |
| | | @selection-change="selectionChange" |
| | | > |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | |
| | | selectionChange(list) { |
| | | this.selectionList = list; |
| | | }, |
| | | |
| | | // è¡åé |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { this.lastIndex = newIndex; }, |
| | | () => { this.selectionList = []; } |
| | | ); |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | |
| | | @search-change="handleSearch" |
| | | @search-reset="handleReset" |
| | | @size-change="sizeChange" |
| | | @row-click="rowClickHandler" |
| | | @current-change="currentChange" |
| | | > |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | |
| | | total: 0, |
| | | pageSizes: [10, 30, 50, 100], |
| | | }, |
| | | searchParams: {} |
| | | searchParams: {}, |
| | | selectList: [], |
| | | |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | loading.close(); |
| | | }) |
| | | }, |
| | | // è¡åé |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.logCrud, |
| | | this.lastIndex, |
| | | (newIndex) => { this.lastIndex = newIndex; }, |
| | | () => { this.selectList = []; } |
| | | ); |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <template> |
| | | <!--代åä»»å¡--> |
| | | <basic-containers :key="loadKey"> |
| | | <div> |
| | | <avue-crud |
| | | ref="crud" |
| | | :data="data" |
| | | :option="options" |
| | | :page.sync="pages" |
| | | :search.sync="searchParams" |
| | | :table-loading="loading" |
| | | @search-change="handleSearch" |
| | | @search-reset="handleReset" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange"> |
| | | <template slot="title" slot-scope="{row}"> |
| | | <el-link type="primary" @click="linkClickHandler(row)">{{ row.title }}</el-link> |
| | | </template> |
| | | </avue-crud> |
| | | </div> |
| | | </basic-containers> |
| | | <basic-container title="å¾
åæµç¨ä»»å¡"> |
| | | <avue-crud ref="crud" :data="todoData" :option="todoOption" :page.sync="page" |
| | | :table-loading="loading" |
| | | @on-load="onLoad" |
| | | @cell-click="cellHandle"> |
| | | <template #menu="{size,row,index}"> |
| | | <el-button :size="size" |
| | | icon="el-icon-check" |
| | | type="text" |
| | | @click="gotodo(row,index)">æ§è¡ |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "UndoTaskPortlet", |
| | | data() { |
| | | data(){ |
| | | return { |
| | | loadKey:0, |
| | | data: [], |
| | | options: { |
| | | height: 'auto', |
| | | calcHeight:210, |
| | | loading: false, |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | // 代念ç¨ä»»å¡data |
| | | todoData: [], |
| | | // 代念ç¨ä»»å¡option |
| | | todoOption: { |
| | | height: 500, |
| | | addBtn: false, |
| | | header: false, |
| | | align: 'center', |
| | | index: true, |
| | | menuWidth: 80, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | index: true, |
| | | border: true, |
| | | menu: false, |
| | | refreshBtn: false, |
| | | searchIcon: true, |
| | | searchShow: true, |
| | | menuWidth: 120, |
| | | menuAlign: "center", |
| | | column: [ |
| | | column: [{ |
| | | label: 'ä»»å¡åç§°', |
| | | prop: 'taskName', |
| | | sortable: true, |
| | | headerAlign: 'center', |
| | | align: 'left', |
| | | html: true, |
| | | width: 300, |
| | | overHidden: true, |
| | | formatter: (val) => { |
| | | return '<a name="processname" href="javascript:;" style="color: #66b1ff;">' + val.variables.processName + '-' + val.taskName + '</a>' |
| | | } |
| | | }, |
| | | { |
| | | label: "ç±»å", |
| | | prop: "msgClassifyText", |
| | | label: 'ä¸ä¸æ¥å¤çæ¶é´', |
| | | sortable: true, |
| | | width: 100, |
| | | width: 150, |
| | | prop: 'createTime' |
| | | }, |
| | | { |
| | | label: "æ¶æ¯æ é¢", |
| | | prop: "title", |
| | | search:true, |
| | | minWidth: 400, |
| | | label: 'ä¸ä¸æ¥æä½äºº', |
| | | sortable: true, |
| | | searchSpan:6, |
| | | width: 120, |
| | | prop: 'historyActivityAssigneName' |
| | | }, |
| | | { |
| | | label: 'æµç¨æè¿°', |
| | | prop: 'processDesc', |
| | | overHidden: true, |
| | | slot:true, |
| | | formatter: (val) => { |
| | | return val.variables.processDesc |
| | | } |
| | | }, |
| | | { |
| | | label: "åéæ¶é´", |
| | | prop: "sendTime", |
| | | width: 130, |
| | | type:'datetime', |
| | | overHidden: true, |
| | | format:'yyyy-MM-dd HH:mm', |
| | | sortable:true, |
| | | slot: true |
| | | }, |
| | | { |
| | | label: 'å·¥å·', |
| | | prop: "sendUserCode", |
| | | searchLabelWidth: 100, |
| | | search:true, |
| | | label: 'æå±æµç¨æ¨¡æ¿', |
| | | sortable: true, |
| | | searchSpan:6, |
| | | width: 130, |
| | | }, |
| | | { |
| | | label: "åé人å§å", |
| | | prop: "sendUserName", |
| | | searchLabelWidth: 100, |
| | | search:true, |
| | | searchSpan:6, |
| | | sort: true, |
| | | width: 130, |
| | | }, |
| | | { |
| | | label: "å
容", |
| | | overHidden:true, |
| | | prop: "msgContent", |
| | | minWidth: 300 |
| | | }, |
| | | overHidden: true, |
| | | prop: 'categoryName' |
| | | } |
| | | ] |
| | | }, |
| | | pages: { |
| | | currentPage: 1, |
| | | pageSize: 15, |
| | | pageSizes: [15, 25, 45, 60, 100], |
| | | total: 0, |
| | | layout: "prev,pager,next,jumper,sizes,total", |
| | | }, |
| | | loading: false, |
| | | searchParams: { |
| | | pageNum: 1, |
| | | pageSize: 15, |
| | | }, |
| | | }; |
| | | } |
| | | }, |
| | | created() { |
| | | this.getTableList(); |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.handleResize); // è·åç¨æ·ç¼©æ¾äºä»¶ |
| | | }, |
| | | beforeDestroy() { |
| | | window.removeEventListener('resize', this.handleResize); // 鿝ç»å®çæ¹æ³ |
| | | }, |
| | | methods: { |
| | | // 强å¶ä¿®æ¹å®¹å¨keyå¼ |
| | | handleResize() { |
| | | this.loadKey += 1; |
| | | onLoad(page, params = {}) { |
| | | this.loading = true; |
| | | const query = { |
| | | ...this.query, |
| | | category: (params.category) ? flowCategory(params.category) : null |
| | | }; |
| | | todoList(page.currentPage, page.pageSize, Object.assign(params, query)).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.todoData = data.records; |
| | | this.loading = false; |
| | | }).catch(error => { |
| | | this.$message.error(error); |
| | | this.loading = false; |
| | | }) |
| | | }, |
| | | |
| | | // åå§åæ ¹æ®åè¾¨çæ¥å³å®é¡µé¢åå§å¤å°æ¡æ°æ® |
| | | createdPageSize(){ |
| | | let windowHeight = window.outerHeight; |
| | | if(windowHeight > 1350) this.homeTable.pages.pageSize = 25; |
| | | if(windowHeight > 1350) this.searchParams.pageSize = 25; |
| | | }, |
| | | |
| | | getTableList() { |
| | | this.createdPageSize(); // 夿页é¢å辨ç |
| | | |
| | | getList(this.searchParams).then(res => { |
| | | if (res && res.success) { |
| | | this.homeTable.data = res.data; |
| | | this.homeTable.pages.total = res.total; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | linkClickHandler(row){ |
| | | if(row.msgLink != null && row.msgLink != ''){ |
| | | var link = row.msgLink.replace("inner:","").replace("?","").split("&"); |
| | | var html = link.find((val=>(val.toLowerCase().startsWith("html=")|| val.toLowerCase().startsWith("html =")))); |
| | | if(html!=null && html!=''){ |
| | | var page = html.split("=")[1].replace("-","/"); |
| | | var single = { |
| | | fromUndo:true |
| | | }; |
| | | link.forEach((val)=>{ |
| | | var temp = val.split("="); |
| | | single[temp[0]] = temp[1]; |
| | | }); |
| | | this.$router.push({ |
| | | path:"/" + page, |
| | | query:single |
| | | }); |
| | | } |
| | | cellHandle(row, column, cell, event) { |
| | | if (column.property == 'taskName') { |
| | | this.gotodo(row) |
| | | } |
| | | }, |
| | | |
| | | // å页鿩æ¾ç¤ºå¤å°æ¡ |
| | | sizeChange(val) { |
| | | this.searchParams.pageSize = val; |
| | | this.searchParams.pageNum = 1; |
| | | this.getTableList(); |
| | | }, |
| | | |
| | | // å页页ç |
| | | currentChange(val) { |
| | | this.searchParams.pageNum = val; |
| | | this.getTableList(); |
| | | }, |
| | | |
| | | // æ¥è¯¢ |
| | | handleSearch(params, done) { |
| | | setTimeout(() => { |
| | | done(); |
| | | this.searchParams = { ...params }; |
| | | this.getTableList(); |
| | | }, 300); |
| | | }, |
| | | |
| | | // æ¸
空æç´¢ |
| | | handleReset() { |
| | | this.searchParams = this.defaultSearch; |
| | | this.getTableList(); |
| | | }, |
| | | // å·æ°æ°æ® |
| | | handleRefresh() { |
| | | this.getTableList(); |
| | | }, |
| | | gotodo(row, index) { |
| | | this.$router.push({path: `/work/process/${flowRoute(this.flowRoutes, row.category)}/handle/${row.taskId}/${row.processInstanceId}/${row.businessId}`}); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | @selection-change="selectChange" |
| | | @row-click="rowClickHandler" |
| | | @refresh-change="handleRefresh" |
| | | @size-change="sizeChange" |
| | | @current-change="currentChange" |
| | | > |
| | | <template slot="menuLeft"> |
| | | <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">å建 |
| | |
| | | width="500px" |
| | | @close="visibleCloseHandler" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="90px" size="small"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="ç»ä»¶ï¼" prop="id"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="å æ®åæ°ï¼" prop="span"> |
| | | <el-form-item label="æ é¢ï¼" prop="title"> |
| | | <el-input v-model="form.title"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="å æ®åæ°ï¼" prop="span" tip="æ»åæ°ä¸º24"> |
| | | <avue-input-number v-model="form.span" precision="0" style="width: 100%" :max="24" :min="1" controls-position="" tip="æ»åæ°ä¸º24ï¼å¦å 满æ´è¡è¯·è¾å
¥24"></avue-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | prop: 'id', |
| | | }, |
| | | { |
| | | label: 'æ é¢', |
| | | prop: 'title', |
| | | }, |
| | | { |
| | | label: 'å æ®åæ°', |
| | | prop: 'span' |
| | | }, |
| | |
| | | rules: { |
| | | id: [ |
| | | {required: true, message: 'è¯·éæ©ç»ä»¶', trigger: 'blur'}, |
| | | ], |
| | | span:[ |
| | | {required: true, message: '请è¾å
¥å æ®åæ°', trigger: 'blur'}, |
| | | ] |
| | | }, |
| | | dic:[{ |
| | | label:'å¾
åä»»å¡', |
| | | label:'å¾
åæµç¨ä»»å¡', |
| | | value:'UndoTaskPortlet' |
| | | },{ |
| | | label:'é项2', |
| | |
| | | }, |
| | | methods: { |
| | | getList() { |
| | | gridStatus(this.page.currentPage, this.page.pageSize).then(res => { |
| | | gridStatus().then(res => { |
| | | const data = res.data.data; |
| | | this.data = data; |
| | | this.page.total = res.data.total; |
| | | this.loading = false; |
| | | }).catch(err => { |
| | | this.$message.error(err); |
| | | }); |
| | | }, |
| | | |
| | |
| | | this.selectList = row; |
| | | }, |
| | | |
| | | // æ¡æ° |
| | | sizeChange(val) { |
| | | this.page.pageSize = val; |
| | | this.getList(); |
| | | }, |
| | | |
| | | // 页ç |
| | | currentChange(val) { |
| | | this.page.currentPage = val; |
| | | this.getList(); |
| | | }, |
| | | |
| | | // è¡åé |
| | | rowClickHandler(row) { |
| | | func.rowClickHandler( |
| | | row, |
| | | this.$refs.useCrud, |
| | | this.$refs.crud, |
| | | this.lastIndex, |
| | | (newIndex) => { |
| | | this.lastIndex = newIndex; |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div> |
| | | <el-row> |
| | | <el-col v-for="item in homeData" :span="item.span"> |
| | | <component :is="item.currentComponent" :key="item.component"></component> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "workIndex", |
| | | components:{}, |
| | | data(){ |
| | | return { |
| | | homeData:[{ |
| | | component:'UndoTaskPortlet', |
| | | span:24 |
| | | }] |
| | | } |
| | | }, |
| | | created() { |
| | | this.initData(); |
| | | }, |
| | | methods:{ |
| | | initData() { |
| | | this.homeData.map(item => { |
| | | this.loadCompoent(item); |
| | | return item; |
| | | }) |
| | | }, |
| | | loadCompoent(item){ |
| | | // 卿坼å
¥ç»ä»¶ |
| | | import(`@/views/wel/components/${item.component}.vue`).then((module) => { |
| | | // æå导å
¥åï¼å°ç»ä»¶æ³¨åå°Vueå®ä¾ä¸ |
| | | item.currentComponent = module.default; |
| | | }).catch((error) => { |
| | | // å¤ç导å
¥å¤±è´¥çæ
åµ |
| | | console.log('ç»ä»¶å 载失败:', error); |
| | | }); |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |