| | |
| | | <link rel="stylesheet" href="<%= BASE_URL %>cdn/avue/2.9.12/index.css"> |
| | | <script src="<%= BASE_URL %>cdn/xlsx/FileSaver.min.js"></script> |
| | | <script src="<%= BASE_URL %>cdn/xlsx/xlsx.full.min.js"></script> |
| | | <script src="https://cdn.staticfile.org/jsPlumb/2.11.1/js/jsplumb.min.js"></script> |
| | | <link rel="icon" href="<%= BASE_URL %>favicon.png"> |
| | | <title>ubcsä¼ä¸å¹³å°</title> |
| | | <style> |
| | |
| | | |
| | | export const add = (row) => { |
| | | return request({ |
| | | url: '/api/ubcs-system/role/submit', |
| | | url: '/api/blade-system/role/submit', |
| | | method: 'post', |
| | | data: row |
| | | }) |
| | |
| | | |
| | | export const historyFlowList = (processInstanceId) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/process/history-flow-list', |
| | | url: '/api/blade-flow/process/history-flow-list', |
| | | method: 'get', |
| | | params: { |
| | | processInstanceId |
| | |
| | | |
| | | export const leaveProcess = (data) => { |
| | | return request({ |
| | | url: '/api/ubcs-desk/process/leave/start-process', |
| | | url: '/api/blade-desk/process/leave/start-process', |
| | | method: 'post', |
| | | data |
| | | }) |
| | |
| | | |
| | | export const leaveDetail = (businessId) => { |
| | | return request({ |
| | | url: '/api/ubcs-desk/process/leave/detail', |
| | | url: '/api/blade-desk/process/leave/detail', |
| | | method: 'get', |
| | | params: { |
| | | businessId |
| | |
| | | |
| | | export const startList = (current, size, params) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/start-list', |
| | | url: '/api/blade-flow/work/start-list', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | |
| | | |
| | | export const claimList = (current, size, params) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/claim-list', |
| | | url: '/api/blade-flow/work/claim-list', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | |
| | | |
| | | export const todoList = (current, size, params) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/todo-list', |
| | | url: '/api/blade-flow/work/todo-list', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | |
| | | |
| | | export const sendList = (current, size, params) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/send-list', |
| | | url: '/api/blade-flow/work/send-list', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | |
| | | |
| | | export const doneList = (current, size, params) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/done-list', |
| | | url: '/api/blade-flow/work/done-list', |
| | | method: 'get', |
| | | params: { |
| | | ...params, |
| | |
| | | |
| | | export const claimTask = (taskId) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/claim-task', |
| | | url: '/api/blade-flow/work/claim-task', |
| | | method: 'post', |
| | | params: { |
| | | taskId |
| | |
| | | |
| | | export const completeTask = (data) => { |
| | | return request({ |
| | | url: '/api/ubcs-flow/work/complete-task', |
| | | url: '/api/blade-flow/work/complete-task', |
| | | method: 'post', |
| | | data |
| | | }) |
| | |
| | | } |
| | | }, |
| | | // ç¬¬ä¸æ¹ç³»ç»ææå°å |
| | | authUrl: 'http://localhost/ubcs-auth/oauth/render', |
| | | authUrl: 'http://localhost/blade-auth/oauth/render', |
| | | // æ¥è¡¨è®¾è®¡å¨å°å(cloud端å£ä¸º8108,boot端å£ä¸º80) |
| | | reportUrl: 'http://localhost:8108/ureport', |
| | | // åç¹ç»å½ç³»ç»è®¤è¯(blade-authæå¡çå°) |
| | |
| | | search: true, |
| | | span: 24, |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-develop/datasource/select", |
| | | dicUrl: "/api/blade-develop/datasource/select", |
| | | props: { |
| | | label: "name", |
| | | value: "id" |
| | |
| | | label: 'åå
¸ç¼ç ', |
| | | prop: 'dictCode', |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-system/dict/select", |
| | | dicUrl: "/api/blade-system/dict/select", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "code" |
| | |
| | | import tenantPackage from './views/system/tenantpackage'; |
| | | import enupackage from "@/views/modeling/enupackage"; |
| | | import Versionpackage from "@/views/modeling/Versionpackage"; |
| | | import Businpackage from "@/views/modeling/Businpackage"; |
| | | import Relationpackage from "@/views/modeling/Relationpackage" |
| | | import Torelationpackage from "@/views/modeling/Torelationpackage" |
| | | import originalRange from "@/views/modeling/originalRange" |
| | | import originalLink from "@/views/modeling/originalLink" |
| | | // 注åå
¨å±crudé©±å¨ |
| | | window.$crudCommon = crudCommon; |
| | | // å è½½Vueæå± |
| | |
| | | Vue.component('tenantPackage', tenantPackage); |
| | | Vue.component('enupackage',enupackage) |
| | | Vue.component('Versionpackage',Versionpackage) |
| | | Vue.component('Businpackage',Businpackage) |
| | | Vue.component('Relationpackage',Relationpackage) |
| | | Vue.component('Torelationpackage',Torelationpackage) |
| | | Vue.component('originalRange',originalRange) |
| | | Vue.component('originalLink',originalLink) |
| | | // å è½½ç¸å
³urlå°å |
| | | Object.keys(urls).forEach(key => { |
| | | Vue.prototype[key] = urls[key]; |
| | |
| | | |
| | | export default ({mock}) => { |
| | | if (!mock) return; |
| | | Mock.mock(/\/api\/ubcs-system\/param\/list/, 'get', getFakeList); |
| | | Mock.mock(/\/api\/blade-system\/param\/list/, 'get', getFakeList); |
| | | |
| | | Mock.mock(/\/api\/ubcs-system\/param\/detail/, 'get', getFakeDetail); |
| | | Mock.mock(/\/api\/blade-system\/param\/detail/, 'get', getFakeDetail); |
| | | |
| | | Mock.mock(/\/api\/ubcs-system\/param\/submit/, 'post', fakeSuccess); |
| | | Mock.mock(/\/api\/blade-system\/param\/submit/, 'post', fakeSuccess); |
| | | |
| | | Mock.mock(/\/api\/ubcs-system\/param\/remove/, 'post', fakeSuccess); |
| | | Mock.mock(/\/api\/blade-system\/param\/remove/, 'post', fakeSuccess); |
| | | |
| | | } |
| | |
| | | text: ' ', |
| | | ratio: 0.1 |
| | | }, |
| | | action: '/api/ubcs-resource/oss/endpoint/put-file', |
| | | action: '/api/blade-resource/oss/endpoint/put-file', |
| | | tip: 'åªè½ä¸ä¼ jpg/pngç¨æ·å¤´åï¼ä¸ä¸è¶
è¿500kb', |
| | | span: 12, |
| | | row: true, |
| | |
| | | switchDept() { |
| | | const userId = this.userInfo.user_id; |
| | | const deptColumn = this.findObject(this.userOption.column, "deptId"); |
| | | deptColumn.dicUrl = `/api/ubcs-system/dept/select?userId=${userId}`; |
| | | deptColumn.dicUrl = `/api/blade-system/dept/select?userId=${userId}`; |
| | | deptColumn.display = true; |
| | | const roleColumn = this.findObject(this.userOption.column, "roleId"); |
| | | roleColumn.dicUrl = `/api/ubcs-system/role/select?userId=${userId}`; |
| | | roleColumn.dicUrl = `/api/blade-system/role/select?userId=${userId}`; |
| | | roleColumn.display = true; |
| | | this.userBox = true; |
| | | }, |
| | |
| | | <template> |
| | | <div> |
| | | <avue-form :model="form" :rules="rules"> |
| | | <avue-form-item label="å§å" prop="name"> |
| | | <el-input v-model="form.name"></el-input> |
| | | </avue-form-item> |
| | | <avue-form-item label="å¦å" prop="education"> |
| | | <el-select v-model="form.education" placeholder="è¯·éæ©"> |
| | | <el-option label="å士" value="å士"></el-option> |
| | | <el-option label="ç¡å£«" value="ç¡å£«"></el-option> |
| | | <el-option label="æ¬ç§" value="æ¬ç§"></el-option> |
| | | <el-option label="大ä¸" value="大ä¸"></el-option> |
| | | <el-option label="ä¸ä¸" value="ä¸ä¸"></el-option> |
| | | </el-select> |
| | | </avue-form-item> |
| | | <avue-form-item label="å·¥ä½ç»å"> |
| | | <table class="table"> |
| | | <thead> |
| | | <tr> |
| | | <th>å
¬å¸</th> |
| | | <th>èä½</th> |
| | | <th>èµ·æ¢æ¶é´</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <tr v-for="(item, index) in form.workExperience" :key="index"> |
| | | <td> |
| | | <el-input v-model="item.company"></el-input> |
| | | </td> |
| | | <td> |
| | | <el-input v-model="item.position"></el-input> |
| | | </td> |
| | | <td> |
| | | <el-date-picker |
| | | v-model="item.dateRange" |
| | | range-separator="è³" |
| | | type="daterange" |
| | | start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ" |
| | | format="yyyy-MM-dd" |
| | | ></el-date-picker> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </avue-form-item> |
| | | </avue-form> |
| | | </div> |
| | | |
| | | <el-container> |
| | | <el-aside width="240px"> |
| | | <basic-container> |
| | | <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick"> |
| | | </avue-tree> |
| | | </basic-container> |
| | | </el-aside> |
| | | <el-main> |
| | | <!-- åºæ¬ä¿¡æ¯--> |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">åºæ¬ä¿¡æ¯</p> |
| | | <avue-crud |
| | | v-model="objs" |
| | | :data="basicData" |
| | | :option="basicOption" |
| | | @row-save="basicSave" |
| | | > |
| | | <!-- çæ¬è§å--> |
| | | <template slot="rulesForm" slot-scope="{disabled,size}"> |
| | | <div> |
| | | <el-input v-if="rulesFalg==false" v-model="objs.tex" :size="size" placeholder="请è¾å
¥çæ¬å·è§å" |
| | | style="width: 290px"></el-input> |
| | | <el-select v-if="rulesFalg" v-model="objs.select" placeholder="è¯·éæ©çæ¬å·è§å" style="max-width: 300px"> |
| | | <el-option label="æµè¯1" value="1"></el-option> |
| | | <el-option label="æµè¯2" value="2"></el-option> |
| | | <el-option label="æµè¯3" value="3"></el-option> |
| | | </el-select> |
| | | <el-button style="margin-bottom: 5px;margin-left: 10px" type="primary" @click="handelRules"> |
| | | {{ rulesFalg == false ? "éæ©çæ¬å·è§å" : "æå¨è¾å
¥" }} |
| | | </el-button> |
| | | </div> |
| | | </template> |
| | | <!-- çå½å¨æ--> |
| | | <template slot="lifeCycleForm"> |
| | | <el-select v-model="objs.select" placeholder="è¯·éæ©çå½å¨æ" style="max-width: 300px"> |
| | | <el-option label="æµè¯1" value="1"></el-option> |
| | | <el-option label="æµè¯2" value="2"></el-option> |
| | | <el-option label="æµè¯3" value="3"></el-option> |
| | | </el-select> |
| | | <el-button style="margin-bottom: 5px;display: inline-block;margin-left: 10px" type="primary" |
| | | @click="handelLife">çå½å¨æå表 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | <el-dialog :visible.sync="packageLifeBox" |
| | | append-to-body |
| | | title="æ¥ç使ç¨èå´" |
| | | width="1000px"> |
| | | <Businpackage></Businpackage> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialoghandelfalse">å æ¶</el-button> |
| | | <el-button type="primary" @click="dialoghandeltrue">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </basic-container> |
| | | <!-- 屿§å表--> |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">屿§å表</p> |
| | | <avue-crud |
| | | v-model="obj" |
| | | :data="loadData" |
| | | :option="loadOption" |
| | | @row-save="loadSave" |
| | | ></avue-crud> |
| | | </basic-container> |
| | | </el-main> |
| | | </el-container> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | |
| | | |
| | | export default { |
| | | name: "Business", |
| | | |
| | | data(){ |
| | | data() { |
| | | return { |
| | | form: { |
| | | name: "", |
| | | education: "", |
| | | workExperience: [ |
| | | { company: "", position: "", dateRange: [] }, |
| | | { company: "", position: "", dateRange: [] }, |
| | | ], |
| | | //çå½å¨æå¯¹è¯æ¡ç¶æ |
| | | packageLifeBox: false, |
| | | //çæ¬è§åç¶æ |
| | | rulesFalg: false, |
| | | obj: {}, |
| | | treeData: [{ |
| | | value: 0, |
| | | label: 'ä¸å¡ç±»åæ ', |
| | | children: [ |
| | | { |
| | | value: 1, |
| | | label: 'A', |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: 'B', |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: 'C', |
| | | }, |
| | | { |
| | | value: 4, |
| | | label: 'D', |
| | | }, |
| | | { |
| | | value: 5, |
| | | label: 'E', |
| | | } |
| | | ] |
| | | }], |
| | | treeOption: { |
| | | defaultExpandAll: true, |
| | | }, |
| | | rules: { |
| | | name: [{ required: true, message: "请è¾å
¥å§å", trigger: "blur" }], |
| | | education: [{ required: true, message: "è¯·éæ©å¦å", trigger: "change" }], |
| | | "workExperience.0.company": [ |
| | | { required: true, message: "请è¾å
¥å
¬å¸åç§°", trigger: "blur" }, |
| | | ], |
| | | "workExperience.0.position": [ |
| | | { required: true, message: "请è¾å
¥èä½åç§°", trigger: "blur" }, |
| | | ], |
| | | "workExperience.0.dateRange": [ |
| | | { required: true, message: "è¯·éæ©èµ·æ¢æ¶é´", trigger: "change" }, |
| | | ], |
| | | "workExperience.1.company": [ |
| | | { required: true, message: "请è¾å
¥å
¬å¸åç§°", trigger: "blur" }, |
| | | ], |
| | | "workExperience.1.position": [ |
| | | { required: true, message: "请è¾å
¥èä½åç§°", trigger: "blur" }, |
| | | ], |
| | | "workExperience.1.dateRange": [ |
| | | { required: true, message: "è¯·éæ©èµ·æ¢æ¶é´", trigger: "change" }, |
| | | ], |
| | | loadData: [], |
| | | loadData1: [ |
| | | { |
| | | name: 'å¼ ä¸', |
| | | business: 'æµè¯', |
| | | attrType: "æµè¯", |
| | | default: "æµè¯", |
| | | explain: "æµè¯è¯´æ" |
| | | }, |
| | | { |
| | | name: 'æå', |
| | | business: 'æµè¯', |
| | | attrType: "æµè¯", |
| | | default: "æµè¯", |
| | | explain: "æµè¯è¯´æ" |
| | | } |
| | | ], |
| | | loadData2: [ |
| | | { |
| | | name: 'çäº', |
| | | business: 'æµè¯', |
| | | attrType: "æµè¯", |
| | | default: "æµè¯", |
| | | explain: "æµè¯è¯´æ" |
| | | }, |
| | | { |
| | | name: 'å®å
', |
| | | business: 'æµè¯', |
| | | attrType: "æµè¯", |
| | | default: "æµè¯", |
| | | explain: "æµè¯è¯´æ" |
| | | } |
| | | ], |
| | | loadOption: { |
| | | border: true, |
| | | height: 422, |
| | | editBtn: false, |
| | | column: [ |
| | | { |
| | | label: '屿§å', |
| | | prop: 'name' |
| | | }, |
| | | { |
| | | label: 'ä¸å¡ç±»å', |
| | | prop: 'business' |
| | | }, |
| | | { |
| | | label: "屿§ç±»å", |
| | | prop: "attrType" |
| | | }, |
| | | { |
| | | label: "é»è®¤å¼", |
| | | prop: "default", |
| | | }, |
| | | { |
| | | label: "说æ", |
| | | prop: "explain" |
| | | } |
| | | ] |
| | | }, |
| | | //åºæ¬ä¿¡æ¯ |
| | | objs: { |
| | | tex: "", |
| | | select: "", |
| | | lifeTex: "" |
| | | }, |
| | | basicData: [], |
| | | basicData1: [ |
| | | { |
| | | typeName: "æµè¯1", |
| | | tag: "客æ·", |
| | | inherit: "æµè¯", |
| | | implement: "æµè¯", |
| | | lifeCycle: "卿", |
| | | desc: "è¿æ¯ä¸ä¸ªæè¿°" |
| | | } |
| | | ], |
| | | basicData2: [ |
| | | { |
| | | typeName: "æµè¯2", |
| | | tag: "客æ·", |
| | | inherit: "æµè¯", |
| | | implement: "æµè¯", |
| | | lifeCycle: "卿", |
| | | desc: "è¿æ¯ä¸ä¸ªæè¿°" |
| | | } |
| | | ], |
| | | basicOption: { |
| | | border: true, |
| | | height: 88, |
| | | tabs: true, |
| | | column: [ |
| | | { |
| | | label: "ç±»ååç§°", |
| | | prop: "typeName", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "æ ç¾", |
| | | prop: "tag", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "ç»§æ¿èª", |
| | | prop: "inherit", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "å®ç°ç±»", |
| | | prop: "implement", |
| | | display: false |
| | | }, |
| | | { |
| | | label: "æè¿°", |
| | | prop: "desc", |
| | | display: false |
| | | } |
| | | ], |
| | | group: [ |
| | | { |
| | | label: "åºæ¬ä¿¡æ¯", |
| | | column: [ |
| | | { |
| | | label: "ç±»ååç§°", |
| | | prop: "typeName" |
| | | }, |
| | | { |
| | | label: "æ ç¾", |
| | | prop: "tag" |
| | | }, |
| | | { |
| | | label: "ç»§æ¿èª", |
| | | prop: "inherit" |
| | | }, |
| | | { |
| | | label: "æ¯å¦å®ä¾å", |
| | | prop: "case", |
| | | type: "switch", |
| | | align: "center", |
| | | hide: true, |
| | | labelWidth: 90, |
| | | dicData: [ |
| | | { |
| | | label: "å¦", |
| | | value: 0 |
| | | }, |
| | | { |
| | | label: "æ¯", |
| | | value: 1 |
| | | } |
| | | ], |
| | | }, |
| | | { |
| | | label: "æè¿°", |
| | | prop: "desc", |
| | | type: "textarea" |
| | | }, |
| | | { |
| | | label: "å®ç°ç±»", |
| | | prop: "implement" |
| | | }, |
| | | |
| | | ] |
| | | }, |
| | | { |
| | | label: "çæ¬è§å", |
| | | column: [ |
| | | { |
| | | label: 'çæ¬è§å', |
| | | prop: 'radio', |
| | | type: 'radio', |
| | | button: true, |
| | | change: this.radioChange, |
| | | value: 0, |
| | | dicData: [{ |
| | | label: 'ä¸å¯ä¿®è®¢', |
| | | value: 0 |
| | | }, { |
| | | label: 'éç¨ä¸çº§çæ¬ç®¡ç', |
| | | value: 1 |
| | | }, { |
| | | label: 'éç¨äºçº§çæ¬ç®¡ç', |
| | | value: 2 |
| | | }] |
| | | }, |
| | | { |
| | | label: "çæ¬å·è§å", |
| | | prop: "rules", |
| | | display: true, |
| | | formslot: true, |
| | | }, |
| | | { |
| | | label: "åé符", |
| | | prop: "interval", |
| | | type: "select", |
| | | display: true, |
| | | dicData: [ |
| | | { |
| | | label: ".", |
| | | value: 0 |
| | | }, |
| | | { |
| | | label: "-", |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: " ", |
| | | value: 2 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: 'çæ¬¡å·è§å', |
| | | prop: 'radioRules', |
| | | type: 'radio', |
| | | display: true, |
| | | dicData: [{ |
| | | label: '1.2.3...', |
| | | value: 0 |
| | | }, { |
| | | label: 'a.b.c...', |
| | | value: 1 |
| | | }, { |
| | | label: '0.1.2...', |
| | | value: 2 |
| | | }] |
| | | }, |
| | | ] |
| | | }, |
| | | { |
| | | label: "çå½å¨æ", |
| | | column: [ |
| | | { |
| | | label: "çå½å¨æ", |
| | | prop: "lifeCycle" |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | this.loadData = this.loadData1; |
| | | this.basicData = this.basicData1 |
| | | }, |
| | | methods: { |
| | | //çå½å¨æå¯¹è¯æ¡åæ¶ç¹å»äºä»¶ |
| | | dialoghandelfalse() { |
| | | this.packageLifeBox = false |
| | | }, |
| | | //çå½å¨æå¯¹è¯æ¡ç¡®å®ç¹å»äºä»¶ |
| | | dialoghandeltrue() { |
| | | this.packageLifeBox = false |
| | | }, |
| | | //éæ©çå½å¨æå¯¹è¯æ¡ |
| | | handelLife() { |
| | | this.packageLifeBox = true |
| | | }, |
| | | //çæ¬è§åæå¨è¾å
¥åéæ©æ¡çç¶æåå |
| | | handelRules() { |
| | | this.rulesFalg = !this.rulesFalg |
| | | }, |
| | | //çæ¬è§åä¸ä¸ªæé®çæ¾ç¤ºéè |
| | | radioChange(val) { |
| | | if (val.value == 0) { |
| | | this.basicOption.group[1].column[1].display = false; |
| | | this.basicOption.group[1].column[2].display = false; |
| | | this.basicOption.group[1].column[3].display = false; |
| | | } else if (val.value == 1) { |
| | | this.basicOption.group[1].column[1].display = true; |
| | | this.basicOption.group[1].column[2].display = true; |
| | | this.basicOption.group[1].column[3].display = false; |
| | | } else if (val.value == 2) { |
| | | this.basicOption.group[1].column[1].display = true; |
| | | this.basicOption.group[1].column[2].display = true; |
| | | this.basicOption.group[1].column[3].display = true; |
| | | } |
| | | }, |
| | | nodeClick(data) { |
| | | if (data.value == 1) { |
| | | this.loadData = this.loadData1; |
| | | this.basicData = this.basicData1 |
| | | } else if (data.value == 2) { |
| | | this.loadData = this.loadData2; |
| | | this.basicData = this.basicData2 |
| | | } |
| | | this.$message.success(JSON.stringify(data)) |
| | | } |
| | | }, |
| | | // åºæ¬ä¿¡æ¯æ·»å |
| | | basicSave(row, done, loading) { |
| | | add(Object.assign({ |
| | | createUser: this.userInfo.name |
| | | }, row)).then(() => { |
| | | this.$message.success('æ°å¢æå') |
| | | done(); |
| | | this.getList(); |
| | | }).catch(() => { |
| | | loading() |
| | | }) |
| | | }, |
| | | //屿§æ·»å |
| | | loadSave(row, done, loading) { |
| | | add(Object.assign({ |
| | | createUser: this.userInfo.name |
| | | }, row)).then(() => { |
| | | this.$message.success('æ°å¢æå') |
| | | done(); |
| | | this.getList(); |
| | | }).catch(() => { |
| | | loading() |
| | | }) |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .table { |
| | | width: 100%; |
| | | border-collapse: collapse; |
| | | <style lang="scss"> |
| | | #basic { |
| | | height: 770px; |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | .table th, |
| | | .table td { |
| | | padding: 10px; |
| | | border: 1px solid #ccc; |
| | | } |
| | | |
| | | .table th { |
| | | background-color: #f0f0f0; |
| | | font-weight: bold; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <<template> |
| | | <basic-container> |
| | | <avue-crud ref="crud" |
| | | v-model="form" |
| | | :data="data" |
| | | :option="option" |
| | | @on-load="getList" |
| | | @row-del="rowDel" |
| | | @refresh-change="refreshChange" |
| | | @search-change="searchChange" |
| | | @row-click="handleRowClick" |
| | | > |
| | | <template slot="menuLeft"> |
| | | <span>å½åéæ©çå½å¨æ:{{this.lifeList}}</span> |
| | | |
| | | </template> |
| | | </avue-crud> |
| | | <div></div> |
| | | <!-- <el-button >å æ¶</el-button>--> |
| | | <!-- <el-button type="primary" >ç¡® å®</el-button>--> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "Businpackage.vue", |
| | | data(){ |
| | | return { |
| | | lifeList:"", |
| | | data:[ |
| | | { |
| | | name:"æµè¯1", |
| | | }, |
| | | { |
| | | name:"æµè¯2", |
| | | }, |
| | | { |
| | | name:"æµè¯3", |
| | | }, |
| | | { |
| | | name:"æµè¯4", |
| | | }, |
| | | ], |
| | | form:{}, |
| | | option:{ |
| | | height:300, |
| | | headerAlign:'center', |
| | | align: 'center', |
| | | border: true, |
| | | editBtn:false, |
| | | index: true, |
| | | searchMenuSpan:8, |
| | | searchSpan:9, |
| | | searchBtnText:'æ¥æ¾', |
| | | searchLabelWidth:100, |
| | | addBtn:false, |
| | | indexFixed:false, |
| | | menuFixed:false, |
| | | column:[ |
| | | { |
| | | label:"çå½å¨æåç§°", |
| | | prop:"name", |
| | | search:true, |
| | | searchWidth:170 |
| | | }, |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods:{ |
| | | handleRowClick(val){ |
| | | console.log(val) |
| | | this.lifeList=val.name |
| | | }, |
| | | // getList () { |
| | | // this.loading = true; |
| | | // const data = Object.assign({ |
| | | // pageNum: this.page.currentPage, |
| | | // pageSize: this.page.pageSize, |
| | | // }, this.params) |
| | | // this.data = []; |
| | | // getList(data).then(res => { |
| | | // const data = res.data.data |
| | | // this.loading = false; |
| | | // this.page.total = data.total; |
| | | // const result = data.list; |
| | | // this.data = result; |
| | | // }) |
| | | // }, |
| | | //æç´¢ |
| | | searchChange(params, done) { |
| | | if (done) done(); |
| | | this.params = params; |
| | | this.page.currentPage = 1; |
| | | this.getList(); |
| | | this.$message.success('æç´¢æå') |
| | | }, |
| | | rowDel(row) { |
| | | this.$confirm('æ¤æä½å°æ°¸ä¹
å é¤, æ¯å¦ç»§ç»?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | return del(row.id) |
| | | }).then(() => { |
| | | this.$message.success('å 餿å') |
| | | this.getList(); |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <<template> |
| | | <basic-container> |
| | | <avue-crud ref="crud" |
| | | v-model="form" |
| | | :data="data" |
| | | :option="option" |
| | | @on-load="getList" |
| | | @row-del="rowDel" |
| | | @refresh-change="refreshChange" |
| | | @row-save="rowSave" |
| | | > |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "Relationpackage.vue", |
| | | data(){ |
| | | return { |
| | | lifeList:"", |
| | | data:[ |
| | | { |
| | | name:"æµè¯1", |
| | | }, |
| | | { |
| | | name:"æµè¯2", |
| | | }, |
| | | { |
| | | name:"æµè¯3", |
| | | }, |
| | | { |
| | | name:"æµè¯4", |
| | | }, |
| | | ], |
| | | form:{}, |
| | | option:{ |
| | | height:300, |
| | | headerAlign:'center', |
| | | align: 'center', |
| | | border: true, |
| | | editBtn:false, |
| | | index: true, |
| | | indexFixed:false, |
| | | menuFixed:false, |
| | | column:[ |
| | | { |
| | | label:"Form端类å", |
| | | prop:"name", |
| | | }, |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods:{ |
| | | // getList () { |
| | | // this.loading = true; |
| | | // const data = Object.assign({ |
| | | // pageNum: this.page.currentPage, |
| | | // pageSize: this.page.pageSize, |
| | | // }, this.params) |
| | | // this.data = []; |
| | | // getList(data).then(res => { |
| | | // const data = res.data.data |
| | | // this.loading = false; |
| | | // this.page.total = data.total; |
| | | // const result = data.list; |
| | | // this.data = result; |
| | | // }) |
| | | // }, |
| | | //æç´¢ |
| | | rowSave(row, done, loading) { |
| | | add(Object.assign({ |
| | | createUser: this.userInfo.name |
| | | }, row)).then(() => { |
| | | this.$message.success('æ°å¢æå') |
| | | done(); |
| | | this.getList(); |
| | | }).catch(() => { |
| | | loading() |
| | | }) |
| | | }, |
| | | rowDel(row) { |
| | | this.$confirm('æ¤æä½å°æ°¸ä¹
å é¤, æ¯å¦ç»§ç»?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | return del(row.id) |
| | | }).then(() => { |
| | | this.$message.success('å 餿å') |
| | | this.getList(); |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <p>对象å
³ç³»ç±»å</p> |
| | | <el-container> |
| | | <el-aside width="240px"> |
| | | <basic-container > |
| | | <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick"></avue-tree> |
| | | </basic-container> |
| | | </el-aside> |
| | | <el-main> |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">龿¥ç±»åå表</p> |
| | | <avue-crud |
| | | v-model="obj" |
| | | :data="loadData" |
| | | :option="loadOption" |
| | | > |
| | | <template slot-scope="scope" slot="defaultForm"> |
| | | <Relationpackage></Relationpackage> |
| | | </template> |
| | | <template slot-scope="scope" slot="TodefaultForm"> |
| | | <Torelationpackage></Torelationpackage> |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | | <basic-container> |
| | | <p style="margin-top: 10px;font-weight: 570;font-size: 19px">屿§å表</p> |
| | | <avue-crud |
| | | v-model="objs" |
| | | :data="attrData" |
| | | :option="attrOption" |
| | | > |
| | | </avue-crud> |
| | | </basic-container> |
| | | </el-main> |
| | | </el-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "Relations" |
| | | name: "Relations", |
| | | data() { |
| | | return { |
| | | // å·¦æ æ°æ® |
| | | treeOption: { |
| | | defaultExpandAll: true, |
| | | }, |
| | | treeData: [ |
| | | { |
| | | value: 0, |
| | | label: '龿¥ç±»åå表', |
| | | children: [ |
| | | { |
| | | value: 1, |
| | | label: 'input', |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: 'checkbox', |
| | | }, |
| | | ] |
| | | } |
| | | ], |
| | | // å³ä¾§è¡¨æ ¼åºæ¬ä¿¡æ¯æ°æ® |
| | | obj: {}, |
| | | loadData: [], |
| | | loadOption: { |
| | | border: true, |
| | | editBtn: false, |
| | | height: 200, |
| | | tabs:true, |
| | | column: [ |
| | | { |
| | | label: "åç§°", |
| | | prop: "name", |
| | | display:false |
| | | }, |
| | | { |
| | | label: "æ ç¾", |
| | | prop: "tag", |
| | | display:false |
| | | }, |
| | | { |
| | | label: "å½¢ç¶", |
| | | prop: "shape", |
| | | display:false |
| | | }, |
| | | { |
| | | label: "æè¿°", |
| | | prop: "desc", |
| | | display:false |
| | | }, |
| | | { |
| | | label: "Form端类å", |
| | | prop: "FormType", |
| | | display:false |
| | | }, |
| | | { |
| | | label: "To端类å", |
| | | prop: "ToType", |
| | | display:false |
| | | } |
| | | ], |
| | | group:[ |
| | | { |
| | | label:"龿¥ç±»å", |
| | | column:[ |
| | | { |
| | | label: "åç§°", |
| | | prop: "name" |
| | | }, |
| | | { |
| | | label: "æ ç¾", |
| | | prop: "tag" |
| | | }, |
| | | { |
| | | label: "å½¢ç¶", |
| | | prop: "shape" |
| | | }, |
| | | { |
| | | label: "æè¿°", |
| | | prop: "desc" |
| | | }, |
| | | ] |
| | | }, |
| | | { |
| | | label: "Form端类å", |
| | | column: [ |
| | | { |
| | | label: "主类å", |
| | | type:"select", |
| | | prop:"PrimType", |
| | | dicData:[ |
| | | { |
| | | label:"æµè¯1", |
| | | value:0 |
| | | }, |
| | | { |
| | | label:"æµè¯2", |
| | | value:1 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | type:"radio", |
| | | prop:"primRadio", |
| | | dicData:[ |
| | | { |
| | | label:"N", |
| | | value:0 |
| | | }, |
| | | { |
| | | label:"1", |
| | | value:1 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | //é»è®¤ææ§½ |
| | | prop:"default", |
| | | span:24, |
| | | labelWidth:5 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | label: "To端类å", |
| | | column: [ |
| | | { |
| | | label: "主类å", |
| | | type:"select", |
| | | prop:"toType", |
| | | dicData:[ |
| | | { |
| | | label:"æµè¯1", |
| | | value:0 |
| | | }, |
| | | { |
| | | label:"æµè¯2", |
| | | value:1 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | type:"radio", |
| | | prop:"toRadio", |
| | | dicData:[ |
| | | { |
| | | label:"N", |
| | | value:0 |
| | | }, |
| | | { |
| | | label:"1", |
| | | value:1 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | //é»è®¤ææ§½ |
| | | prop:"Todefault", |
| | | span:24, |
| | | labelWidth:5 |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | // å³ä¾§åºé¨æ°æ®åè¡¨æ°æ® |
| | | objs:{}, |
| | | attrData:[], |
| | | attrOption:{ |
| | | height: 310, |
| | | border: true, |
| | | column: [ |
| | | { |
| | | label:"屿§å", |
| | | prop:"attrName" |
| | | }, |
| | | { |
| | | label:"屿§ç±»å", |
| | | prop:"attrType" |
| | | }, |
| | | { |
| | | label: "åå§å¼", |
| | | prop:"Invalue" |
| | | }, |
| | | { |
| | | label: "说æ", |
| | | prop:"explain" |
| | | } |
| | | ] |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | <style lang="scss"> |
| | | #basic { |
| | | height: 770px; |
| | | border-radius: 10px; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <<template> |
| | | <basic-container> |
| | | <avue-crud ref="crud" |
| | | v-model="form" |
| | | :data="data" |
| | | :option="option" |
| | | @on-load="getList" |
| | | @row-del="rowDel" |
| | | @refresh-change="refreshChange" |
| | | @row-save="rowSave" |
| | | > |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "Torelationpackage.vue", |
| | | data(){ |
| | | return { |
| | | lifeList:"", |
| | | data:[ |
| | | { |
| | | name:"æµè¯1", |
| | | }, |
| | | { |
| | | name:"æµè¯2", |
| | | }, |
| | | { |
| | | name:"æµè¯3", |
| | | }, |
| | | { |
| | | name:"æµè¯4", |
| | | }, |
| | | ], |
| | | form:{}, |
| | | option:{ |
| | | height:300, |
| | | headerAlign:'center', |
| | | align: 'center', |
| | | border: true, |
| | | editBtn:false, |
| | | index: true, |
| | | indexFixed:false, |
| | | menuFixed:false, |
| | | column:[ |
| | | { |
| | | label:"To端类å", |
| | | prop:"name", |
| | | }, |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods:{ |
| | | // getList () { |
| | | // this.loading = true; |
| | | // const data = Object.assign({ |
| | | // pageNum: this.page.currentPage, |
| | | // pageSize: this.page.pageSize, |
| | | // }, this.params) |
| | | // this.data = []; |
| | | // getList(data).then(res => { |
| | | // const data = res.data.data |
| | | // this.loading = false; |
| | | // this.page.total = data.total; |
| | | // const result = data.list; |
| | | // this.data = result; |
| | | // }) |
| | | // }, |
| | | //æç´¢ |
| | | rowSave(row, done, loading) { |
| | | add(Object.assign({ |
| | | createUser: this.userInfo.name |
| | | }, row)).then(() => { |
| | | this.$message.success('æ°å¢æå') |
| | | done(); |
| | | this.getList(); |
| | | }).catch(() => { |
| | | loading() |
| | | }) |
| | | }, |
| | | rowDel(row) { |
| | | this.$confirm('æ¤æä½å°æ°¸ä¹
å é¤, æ¯å¦ç»§ç»?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | return del(row.id) |
| | | }).then(() => { |
| | | this.$message.success('å 餿å') |
| | | this.getList(); |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | } |
| | | }, |
| | | methods:{ |
| | | |
| | | // getList () { |
| | | // this.loading = true; |
| | | // const data = Object.assign({ |
| | | // pageNum: this.page.currentPage, |
| | | // pageSize: this.page.pageSize, |
| | | // }, this.params) |
| | | // this.data = []; |
| | | // getList(data).then(res => { |
| | | // const data = res.data.data |
| | | // this.loading = false; |
| | | // this.page.total = data.total; |
| | | // const result = data.list; |
| | | // this.data = result; |
| | | // }) |
| | | // }, |
| | | //æç´¢ |
| | | searchChange(params, done) { |
| | | if (done) done(); |
| | |
| | | <template> |
| | | <div> |
| | | <p>çå½å¨ææ¨¡å</p> |
| | | <el-button @click="tabs=!tabs">转å</el-button><br /><br /> |
| | | <avue-form @tab-click="handleTabClick" :option="option" v-model="form" @submit="handleSubmit"> |
| | | <template slot="group1Header"> |
| | | <h4>èªå®ä¹è¡¨å¤´</h4> |
| | | </template> |
| | | </avue-form> |
| | | </div> |
| | | <el-container> |
| | | <el-aside width="240px"> |
| | | <basic-container style="margin-top: 10px"> |
| | | <avue-tree id="basic" :data="treeData" :option="treeOption" @node-click="nodeClick" > |
| | | </avue-tree> |
| | | </basic-container> |
| | | </el-aside> |
| | | <basic-container > |
| | | <el-button type="primary" @click="dialogTableVisible=true" size="small">å建模æ¿</el-button> |
| | | <el-button type="primary" size="small">ç¼è¾æ¨¡æ¿</el-button> |
| | | <el-button type="primary" size="small" @click="$refs.flow.addNode('æµè¯èç¹')">æ·»å èç¹</el-button> |
| | | <br/><br/> |
| | | <avue-flow ref="flow" v-model="form" :height="703" :option="option" :width="1500"> |
| | | <template slot="header" slot-scope="scope"> |
| | | <i class="el-icon-delete" @click="$refs.flow.deleteNode(scope.node.id)" style="margin-top: 8px"></i> |
| | | </template> |
| | | <div slot-scope="{node}"> |
| | | <span>èªå®ä¹{{ (node || {}).name }}</span> |
| | | </div> |
| | | </avue-flow> |
| | | <!-- åå»ºå¯¹è¯æ¡--> |
| | | <el-dialog title="å建模æ¿" :visible.sync="dialogTableVisible" append-to-body> |
| | | <avue-form :data="addData" :option="addoption" v-model="forms"> |
| | | |
| | | <template slot="filetype"> |
| | | <el-select v-model="forms.select" slot="prepend" placeholder="è¯·éæ©" style="max-width: 300px"> |
| | | <el-option label="æµè¯1" value="1"></el-option> |
| | | <el-option label="æµè¯2" value="2"></el-option> |
| | | <el-option label="æµè¯3" value="3"></el-option> |
| | | </el-select> |
| | | <el-button type="primary" @click="handelLife" style="display: inline-block;margin-left: 5px"> |
| | | æ·»å èµ·å§ç¶æ |
| | | </el-button> |
| | | </template> |
| | | </avue-form> |
| | | </el-dialog> |
| | | </basic-container> |
| | | |
| | | |
| | | </el-container> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "cycle.vue", |
| | | data(){ |
| | | return{ |
| | | tabs:true, |
| | | form:{ |
| | | text:'ææ¬', |
| | | text1:'ææ¬1', |
| | | text2:'ææ¬2', |
| | | text3:'ææ¬3', |
| | | data() { |
| | | return { |
| | | //模æ¿å¯¹è¯æ¡ |
| | | dialogTableVisible:false, |
| | | forms:{ |
| | | select:"" |
| | | }, |
| | | } |
| | | }, |
| | | computed:{ |
| | | option(){ |
| | | return{ |
| | | tabs:this.tabs, |
| | | tabsActive:2, |
| | | column: [{ |
| | | label: 'å
容1', |
| | | prop: 'text1', |
| | | }], |
| | | group:[ |
| | | addData:[], |
| | | addoption:{ |
| | | formslot:true, |
| | | column:[ |
| | | { |
| | | icon:'el-icon-info', |
| | | label: 'åç»1', |
| | | prop: 'group1', |
| | | column: [{ |
| | | label: 'å
容1', |
| | | prop: 'text1', |
| | | }] |
| | | },{ |
| | | icon:'el-icon-info', |
| | | label: 'åç»2', |
| | | prop: 'group2', |
| | | column: [{ |
| | | label: 'é项å¡2', |
| | | prop: 'text2', |
| | | }, { |
| | | label: 'é项å¡3', |
| | | prop: 'text3', |
| | | }] |
| | | label:"åç§°", |
| | | prop:"name" |
| | | }, |
| | | { |
| | | label:"æ ç¾", |
| | | prop:"tag" |
| | | }, |
| | | { |
| | | label:"èµ·å§ç¶æ", |
| | | prop:"filetype", |
| | | formslot: true, |
| | | span:24 |
| | | // type:"select", |
| | | // dicData:[ |
| | | // { |
| | | // label:"æµè¯1", |
| | | // value:0 |
| | | // }, |
| | | // { |
| | | // label:"æµè¯2", |
| | | // value:1 |
| | | // }, |
| | | // { |
| | | // label:"æµè¯3", |
| | | // value:2 |
| | | // }, |
| | | // ] |
| | | }, |
| | | { |
| | | label: "æè¿°", |
| | | prop:"desc", |
| | | type:"textarea", |
| | | span:13 |
| | | } |
| | | ] |
| | | }, |
| | | count: 0, |
| | | form: {}, |
| | | treeData: [{ |
| | | value: 0, |
| | | label: 'çå½å¨ææ¨¡æ¿å表', |
| | | children: [ |
| | | { |
| | | value: 1, |
| | | label: 'A', |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: 'B', |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: 'C', |
| | | }, |
| | | { |
| | | value: 4, |
| | | label: 'D', |
| | | }, |
| | | { |
| | | value: 5, |
| | | label: 'E', |
| | | } |
| | | ] |
| | | }], |
| | | treeOption: { |
| | | defaultExpandAll: true, |
| | | }, |
| | | option: { |
| | | "nodeList": [ |
| | | { |
| | | "id": "nodeA", |
| | | "name": "æµç¨A-èç¹A", |
| | | "left": 39, |
| | | "top": 110, |
| | | }, |
| | | { |
| | | "id": "nodeB", |
| | | "name": "æµç¨A-èç¹B", |
| | | "left": 340, |
| | | "top": 161, |
| | | }, |
| | | { |
| | | "id": "nodeC", |
| | | "name": "æµç¨A-èç¹C", |
| | | "left": 739, |
| | | "top": 161, |
| | | }, |
| | | { |
| | | "id": "nodeD", |
| | | "name": "èç¹D", |
| | | "left": 739, |
| | | "top": 20, |
| | | } |
| | | ], |
| | | "lineList": [ |
| | | { |
| | | "from": "nodeA", |
| | | "to": "nodeB" |
| | | }, |
| | | { |
| | | "from": "nodeB", |
| | | "to": "nodeC" |
| | | }, |
| | | { |
| | | "from": "nodeC", |
| | | "to": "nodeD" |
| | | } |
| | | ] |
| | | }, |
| | | computed: { |
| | | nodeList() { |
| | | return this.option.nodeList |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.form = this.nodeList[this.count].id; |
| | | }, |
| | | methods: { |
| | | handleClick(node) { |
| | | this.$message.success(JSON.stringify(node)) |
| | | console.log(node) |
| | | }, |
| | | addHandler(){ |
| | | this.dialogTableVisible=true |
| | | console.log(1) |
| | | |
| | | }, |
| | | deleteNode(id){ |
| | | console.log(id) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | <style lang="scss"> |
| | | #basic { |
| | | height: 761px; |
| | | border-radius: 10px; |
| | | } |
| | | </style> |
| | |
| | | index: true, |
| | | tabs:true, |
| | | rowKey:'id', |
| | | searchMenuSpan:8, |
| | | searchMenuSpan:4, |
| | | column:[ |
| | | { |
| | | label:"æä¸¾åç§°", |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud v-model="form" :option="option" :data="data" ref="crud" :before-open="beforeOpen" @on-load="onLoad" @row-save="rowSave" @row-update="rowUpdate" @row-del="rowDel" :page.sync="page"> |
| | | <template slot-scope="{row,index,type}" slot="hideboxForm"> |
| | | <avue-form :option="option.codomainoption"></avue-form> |
| | | <div v-if="tablefalge"> |
| | | <el-input style="width: 140px;margin-left: 300px"></el-input> |
| | | <el-button style="margin-left: 15px" type="primary">æç´¢</el-button> |
| | | <el-table |
| | | ref="multipleTable" |
| | | :data="tableData" |
| | | tooltip-effect="dark" |
| | | style="width: 100%" |
| | | max-height="510" |
| | | @selection-change="handleSelectionChange"> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55"> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="name" |
| | | label="ä¸å¡ç±»åå" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="label" |
| | | label="æ ç¾" |
| | | show-overflow-tooltip> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="father" |
| | | label="ç¶ç±»" |
| | | show-overflow-tooltip> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="rules" |
| | | label="çæ¬è§å" |
| | | show-overflow-tooltip> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="cycle" |
| | | label="çå½å¨æ" |
| | | show-overflow-tooltip> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-button style="margin-left: 320px;margin-top: 13px" type="primary">ç¡®å®</el-button> |
| | | <el-button>åæ¶</el-button> |
| | | <avue-crud v-model="form" :option="option" :data="data" ref="crud" :before-open="beforeOpen" @on-load="onLoad" @row-save="rowSave" @row-update="rowUpdate" @row-del="rowDel" :page.sync="page"> |
| | | <template slot-scope="{row,index,type}" slot="selInputForm"> |
| | | <div style="margin-left: 75px"> |
| | | <el-input v-model="form.text" :size="size" |
| | | style="width: 210px" :readonly="true"></el-input> |
| | | <el-button type="primary" style="margin-left: 10px" @click="addHandle">éæ©</el-button> |
| | | <el-button type="info">åæ¶</el-button> |
| | | </div> |
| | | <div v-if="!tablefalge"> |
| | | <el-input style="width: 140px;margin-left: 300px"></el-input> |
| | | <el-button style="margin-left: 15px" type="primary">æç´¢</el-button> |
| | | <el-table |
| | | :data="tableDatas" |
| | | stripe |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="龿¥ç±»å"> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-button style="margin-left: 320px;margin-top: 13px" type="primary">ç¡®å®</el-button> |
| | | <el-button>åæ¶</el-button> |
| | | </div> |
| | | |
| | | <!-- <div v-if="tablefalge">--> |
| | | <!-- <el-button style="margin-left: 320px;margin-top: 13px" type="primary">ç¡®å®</el-button>--> |
| | | <!-- <el-button>åæ¶</el-button>--> |
| | | <!-- </div>--> |
| | | </template> |
| | | |
| | | </avue-crud> |
| | | |
| | | |
| | | <el-dialog :visible.sync="packageBox" |
| | | append-to-body |
| | | title="æ¥çä¸å¡ç±»å" |
| | | width="1000px"> |
| | | <original-range @rowchange="rowchange"></original-range> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialoghandelfalse">å æ¶</el-button> |
| | | <el-button type="primary" @click="dialoghandeltrue">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog :visible.sync="packageLinkBox" |
| | | append-to-body |
| | | title="æ¥ç龿¥ç±»å" |
| | | width="1000px"> |
| | | <original-link @rowLinkchange="rowLinkchange"></original-link> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="Linkdialoghandelfalse">å æ¶</el-button> |
| | | <el-button type="primary" @click="Linkdialoghandeltrue">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </template> |
| | | |
| | |
| | | name: "passwords.vue", |
| | | data() { |
| | | return { |
| | | tablefalge:false, |
| | | tableDatas: [ { |
| | | name: 'input', |
| | | }, { |
| | | name: 'checkbox', |
| | | }, { |
| | | name: 'switch', |
| | | }], |
| | | tableData: [{ |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | rouname:"", |
| | | // ä¸å¡ç±»åå¯¹è¯æ¡ |
| | | packageBox:false, |
| | | //龿¥ç±»åå¯¹è¯æ¡ |
| | | packageLinkBox:false, |
| | | //å¼åä¸ææ¡æ°æ® |
| | | Typelist:[], |
| | | //çæ¬æ°æ® |
| | | banList:[], |
| | | form:{ |
| | | text:"" |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | }, |
| | | |
| | | { |
| | | name: 'abc', |
| | | label: '客æ·', |
| | | father:'客æ·', |
| | | rules:'è§å', |
| | | cycle:'cba' |
| | | },], |
| | | form:{}, |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 100 |
| | | }, |
| | | appflage:true, |
| | | data: [ |
| | | { |
| | | name:"a", |
| | |
| | | ], |
| | | option:{ |
| | | selection: true, |
| | | dialogType:'drawer', |
| | | headerAlign: 'center', |
| | | border: true, |
| | | index: true, |
| | | rowKey:'id', |
| | | tabs: true, |
| | | codomainoption:{ |
| | | submitBtn: false, |
| | | emptyBtn: false, |
| | | column: [ |
| | | { |
| | | placeholder:"è¯·éæ©å¼å", |
| | | span:24, |
| | | label: 'å¼å', |
| | | prop: 'select', |
| | | type:"select", |
| | | value:0, |
| | | change:this.selectChange, |
| | | dicData:[ |
| | | { |
| | | label:"ä¸å¡ç±»å", |
| | | value:0 |
| | | }, |
| | | { |
| | | label:"龿¥ç±»å", |
| | | value:1 |
| | | }, |
| | | ]}, |
| | | { |
| | | label: "éæ©çæ¬", |
| | | prop:"banben", |
| | | type:'select', |
| | | display:false, |
| | | dicData: [ |
| | | { |
| | | label: 'å½åçæ¬æ¬¡', |
| | | value:0 |
| | | }, |
| | | { |
| | | label: 'ææ°çæ¬æ¬¡', |
| | | value:1 |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | column:[ |
| | | { |
| | | label: '屿§å', |
| | |
| | | label: 'å¼å', |
| | | column:[ |
| | | { |
| | | prop: 'hidebox', |
| | | formsolt:true, |
| | | hide: true, |
| | | span:24, |
| | | placeholder:"è¯·éæ©å¼å", |
| | | span:12, |
| | | label: 'å¼å', |
| | | prop: 'range', |
| | | value:0, |
| | | type:"select", |
| | | change:this.selectChange, |
| | | dicData:[ |
| | | { |
| | | label:"ä¸å¡ç±»å", |
| | | value:0 |
| | | }, |
| | | { |
| | | label:"龿¥ç±»å", |
| | | value:1 |
| | | }, |
| | | ]}, |
| | | { |
| | | prop:"selInput", |
| | | placeholder: false, |
| | | readonly:true, |
| | | display: true, |
| | | formslot: true, |
| | | }, |
| | | { |
| | | label: "éæ©çæ¬", |
| | | prop:"banben", |
| | | type:'select', |
| | | value:0, |
| | | change: this.selchange, |
| | | display: true, |
| | | dicData: [ |
| | | { |
| | | label: 'å½åçæ¬æ¬¡', |
| | | value:0 |
| | | }, |
| | | { |
| | | label: 'ææ°çæ¬æ¬¡', |
| | | value:1 |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | //é»è®¤è¡¨æ ¼ææ§½ |
| | | prop:"default", |
| | | span:24, |
| | | display: false |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | |
| | | created() { |
| | | }, |
| | | methods:{ |
| | | selectChange(val){ |
| | | console.log(val) |
| | | this.tablefalge=!this.tablefalge |
| | | if(val.value == 0){ |
| | | this.tablefalge=true |
| | | this.option.codomainoption.column[1].display=false |
| | | }else if(val.value == null || val.value == 1){ |
| | | this.tablefalge=false; |
| | | this.option.codomainoption.column[1].display=true |
| | | rowLinkchange(row){ |
| | | this.form.text=row.name |
| | | }, |
| | | rowchange(row){ |
| | | this.form.text=row.name |
| | | }, |
| | | //å¼åç±»åéæ© |
| | | addHandle() { |
| | | this.packageBox=true |
| | | if(this.Typelist.value == 0){ |
| | | this.packageBox=true |
| | | this.packageLinkBox=false |
| | | }else if(this.Typelist.value == 1){ |
| | | this.packageBox=false |
| | | this.packageLinkBox=true |
| | | } |
| | | }, |
| | | beforeOpen (done, type) { |
| | | if (['view', 'edit'].includes(type)) { |
| | | // æ¥çåç¼è¾é»è¾ |
| | | console.log("ç¼è¾") |
| | | } else { |
| | | //æ°å¢é»è¾ |
| | | this.tablefalge=false |
| | | console.log(this.tablefalge) |
| | | console.log("æ°å¢") |
| | | } |
| | | done(); |
| | | // å¼åä¸å¡ç±»åå¯¹è¯æ¡åæ¶ |
| | | dialoghandelfalse() { |
| | | this.packageBox=false; |
| | | this.form.text="" |
| | | }, |
| | | //å¼åä¸å¡ç±»åå¯¹è¯æ¡ç¡®å® |
| | | dialoghandeltrue(){ |
| | | this.packageBox=false |
| | | }, |
| | | // å¼å龿¥ç±»åå¯¹è¯æ¡åæ¶ |
| | | Linkdialoghandelfalse(){ |
| | | this.packageLinkBox=false; |
| | | this.form.text="" |
| | | }, |
| | | //å¼å龿¥ç±»åå¯¹è¯æ¡ç¡®å® |
| | | Linkdialoghandeltrue(){ |
| | | this.packageLinkBox=false |
| | | }, |
| | | selectChange(val){ |
| | | this.Typelist=val |
| | | |
| | | } |
| | | if(val.value == 0 ){ |
| | | this.option.group[1].column[2].display=false |
| | | }else if(val .value == 1 ){ |
| | | this.option.group[1].column[2].display=true |
| | | }else if(val.column.value == 0){ |
| | | this.option.group[1].column[2].display=false |
| | | } |
| | | }, |
| | | selchange(val){ |
| | | this.banList=val |
| | | }, |
| | | // beforeOpen (done, type) { |
| | | // if (['view', 'edit'].includes(type)) { |
| | | // // æ¥çåç¼è¾é»è¾ |
| | | // console.log("ç¼è¾") |
| | | // } else { |
| | | // //æ°å¢é»è¾ |
| | | // console.log(this.Typelist) |
| | | // console.log(this.banList) |
| | | // |
| | | // console.log("æ°å¢") |
| | | // } |
| | | // done(); |
| | | // |
| | | // } |
| | | }, |
| | | |
| | | // rowDel(row){ |
| | | // this.$confirm("ç¡®å®å°éæ©æ°æ®å é¤?", { |
| | | // confirmButtonText: "ç¡®å®", |
| | |
| | | // // this.data=res.data.data.records |
| | | // // }) |
| | | // } |
| | | } |
| | | // } |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud ref="crud" |
| | | v-model="form" |
| | | :data="data" |
| | | :option="option" |
| | | @on-load="getList" |
| | | @refresh-change="refreshChange" |
| | | @search-change="searchChange" |
| | | @current-row-change="handleCurrentRowChange" |
| | | > |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "originalLink.vue", |
| | | data(){ |
| | | return { |
| | | |
| | | data:[ |
| | | { |
| | | name:"龿¥æµè¯1", |
| | | }, |
| | | { |
| | | name:"龿¥æµè¯2", |
| | | }, |
| | | { |
| | | name:"龿¥æµè¯3", |
| | | }, |
| | | { |
| | | name:"龿¥æµè¯4", |
| | | }, |
| | | ], |
| | | form:{}, |
| | | option:{ |
| | | highlightCurrentRow:true, |
| | | height:300, |
| | | headerAlign:'center', |
| | | align: 'center', |
| | | border: true, |
| | | menu: false, |
| | | index: true, |
| | | searchMenuSpan:6, |
| | | searchSpan:10, |
| | | addBtn:false, |
| | | indexFixed:false, |
| | | menuFixed:false, |
| | | searchLabelWidth:130, |
| | | column:[ |
| | | { |
| | | label:"龿¥ç±»åå", |
| | | prop:"name", |
| | | search:true, |
| | | |
| | | } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods:{ |
| | | handleCurrentRowChange(row){ |
| | | this.$emit("rowLinkchange",row) |
| | | }, |
| | | // getList () { |
| | | // this.loading = true; |
| | | // const data = Object.assign({ |
| | | // pageNum: this.page.currentPage, |
| | | // pageSize: this.page.pageSize, |
| | | // }, this.params) |
| | | // this.data = []; |
| | | // getList(data).then(res => { |
| | | // const data = res.data.data |
| | | // this.loading = false; |
| | | // this.page.total = data.total; |
| | | // const result = data.list; |
| | | // this.data = result; |
| | | // }) |
| | | // }, |
| | | //æç´¢ |
| | | searchChange(params, done) { |
| | | if (done) done(); |
| | | this.params = params; |
| | | this.page.currentPage = 1; |
| | | this.getList(); |
| | | this.$message.success('æç´¢æå') |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud ref="crud" |
| | | v-model="form" |
| | | :data="data" |
| | | :option="option" |
| | | @on-load="getList" |
| | | @refresh-change="refreshChange" |
| | | @search-change="searchChange" |
| | | @current-row-change="handleCurrentRowChange" |
| | | > |
| | | </avue-crud> |
| | | |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "Versionpackage.vue", |
| | | data(){ |
| | | return { |
| | | |
| | | data:[ |
| | | { |
| | | name:"æµè¯1", |
| | | source:"æµè¯1", |
| | | shows:"æµè¯1" |
| | | }, |
| | | { |
| | | name:"æµè¯2", |
| | | source:"æµè¯2", |
| | | shows:"æµè¯2" |
| | | }, |
| | | { |
| | | name:"æµè¯3", |
| | | source:"æµè¯3", |
| | | shows:"æµè¯3" |
| | | }, |
| | | { |
| | | name:"æµè¯4", |
| | | source:"æµè¯4", |
| | | shows:"æµè¯4" |
| | | }, |
| | | ], |
| | | form:{}, |
| | | option:{ |
| | | highlightCurrentRow:true, |
| | | height:300, |
| | | headerAlign:'center', |
| | | align: 'center', |
| | | border: true, |
| | | menu: false, |
| | | index: true, |
| | | searchMenuSpan:6, |
| | | searchSpan:10, |
| | | addBtn:false, |
| | | indexFixed:false, |
| | | menuFixed:false, |
| | | searchLabelWidth:130, |
| | | column:[ |
| | | { |
| | | label:"ä¸å¡ç±»åå", |
| | | prop:"name", |
| | | search:true, |
| | | |
| | | }, |
| | | { |
| | | label:"æ ç¾", |
| | | prop:"tag", |
| | | }, |
| | | { |
| | | label:"ç¶ç±»", |
| | | prop:"father", |
| | | }, |
| | | { |
| | | label: "çæ¬è§å", |
| | | prop:"versionRules" |
| | | }, |
| | | { |
| | | label: "çå½å¨æ", |
| | | prop:"life" |
| | | } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | | methods:{ |
| | | handleCurrentRowChange(row){ |
| | | this.$emit("rowchange",row) |
| | | }, |
| | | // getList () { |
| | | // this.loading = true; |
| | | // const data = Object.assign({ |
| | | // pageNum: this.page.currentPage, |
| | | // pageSize: this.page.pageSize, |
| | | // }, this.params) |
| | | // this.data = []; |
| | | // getList(data).then(res => { |
| | | // const data = res.data.data |
| | | // this.loading = false; |
| | | // this.page.total = data.total; |
| | | // const result = data.list; |
| | | // this.data = result; |
| | | // }) |
| | | // }, |
| | | //æç´¢ |
| | | searchChange(params, done) { |
| | | if (done) done(); |
| | | // this.params = params; |
| | | // this.page.currentPage = 1; |
| | | // this.getList(); |
| | | this.$message.success('æç´¢æå') |
| | | console.log(params,done) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | }, |
| | | methods: { |
| | | handlePreview(name) { |
| | | this.$router.push({path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=ubcs-${name}`}); |
| | | this.$router.push({path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}`}); |
| | | }, |
| | | handleDesign(name) { |
| | | this.$router.push({path: `/myiframe/urlPath?name=designer-${name}&src=${this.website.reportUrl}/designer?_u=ubcs-${name}`}); |
| | | this.$router.push({path: `/myiframe/urlPath?name=designer-${name}&src=${this.website.reportUrl}/designer?_u=blade-${name}`}); |
| | | }, |
| | | rowDel(row) { |
| | | this.$confirm("ç¡®å®å°éæ©æ°æ®å é¤?", { |
| | |
| | | }, |
| | | 'debugForm.code'() { |
| | | const column = this.findObject(this.debugOption.column, "backgroundUrl"); |
| | | column.action = `/api/ubcs-resource/oss/endpoint/put-file?code=${this.debugForm.code}`; |
| | | column.action = `/api/blade-resource/oss/endpoint/put-file?code=${this.debugForm.code}`; |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | this.form.codeName = modelName; |
| | | } |
| | | if (validatenull(this.form.serviceName)) { |
| | | this.form.serviceName = `ubcs-${modelCode}`; |
| | | this.form.serviceName = `blade-${modelCode}`; |
| | | } |
| | | if (validatenull(this.form.pkName)) { |
| | | this.form.pkName = "id"; |
| | |
| | | proxy: { |
| | | '/api': { |
| | | //æ¬å°æå¡æ¥å£å°å |
| | | target: 'http://localhost:37000', |
| | | //target: 'http://dev.vci-tech.com:37000', |
| | | // target: 'http://192.168.0.101:37000', |
| | | target: 'http://dev.vci-tech.com:37000', |
| | | //è¿ç¨æ¼ç¤ºæå¡å°å,å¯ç¨äºç´æ¥å¯å¨é¡¹ç® |
| | | //target: 'https://saber.bladex.vip/api', |
| | | ws: true, |