autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-06-13 11:49:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

sn编号添加默认状态

Browse Source
This commit is contained in:
BOOL\25024
2024-03-12 09:32:49 +08:00
parent 1cb73ffa59
commit 415ec24706
1 changed files with 45 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
jsowell-ui/src/views/pile/basic/detail.vue
View File

@@ -11,8 +11,8 @@
<el-card class="box-card" shadow="hover" v-loading="pileDetailLoading"> <el-card class="box-card" shadow="hover" v-loading="pileDetailLoading">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>充电设备(<span style="color: #bf1c1c">{{ status }}</span>)</span> <span>充电设备(<span style="color: #bf1c1c">{{ status }}</span>)</span>
<el-button icon="el-icon-refresh-right" style="float: right; padding: 3px 0" type="text" <el-button icon="el-icon-refresh-right" style="float: right; padding: 3px 0"
@click="getPileDetail">刷新 type="text" @click="getPileDetail">刷新
</el-button> </el-button>
</div> </div>
<!--二维码--> <!--二维码-->
@@ -24,7 +24,7 @@
<!-- 表格 --> <!-- 表格 -->
<div style="margin-bottom: 10px"> <div style="margin-bottom: 10px">
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item label="SN" labelStyle="width: 80px" <el-descriptions-item label="SN" labelStyle="width: 120px"
contentStyle="width: 150px">{{ pileDetail.pileSn }} contentStyle="width: 150px">{{ pileDetail.pileSn }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
@@ -35,8 +35,8 @@
</template> </template>
<el-input v-model="pileDetail.name" size="medium" clearable <el-input v-model="pileDetail.name" size="medium" clearable
:disabled="clearableFlag" type="number" :min="1" :disabled="clearableFlag" type="number" :min="1"
oninput="if(value<1)value=''"> oninput="if(value<1)value=''" style="line-height: 36px;">
<template slot="suffix"> 号桩</template> <template slot="suffix" > 号桩</template>
<template slot="append"> <template slot="append">
<el-button type="text" size="medium" circle @click="updateName">保存 <el-button type="text" size="medium" circle @click="updateName">保存
</el-button> </el-button>
@@ -44,17 +44,18 @@
</el-input> </el-input>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item v-for="(item,index) in snRelationList" :key="index"> <el-descriptions-item v-for="(item, index) in snRelationList" :key="index">
<template slot="label"> <template slot="label">
{{item.thirdPartyName}} sn编号 <span style="font-weight: 600;">{{ item.thirdPartyName }}</span> sn编号
<el-button type="text" icon="el-icon-edit" size="medium" circle <el-button type="text" icon="el-icon-edit" size="medium" circle
@click="openEditSnRelation" v-hasPermi="['pile:basic:edit']" /> @click="openEditSnRelation(index)"
v-hasPermi="['pile:basic:edit']" />
</template> </template>
<el-input v-model="item.thirdPartySn" size="medium" clearable <el-input v-model="item.thirdPartySn" size="medium" clearable
:disabled="clearableFlagSnRelation" type="text" :disabled="item.disabled" type="text" oninput="if(value<1)value=''">
oninput="if(value<1)value=''">
<template slot="append"> <template slot="append">
<el-button type="text" size="medium" circle @click="updateThirdPartySn(item)">保存 <el-button type="text" size="medium" circle
@click="updateThirdPartySn(item)">保存
</el-button> </el-button>
</template> </template>
</el-input> </el-input>
@@ -64,12 +65,6 @@
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="站点">{{ pileDetail.stationName }} <el-descriptions-item label="站点">{{ pileDetail.stationName }}
</el-descriptions-item> </el-descriptions-item>
<!--<el-descriptions-item label="厂商">
<el-tag size="small">举视</el-tag>
</el-descriptions-item>-->
<!-- <el-descriptions-item label="使用车辆类型">{{
pileDetail.matchCars
}}</el-descriptions-item>-->
<el-descriptions-item label="设备型号">{{ pileDetail.modelName }} <el-descriptions-item label="设备型号">{{ pileDetail.modelName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="额定功率(kW)">{{ pileDetail.ratedPower }} <el-descriptions-item label="额定功率(kW)">{{ pileDetail.ratedPower }}
@@ -82,7 +77,8 @@
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="sim卡商"> <el-descriptions-item label="sim卡商">
<dict-tag :options="dict.type.sim_supplier" :value="pileDetail.simSupplier" /> <dict-tag :options="dict.type.sim_supplier"
:value="pileDetail.simSupplier" />
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="卡运营商"> <el-descriptions-item label="卡运营商">
@@ -124,8 +120,10 @@
<div class="sideNav" id="app"> <div class="sideNav" id="app">
<!-- 接口列表表单 --> <!-- 接口列表表单 -->
<el-table :data="connectorList" style="width: 100%" v-loading="pileListLoading"> <el-table :data="connectorList" style="width: 100%" v-loading="pileListLoading">
<el-table-column prop="pileConnectorCode" label="枪口编号" width="180px" align="center" /> <el-table-column prop="pileConnectorCode" label="枪口编号" width="180px"
<el-table-column prop="connectorQrCodeUrl" label="充电二维码" width="180px" align="center"> align="center" />
<el-table-column prop="connectorQrCodeUrl" label="充电二维码" width="180px"
align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-link @click="qrcodeClick(scope.row)"> <el-link @click="qrcodeClick(scope.row)">
<vue-qr ref="Qrcode" :text="scope.row.connectorQrCodeUrl" <vue-qr ref="Qrcode" :text="scope.row.connectorQrCodeUrl"
@@ -143,9 +141,11 @@
<dict-tag :options="dict.type.connector_type" :value="scope.row.type" /> <dict-tag :options="dict.type.connector_type" :value="scope.row.type" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="118px" align="center" prop="instantPower" label="即时功率（kW）" /> <el-table-column width="118px" align="center" prop="instantPower"
label="即时功率（kW）" />
<el-table-column prop="soc" label="SOC(°C)" align="center" /> <el-table-column prop="soc" label="SOC(°C)" align="center" />
<el-table-column prop="equipmentOrderNum" label="设备订单号" align="center" width="200" /> <el-table-column prop="equipmentOrderNum" label="设备订单号" align="center"
width="200" />
<el-table-column prop="orderCode" label="平台订单" align="center" width="200" /> <el-table-column prop="orderCode" label="平台订单" align="center" width="200" />
<!-- <el-table-column prop="businessType" label="桩类型" align="center" >--> <!-- <el-table-column prop="businessType" label="桩类型" align="center" >-->
<!-- <template slot-scope="scope">--> <!-- <template slot-scope="scope">-->
@@ -188,7 +188,8 @@
</el-table> </el-table>
<!--分页--> <!--分页-->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getFeedList" style="margin-bottom: 20px" /> :limit.sync="queryParams.pageSize" @pagination="getFeedList"
style="margin-bottom: 20px" />
</el-card> </el-card>
</el-col> </el-col>
</el-row> </el-row>
@@ -333,8 +334,19 @@ export default {
openEditName() { openEditName() {
this.clearableFlag = this.clearableFlag === false; this.clearableFlag = this.clearableFlag === false;
}, },
openEditSnRelation() { openEditSnRelation(index) {
this.clearableFlagSnRelation = this.clearableFlagSnRelation === false; const updatedSnRelationList = this.snRelationList.map((item, currentIndex) => {
// 只对当前点击的项进行状态切换
if (currentIndex === index) {
return {
...item,
disabled: !item.disabled
};
}
return item;
});
// 更新snRelationList
this.snRelationList = updatedSnRelationList;
}, },
// 修改充电桩别名 // 修改充电桩别名
updateName() { updateName() {
@@ -390,8 +402,15 @@ export default {
const params = { const params = {
pileSn: this.pileDetail.pileSn pileSn: this.pileDetail.pileSn
} }
getThirdPartySnRelation(params).then((response) =>{ getThirdPartySnRelation(params).then((response) => {
this.snRelationList = response.rows; this.snRelationList = response.rows;
//默认添加一个状态
this.snRelationList = this.snRelationList.map(item => {
return {
...item,
disabled: true
};
});
console.log("snRelationList:", this.snRelationList) console.log("snRelationList:", this.snRelationList)
}); });
}, },