Merge branch 'anhui-mall-ui-test' of http://192.168.0.75:3000/bonus/bonus-ui into anhui-mall-ui-test
This commit is contained in:
commit
8abc26e0c6
Binary file not shown.
|
After Width: | Height: | Size: 908 B |
Binary file not shown.
|
After Width: | Height: | Size: 1002 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 689 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -6,7 +6,7 @@
|
|||
<i
|
||||
class="el-icon-arrow-left goBack-btn"
|
||||
@click="goBack"
|
||||
style="border-color: transparent; color: #00a288; background: transparent; padding-left: 0; padding-right: 0"
|
||||
style="border-color: transparent; color: #2CBAB2; background: transparent; padding-left: 0; padding-right: 0"
|
||||
>返回</i
|
||||
>
|
||||
</div>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
v-loading="isLoading"
|
||||
>
|
||||
<div style="display: flex; padding-bottom: 5px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
基础信息
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -121,7 +121,7 @@
|
|||
</el-row>
|
||||
|
||||
<div style="display: flex; padding-bottom: 10px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
特征属性
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
</el-row>
|
||||
|
||||
<div style="display: flex; padding-bottom: 10px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
装备图片
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -163,7 +163,7 @@
|
|||
</el-row>
|
||||
|
||||
<div style="display: flex; padding-bottom: 10px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
相关证书
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -388,4 +388,9 @@ export default {
|
|||
justify-content: flex-end;
|
||||
gap: 10px; // 按钮间距
|
||||
}
|
||||
|
||||
/* 紧凑表单行距 */
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -75,37 +75,74 @@
|
|||
<div class="card-header">
|
||||
<!-- 搜索区域展开/收起按钮 -->
|
||||
<div class="status-stats">
|
||||
<span class="card-title">装备查询</span>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">在库</span>
|
||||
<span class="stat-value">{{ inStock }}</span>
|
||||
<div class="stat-card">
|
||||
<div class="stat-content">
|
||||
<div class="stat-row">
|
||||
<div class="stat-value">{{ inStock }}</div>
|
||||
<img src="@/assets/images/ledger/icon-instock.png" alt="在库数量" class="stat-icon" />
|
||||
</div>
|
||||
<div class="stat-label">在库数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">自用</span>
|
||||
<span class="stat-value">{{ ownUse }}</span>
|
||||
<div class="stat-card">
|
||||
<div class="stat-content">
|
||||
<div class="stat-row">
|
||||
<div class="stat-value">{{ ownUse }}</div>
|
||||
<img src="@/assets/images/ledger/icon-ownuse.png" alt="自用数量" class="stat-icon" />
|
||||
</div>
|
||||
<div class="stat-label">自用数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">共享</span>
|
||||
<span class="stat-value">{{ share }}</span>
|
||||
<div class="stat-card">
|
||||
<div class="stat-content">
|
||||
<div class="stat-row">
|
||||
<div class="stat-value">{{ share }}</div>
|
||||
<img src="@/assets/images/ledger/icon-share.png" alt="共享数量" class="stat-icon" />
|
||||
</div>
|
||||
<div class="stat-label">共享数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span class="stat-label">在修</span>
|
||||
<span class="stat-value">{{ underRepair }}</span>
|
||||
<div class="stat-card">
|
||||
<div class="stat-content">
|
||||
<div class="stat-row">
|
||||
<div class="stat-value">{{ underRepair }}</div>
|
||||
<img src="@/assets/images/ledger/icon-maintenance.png" alt="维修数量" class="stat-icon" />
|
||||
</div>
|
||||
<div class="stat-label">维修数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-content">
|
||||
<div class="stat-row">
|
||||
<div class="stat-value">{{ totalValue }}万</div>
|
||||
<img src="@/assets/images/ledger/icon-instock-value.png" alt="在库资产总价值" class="stat-icon" />
|
||||
</div>
|
||||
<div class="stat-label">在库资产总价值</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-content">
|
||||
<div class="stat-row">
|
||||
<div class="stat-value">{{ retirementValue }}万</div>
|
||||
<img src="@/assets/images/ledger/icon-retired-value.png" alt="退役资产总价值" class="stat-icon" />
|
||||
</div>
|
||||
<div class="stat-label">退役资产总价值</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-button type="text" size="mini" @click="toggleSearch" class="search-toggle-btn">
|
||||
<i :class="searchExpanded ? 'el-icon-up' : 'el-icon-down'"></i>
|
||||
{{ searchExpanded ? '收起' : '展开' }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="status-operation-bar" style="margin-top: 15px;margin-bottom: 2px;">
|
||||
<el-form
|
||||
ref="queryForm"
|
||||
label-width="110px"
|
||||
v-show="showSearch"
|
||||
:model="queryParams"
|
||||
:rules="queryRules"
|
||||
style="margin-top: 10px"
|
||||
style="margin-top: 10px;width: 100%;"
|
||||
>
|
||||
<!-- 始终显示的查询条件 -->
|
||||
<el-row :gutter="15">
|
||||
|
|
@ -122,7 +159,7 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="6" v-if="hasChildrenPropertyUnit">
|
||||
<el-col :span="8" v-if="hasChildrenPropertyUnit">
|
||||
<el-form-item label="产权单位" prop="propertyUnitIds">
|
||||
<el-cascader
|
||||
clearable
|
||||
|
|
@ -130,7 +167,7 @@
|
|||
placeholder="请选择产权单位"
|
||||
:options="propertyUnitList"
|
||||
:props="{ label: 'label', value: 'id', children: 'children', checkStrictly: true }"
|
||||
style="width: 100%"
|
||||
style="width: 100%"
|
||||
@change="handleUnitChange"
|
||||
/>
|
||||
<!-- <el-select
|
||||
|
|
@ -144,12 +181,12 @@
|
|||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="装备名称" prop="name">
|
||||
<el-input v-model="queryParams.name" placeholder="请输入装备名称" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="规格型号" prop="specificationModel">
|
||||
<el-input v-model="queryParams.specificationModel" placeholder="请输入规格型号" clearable />
|
||||
</el-form-item>
|
||||
|
|
@ -158,7 +195,7 @@
|
|||
<!-- 可折叠的查询条件 -->
|
||||
<div v-if="searchExpanded">
|
||||
<el-row :gutter="15">
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="专业" prop="majorId">
|
||||
<el-select
|
||||
v-model="queryParams.majorId"
|
||||
|
|
@ -171,7 +208,7 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="工序" prop="process">
|
||||
<el-cascader
|
||||
clearable
|
||||
|
|
@ -182,7 +219,7 @@
|
|||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="装备状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="请选择装备状态" clearable style="width: 100%">
|
||||
<el-option label="在库" value="1"></el-option>
|
||||
|
|
@ -193,12 +230,12 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="装备编码" prop="code">
|
||||
<el-input v-model="queryParams.code" placeholder="请输入装备编码" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="生产日期" prop="productionDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.productionDate"
|
||||
|
|
@ -213,7 +250,7 @@
|
|||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="采购日期" prop="purchaseDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.purchaseDate"
|
||||
|
|
@ -228,7 +265,7 @@
|
|||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资产原值(万元)" prop="originalValue">
|
||||
<el-input-number
|
||||
v-model="queryParams.minOriginalValue"
|
||||
|
|
@ -249,17 +286,17 @@
|
|||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="原始编码" prop="originalCode">
|
||||
<el-input v-model="queryParams.originalCode" placeholder="请输入装备原始编码" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="使用年限" prop="serviceLife">
|
||||
<el-input v-model="queryParams.serviceLife" placeholder="请输入使用年限" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="生产厂商" prop="manufacturer">
|
||||
<el-select
|
||||
v-model="queryParams.manufacturer"
|
||||
|
|
@ -271,12 +308,12 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="特征项" prop="featureItem">
|
||||
<el-input v-model="queryParams.featureItem" placeholder="请输入特征项" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="特征值" prop="featureValue">
|
||||
<el-input v-model="queryParams.featureValue" placeholder="请输入特征值" clearable />
|
||||
</el-form-item>
|
||||
|
|
@ -288,6 +325,12 @@
|
|||
|
||||
<!-- 状态统计和操作按钮 - 固定定位 -->
|
||||
<div class="status-operation-bar sticky-bar">
|
||||
|
||||
<el-button type="text" size="mini" @click="toggleSearch" class="search-toggle-btn">
|
||||
<i :class="searchExpanded ? 'el-icon-up' : 'el-icon-down'"></i>
|
||||
{{ searchExpanded ? '收起' : '展开' }}
|
||||
</el-button>
|
||||
|
||||
<div class="operation-buttons">
|
||||
<el-button icon="el-icon-refresh" style="float: right; margin-left: 20px" size="mini" @click="resetQuery">
|
||||
重置
|
||||
|
|
@ -305,7 +348,7 @@
|
|||
<div class="card-header">
|
||||
<div>
|
||||
<span class="table-title">装备列表 </span>
|
||||
<span class="table-count"> 共 {{ total }} 条记录</span>
|
||||
<span class="table-count" style="margin-left: 35px;"> 共 {{ total }} 条记录</span>
|
||||
</div>
|
||||
<span>
|
||||
<el-button
|
||||
|
|
@ -364,7 +407,7 @@
|
|||
<el-tag v-if="row.upDownStatus == 0" size="mini" type="danger">下架</el-tag>
|
||||
</template>
|
||||
<template v-slot="{ row }" v-else-if="item.prop == 'status'">
|
||||
<el-tag v-if="row.status == 1" type="success" size="mini">在库</el-tag>
|
||||
<el-tag v-if="row.status == 1" type="success" size="mini" >在库</el-tag>
|
||||
<el-tag v-if="row.status == 2" size="mini">自用</el-tag>
|
||||
<el-tag v-if="row.status == 3" size="mini">共享</el-tag>
|
||||
<el-tag v-if="row.status == 4" size="mini" type="danger">退役</el-tag>
|
||||
|
|
@ -374,16 +417,16 @@
|
|||
<span style="color: #00a288; cursor: pointer" @click="handleView(row, 1)">查看</span>
|
||||
</template>
|
||||
<template v-slot="{ row }" v-else-if="item.prop == 'certificates'">
|
||||
<span style="color: #00a288; cursor: pointer" @click="handleView(row, 2)">查看</span>
|
||||
<span style="color: #2CBAB2; cursor: pointer" @click="handleView(row, 2)">查看</span>
|
||||
</template>
|
||||
<template v-slot="{ row }" v-else-if="item.prop == 'inspectionReports'">
|
||||
<span style="color: #00a288; cursor: pointer" @click="handleView(row, 3)">查看</span>
|
||||
<span style="color: #2CBAB2; cursor: pointer" @click="handleView(row, 3)">查看</span>
|
||||
</template>
|
||||
<template v-slot="{ row }" v-else-if="item.prop == 'purchaseInvoices'">
|
||||
<span style="color: #00a288; cursor: pointer" @click="handleView(row, 4)">查看</span>
|
||||
<span style="color: #2CBAB2; cursor: pointer" @click="handleView(row, 4)">查看</span>
|
||||
</template>
|
||||
<template v-slot="{ row }" v-else-if="item.prop == 'fileImgList'">
|
||||
<span style="color: #00a288; cursor: pointer" @click="handleFileListUpload(row)">报告管理</span>
|
||||
<span style="color: #2CBAB2; cursor: pointer" @click="handleFileListUpload(row)">报告管理</span>
|
||||
</template>
|
||||
<template v-slot="{ row }" v-else-if="/^feature(Item|Value)\d+$/.test(item.prop)">
|
||||
<span>
|
||||
|
|
@ -395,10 +438,10 @@
|
|||
<el-table-column align="center" fixed="right" min-width="200" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" @click="onHandlePreview(scope.row)">
|
||||
<i class="el-icon-view"></i> 查看
|
||||
查看
|
||||
</el-button>
|
||||
<el-button type="text" icon="el-icon-edit" @click="onHandleEdit(scope.row)"> 编辑 </el-button>
|
||||
<el-button type="text" icon="el-icon-delete" @click="onHandleDelete(scope.row)" style="color: red">
|
||||
<el-button type="text" @click="onHandleEdit(scope.row)"> 编辑 </el-button>
|
||||
<el-button type="text" @click="onHandleDelete(scope.row)" style="color: #FF5129">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
|
|
@ -720,9 +763,9 @@
|
|||
|
||||
<!-- 弹框 -->
|
||||
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="40%">
|
||||
<el-table :data="dialogList" fit highlight-current-row style="width: 100%" height="546">
|
||||
<el-table :data="dialogList" fit highlight-current-row style="width: 100%" height="546" stripe>
|
||||
<el-table-column type="index" width="55" label="序号" align="center" />
|
||||
<el-table-column label="附件名称" prop="fileName" align="center">
|
||||
<el-table-column label="附件名称" prop="fileName" align="left">
|
||||
<!-- 插槽 -->
|
||||
<template v-slot="{ row }">
|
||||
<span style="color: #00a288; cursor: pointer" @click="handleFile(row)">{{ row.fileName }}</span>
|
||||
|
|
@ -736,10 +779,10 @@
|
|||
</el-dialog>
|
||||
|
||||
<!-- 报告管理 -->
|
||||
<el-dialog title="报告管理" :visible.sync="openReport" width="900px" append-to-body>
|
||||
<el-table :data="fileDataList" width="100%" height="350px">
|
||||
<el-dialog title="报告管理" :visible.sync="openReport" width="550px" append-to-body class="center-dialog">
|
||||
<el-table :data="fileDataList" width="100%" height="250px" stripe>
|
||||
<el-table-column label="序号" type="index" width="55" align="center" />
|
||||
<el-table-column label="报告类型" align="center" prop="dictLabel" :show-overflow-tooltip="true">
|
||||
<el-table-column label="报告类型" align="left" header-align="left" prop="dictLabel" :show-overflow-tooltip="true">
|
||||
<template v-slot="{ row }">
|
||||
<span v-if="row.type == 1 || row.type == 2 || row.type == 3">
|
||||
<span style="color: red">*</span>
|
||||
|
|
@ -896,6 +939,8 @@ export default {
|
|||
ownUse: 0,
|
||||
share: 0,
|
||||
underRepair: 0,
|
||||
totalValue: 0, // 在库资产总价值
|
||||
retirementValue: 0, // 退役资产总价值
|
||||
// 加载状态
|
||||
treeLoading: false,
|
||||
tableLoading: false,
|
||||
|
|
@ -1617,11 +1662,17 @@ export default {
|
|||
async getDeviceStatusCount() {
|
||||
try {
|
||||
const res = await getDeviceStatusCountAPI()
|
||||
const { inStock, ownUse, share, underRepair } = res.data || {}
|
||||
const { inStock, ownUse, share, underRepair, totalValue, retirementValue } = res.data || {}
|
||||
this.inStock = inStock || 0
|
||||
this.ownUse = ownUse || 0
|
||||
this.share = share || 0
|
||||
this.underRepair = underRepair || 0
|
||||
|
||||
this.totalValue = totalValue || 0
|
||||
this.retirementValue = retirementValue || 0
|
||||
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.$message.error('获取状态统计失败:' + (error.message || '未知错误'))
|
||||
console.error(error)
|
||||
|
|
@ -1699,8 +1750,10 @@ export default {
|
|||
|
||||
/* 搜索区域收起/展开按钮 */
|
||||
.search-toggle-btn {
|
||||
color: #409eff;
|
||||
color: #2CBAB2;
|
||||
padding: 5px 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* 固定操作栏样式 */
|
||||
|
|
@ -1828,7 +1881,56 @@ export default {
|
|||
|
||||
.status-stats {
|
||||
display: flex;
|
||||
gap: 25px;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.stat-card {
|
||||
flex: 1;
|
||||
background: linear-gradient(180deg, rgba(52, 226, 199, 0.1) 0%, rgba(52, 226, 199, 0) 100%);
|
||||
border-radius: 8px;
|
||||
padding: 10px 16px;
|
||||
display: flex;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.stat-card:hover {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.stat-content {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stat-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #1f2d3d;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
font-size: 12px;
|
||||
color: #606266;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.stat-icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
object-fit: contain;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
|
|
@ -1836,18 +1938,6 @@ export default {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
color: #606266;
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #1f2d3d;
|
||||
}
|
||||
|
||||
.operation-buttons {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -2006,4 +2096,53 @@ export default {
|
|||
.el-col-1 {
|
||||
width: 1.5% !important;
|
||||
}
|
||||
|
||||
.el-button--primary{
|
||||
background-color: #2CBAB2;
|
||||
border-color: #2CBAB2;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||
background-color: #2CBAB2;
|
||||
border-color: #2CBAB2;
|
||||
}
|
||||
|
||||
.el-tag{
|
||||
padding: 13px 7px;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.el-button--text{
|
||||
color: #2CBAB2;
|
||||
}
|
||||
|
||||
/* 弹框垂直居中 */
|
||||
.center-dialog {
|
||||
::v-deep .el-dialog {
|
||||
margin: 0 auto;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep.el-tag.el-tag--info {
|
||||
background-color: #F5F5F5;
|
||||
border-color: #B3B3B3;
|
||||
color: #B3B3B3;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--warn{
|
||||
background-color: rgba(255,171,41,0.1);;
|
||||
border: #FFAB29;
|
||||
color: #FFAB29;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--success {
|
||||
background-color: rgba(52,226,199,0.1);
|
||||
border-color: #34E2C7;
|
||||
color: #34E2C7;
|
||||
}
|
||||
|
||||
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
|
||||
background-color: rgba(52,226,199,0.1);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
>
|
||||
<div class="dialog-content">
|
||||
<div class="page-header">
|
||||
<div>
|
||||
<!-- <div> -->
|
||||
<!-- <i
|
||||
class="el-icon-arrow-left goBack-btn"
|
||||
@click="goBack"
|
||||
|
|
@ -24,11 +24,11 @@
|
|||
>返回</i
|
||||
>
|
||||
<span class="page-title">{{ pageTitle }}</span> -->
|
||||
</div>
|
||||
<div class="dialog-footer" style="float: right">
|
||||
<!-- </div> -->
|
||||
<!-- <div class="dialog-footer" style="float: right"> -->
|
||||
<!-- <el-button size="medium" @click="close">取消</el-button> -->
|
||||
<el-button type="primary" size="medium" @click="handleSubmit" style="background: #2CBAB2;">确认</el-button>
|
||||
</div>
|
||||
<!-- <el-button type="primary" size="medium" @click="handleSubmit">确认</el-button>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<el-form
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
:rules="equipRules"
|
||||
>
|
||||
<div style="display: flex; padding-bottom: 5px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
基础信息
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -247,7 +247,7 @@
|
|||
</el-row>
|
||||
|
||||
<div style="display: flex; padding-bottom: 10px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
特征属性
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -310,7 +310,7 @@
|
|||
</el-row>
|
||||
|
||||
<div style="display: flex; padding-bottom: 10px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
装备图片
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -327,7 +327,7 @@
|
|||
</el-row>
|
||||
|
||||
<div style="display: flex; padding-bottom: 10px">
|
||||
<div style="width: 5px; background-color: #00a288; margin-right: 10px"></div>
|
||||
<div style="width: 5px; background-color: #34E2C7; margin-right: 10px"></div>
|
||||
相关证书
|
||||
</div>
|
||||
<el-row :gutter="24" style="padding-top: 10px">
|
||||
|
|
@ -369,6 +369,14 @@
|
|||
</el-form>
|
||||
</div>
|
||||
|
||||
<!-- 底部按钮区(固定) -->
|
||||
<template slot="footer">
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" size="medium" @click="handleSubmit">确认</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<!-- 地址 -->
|
||||
<el-dialog title="新增" v-if="showHouse" :visible.sync="showHouse" width="55%" append-to-body>
|
||||
<el-form ref="supFrom" :model="supFrom" :rules="rules" label-width="135px">
|
||||
|
|
@ -1017,4 +1025,25 @@ export default {
|
|||
color: #c0c4cc;
|
||||
}
|
||||
}
|
||||
|
||||
/* 紧凑表单行距 */
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
::v-deep.el-tag.el-tag--info {
|
||||
background-color: #F5F5F5;
|
||||
border-color: #B3B3B3;
|
||||
color: #B3B3B3;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--warn{
|
||||
background-color: rgba(255,171,41,0.1);;
|
||||
border: #FFAB29;
|
||||
color: #FFAB29;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--success {
|
||||
background-color: rgba(52,226,199,0.1);
|
||||
border-color: #34E2C7;
|
||||
color: #34E2C7;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -85,8 +85,8 @@
|
|||
|
||||
<!-- 表单按钮 -->
|
||||
<el-form-item style="float: right">
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
||||
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
|
@ -142,8 +142,8 @@
|
|||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" min-width="150">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handleDialog(row, true)">查看</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleDialog(row, false)">编辑</el-button>
|
||||
<el-button type="text" @click="handleDialog(row, true)">查看</el-button>
|
||||
<el-button type="text" @click="handleDialog(row, false)">编辑</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -987,4 +987,32 @@ export default {
|
|||
::v-deep .el-input-number.is-without-controls .el-input__inner {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
::v-deep.el-tag.el-tag--info {
|
||||
background-color: #F5F5F5;
|
||||
border-color: #B3B3B3;
|
||||
color: #B3B3B3;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--warn{
|
||||
background-color: rgba(255,171,41,0.1);;
|
||||
border: #FFAB29;
|
||||
color: #FFAB29;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--success {
|
||||
background-color: rgba(52,226,199,0.1);
|
||||
border-color: #34E2C7;
|
||||
color: #34E2C7;
|
||||
}
|
||||
|
||||
::v-deep.el-button--primary{
|
||||
background: #2CBAB2;
|
||||
border-color: #2CBAB2;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* 紧凑表单行距 */
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -98,8 +98,8 @@
|
|||
|
||||
<!-- 表单按钮 -->
|
||||
<el-form-item style="display: flex; justify-content: flex-end">
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
||||
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" style="background-color: #2CBAB2;border-color: #2CBAB2;">查询</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
|
@ -640,5 +640,29 @@ export default {
|
|||
height: 100% !important;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
::v-deep.el-tag.el-tag--info {
|
||||
background-color: #F5F5F5;
|
||||
border-color: #B3B3B3;
|
||||
color: #B3B3B3;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--warn{
|
||||
background-color: rgba(255,171,41,0.1);;
|
||||
border: #FFAB29;
|
||||
color: #FFAB29;
|
||||
}
|
||||
::v-deep.el-tag.el-tag--success {
|
||||
background-color: rgba(52,226,199,0.1);
|
||||
border-color: #34E2C7;
|
||||
color: #34E2C7;
|
||||
}
|
||||
|
||||
::v-deep.el-button--primary{
|
||||
background: #2CBAB2;
|
||||
border-color: #2CBAB2;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -40,8 +40,9 @@ module.exports = {
|
|||
// target: `http://192.168.0.110:18080`,//洪
|
||||
// target: `http://192.168.0.41:28080`,//蒋
|
||||
// target: `http://36.33.26.201:17788/proxyApi`, //测试
|
||||
target: `http://36.33.26.201:21999/prod-api`, //测试
|
||||
// target: `http://36.33.26.201:21999/prod-api`, //测试
|
||||
// target: `http://192.168.137.1:18080`,//
|
||||
target: `http://112.29.103.165:21001/prod-api`,//
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
['^' + process.env.VUE_APP_BASE_API]: '',
|
||||
|
|
|
|||
Loading…
Reference in New Issue