代码调整
This commit is contained in:
joylink_cuiweidong
parent
00359591b5
commit
5dc7de9ded
@ -35,6 +35,6 @@ const formBuilder = {
|
||||
});
|
||||
return formList;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
export default formBuilder;
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
import Vue from 'vue';
|
||||
import { getBaseUrl } from '@/utils/baseUrl'
|
||||
import { getBaseUrl } from '@/utils/baseUrl';
|
||||
|
||||
// 创建或者打开数据库
|
||||
export function openIndexedDB() {
|
||||
const baseUrl = getBaseUrl();
|
||||
const indexedDBName = baseUrl.replace(/http.?:\/\/(.*)[\/|:].*/, "$1");
|
||||
const indexedDBName = baseUrl.replace(/http.?:\/\/(.*)[\/|:].*/, '$1');
|
||||
const request = window.indexedDB.open(indexedDBName, 1);
|
||||
request.onerror = function (event) {
|
||||
console.log('数据库打开报错');
|
||||
@ -18,7 +18,7 @@ export function openIndexedDB() {
|
||||
Vue.prototype.$db = event.target.result;
|
||||
Vue.prototype.$db.createObjectStore('mapData', { keyPath: 'id' });
|
||||
Vue.prototype.$db.createObjectStore('runPlan', { keyPath: 'templateId' });
|
||||
Vue.prototype.$db.createObjectStore('composeList', { keyPath: 'id' });
|
||||
Vue.prototype.$db.createObjectStore('composeTemplateList', { keyPath: 'id' });
|
||||
};
|
||||
}
|
||||
// 新增数据
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<el-select v-model="props.row.defaultStyleSelect" size="mini">
|
||||
<el-option v-for="(eachStyle) in styleSelectList" :key="eachStyle.value" :label="eachStyle.label" :value="eachStyle.value" />
|
||||
</el-select>
|
||||
<el-button type="primary" size="mini" class="addStyle" @click="addStyle(props.$index)">添加</el-button>
|
||||
<el-button type="primary" size="mini" class="addStyle" @click="addStyle(props.$index,'style')">添加</el-button>
|
||||
</div>
|
||||
<div v-if="props.row.style" class="styleInList">
|
||||
<div v-for="(eachStyleInfo,index) in Object.keys(props.row.style)" :key="index" class="eachStyleInfo">
|
||||
@ -41,10 +41,10 @@
|
||||
<el-select v-model="props.row.defaultShapeSelect" size="mini">
|
||||
<el-option v-for="(eachShape) in shapeSelectList" :key="eachShape.value" :label="eachShape.label" :value="eachShape.value" />
|
||||
</el-select>
|
||||
<el-button type="primary" size="mini" class="addStyle" @click="addShape(props.$index)">添加</el-button>
|
||||
<el-button type="primary" size="mini" class="addStyle" @click="addStyle(props.$index,'shape')">添加</el-button>
|
||||
</div>
|
||||
<div v-if="props.row.Shape" class="styleInList">
|
||||
<div v-for="(eachShapeInfo,index) in Object.keys(props.row.Shape)" :key="index" class="eachStyleInfo">
|
||||
<div v-if="props.row.shape" class="styleInList">
|
||||
<div v-for="(eachShapeInfo,index) in Object.keys(props.row.shape)" :key="index" class="eachStyleInfo">
|
||||
<each-form-item
|
||||
:prop="eachShapeInfo"
|
||||
:data="formModel.stateList[props.$index].shape"
|
||||
@ -156,26 +156,16 @@ export default {
|
||||
// // this.$iscs
|
||||
// }
|
||||
// },
|
||||
addStyle(index) {
|
||||
const style = this.formModel.stateList[index].style;
|
||||
addStyle(index, type) {
|
||||
const style = this.formModel.stateList[index][type];
|
||||
if (!style) {
|
||||
this.$set(this.formModel.stateList[index], 'style', {});
|
||||
this.$set(this.formModel.stateList[index], type, {});
|
||||
}
|
||||
const data = this.formModel.stateList[index];
|
||||
if (!data.style[data.defaultStyleSelect] && data.defaultStyleSelect) {
|
||||
const other = utils.deepClone(this.formModel.style[data.defaultStyleSelect]);
|
||||
this.$set(this.formModel.stateList[index].style, data.defaultStyleSelect, other);
|
||||
}
|
||||
},
|
||||
addShape(index) {
|
||||
const shape = this.formModel.stateList[index].shape;
|
||||
if (!shape) {
|
||||
this.$set(this.formModel.stateList[index], 'shape', {});
|
||||
}
|
||||
const data = this.formModel.stateList[index];
|
||||
if (!data.shape[data.defaultShapeSelect] && data.defaultShapeSelect) {
|
||||
const other = utils.deepClone(this.formModel.shape[data.defaultShapeSelect]);
|
||||
this.$set(this.formModel.stateList[index].shape, data.defaultShapeSelect, other);
|
||||
const dataName = 'default' + type.replace(type[0], type[0].toUpperCase()) + 'Select';
|
||||
if (!data[type][data[dataName]] && data[dataName]) {
|
||||
const other = utils.deepClone(this.formModel[type][data[dataName]]);
|
||||
this.$set(this.formModel.stateList[index][type], data[dataName], other);
|
||||
}
|
||||
},
|
||||
expandChange(row, expandedRows) {
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
<el-button v-show="selected" type="danger" size="small" @click="onDelete">删除</el-button>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="状态编辑" name="second">
|
||||
<el-tab-pane label="单元素状态编辑" name="second">
|
||||
<el-tabs v-model="statusTab" class="card" type="card" @tab-click="onSelectTab">
|
||||
<el-tab-pane v-for="(composeElem,index) in composeElemList" :key="index" :label="composeElem.name" :name="composeElem.code" :lazy="true">
|
||||
<table-form :ref="'tableform'+composeElem.code" :compose-elem="composeElem" />
|
||||
@ -43,6 +43,9 @@
|
||||
<el-button type="primary" size="small" @click="onSaveStatus">保存</el-button>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="状态组合编辑" name="third">
|
||||
<!-- {{ 状态组合编辑 }} -->
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-card>
|
||||
</div>
|
||||
@ -115,21 +118,25 @@ export default {
|
||||
const type = this.$route.query.type || '<模型类型>';
|
||||
const source = this.$iscs.getSource();
|
||||
if (id && source) {
|
||||
const elementList = source.elementList.map(el => {
|
||||
const shapeList = source.elementList;
|
||||
shapeList.forEach(el => {
|
||||
return this.$iscs.getShapeByCode(el.code).model;
|
||||
});
|
||||
const composeList = source.composeList.map(el => {
|
||||
return this.$iscs.getShapeByCode(el.code).model;
|
||||
});
|
||||
const rect = elementList.reduce((temp, el) => {
|
||||
const shape = this.$iscs.getShapeByCode(el.code);
|
||||
return shape && temp ? temp.union(shape.getBoundingRect().clone()) : shape.getBoundingRect();
|
||||
}, null);
|
||||
const position = rect ? [(rect.x + rect.width) / 2, (rect.y + rect.height) / 2] : [0, 0];
|
||||
const model = { id, name, type, elementList, composeList, position };
|
||||
Idb.delete('composeList', model.id);
|
||||
Idb.write('composeList', model);
|
||||
Idb.list('composeList').then(list => {
|
||||
// const composeList = source.composeList.map(el => {
|
||||
// return this.$iscs.getShapeByCode(el.code).model;
|
||||
// });
|
||||
// const rect = shapeList.reduce((temp, el) => {
|
||||
// const shape = this.$iscs.getShapeByCode(el.code);
|
||||
// return shape && temp ? temp.union(shape.getBoundingRect().clone()) : shape.getBoundingRect();
|
||||
// }, null);
|
||||
// const position = rect ? [(rect.x + rect.width) / 2, (rect.y + rect.height) / 2] : [0, 0];
|
||||
const position = [0, 0];
|
||||
const stateList = [];
|
||||
const model = { id, name, type, shapeList, stateList, position };
|
||||
|
||||
Idb.delete('composeTemplateList', model.id);
|
||||
Idb.write('composeTemplateList', model);
|
||||
Idb.list('composeTemplateList').then(list => {
|
||||
console.log(list);
|
||||
});
|
||||
}
|
||||
|
||||
@ -100,9 +100,9 @@ export default {
|
||||
}
|
||||
if (this.$route.query.id) {
|
||||
setTimeout(_ => {
|
||||
Idb.select('composeList', this.$route.query.id).then(resp => {
|
||||
Idb.select('composeTemplateList', this.$route.query.id).then(resp => {
|
||||
this.$iscs.setMap([], {
|
||||
elementList: resp.elementList||[],
|
||||
elementList: resp.shapeList||[],
|
||||
composeList: resp.composeList||[]
|
||||
}, option);
|
||||
EventBus.$emit('getComposeElemList');
|
||||
|
||||
@ -9,16 +9,13 @@
|
||||
<el-card type="border-card" class="heightClass">
|
||||
<div slot="header" class="clearfix">
|
||||
<!-- 组件id为{{ $route.query.id }} -->
|
||||
状态预览
|
||||
状态编辑
|
||||
</div>
|
||||
<div class="stateList">
|
||||
<el-tabs v-model="statusTab" class="card" type="card" @tab-click="onSelectTab">
|
||||
<el-tab-pane v-for="(composeElem,index) in composeElemList" :key="index" :label="composeElem.name" :name="composeElem.code" :lazy="true">
|
||||
<!-- <table-form :ref="'tableform'+composeElem.code" :compose-elem="composeElem" /> -->
|
||||
<!-- stateList -->
|
||||
<el-table>
|
||||
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user