|
|
@@ -74,16 +74,21 @@
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
- <div style="width: 100%;height: 100%;" @click="jumpPage(`/standardization/map/${item.appId}`)">
|
|
|
+ <div style="width: 100%;height: 100%;" @click="jumpPage(`/standardization/map/${item.appId}`)" @mouseenter="setHoverIndex(index)" @mouseleave="resetHoverIndex">
|
|
|
<div class="knowledge_library_item_icon">
|
|
|
<!-- <img :src="item.appIcon" class="icon_item_img" alt=""/> -->
|
|
|
</div>
|
|
|
<div class="knowledge_library_item_name">{{ item.appTitle }}</div>
|
|
|
<div class="knowledge_library_item_desc">{{ item.appNote }}</div>
|
|
|
<div class="knowledge_library_item_jump">
|
|
|
- <div class="jump_statistic">
|
|
|
+ <div class="jump_statistic" style="width: 100%;line-height: 1.5;align-items: center;">
|
|
|
<Timer style="width: 1em; height: 1em;"/>
|
|
|
- {{ item.createTime }}
|
|
|
+ <div style="width: 100%;">{{ item.createTime }} </div>
|
|
|
+ <div>
|
|
|
+ <el-icon v-if="hoverIndex === index" style="color: #79bbff;margin-left: auto;cursor: pointer;width: 2em; height: 2em;" @click.stop="showPeizhi(item)">
|
|
|
+ <TrendCharts/>
|
|
|
+ </el-icon>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -92,13 +97,239 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog @close="clearFromLev" title="配置展示" v-model="dialogVisiblePei" width="60%" destroy-on-close
|
|
|
+ :key="tableKey">
|
|
|
+ <div style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1.2rem;">选择位置及展示数量</div>
|
|
|
+ </div>
|
|
|
+ <el-form size="mini" :key="tableKey" style="margin-top: 1%;width: 80%;" :model="formJi" label-position="right" ref="formRefJi" label-width="120px" :rules="rulesJi">
|
|
|
+ <el-row :gutter="48">
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="左侧数量:" prop="name" style="">
|
|
|
+ <el-select
|
|
|
+ v-model="numLe"
|
|
|
+ style="width: 100%;margin-left: 0%;"
|
|
|
+ >
|
|
|
+ <el-option label="不展示" :value="0"/>
|
|
|
+ <el-option label="1个" :value="1"/>
|
|
|
+ <el-option label="2个" :value="2"/>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="右侧数量:" prop="" style="">
|
|
|
+ <div style="display: flex;width: 100%;justify-content: space-between;">
|
|
|
+ <el-select
|
|
|
+ v-model="numRi"
|
|
|
+ style="width: 100%;margin-left: 0%;"
|
|
|
+ >
|
|
|
+ <el-option label="不展示" :value="0"/>
|
|
|
+ <el-option label="1个" :value="1"/>
|
|
|
+ <el-option label="2个" :value="2"/>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div v-if="numLe==1||numLe==2" style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1.2rem;">选择左侧展示内容</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="numLe==1||numLe==2" style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;margin-left: 5%;">
|
|
|
+ <div style="height:1rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1rem;">左侧第一张表展示内容</div>
|
|
|
+ <el-button @click="addCanL1" style="margin-left: 2%;" type="success" size="mini" plain>新增</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-if="numLe==1||numLe==2">
|
|
|
+ <div style="display: flex;width: 100%;margin-left: 6%;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 0.5%;">
|
|
|
+ 第一张表标题:
|
|
|
+ </div>
|
|
|
+ <el-input placeholder="" type="primary" class="noBor" v-model="titleL1" size="mini" text style="margin-left:0%;width: 20%;"></el-input>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ style="margin-left: 5%;width: 50%;margin-top: 1%;"
|
|
|
+ :data="tableDataCanL1"
|
|
|
+ :cell-style="{ textAlign: 'center',padding:'2px 0' }"
|
|
|
+ :header-cell-style="{fontSize: '14px', textAlign: 'center'}"
|
|
|
+ :row-style="{ height: heightAll*0.01+'px',fontSize: '17px',textAlign:'center' }"
|
|
|
+ border >
|
|
|
+ <el-table-column prop="itemName" label="参数字段">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数编码" type="primary" class="noBor" v-model="scope.row.paramCode" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemName" label="参数名称">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数名称" type="primary" class="noBor" v-model="scope.row.paramName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-button type="danger" @click="delCanL1(scope.$index)" size="mini" text style="margin-left: 0%;">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div v-if="numLe==2" style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;margin-left: 5%;">
|
|
|
+ <div style="height:1rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1rem;">左侧第二张表展示内容</div>
|
|
|
+ <el-button @click="addCanL2" style="margin-left: 2%;" type="success" size="mini" plain>新增</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-if="numLe==2">
|
|
|
+ <div style="display: flex;width: 100%;margin-left: 6%;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 0.5%;">
|
|
|
+ 第二张表标题:
|
|
|
+ </div>
|
|
|
+ <el-input placeholder="" type="primary" class="noBor" v-model="titleL2" size="mini" text style="margin-left:0%;width: 20%;"></el-input>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ style="margin-left: 5%;width: 50%;margin-top: 1%;"
|
|
|
+ :data="tableDataCanL2"
|
|
|
+ :cell-style="{ textAlign: 'center',padding:'2px 0' }"
|
|
|
+ :header-cell-style="{fontSize: '14px', textAlign: 'center'}"
|
|
|
+ :row-style="{ height: heightAll*0.01+'px',fontSize: '17px',textAlign:'center' }"
|
|
|
+ border >
|
|
|
+ <el-table-column prop="itemName" label="参数字段">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数编码" type="primary" class="noBor" v-model="scope.row.paramCode" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemName" label="参数名称">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数名称" type="primary" class="noBor" v-model="scope.row.paramName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-button type="danger" @click="delCanL2(scope.$index)" size="mini" text style="margin-left: 0%;">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div v-if="numRi==1||numRi==2" style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1.2rem;">选择右侧展示内容</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="numRi==1||numRi==2" style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;margin-left: 5%;">
|
|
|
+ <div style="height:1rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1rem;">右侧第一张表展示内容</div>
|
|
|
+ <el-button @click="addCanR1" style="margin-left: 2%;" type="success" size="mini" plain>新增</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-if="numRi==1||numRi==2">
|
|
|
+ <div style="display: flex;width: 100%;margin-left: 6%;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 0.5%;">
|
|
|
+ 第一张表标题:
|
|
|
+ </div>
|
|
|
+ <el-input placeholder="" type="primary" class="noBor" v-model="titleR1" size="mini" text style="margin-left:0%;width: 20%;"></el-input>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ style="margin-left: 5%;width: 50%;margin-top: 1%;"
|
|
|
+ :data="tableDataCanR1"
|
|
|
+ :cell-style="{ textAlign: 'center',padding:'2px 0' }"
|
|
|
+ :header-cell-style="{fontSize: '14px', textAlign: 'center'}"
|
|
|
+ :row-style="{ height: heightAll*0.01+'px',fontSize: '17px',textAlign:'center' }"
|
|
|
+ border >
|
|
|
+ <el-table-column prop="itemName" label="参数字段">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数编码" type="primary" class="noBor" v-model="scope.row.paramCode" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemName" label="参数名称">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数名称" type="primary" class="noBor" v-model="scope.row.paramName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-button type="danger" @click="delCanR1(scope.$index)" size="mini" text style="margin-left: 0%;">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div v-if="numRi==2" style="display: flex;line-height: 1.5;align-items: center;margin-top: 1%;margin-left: 5%;">
|
|
|
+ <div style="height:1rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 1%;font-size: 1rem;">右侧第二张表展示内容</div>
|
|
|
+ <el-button @click="addCanR2" style="margin-left: 2%;" type="success" size="mini" plain>新增</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-if="numRi==2">
|
|
|
+ <div style="display: flex;width: 100%;margin-left: 6%;align-items: center;margin-top: 1%;">
|
|
|
+ <div style="height:1.2rem;background-color: #79bbff;width: 3px;"></div>
|
|
|
+ <div style="margin-left: 0.5%;">
|
|
|
+ 第二张表标题:
|
|
|
+ </div>
|
|
|
+ <el-input placeholder="" type="primary" class="noBor" v-model="titleR2" size="mini" text style="margin-left:0%;width: 20%;"></el-input>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ style="margin-left: 5%;width: 50%;margin-top: 1%;"
|
|
|
+ :data="tableDataCanR2"
|
|
|
+ :cell-style="{ textAlign: 'center',padding:'2px 0' }"
|
|
|
+ :header-cell-style="{fontSize: '14px', textAlign: 'center'}"
|
|
|
+ :row-style="{ height: heightAll*0.01+'px',fontSize: '17px',textAlign:'center' }"
|
|
|
+ border >
|
|
|
+ <el-table-column prop="itemName" label="参数字段">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数编码" type="primary" class="noBor" v-model="scope.row.paramCode" size="mini" text style="margin-left: 0%;border: transparent;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemName" label="参数名称">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-input placeholder="请填写参数名称" type="primary" class="noBor" v-model="scope.row.paramName" size="mini" text style="margin-left: 0%;"></el-input>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <el-button type="danger" @click="delCanR2(scope.$index)" size="mini" text style="margin-left: 0%;">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <template #footer>
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button size="mini" @click="dialogVisibleLevel = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="saveAddNextLevel" size="mini">
|
|
|
+ 提交
|
|
|
+ </el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import {getModelingById, getModellist} from "@/api/standardization/modeling.js";
|
|
|
import {jumpPage} from "@/utils/page.js";
|
|
|
-
|
|
|
+const dialogVisiblePei = ref(false)
|
|
|
const knowledgeList = ref([])
|
|
|
const computedDisplay = ref('none')
|
|
|
const backgrounds = [
|
|
|
@@ -111,11 +342,51 @@ const backgrounds = [
|
|
|
const icons = ref([
|
|
|
'ai', 'algorithm', 'component', 'files', 'flood', 'international', 'monitor'
|
|
|
])
|
|
|
-
|
|
|
-onMounted(() => {
|
|
|
- getList()
|
|
|
-})
|
|
|
-
|
|
|
+const hoverIndex = ref(-1)
|
|
|
+const setHoverIndex = (index) => {
|
|
|
+ hoverIndex.value = index;
|
|
|
+};
|
|
|
+const titleR1 = ref('')
|
|
|
+const titleR2 = ref('')
|
|
|
+const titleL1 = ref('')
|
|
|
+const titleL2 = ref('')
|
|
|
+const tableDataCanL1 = ref([])
|
|
|
+const tableDataCanL2 = ref([])
|
|
|
+const tableDataCanR1 = ref([])
|
|
|
+const tableDataCanR2 = ref([])
|
|
|
+const resetHoverIndex = () => {
|
|
|
+ hoverIndex.value = -1;
|
|
|
+};
|
|
|
+const numLe = ref(0)
|
|
|
+const numRi = ref(0)
|
|
|
+function delCanL1(index){
|
|
|
+ tableDataCanL1.value.splice(index, 1)
|
|
|
+}
|
|
|
+function addCanL1(){
|
|
|
+ var par = {}
|
|
|
+ tableDataCanL1.value.push(par)
|
|
|
+}
|
|
|
+function delCanL2(index){
|
|
|
+ tableDataCanL2.value.splice(index, 1)
|
|
|
+}
|
|
|
+function addCanL2(){
|
|
|
+ var par = {}
|
|
|
+ tableDataCanL2.value.push(par)
|
|
|
+}
|
|
|
+function addCanR1(){
|
|
|
+ var par = {}
|
|
|
+ tableDataCanR1.value.push(par)
|
|
|
+}
|
|
|
+function delCanR1(index){
|
|
|
+ tableDataCanR1.value.splice(index, 1)
|
|
|
+}
|
|
|
+function delCanR2(index){
|
|
|
+ tableDataCanR2.value.splice(index, 1)
|
|
|
+}
|
|
|
+function addCanR2(){
|
|
|
+ var par = {}
|
|
|
+ tableDataCanR2.value.push(par)
|
|
|
+}
|
|
|
function getList() {
|
|
|
getModellist().then(res => {
|
|
|
knowledgeList.value = res.rows
|
|
|
@@ -126,8 +397,12 @@ function getList() {
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
+function showPeizhi(item){
|
|
|
+ dialogVisiblePei.value = true
|
|
|
+}
|
|
|
+onMounted(() => {
|
|
|
+ getList()
|
|
|
+})
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
.knowledge-dialog .el-dialog__body {
|
|
|
@@ -350,7 +625,7 @@ function getList() {
|
|
|
|
|
|
.jump_statistic {
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
+ // align-items: center;
|
|
|
|
|
|
}
|
|
|
|