sxyanzhu
/
AIManage
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交代码

main
姜玉琦 2024-06-21 00:50:41 +08:00
parent 42961c717c
commit 5b51fde173
11 changed files with 376 additions and 189 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/manage/calculate/edit.vue
View File

@ -1,9 +1,9 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子基本信息 </template>
<el-card>
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子基本信息 </template>
<el-row>
<el-col :lg="12" :xs="24">
<el-form
@ -118,11 +118,9 @@
</el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -198,13 +196,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

41
src/views/manage/calculate/view.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<el-card>
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />算子基本信息</template>
<el-row>
<el-col :lg="12" :xs="24">
@ -53,10 +53,8 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -154,13 +152,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

41
src/views/manage/calculateParam/edit.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<el-card>
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
<el-row>
<el-col :lg="12" :xs="24">
@ -87,11 +87,9 @@
<el-col :lg="12" :xs="24"></el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -156,13 +154,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

41
src/views/manage/calculateParam/view.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<el-card>
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" /> 算子参数基本信息 </template>
<el-row>
<el-col :lg="12" :xs="24">
@ -40,10 +40,8 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -166,13 +164,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

73
src/views/manage/datas/edit.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<el-card>
<template #header
><svg-icon icon-class="pause" style="width: 20px; height: 20px" />数据集基本信息
</template>
@ -100,7 +100,7 @@
<template #header
><svg-icon icon-class="pause" style="width: 20px; height: 20px" />图片信息<strong
style="color: #409eff"
>（10）</strong
>（15）</strong
>
</template>
<el-form>
@ -116,12 +116,10 @@
</el-upload>
</el-form>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary"><i-ep-upload-filled />上传图片</el-button>
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -170,63 +168,63 @@ const rules = reactive({
const imgList = [
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "demo.jepg",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
];
@ -249,14 +247,33 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
.el-upload--picture-card {
display: none;

41
src/views/manage/equipment/edit.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container" v-loading="loading">
<el-card v-loading="loading">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
<el-row>
<el-col :lg="12" :xs="24">
@ -101,11 +101,9 @@
</el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -202,13 +200,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

43
src/views/manage/equipment/editNet.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container" v-loading="loading">
<el-card v-loading="loading">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />未注册网络设备</template>
<el-row>
<el-col :lg="24" :xs="24">
@ -51,7 +51,7 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card shadow="never" class="form-container" v-loading="loading" style="margin-top: 12px;">
<el-card v-loading="loading" style="margin-top: 12px;">
<el-row>
<el-col :lg="12" :xs="24">
<el-form
@ -86,11 +86,9 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -185,13 +183,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

43
src/views/manage/equipment/editPcie.vue
View File

@ -1,8 +1,8 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container" v-loading="loading">
<el-card v-loading="loading">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />添加PCIE设备</template>
<el-row>
<el-col :lg="24" :xs="24">
@ -27,7 +27,7 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card shadow="never" class="form-container" v-loading="loading" style="margin-top: 12px;">
<el-card v-loading="loading" style="margin-top: 12px;">
<el-row>
<el-col :lg="12" :xs="24">
<el-form
@ -62,11 +62,9 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -161,13 +159,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang='scss'>
.model-detail{
:deep(.el-card__header){
padding:8px 4px;
display: flex;
align-items: center
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file{
color:#29d;
}
.tb-base-info{
line-height: 30px;
}
:deep(.svg-icon){
margin-right:8px;
}
.card-footer{
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body){
padding:10px;
.el-pagination{
justify-content: end;
}
}
}
</style>

48
src/views/manage/equipment/view.vue
View File

@ -1,9 +1,14 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />计算设备基本信息</template>
<el-card>
<template #header
><svg-icon
icon-class="pause"
style="width: 20px; height: 20px"
/>计算设备基本信息</template
>
<el-row>
<el-col :lg="12" :xs="24">
<el-form
@ -50,10 +55,8 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -150,13 +153,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang="scss">
.model-detail {
:deep(.el-card__header) {
padding: 8px 4px;
display: flex;
align-items: center;
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file {
color: #29d;
}
.tb-base-info {
line-height: 30px;
}
:deep(.svg-icon) {
margin-right: 8px;
}
.card-footer {
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body) {
padding: 10px;
.el-pagination {
justify-content: end;
}
}
}
</style>

103
src/views/manage/otherTool/edit.vue
View File

@ -1,44 +1,35 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container" v-loading="loading">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
<el-card v-loading="loading">
<template #header
><svg-icon
icon-class="pause"
style="width: 20px; height: 20px"
/>工具链基本信息</template
>
<el-row>
<el-col :lg="24" :xs="24">
<el-form
ref="userFormRef"
:model="formData"
:rules="rules"
label-width="100px"
>
<el-form ref="userFormRef" :model="formData" :rules="rules" label-width="100px">
<el-table :data="list" style="width: 100%" stripe>
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column prop="csmc" label="IP地址" align="left"/>
<el-table-column prop="csmc" label="类型" align="left"/>
<el-table-column prop="csmc1" label="ID编号" align="left"/>
<el-table-column prop="csmc2" label="厂商名称" align="left"/>
<el-table-column prop="csmc3" label="服务程序版本" align="left"/>
<el-table-column prop="csmc4" label="连接状态" align="left"/>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column prop="csmc" label="IP地址" align="left" />
<el-table-column prop="csmc" label="类型" align="left" />
<el-table-column prop="csmc1" label="ID编号" align="left" />
<el-table-column prop="csmc2" label="厂商名称" align="left" />
<el-table-column prop="csmc3" label="服务程序版本" align="left" />
<el-table-column prop="csmc4" label="连接状态" align="left" />
</el-table>
</el-form>
</el-col>
<el-col :lg="12" :xs="24">
</el-col>
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card shadow="never" class="form-container" v-loading="loading" style="margin-top: 12px;">
<el-card v-loading="loading" style="margin-top: 12px">
<el-row>
<el-col :lg="12" :xs="24">
<el-form
ref="userFormRef"
:model="formData"
:rules="rules"
label-width="100px"
>
<el-form ref="userFormRef" :model="formData" :rules="rules" label-width="100px">
<el-form-item label="工具链名称" prop="username">
<el-input
v-model="formData.username"
@ -51,15 +42,12 @@
</el-form-item>
</el-form>
</el-col>
<el-col :lg="12" :xs="24">
</el-col>
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button type="primary" @click="handleSubmit"><i-ep-check />确 定</el-button>
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -109,18 +97,18 @@ const list = [
{
csmc: "10.0.8.12",
csms: "DOCKER-TOOL",
csmc1:"acd0032a-6833-4348-b0fc-04798f94354c",
csmc2:"华为",
csmc3:"1.2",
csmc4:"已连接",
csmc1: "acd0032a-6833-4348-b0fc-04798f94354c",
csmc2: "华为",
csmc3: "1.2",
csmc4: "已连接",
},
{
csmc: "192.10.71.44",
csms: "ETL",
csmc1:"ac1232a-6233-4348-b0fc-04798f94551",
csmc2:"华为",
csmc3:"1.2",
csmc4:"已连接",
csmc1: "ac1232a-6233-4348-b0fc-04798f94551",
csmc2: "华为",
csmc3: "1.2",
csmc4: "已连接",
},
];
@ -143,13 +131,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang="scss">
.model-detail {
:deep(.el-card__header) {
padding: 8px 4px;
display: flex;
align-items: center;
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file {
color: #29d;
}
.tb-base-info {
line-height: 30px;
}
:deep(.svg-icon) {
margin-right: 8px;
}
.card-footer {
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body) {
padding: 10px;
.el-pagination {
justify-content: end;
}
}
}
</style>

48
src/views/manage/otherTool/view.vue
View File

@ -1,9 +1,14 @@
<!-- 用户管理 -->
<template>
<div class="app-container">
<div class="app-container model-detail">
<!-- 用户新增/编辑表单 -->
<el-card shadow="never" class="form-container">
<template #header><svg-icon icon-class="pause" style="width:20px;height:20px;" />工具链基本信息</template>
<el-card>
<template #header
><svg-icon
icon-class="pause"
style="width: 20px; height: 20px"
/>工具链基本信息</template
>
<el-row>
<el-col :lg="12" :xs="24">
<el-form
@ -39,10 +44,8 @@
<el-col :lg="12" :xs="24"> </el-col>
</el-row>
</el-card>
<el-card class="button-scope">
<div class="buttonml-55">
<el-card class="card-footer">
<el-button @click="closeBack"><i-ep-close />取 消</el-button>
</div>
</el-card>
</div>
</template>
@ -137,13 +140,32 @@ onMounted(() => {
//handleQuery();
});
</script>
<style scope>
.button-scope {
position: fixed;
width: calc(100% - 220px);
bottom: 0px;
<style scoped lang="scss">
.model-detail {
:deep(.el-card__header) {
padding: 8px 4px;
display: flex;
align-items: center;
}
}
.buttonml-55 {
margin-left: 55px;
.sp-file {
color: #29d;
}
.tb-base-info {
line-height: 30px;
}
:deep(.svg-icon) {
margin-right: 8px;
}
.card-footer {
position: fixed;
width: calc(100% - 215px);
bottom: 0px;
:deep(.el-card__body) {
padding: 10px;
.el-pagination {
justify-content: end;
}
}
}
</style>