yuliang
/
yvan-rcs-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

ModelMain 主界面改造

master
修宁 7 months ago
parent
980e357339
commit
148275655a
6 changed files with 310 additions and 136 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 74
      src/designer/viewWidgets/alarm/AlarmView.vue
  2. 112
      src/designer/viewWidgets/logger/LoggerView.vue
  3. 113
      src/designer/viewWidgets/property/PropertyView.vue
  4. 34
      src/designer/viewWidgets/script/ScriptView.vue
  5. 72
      src/designer/viewWidgets/task/TaskView.vue
  6. 33
      src/views/ModelMain.vue

74
src/designer/viewWidgets/alarm/AlarmView.vue
View File

@ -1,3 +1,75 @@
<template> <template>
AlarmView <div class="title">
告警面板
<el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
<template #prefix>
<component :is="renderIcon('element Search')"></component>
</template>
</el-input>
<span class="close" @click="closeMe('hideReft')">
<component :is="renderIcon('element Close')" />
</span>
</div>
<div class="calc-right-panel">
AlarmView_1<br />
AlarmView_2<br />
AlarmView_3<br />
AlarmView_4<br />
AlarmView_5<br />
AlarmView_6<br />
AlarmView_7<br />
AlarmView_8<br />
AlarmView_9<br />
AlarmView_10<br />
AlarmView_11<br />
AlarmView_12<br />
AlarmView_13<br />
AlarmView_14<br />
AlarmView_15<br />
AlarmView_16<br />
AlarmView_17<br />
AlarmView_18<br />
AlarmView_19<br />
AlarmView_20<br />
AlarmView_21<br />
AlarmView_22<br />
AlarmView_23<br />
AlarmView_24<br />
AlarmView_25<br />
AlarmView_26<br />
AlarmView_27<br />
AlarmView_28<br />
AlarmView_29<br />
AlarmView_30<br />
AlarmView_31<br />
AlarmView_32<br />
AlarmView_33<br />
AlarmView_34<br />
AlarmView_35<br />
AlarmView_36<br />
AlarmView_37<br />
AlarmView_38<br />
AlarmView_39<br />
AlarmView_40<br />
</div>
</template> </template>
<script>
import { renderIcon } from '@/utils/webutils.js'
export default {
name: 'AlarmView',
emits: ['close'],
data() {
return {
searchKeyword: ''
}
},
methods: {
renderIcon,
closeMe() {
this.$emit('close')
}
}
}
</script>

112
src/designer/viewWidgets/logger/LoggerView.vue
View File

@ -1,42 +1,74 @@
<template> <template>
LoggerView1<br /> <div class="title">
LoggerView2<br /> 系统日志
LoggerView3<br /> <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
LoggerView4<br /> <template #prefix>
LoggerView5<br /> <component :is="renderIcon('element Search')"></component>
LoggerView6<br /> </template>
LoggerView7<br /> </el-input>
LoggerView8<br /> <span class="close" @click="closeMe">
LoggerView9<br /> <component :is="renderIcon('element Close')"></component>
LoggerView10<br /> </span>
LoggerView11<br /> </div>
LoggerView12<br /> <div class="calc-bottom-panel">
LoggerView13<br /> LoggerView1<br />
LoggerView14<br /> LoggerView2<br />
LoggerView15<br /> LoggerView3<br />
LoggerView16<br /> LoggerView4<br />
LoggerView17<br /> LoggerView5<br />
LoggerView18<br /> LoggerView6<br />
LoggerView19<br /> LoggerView7<br />
LoggerView20<br /> LoggerView8<br />
LoggerView21<br /> LoggerView9<br />
LoggerView22<br /> LoggerView10<br />
LoggerView23<br /> LoggerView11<br />
LoggerView24<br /> LoggerView12<br />
LoggerView25<br /> LoggerView13<br />
LoggerView26<br /> LoggerView14<br />
LoggerView27<br /> LoggerView15<br />
LoggerView28<br /> LoggerView16<br />
LoggerView29<br /> LoggerView17<br />
LoggerView30<br /> LoggerView18<br />
LoggerView31<br /> LoggerView19<br />
LoggerView32<br /> LoggerView20<br />
LoggerView33<br /> LoggerView21<br />
LoggerView34<br /> LoggerView22<br />
LoggerView35<br /> LoggerView23<br />
LoggerView36<br /> LoggerView24<br />
LoggerView37<br /> LoggerView25<br />
LoggerView38<br /> LoggerView26<br />
LoggerView39<br /> LoggerView27<br />
LoggerView40<br /> LoggerView28<br />
LoggerView29<br />
LoggerView30<br />
LoggerView31<br />
LoggerView32<br />
LoggerView33<br />
LoggerView34<br />
LoggerView35<br />
LoggerView36<br />
LoggerView37<br />
LoggerView38<br />
LoggerView39<br />
LoggerView40<br />
</div>
</template> </template>
<script>
import { renderIcon } from '@/utils/webutils.js'
export default {
name: 'LoggerView',
emits: ['close'],
data() {
return {
searchKeyword: ''
}
},
methods: {
renderIcon,
closeMe() {
this.$emit('close')
}
}
}
</script>

113
src/designer/viewWidgets/property/PropertyView.vue
View File

@ -1,44 +1,75 @@
<template> <template>
PropertyView1<br /> <div class="title">
PropertyView2<br /> 属性面板
PropertyView3<br /> <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
PropertyView4<br /> <template #prefix>
PropertyView5<br /> <component :is="renderIcon('element Search')"></component>
PropertyView6<br /> </template>
PropertyView7<br /> </el-input>
PropertyView8<br /> <span class="close" @click="closeMe('hideReft')">
PropertyView9<br /> <component :is="renderIcon('element Close')" />
PropertyView10<br /> </span>
PropertyView11<br /> </div>
PropertyView12<br /> <div class="calc-right-panel">
PropertyView13<br /> PropertyView1<br />
PropertyView14<br /> PropertyView2<br />
PropertyView15<br /> PropertyView3<br />
PropertyView16<br /> PropertyView4<br />
PropertyView17<br /> PropertyView5<br />
PropertyView18<br /> PropertyView6<br />
PropertyView19<br /> PropertyView7<br />
PropertyView20<br /> PropertyView8<br />
PropertyView21<br /> PropertyView9<br />
PropertyView22<br /> PropertyView10<br />
PropertyView23<br /> PropertyView11<br />
PropertyView24<br /> PropertyView12<br />
PropertyView25<br /> PropertyView13<br />
PropertyView26<br /> PropertyView14<br />
PropertyView27<br /> PropertyView15<br />
PropertyView28<br /> PropertyView16<br />
PropertyView29<br /> PropertyView17<br />
PropertyView30<br /> PropertyView18<br />
PropertyView31<br /> PropertyView19<br />
PropertyView32<br /> PropertyView20<br />
PropertyView33<br /> PropertyView21<br />
PropertyView34<br /> PropertyView22<br />
PropertyView35<br /> PropertyView23<br />
PropertyView36<br /> PropertyView24<br />
PropertyView37<br /> PropertyView25<br />
PropertyView38<br /> PropertyView26<br />
PropertyView39<br /> PropertyView27<br />
PropertyView40<br /> PropertyView28<br />
PropertyView29<br />
PropertyView30<br />
PropertyView31<br />
PropertyView32<br />
PropertyView33<br />
PropertyView34<br />
PropertyView35<br />
PropertyView36<br />
PropertyView37<br />
PropertyView38<br />
PropertyView39<br />
PropertyView40<br />
</div>
</template> </template>
<script setup lang="ts"> <script>
import { renderIcon } from '@/utils/webutils.js'
export default {
name: 'PropertyView',
emits: ['close'],
data() {
return {
searchKeyword: ''
}
},
methods: {
renderIcon,
closeMe() {
this.$emit('close')
}
}
}
</script> </script>

34
src/designer/viewWidgets/script/ScriptView.vue
View File

@ -1,3 +1,35 @@
<template> <template>
ScriptView <div class="title">
脚本编辑
<el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
<template #prefix>
<component :is="renderIcon('element Search')"></component>
</template>
</el-input>
<span class="close" @click="closeMe">
<component :is="renderIcon('element Close')"></component>
</span>
</div>
<div class="calc-bottom-panel">
ScriptView
</div>
</template> </template>
<script>
import { renderIcon } from '@/utils/webutils.js'
export default {
name: 'ScriptView',
emits: ['close'],
data() {
return {
searchKeyword: ''
}
},
methods: {
renderIcon,
closeMe() {
this.$emit('close')
}
}
}
</script>

72
src/designer/viewWidgets/task/TaskView.vue
View File

@ -1,22 +1,54 @@
<template> <template>
TaskView1<br /> <div class="title">
TaskView2<br /> 任务监视
TaskView3<br /> <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
TaskView4<br /> <template #prefix>
TaskView5<br /> <component :is="renderIcon('element Search')"></component>
TaskView6<br /> </template>
TaskView7<br /> </el-input>
TaskView8<br /> <span class="close" @click="closeMe">
TaskView9<br /> <component :is="renderIcon('element Close')"></component>
TaskView10<br /> </span>
TaskView11<br /> </div>
TaskView12<br /> <div class="calc-bottom-panel">
TaskView13<br /> TaskView1<br />
TaskView14<br /> TaskView2<br />
TaskView15<br /> TaskView3<br />
TaskView16<br /> TaskView4<br />
TaskView17<br /> TaskView5<br />
TaskView18<br /> TaskView6<br />
TaskView19<br /> TaskView7<br />
TaskView20<br /> TaskView8<br />
TaskView9<br />
TaskView10<br />
TaskView11<br />
TaskView12<br />
TaskView13<br />
TaskView14<br />
TaskView15<br />
TaskView16<br />
TaskView17<br />
TaskView18<br />
TaskView19<br />
TaskView20<br />
</div>
</template> </template>
<script>
import { renderIcon } from '@/utils/webutils.js'
export default {
name: 'TaskView',
emits: ['close'],
data() {
return {
searchKeyword: ''
}
},
methods: {
renderIcon,
closeMe() {
this.$emit('close')
}
}
}
</script>

33
src/views/ModelMain.vue
View File

@ -65,41 +65,16 @@
</SplitArea> </SplitArea>
<SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize"> <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
<div class="section-item-wrap"> <div class="section-item-wrap">
<div class="title"> <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
<component :is="calcRightPanel?.icon" /> @close="()=>closeMe('hideRight')" />
{{ calcRightPanel?.title }}
<el-input v-model="sectionLeftSearch" size="small" style="width: 240px" placeholder="Search">
<template #prefix>
<component :is="renderIcon('element Search')"></component>
</template>
</el-input>
<span class="close" @click="closeMe('hideReft')"><component
:is="renderIcon('element Close')"></component></span>
</div>
<div class="calc-right-panel">
<component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
</div>
</div> </div>
</SplitArea> </SplitArea>
</Split> </Split>
</SplitArea> </SplitArea>
<SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0"> <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
<div class="section-item-wrap"> <div class="section-item-wrap">
<div class="title"> <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
<component :is="calcBottomPanel?.icon" /> @close="()=>closeMe('hideBottom')" />
{{ calcBottomPanel?.title }}
<el-input v-model="sectionLeftSearch" size="small" style="width: 240px" placeholder="Search">
<template #prefix>
<component :is="renderIcon('element Search')"></component>
</template>
</el-input>
<span class="close" @click="closeMe('hideBottom')">
<component :is="renderIcon('element Close')"></component>
</span>
</div>
<div class="calc-bottom-panel">
<component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
</div>
</div> </div>
</SplitArea> </SplitArea>
</Split> </Split>

Write Preview
Loading…
Cancel
Save