|
|
@@ -43,10 +43,13 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="enname" label="英文名称">
|
|
|
+ <!-- <template #default="scope">
|
|
|
+ <div style="color: #409EFF;cursor: pointer;" @click="showTest(scope.row)">{{scope.row.enname}}</div>
|
|
|
+ </template> -->
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="type" label="模型类型" width="160"/>
|
|
|
- <el-table-column prop="mdUnit" label="模型单位" width="200"/>
|
|
|
- <el-table-column prop="mdContact" label="联系方式" width="100"/>
|
|
|
+ <el-table-column prop="mdUnit" label="模型单位" width="220"/>
|
|
|
+ <el-table-column prop="mdContact" label="联系方式" width="150"/>
|
|
|
<el-table-column prop="status" label="模型状态" width="140">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="modifyBy" label="发布时间" width="170"/>
|
|
|
@@ -155,7 +158,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="11">
|
|
|
- <el-form-item label="联系方式:" prop="" style="">
|
|
|
+ <el-form-item label="联系方式:" prop="" style="" >
|
|
|
<div style="display: flex;width: 100%;justify-content: space-between;">
|
|
|
<el-input v-model="formJi.mdContact" style="width: 100%;"/>
|
|
|
</div>
|
|
|
@@ -676,6 +679,130 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog v-model="dialogVisibleDetail" :title="titleFen" width="80%" @close="clearFromTree" destroy-on-close :key="tableKey">
|
|
|
+ <div ref="expandableDiv" :style="{ height: currentHeight + 'px' }" style="position: relative;width: 98%;margin-left: 1%;border: #47AFE5 1px solid;min-height: 10vh;margin-top: 1%;border-radius: 8px;">
|
|
|
+ <div style="display: flex;margin-top: 1%;margin-left: 3%;">
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 模型名称:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ 上海沿海风暴潮预报模型
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 英文名称:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ Shang Hai Shi Cheng Qu Hong Lao Fang Zhen Mo Xing
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;margin-top: 1%;margin-left: 3%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 模型简介:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ Shang Hai Shi Cheng Qu Hong Lao Fang Zhen Mo Xing
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="isExpanded">
|
|
|
+ <div style="display: flex;margin-top: 1%;margin-left: 3%;">
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 版本号:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 接口分类:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;margin-top: 1%;margin-left: 3%;">
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 开发语言:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;margin-top: 1%;margin-left: 3%;">
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 模型归属单位:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 联系方式:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;margin-top: 1%;margin-left: 3%;">
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 技术支持单位:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;align-items: center;width: 50%;">
|
|
|
+ <div style="font-size: 16px;font-weight: bold;">
|
|
|
+ 联系方式:
|
|
|
+ </div>
|
|
|
+ <div style="font-size: 15px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-link :icon="isExpanded ? ArrowUp : ArrowDown" @click="zhankai" type="primary" size="mini" style="position: absolute;right:1%;bottom: 5%;">{{ isExpanded ? '收起' : '展开' }}</el-link >
|
|
|
+ </div>
|
|
|
+ <div style="position: relative;width: 98%;margin-left: 1%;border: #47AFE5 1px solid;height: 40vh;margin-top: 1%;border-radius: 8px;">
|
|
|
+ <div style="width: 100%;height:3vh;background-color: #6CA8DB;display: flex;align-items: center;padding-left: 1%;border-top-left-radius: 8px;border-top-right-radius: 8px;color: white;font-size: 14px">
|
|
|
+ <div @click="changeBack(0)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;" :style="{backgroundColor: activeColor[0]}">
|
|
|
+ 服务信息
|
|
|
+ </div>
|
|
|
+ <div @click="changeBack(1)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;" :style="{backgroundColor: activeColor[1]}">
|
|
|
+ 数据信息
|
|
|
+ </div>
|
|
|
+ <div @click="changeBack(2)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;" :style="{backgroundColor: activeColor[2]}">
|
|
|
+ 工作流程
|
|
|
+ </div>
|
|
|
+ <div @click="changeBack(3)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;" :style="{backgroundColor: activeColor[3]}">
|
|
|
+ 任务信息
|
|
|
+ </div>
|
|
|
+ <div @click="changeBack(4)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;" :style="{backgroundColor: activeColor[4]}">
|
|
|
+ 消息信息
|
|
|
+ </div>
|
|
|
+ <div @click="changeBack(5)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;" :style="{backgroundColor: activeColor[5]}">
|
|
|
+ 日志信息
|
|
|
+ </div>
|
|
|
+ <div @click="changeBack(6)" style="width: 5%;height: 100%;display: grid; place-items: center;cursor: pointer;":style="{backgroundColor: activeColor[6]}">
|
|
|
+ 访问统计
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <template #footer>
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button size="mini" @click="dialogVisibleDetail = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="submitFen" size="mini">
|
|
|
+ 提交
|
|
|
+ </el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -685,7 +812,8 @@ import { ref, onMounted, onUnmounted, nextTick } from 'vue';
|
|
|
import { Search } from '@element-plus/icons-vue'
|
|
|
import {
|
|
|
ArrowLeft,
|
|
|
- Plus
|
|
|
+ ArrowUp,
|
|
|
+ ArrowDown
|
|
|
} from '@element-plus/icons-vue'
|
|
|
import { reactive } from 'vue'
|
|
|
import { forwardRefProps } from 'element-plus/es/components/tooltip-v2/src/forward-ref.mjs';
|
|
|
@@ -698,8 +826,10 @@ import pinyin from 'pinyin';
|
|
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
const dialogVisibleFen = ref(false)
|
|
|
+const currentHeight = ref(100)
|
|
|
const dragTableRef = ref()
|
|
|
const isaddFen = ref(false)
|
|
|
+const dialogVisibleDetail = ref(true)
|
|
|
const dialogVisible = ref(false)
|
|
|
const dialogVisibleDe = ref(false)
|
|
|
const dialogVisiblePei = ref(false)
|
|
|
@@ -713,7 +843,12 @@ const elseLan = ref('')
|
|
|
const tableDataCan = ref([])
|
|
|
const selFen = ref(true)
|
|
|
const groupTreeData = ref([])
|
|
|
+const isExpanded = ref(false)
|
|
|
+const expandableDiv = ref(null)
|
|
|
const parRow = ref({})
|
|
|
+const initialHeight = 100
|
|
|
+const activeColor = ref(['#6CA8DB','#6CA8DB','#6CA8DB','#6CA8DB','#6CA8DB','#6CA8DB','#6CA8DB'])
|
|
|
+const expandedHeight = 250
|
|
|
const formJi = ref({
|
|
|
name:'',
|
|
|
version:'',
|
|
|
@@ -895,6 +1030,21 @@ const handleChange = (file, files) => {
|
|
|
const handleChange1 = (file, files) => {
|
|
|
fileList1.value = files;
|
|
|
};
|
|
|
+function changeBack(index){
|
|
|
+ active.value = index
|
|
|
+ for(var i=0;i<activeColor.value.length;i++){
|
|
|
+ if(i===index){
|
|
|
+ activeColor.value[i] = 'rgb(51, 126, 204)'
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ activeColor.value[i] = ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+function zhankai(){
|
|
|
+ isExpanded.value = !isExpanded.value
|
|
|
+ currentHeight.value = isExpanded.value ? expandedHeight : initialHeight
|
|
|
+}
|
|
|
function getChineseInitials(str) {
|
|
|
if (!str || typeof str !== 'string') return '';
|
|
|
|
|
|
@@ -1123,6 +1273,9 @@ function delCan(index,row){
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
+function showTest(){
|
|
|
+ dialogVisibleDetail.value = true
|
|
|
+}
|
|
|
function showDe(row){
|
|
|
dialogVisibleDe.value = true
|
|
|
getModelDetail(row.mdid).then(res=>{
|