|
@@ -7,15 +7,16 @@
|
|
|
:inline="true"
|
|
:inline="true"
|
|
|
v-show="showSearch"
|
|
v-show="showSearch"
|
|
|
label-width="100px"
|
|
label-width="100px"
|
|
|
|
|
+ @submit.native.prevent
|
|
|
>
|
|
>
|
|
|
-<!-- <el-form-item label="隔离点编号" prop="pointCode">-->
|
|
|
|
|
-<!-- <el-input-->
|
|
|
|
|
-<!-- v-model="queryParams.pointCode"-->
|
|
|
|
|
-<!-- placeholder="请输入隔离点编号"-->
|
|
|
|
|
-<!-- clearable-->
|
|
|
|
|
-<!-- @keyup.enter.native="handleQuery"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
|
|
+ <!-- <el-form-item label="隔离点编号" prop="pointCode">-->
|
|
|
|
|
+ <!-- <el-input-->
|
|
|
|
|
+ <!-- v-model="queryParams.pointCode"-->
|
|
|
|
|
+ <!-- placeholder="请输入隔离点编号"-->
|
|
|
|
|
+ <!-- clearable-->
|
|
|
|
|
+ <!-- @keyup.enter.native="handleQuery"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
<el-form-item label="隔离点名称" prop="pointName">
|
|
<el-form-item label="隔离点名称" prop="pointName">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="queryParams.pointName"
|
|
v-model="queryParams.pointName"
|
|
@@ -24,11 +25,15 @@
|
|
|
@keyup.enter.native="handleQuery"
|
|
@keyup.enter.native="handleQuery"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="岗位" prop="workstationId" >
|
|
|
|
|
- <treeselect style="width: 200px" v-model="queryParams.workstationId" :options="deptOptions" :normalizer="normalizer" placeholder="选择岗位"/>
|
|
|
|
|
|
|
+ <el-form-item label="岗位" prop="workstationId">
|
|
|
|
|
+ <treeselect style="width: 200px" v-model="queryParams.workstationId" :options="deptOptions"
|
|
|
|
|
+ :normalizer="normalizer" placeholder="选择岗位"
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="设备/工艺" prop="machineryId" >
|
|
|
|
|
- <treeselect style="width: 200px" v-model="queryParams.machineryId" :options="machineryOptions" :normalizer="Machinerynormalizer" placeholder="选择岗位"/>
|
|
|
|
|
|
|
+ <el-form-item label="设备/工艺" prop="machineryId">
|
|
|
|
|
+ <treeselect style="width: 200px" v-model="queryParams.machineryId" :options="machineryOptions"
|
|
|
|
|
+ :normalizer="Machinerynormalizer" placeholder="选择岗位"
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<!-- <el-form-item label="状态" prop="calendarType">
|
|
<!-- <el-form-item label="状态" prop="calendarType">
|
|
|
<el-select v-model="queryParams.calendarType" placeholder="状态">
|
|
<el-select v-model="queryParams.calendarType" placeholder="状态">
|
|
@@ -36,19 +41,19 @@
|
|
|
<el-option>异常</el-option>
|
|
<el-option>异常</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
|
-<!-- <el-form-item label="隔离点类型" prop="pointType">-->
|
|
|
|
|
-<!-- <el-select-->
|
|
|
|
|
-<!-- v-model="queryParams.pointType"-->
|
|
|
|
|
-<!-- placeholder="请选择隔离点类型"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <el-option-->
|
|
|
|
|
-<!-- v-for="dict in dict.type.point_type"-->
|
|
|
|
|
-<!-- :key="dict.value"-->
|
|
|
|
|
-<!-- :label="dict.label"-->
|
|
|
|
|
-<!-- :value="dict.value"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-select>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
|
|
+ <!-- <el-form-item label="隔离点类型" prop="pointType">-->
|
|
|
|
|
+ <!-- <el-select-->
|
|
|
|
|
+ <!-- v-model="queryParams.pointType"-->
|
|
|
|
|
+ <!-- placeholder="请选择隔离点类型"-->
|
|
|
|
|
+ <!-- >-->
|
|
|
|
|
+ <!-- <el-option-->
|
|
|
|
|
+ <!-- v-for="dict in dict.type.point_type"-->
|
|
|
|
|
+ <!-- :key="dict.value"-->
|
|
|
|
|
+ <!-- :label="dict.label"-->
|
|
|
|
|
+ <!-- :value="dict.value"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-select>-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
<el-form-item label="能量源" prop="powerType">
|
|
<el-form-item label="能量源" prop="powerType">
|
|
|
<el-select
|
|
<el-select
|
|
|
style="width: 200px"
|
|
style="width: 200px"
|
|
@@ -63,19 +68,19 @@
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
-<!-- <el-form-item label="创建时间">-->
|
|
|
|
|
-<!-- <el-date-picker-->
|
|
|
|
|
-<!-- v-model="createTime"-->
|
|
|
|
|
-<!-- type="daterange"-->
|
|
|
|
|
-<!-- align="right"-->
|
|
|
|
|
-<!-- unlink-panels-->
|
|
|
|
|
-<!-- range-separator="至"-->
|
|
|
|
|
-<!-- start-placeholder="开始日期"-->
|
|
|
|
|
-<!-- end-placeholder="结束日期"-->
|
|
|
|
|
-<!-- :picker-options="pickerOptions"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- </el-date-picker>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
|
|
+ <!-- <el-form-item label="创建时间">-->
|
|
|
|
|
+ <!-- <el-date-picker-->
|
|
|
|
|
+ <!-- v-model="createTime"-->
|
|
|
|
|
+ <!-- type="daterange"-->
|
|
|
|
|
+ <!-- align="right"-->
|
|
|
|
|
+ <!-- unlink-panels-->
|
|
|
|
|
+ <!-- range-separator="至"-->
|
|
|
|
|
+ <!-- start-placeholder="开始日期"-->
|
|
|
|
|
+ <!-- end-placeholder="结束日期"-->
|
|
|
|
|
+ <!-- :picker-options="pickerOptions"-->
|
|
|
|
|
+ <!-- >-->
|
|
|
|
|
+ <!-- </el-date-picker>-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<el-button
|
|
<el-button
|
|
@@ -167,7 +172,7 @@
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="隔离点名称" align="center" prop="pointName" />
|
|
|
|
|
|
|
+ <el-table-column label="隔离点名称" align="center" prop="pointName"/>
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
label="隔离点图标"
|
|
label="隔离点图标"
|
|
|
align="center"
|
|
align="center"
|
|
@@ -184,13 +189,13 @@
|
|
|
<span v-else>-</span>
|
|
<span v-else>-</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
-<!-- <el-table-column label="隔离点NFC" align="center" prop="pointNfc" >-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
- <el-table-column label="岗位" align="center" prop="workstationName" >
|
|
|
|
|
|
|
+ <!-- <el-table-column label="隔离点NFC" align="center" prop="pointNfc" >-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
|
|
+ <el-table-column label="岗位" align="center" prop="workstationName">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="设备/工艺" align="center" prop="machineryName" >
|
|
|
|
|
|
|
+ <el-table-column label="设备/工艺" align="center" prop="machineryName">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="锁定站" align="center" prop="lotoName" >
|
|
|
|
|
|
|
+ <el-table-column label="锁定站" align="center" prop="lotoName">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="作用" align="center" prop="remark">
|
|
<el-table-column label="作用" align="center" prop="remark">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -220,16 +225,16 @@
|
|
|
<span v-else>-</span>
|
|
<span v-else>-</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
-<!-- <el-table-column label="隔离点类型" align="center" prop="pointType">-->
|
|
|
|
|
-<!-- <template slot-scope="scope">-->
|
|
|
|
|
-<!-- <dict-tag-->
|
|
|
|
|
-<!-- :options="dict.type.point_type"-->
|
|
|
|
|
-<!-- :value="scope.row.pointType"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
-
|
|
|
|
|
-<!--危险能量类型-->
|
|
|
|
|
|
|
+ <!-- <el-table-column label="隔离点类型" align="center" prop="pointType">-->
|
|
|
|
|
+ <!-- <template slot-scope="scope">-->
|
|
|
|
|
+ <!-- <dict-tag-->
|
|
|
|
|
+ <!-- :options="dict.type.point_type"-->
|
|
|
|
|
+ <!-- :value="scope.row.pointType"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </template>-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
|
|
+
|
|
|
|
|
+ <!--危险能量类型-->
|
|
|
<el-table-column label="能量源" align="center" prop="powerType">
|
|
<el-table-column label="能量源" align="center" prop="powerType">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<dict-tag
|
|
<dict-tag
|
|
@@ -238,41 +243,41 @@
|
|
|
/>
|
|
/>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
-<!-- <el-table-column-->
|
|
|
|
|
-<!-- label="挂锁类型图"-->
|
|
|
|
|
-<!-- align="center"-->
|
|
|
|
|
-<!-- prop="lockTypeImg"-->
|
|
|
|
|
-<!-- width="90"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <template slot-scope="scope">-->
|
|
|
|
|
-<!-- <img-->
|
|
|
|
|
-<!-- v-if="scope.row.lockTypeImg"-->
|
|
|
|
|
-<!-- :src="scope.row.lockTypeImg"-->
|
|
|
|
|
-<!-- alt=""-->
|
|
|
|
|
-<!-- style="width: 50px; height: 50px"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- <span v-else>-</span>-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
-<!-- <el-table-column-->
|
|
|
|
|
-<!-- label="锁具机构类型图"-->
|
|
|
|
|
-<!-- align="center"-->
|
|
|
|
|
-<!-- prop="locksetTypeImg"-->
|
|
|
|
|
-<!-- width="90"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <template slot-scope="scope">-->
|
|
|
|
|
-<!-- <img-->
|
|
|
|
|
-<!-- v-if="scope.row.locksetTypeImg"-->
|
|
|
|
|
-<!-- :src="scope.row.locksetTypeImg"-->
|
|
|
|
|
-<!-- alt=""-->
|
|
|
|
|
-<!-- style="width: 50px; height: 50px"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- <span v-else>-</span>-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-table-column label="创建时间" align="center" prop="createTime">-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
|
|
+ <!-- <el-table-column-->
|
|
|
|
|
+ <!-- label="挂锁类型图"-->
|
|
|
|
|
+ <!-- align="center"-->
|
|
|
|
|
+ <!-- prop="lockTypeImg"-->
|
|
|
|
|
+ <!-- width="90"-->
|
|
|
|
|
+ <!-- >-->
|
|
|
|
|
+ <!-- <template slot-scope="scope">-->
|
|
|
|
|
+ <!-- <img-->
|
|
|
|
|
+ <!-- v-if="scope.row.lockTypeImg"-->
|
|
|
|
|
+ <!-- :src="scope.row.lockTypeImg"-->
|
|
|
|
|
+ <!-- alt=""-->
|
|
|
|
|
+ <!-- style="width: 50px; height: 50px"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- <span v-else>-</span>-->
|
|
|
|
|
+ <!-- </template>-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
|
|
+ <!-- <el-table-column-->
|
|
|
|
|
+ <!-- label="锁具机构类型图"-->
|
|
|
|
|
+ <!-- align="center"-->
|
|
|
|
|
+ <!-- prop="locksetTypeImg"-->
|
|
|
|
|
+ <!-- width="90"-->
|
|
|
|
|
+ <!-- >-->
|
|
|
|
|
+ <!-- <template slot-scope="scope">-->
|
|
|
|
|
+ <!-- <img-->
|
|
|
|
|
+ <!-- v-if="scope.row.locksetTypeImg"-->
|
|
|
|
|
+ <!-- :src="scope.row.locksetTypeImg"-->
|
|
|
|
|
+ <!-- alt=""-->
|
|
|
|
|
+ <!-- style="width: 50px; height: 50px"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- <span v-else>-</span>-->
|
|
|
|
|
+ <!-- </template>-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
|
|
+
|
|
|
|
|
+ <!-- <el-table-column label="创建时间" align="center" prop="createTime">-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
|
|
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
label="操作"
|
|
label="操作"
|
|
@@ -350,29 +355,31 @@
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row>
|
|
<el-row>
|
|
|
-<!-- <el-col :span="11">-->
|
|
|
|
|
-<!-- <el-form-item label="隔离点类型" prop="pointType">-->
|
|
|
|
|
-<!-- <el-select-->
|
|
|
|
|
-<!-- style="width: 300px"-->
|
|
|
|
|
-<!-- v-model="form.pointType"-->
|
|
|
|
|
-<!-- placeholder="请选择隔离点类型"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <el-option-->
|
|
|
|
|
-<!-- v-for="dict in dict.type.point_type"-->
|
|
|
|
|
-<!-- :key="dict.value"-->
|
|
|
|
|
-<!-- :label="dict.label"-->
|
|
|
|
|
-<!-- :value="dict.value"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-select>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
|
|
|
+ <!-- <el-col :span="11">-->
|
|
|
|
|
+ <!-- <el-form-item label="隔离点类型" prop="pointType">-->
|
|
|
|
|
+ <!-- <el-select-->
|
|
|
|
|
+ <!-- style="width: 300px"-->
|
|
|
|
|
+ <!-- v-model="form.pointType"-->
|
|
|
|
|
+ <!-- placeholder="请选择隔离点类型"-->
|
|
|
|
|
+ <!-- >-->
|
|
|
|
|
+ <!-- <el-option-->
|
|
|
|
|
+ <!-- v-for="dict in dict.type.point_type"-->
|
|
|
|
|
+ <!-- :key="dict.value"-->
|
|
|
|
|
+ <!-- :label="dict.label"-->
|
|
|
|
|
+ <!-- :value="dict.value"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-select>-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
+ <!-- </el-col>-->
|
|
|
<el-col :span="11">
|
|
<el-col :span="11">
|
|
|
- <el-form-item label="岗位" prop="workstationId" >
|
|
|
|
|
- <treeselect style="width: 300px" v-model="form.workstationId" :options="deptOptions" :normalizer="normalizer" placeholder="选择岗位"/>
|
|
|
|
|
|
|
+ <el-form-item label="岗位" prop="workstationId">
|
|
|
|
|
+ <treeselect style="width: 300px" v-model="form.workstationId" :options="deptOptions"
|
|
|
|
|
+ :normalizer="normalizer" placeholder="选择岗位"
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="隔离点NFC" prop="pointNfc">
|
|
|
|
|
|
|
+ <el-form-item label="隔离点NFC" prop="pointNfc">
|
|
|
<el-input
|
|
<el-input
|
|
|
style="width: 300px"
|
|
style="width: 300px"
|
|
|
v-model="form.pointNfc"
|
|
v-model="form.pointNfc"
|
|
@@ -384,15 +391,15 @@
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row>
|
|
<el-row>
|
|
|
|
|
|
|
|
-<!-- <el-form-item label="作业区域" prop="workareaId">-->
|
|
|
|
|
-<!-- <treeselect-->
|
|
|
|
|
-<!-- style="width: 300px"-->
|
|
|
|
|
-<!-- v-model="form.workareaId"-->
|
|
|
|
|
-<!-- :options="deptOptions"-->
|
|
|
|
|
-<!-- :normalizer="normalizer"-->
|
|
|
|
|
-<!-- placeholder="选择作业区域"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
|
|
+ <!-- <el-form-item label="作业区域" prop="workareaId">-->
|
|
|
|
|
+ <!-- <treeselect-->
|
|
|
|
|
+ <!-- style="width: 300px"-->
|
|
|
|
|
+ <!-- v-model="form.workareaId"-->
|
|
|
|
|
+ <!-- :options="deptOptions"-->
|
|
|
|
|
+ <!-- :normalizer="normalizer"-->
|
|
|
|
|
+ <!-- placeholder="选择作业区域"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
|
|
|
<el-col :span="11">
|
|
<el-col :span="11">
|
|
|
|
|
|
|
@@ -422,29 +429,29 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-col>
|
|
</el-col>
|
|
|
-<!-- <el-col :span="11">-->
|
|
|
|
|
-<!-- <el-form-item label="挂锁类型" prop="lockTypeId">-->
|
|
|
|
|
-<!-- <treeselect-->
|
|
|
|
|
-<!-- style="width: 300px"-->
|
|
|
|
|
-<!-- v-model="form.lockTypeId"-->
|
|
|
|
|
-<!-- :options="padLockTypeOptions"-->
|
|
|
|
|
-<!-- :normalizer="normalizerpadLock"-->
|
|
|
|
|
-<!-- placeholder="选择挂锁类型"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
|
|
|
+ <!-- <el-col :span="11">-->
|
|
|
|
|
+ <!-- <el-form-item label="挂锁类型" prop="lockTypeId">-->
|
|
|
|
|
+ <!-- <treeselect-->
|
|
|
|
|
+ <!-- style="width: 300px"-->
|
|
|
|
|
+ <!-- v-model="form.lockTypeId"-->
|
|
|
|
|
+ <!-- :options="padLockTypeOptions"-->
|
|
|
|
|
+ <!-- :normalizer="normalizerpadLock"-->
|
|
|
|
|
+ <!-- placeholder="选择挂锁类型"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
+ <!-- </el-col>-->
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
<el-row>
|
|
<el-row>
|
|
|
-<!-- <el-col :span="11">-->
|
|
|
|
|
-<!-- <el-form-item label="锁具机构名称" prop="lockTypeName">-->
|
|
|
|
|
-<!-- <el-input-->
|
|
|
|
|
-<!-- style="width: 300px"-->
|
|
|
|
|
-<!-- v-model="form.lockTypeName"-->
|
|
|
|
|
-<!-- placeholder="请输入锁具机构名称"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
|
|
|
+ <!-- <el-col :span="11">-->
|
|
|
|
|
+ <!-- <el-form-item label="锁具机构名称" prop="lockTypeName">-->
|
|
|
|
|
+ <!-- <el-input-->
|
|
|
|
|
+ <!-- style="width: 300px"-->
|
|
|
|
|
+ <!-- v-model="form.lockTypeName"-->
|
|
|
|
|
+ <!-- placeholder="请输入锁具机构名称"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
+ <!-- </el-col>-->
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="能量源" prop="powerType">
|
|
<el-form-item label="能量源" prop="powerType">
|
|
|
<el-select
|
|
<el-select
|
|
@@ -461,28 +468,40 @@
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
-<!-- <el-form-item label="锁具机构类型" prop="locksetTypeId">-->
|
|
|
|
|
-<!-- <treeselect-->
|
|
|
|
|
-<!-- style="width: 300px"-->
|
|
|
|
|
-<!-- v-model="form.locksetTypeId"-->
|
|
|
|
|
-<!-- :options="LockTypeOptions"-->
|
|
|
|
|
-<!-- :normalizer="normalizerLockset"-->
|
|
|
|
|
-<!-- placeholder="选择锁具机构类型"-->
|
|
|
|
|
-<!-- />-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
|
|
+ <!-- <el-form-item label="锁具机构类型" prop="locksetTypeId">-->
|
|
|
|
|
+ <!-- <treeselect-->
|
|
|
|
|
+ <!-- style="width: 300px"-->
|
|
|
|
|
+ <!-- v-model="form.locksetTypeId"-->
|
|
|
|
|
+ <!-- :options="LockTypeOptions"-->
|
|
|
|
|
+ <!-- :normalizer="normalizerLockset"-->
|
|
|
|
|
+ <!-- placeholder="选择锁具机构类型"-->
|
|
|
|
|
+ <!-- />-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row>
|
|
<el-row>
|
|
|
- <el-col :span="8">
|
|
|
|
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="隔离点图标" prop="pointIcon">
|
|
<el-form-item label="隔离点图标" prop="pointIcon">
|
|
|
- <ImageUploadSingle
|
|
|
|
|
- :limit="1"
|
|
|
|
|
- :value="form.pointIcon"
|
|
|
|
|
- :fileSize="5"
|
|
|
|
|
- @onUploaded="handleIconUplaoded"
|
|
|
|
|
- @onRemoved="handleIconRemoved"
|
|
|
|
|
- ></ImageUploadSingle>
|
|
|
|
|
|
|
+<!-- <ImageUploadSingle-->
|
|
|
|
|
+<!-- :limit="1"-->
|
|
|
|
|
+<!-- :value="form.pointIcon"-->
|
|
|
|
|
+<!-- :fileSize="5"-->
|
|
|
|
|
+<!-- @onUploaded="handleIconUplaoded"-->
|
|
|
|
|
+<!-- @onRemoved="handleIconRemoved"-->
|
|
|
|
|
+<!-- ></ImageUploadSingle>-->
|
|
|
|
|
+ <div class="image-grid">
|
|
|
|
|
+ <div
|
|
|
|
|
+ v-for="(imageUrl, index) in imageMap"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ class="image-item"
|
|
|
|
|
+ :class="{ 'selected': selectedImageIndex === index }"
|
|
|
|
|
+ @click="selectIcon(imageUrl, index)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img :src="imageUrl" alt="Isolation Icon" style="width: 50px; height: 50px;" />
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
<el-col :span="8">
|
|
@@ -497,30 +516,30 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
-<!-- <el-row>-->
|
|
|
|
|
-<!-- <el-col :span="8">-->
|
|
|
|
|
-<!-- <el-form-item label="挂锁类型图" prop="lockTypeImg">-->
|
|
|
|
|
-<!-- <ImageUploadSingle-->
|
|
|
|
|
-<!-- :limit="1"-->
|
|
|
|
|
-<!-- :value="form.lockTypeImg"-->
|
|
|
|
|
-<!-- :fileSize="5"-->
|
|
|
|
|
-<!-- @onUploaded="lockTypeImgUplaoded"-->
|
|
|
|
|
-<!-- @onRemoved="lockTypeImgRemoved"-->
|
|
|
|
|
-<!-- ></ImageUploadSingle>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
|
-<!-- <el-col :span="8">-->
|
|
|
|
|
-<!-- <el-form-item label="锁具机构类型图" prop="locksetTypeImg">-->
|
|
|
|
|
-<!-- <ImageUploadSingle-->
|
|
|
|
|
-<!-- :limit="1"-->
|
|
|
|
|
-<!-- :value="form.locksetTypeImg"-->
|
|
|
|
|
-<!-- :fileSize="5"-->
|
|
|
|
|
-<!-- @onUploaded="locksetTypeImgUplaoded"-->
|
|
|
|
|
-<!-- @onRemoved="locksetTypeImgRemoved"-->
|
|
|
|
|
-<!-- ></ImageUploadSingle>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
|
-<!-- </el-row>-->
|
|
|
|
|
|
|
+ <!-- <el-row>-->
|
|
|
|
|
+ <!-- <el-col :span="8">-->
|
|
|
|
|
+ <!-- <el-form-item label="挂锁类型图" prop="lockTypeImg">-->
|
|
|
|
|
+ <!-- <ImageUploadSingle-->
|
|
|
|
|
+ <!-- :limit="1"-->
|
|
|
|
|
+ <!-- :value="form.lockTypeImg"-->
|
|
|
|
|
+ <!-- :fileSize="5"-->
|
|
|
|
|
+ <!-- @onUploaded="lockTypeImgUplaoded"-->
|
|
|
|
|
+ <!-- @onRemoved="lockTypeImgRemoved"-->
|
|
|
|
|
+ <!-- ></ImageUploadSingle>-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
+ <!-- </el-col>-->
|
|
|
|
|
+ <!-- <el-col :span="8">-->
|
|
|
|
|
+ <!-- <el-form-item label="锁具机构类型图" prop="locksetTypeImg">-->
|
|
|
|
|
+ <!-- <ImageUploadSingle-->
|
|
|
|
|
+ <!-- :limit="1"-->
|
|
|
|
|
+ <!-- :value="form.locksetTypeImg"-->
|
|
|
|
|
+ <!-- :fileSize="5"-->
|
|
|
|
|
+ <!-- @onUploaded="locksetTypeImgUplaoded"-->
|
|
|
|
|
+ <!-- @onRemoved="locksetTypeImgRemoved"-->
|
|
|
|
|
+ <!-- ></ImageUploadSingle>-->
|
|
|
|
|
+ <!-- </el-form-item>-->
|
|
|
|
|
+ <!-- </el-col>-->
|
|
|
|
|
+ <!-- </el-row>-->
|
|
|
|
|
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
|
@@ -551,9 +570,11 @@ import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
|
|
import { listWorkarea } from '@/api/mes/wa/workarea'
|
|
import { listWorkarea } from '@/api/mes/wa/workarea'
|
|
|
import { listLockType } from '@/api/mes/locktype/locktype'
|
|
import { listLockType } from '@/api/mes/locktype/locktype'
|
|
|
import { listPadLockTypeAPI } from '@/api/mes/padLockType/padLockType'
|
|
import { listPadLockTypeAPI } from '@/api/mes/padLockType/padLockType'
|
|
|
-import { listLoto} from "@/api/mes/lotoStation/lotoStation";
|
|
|
|
|
|
|
+import { listLoto } from '@/api/mes/lotoStation/lotoStation'
|
|
|
import { listMarsDept } from '@/api/system/marsdept'
|
|
import { listMarsDept } from '@/api/system/marsdept'
|
|
|
import { listTechnology } from '@/api/system/machinery'
|
|
import { listTechnology } from '@/api/system/machinery'
|
|
|
|
|
+import { getIsSystemAttributeByKey, selectIsSystemAttributeById } from '@/api/system/configuration'
|
|
|
|
|
+
|
|
|
export default {
|
|
export default {
|
|
|
name: 'Team',
|
|
name: 'Team',
|
|
|
components: { Treeselect },
|
|
components: { Treeselect },
|
|
@@ -641,7 +662,7 @@ export default {
|
|
|
LockTypeOptions: [],//锁具机构类型下拉
|
|
LockTypeOptions: [],//锁具机构类型下拉
|
|
|
padLockTypeOptions: [],//挂锁类型下拉
|
|
padLockTypeOptions: [],//挂锁类型下拉
|
|
|
|
|
|
|
|
- lotoOptions:[],//电柜下拉
|
|
|
|
|
|
|
+ lotoOptions: [],//电柜下拉
|
|
|
// 表单校验
|
|
// 表单校验
|
|
|
rules: {
|
|
rules: {
|
|
|
pointCode: [
|
|
pointCode: [
|
|
@@ -656,20 +677,26 @@ export default {
|
|
|
workareaId: [
|
|
workareaId: [
|
|
|
{ required: true, message: '作业区域不能为空', trigger: 'blur' }
|
|
{ required: true, message: '作业区域不能为空', trigger: 'blur' }
|
|
|
],
|
|
],
|
|
|
- lotoId:[
|
|
|
|
|
|
|
+ lotoId: [
|
|
|
{ required: true, message: '锁定站不能为空', trigger: 'blur' }
|
|
{ required: true, message: '锁定站不能为空', trigger: 'blur' }
|
|
|
],
|
|
],
|
|
|
pointType: [
|
|
pointType: [
|
|
|
{ required: true, message: '隔离点类型不能为空', trigger: 'blur' }
|
|
{ required: true, message: '隔离点类型不能为空', trigger: 'blur' }
|
|
|
],
|
|
],
|
|
|
- lockTypeId:[
|
|
|
|
|
|
|
+ lockTypeId: [
|
|
|
{ required: true, message: '挂锁类型不能为空', trigger: 'blur' }
|
|
{ required: true, message: '挂锁类型不能为空', trigger: 'blur' }
|
|
|
],
|
|
],
|
|
|
- pointNfc:[
|
|
|
|
|
|
|
+ pointNfc: [
|
|
|
{ required: true, message: '隔离点NFC不能为空', trigger: 'blur' }
|
|
{ required: true, message: '隔离点NFC不能为空', trigger: 'blur' }
|
|
|
]
|
|
]
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+ imageMap: {
|
|
|
|
|
+ 0: '', //电能
|
|
|
|
|
+ 1: '', //阀门
|
|
|
|
|
+ 2: '', //空气能
|
|
|
|
|
+ 3: '' //急停开关
|
|
|
|
|
+ },
|
|
|
|
|
+ selectedImageIndex: -1 // 用于记录选中的图片索引
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
@@ -690,6 +717,11 @@ export default {
|
|
|
}
|
|
}
|
|
|
return null
|
|
return null
|
|
|
},
|
|
},
|
|
|
|
|
+ // 选择隔离点图标
|
|
|
|
|
+ selectIcon(imageUrl, index) {
|
|
|
|
|
+ this.form.pointIcon = imageUrl
|
|
|
|
|
+ this.selectedImageIndex = index
|
|
|
|
|
+ },
|
|
|
/** 查询隔离点信息列表 */
|
|
/** 查询隔离点信息列表 */
|
|
|
getList() {
|
|
getList() {
|
|
|
this.loading = true
|
|
this.loading = true
|
|
@@ -704,6 +736,31 @@ export default {
|
|
|
this.total = response.data.total
|
|
this.total = response.data.total
|
|
|
this.loading = false
|
|
this.loading = false
|
|
|
})
|
|
})
|
|
|
|
|
+ // 获取隔离点图标组合
|
|
|
|
|
+ const sysAttrKey1 = 'sys.icon_set.isolation' // 隔离点集合图标
|
|
|
|
|
+
|
|
|
|
|
+// 获取 ID 列表
|
|
|
|
|
+ getIsSystemAttributeByKey(sysAttrKey1).then((response) => {
|
|
|
|
|
+ const Values = response.data.sysAttrValue.split(',').map(Value => Value.trim())
|
|
|
|
|
+ console.log(Values, 'Values')
|
|
|
|
|
+ // 创建一个 Promise 数组,每个 Promise 处理一个 ID
|
|
|
|
|
+ const promises = Values.map(Value => {
|
|
|
|
|
+ return getIsSystemAttributeByKey(Value)
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ // 等待所有请求完成
|
|
|
|
|
+ return Promise.all(promises)
|
|
|
|
|
+ }).then((responses) => {
|
|
|
|
|
+ // responses 是一个数组,包含每个请求的响应
|
|
|
|
|
+ responses.forEach((response, index) => {
|
|
|
|
|
+ // 假设每个响应包含一个图片地址
|
|
|
|
|
+ this.imageMap[index] = response.data.sysAttrValue // 根据实际响应结构调整
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ console.log(this.imageMap, 'imageMap')
|
|
|
|
|
+ }).catch(error => {
|
|
|
|
|
+ console.error('Error fetching images:', error)
|
|
|
|
|
+ })
|
|
|
// 获取作业区域数据
|
|
// 获取作业区域数据
|
|
|
const data = {
|
|
const data = {
|
|
|
current: 1,
|
|
current: 1,
|
|
@@ -719,18 +776,18 @@ export default {
|
|
|
// })
|
|
// })
|
|
|
// 岗位
|
|
// 岗位
|
|
|
listMarsDept(data).then(response => {
|
|
listMarsDept(data).then(response => {
|
|
|
- this.deptOptions = this.handleTree(response.data.records,"workstationId","parentId")
|
|
|
|
|
|
|
+ this.deptOptions = this.handleTree(response.data.records, 'workstationId', 'parentId')
|
|
|
})
|
|
})
|
|
|
// 设备/工艺
|
|
// 设备/工艺
|
|
|
listTechnology(data).then((response) => {
|
|
listTechnology(data).then((response) => {
|
|
|
- const data=response.data.records.filter((item) =>item.machineryType=='工艺')
|
|
|
|
|
|
|
+ const data = response.data.records.filter((item) => item.machineryType == '工艺')
|
|
|
this.machineryOptions = this.handleTree(
|
|
this.machineryOptions = this.handleTree(
|
|
|
data,
|
|
data,
|
|
|
- "machineryId",
|
|
|
|
|
- "parentId"
|
|
|
|
|
- );
|
|
|
|
|
|
|
+ 'machineryId',
|
|
|
|
|
+ 'parentId'
|
|
|
|
|
+ )
|
|
|
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ })
|
|
|
// 锁具机构类型
|
|
// 锁具机构类型
|
|
|
listLockType(data).then((response) => {
|
|
listLockType(data).then((response) => {
|
|
|
this.LockTypeOptions = this.handleTree(response.data.records, 'locksetTypeId')
|
|
this.LockTypeOptions = this.handleTree(response.data.records, 'locksetTypeId')
|
|
@@ -740,9 +797,9 @@ export default {
|
|
|
this.padLockTypeOptions = this.handleTree(response.data.records, 'lockTypeId')
|
|
this.padLockTypeOptions = this.handleTree(response.data.records, 'lockTypeId')
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
- // 所属电柜
|
|
|
|
|
|
|
+ // 所属电柜
|
|
|
listLoto(data).then((response) => {
|
|
listLoto(data).then((response) => {
|
|
|
- console.log(response,'电柜数据')
|
|
|
|
|
|
|
+ console.log(response, '电柜数据')
|
|
|
this.lotoOptions = response.data.records.map((item) => {
|
|
this.lotoOptions = response.data.records.map((item) => {
|
|
|
return {
|
|
return {
|
|
|
value: item.lotoId,
|
|
value: item.lotoId,
|
|
@@ -772,58 +829,7 @@ export default {
|
|
|
children: node.children
|
|
children: node.children
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- normalizerLockset(node) {
|
|
|
|
|
- if (node.children && !node.children.length) {
|
|
|
|
|
- delete node.children
|
|
|
|
|
- }
|
|
|
|
|
- return {
|
|
|
|
|
- id: node.locksetTypeId,
|
|
|
|
|
- label: node.locksetTypeName,
|
|
|
|
|
- children: node.children
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- normalizerpadLock(node) {
|
|
|
|
|
- if (node.children && !node.children.length) {
|
|
|
|
|
- delete node.children
|
|
|
|
|
- }
|
|
|
|
|
- return {
|
|
|
|
|
- id: node.lockTypeId,
|
|
|
|
|
- label: node.lockTypeName,
|
|
|
|
|
- children: node.children
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- //图片上传成功
|
|
|
|
|
- handleImgUplaoded(imgUrl) {
|
|
|
|
|
- this.form.pointPicture = imgUrl[0].url
|
|
|
|
|
- },
|
|
|
|
|
- //图片移除
|
|
|
|
|
- handleImgRemoved(imgUrl) {
|
|
|
|
|
- this.form.pointPicture = null
|
|
|
|
|
- },
|
|
|
|
|
- //图标上传成功
|
|
|
|
|
- handleIconUplaoded(imgUrl) {
|
|
|
|
|
- this.form.pointIcon = imgUrl[0].url
|
|
|
|
|
- },
|
|
|
|
|
- // 图标移除
|
|
|
|
|
- handleIconRemoved(imgUrl) {
|
|
|
|
|
- this.form.pointIcon = null
|
|
|
|
|
- },
|
|
|
|
|
- //图标上传成功
|
|
|
|
|
- lockTypeImgUplaoded(imgUrl) {
|
|
|
|
|
- this.form.lockTypeImg = imgUrl[0].url
|
|
|
|
|
- },
|
|
|
|
|
- // 图标移除
|
|
|
|
|
- lockTypeImgRemoved(imgUrl) {
|
|
|
|
|
- this.form.lockTypeImg = null
|
|
|
|
|
- },
|
|
|
|
|
- //图标上传成功
|
|
|
|
|
- locksetTypeImgUplaoded(imgUrl) {
|
|
|
|
|
- this.form.locksetType = imgUrl[0].url
|
|
|
|
|
- },
|
|
|
|
|
- // 图标移除
|
|
|
|
|
- locksetTypeImgRemoved(imgUrl) {
|
|
|
|
|
- this.form.locksetType = null
|
|
|
|
|
- },
|
|
|
|
|
|
|
+
|
|
|
// 取消按钮
|
|
// 取消按钮
|
|
|
cancel() {
|
|
cancel() {
|
|
|
this.open = false
|
|
this.open = false
|
|
@@ -889,6 +895,7 @@ export default {
|
|
|
this.optType = 'add'
|
|
this.optType = 'add'
|
|
|
this.pointId = null
|
|
this.pointId = null
|
|
|
this.form.workshopId = 0
|
|
this.form.workshopId = 0
|
|
|
|
|
+ this.selectedImageIndex=null//为了初始化不选中任何图标
|
|
|
this.getworkShop()
|
|
this.getworkShop()
|
|
|
},
|
|
},
|
|
|
|
|
|
|
@@ -898,11 +905,22 @@ export default {
|
|
|
this.pointId = row.pointId || this.ids
|
|
this.pointId = row.pointId || this.ids
|
|
|
selectIsIsolationPointById(this.pointId).then((response) => {
|
|
selectIsIsolationPointById(this.pointId).then((response) => {
|
|
|
this.form = response.data
|
|
this.form = response.data
|
|
|
|
|
+ // 确定选中的图片索引
|
|
|
|
|
+ this.selectedImageIndex = this.getImageIndexByIcon(response.data.pointIcon);
|
|
|
this.open = true
|
|
this.open = true
|
|
|
this.title = '修改隔离点信息'
|
|
this.title = '修改隔离点信息'
|
|
|
this.optType = 'edit'
|
|
this.optType = 'edit'
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+ // 编辑的时候回显选中的隔离点图标
|
|
|
|
|
+ getImageIndexByIcon(iconUrl) {
|
|
|
|
|
+ for (const [index, imageUrl] of Object.entries(this.imageMap)) {
|
|
|
|
|
+ if (imageUrl === iconUrl) {
|
|
|
|
|
+ return index;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ return -1; // 如果没有找到匹配的图片,返回 -1
|
|
|
|
|
+ },
|
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
submitForm() {
|
|
|
this.$refs['form'].validate((valid) => {
|
|
this.$refs['form'].validate((valid) => {
|
|
@@ -997,7 +1015,59 @@ export default {
|
|
|
})
|
|
})
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ normalizerLockset(node) {
|
|
|
|
|
+ if (node.children && !node.children.length) {
|
|
|
|
|
+ delete node.children
|
|
|
|
|
+ }
|
|
|
|
|
+ return {
|
|
|
|
|
+ id: node.locksetTypeId,
|
|
|
|
|
+ label: node.locksetTypeName,
|
|
|
|
|
+ children: node.children
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ normalizerpadLock(node) {
|
|
|
|
|
+ if (node.children && !node.children.length) {
|
|
|
|
|
+ delete node.children
|
|
|
|
|
+ }
|
|
|
|
|
+ return {
|
|
|
|
|
+ id: node.lockTypeId,
|
|
|
|
|
+ label: node.lockTypeName,
|
|
|
|
|
+ children: node.children
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ //图片上传成功
|
|
|
|
|
+ handleImgUplaoded(imgUrl) {
|
|
|
|
|
+ this.form.pointPicture = imgUrl[0].url
|
|
|
|
|
+ },
|
|
|
|
|
+ //图片移除
|
|
|
|
|
+ handleImgRemoved(imgUrl) {
|
|
|
|
|
+ this.form.pointPicture = null
|
|
|
|
|
+ },
|
|
|
|
|
+ //图标上传成功
|
|
|
|
|
+ handleIconUplaoded(imgUrl) {
|
|
|
|
|
+ this.form.pointIcon = imgUrl[0].url
|
|
|
|
|
+ },
|
|
|
|
|
+ // 图标移除
|
|
|
|
|
+ handleIconRemoved(imgUrl) {
|
|
|
|
|
+ this.form.pointIcon = null
|
|
|
|
|
+ },
|
|
|
|
|
+ //图标上传成功
|
|
|
|
|
+ lockTypeImgUplaoded(imgUrl) {
|
|
|
|
|
+ this.form.lockTypeImg = imgUrl[0].url
|
|
|
|
|
+ },
|
|
|
|
|
+ // 图标移除
|
|
|
|
|
+ lockTypeImgRemoved(imgUrl) {
|
|
|
|
|
+ this.form.lockTypeImg = null
|
|
|
|
|
+ },
|
|
|
|
|
+ //图标上传成功
|
|
|
|
|
+ locksetTypeImgUplaoded(imgUrl) {
|
|
|
|
|
+ this.form.locksetType = imgUrl[0].url
|
|
|
|
|
+ },
|
|
|
|
|
+ // 图标移除
|
|
|
|
|
+ locksetTypeImgRemoved(imgUrl) {
|
|
|
|
|
+ this.form.locksetType = null
|
|
|
|
|
+ },
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
@@ -1005,4 +1075,29 @@ export default {
|
|
|
.el-input-width {
|
|
.el-input-width {
|
|
|
width: 380px !important;
|
|
width: 380px !important;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+</style>
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+.image-grid {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.image-item {
|
|
|
|
|
+ margin: 5px;
|
|
|
|
|
+ height: 55px;
|
|
|
|
|
+ //background: pink;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ border: 2px solid transparent;
|
|
|
|
|
+ transition: border-color 0.3s;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.image-item.selected {
|
|
|
|
|
+ height: 55px;
|
|
|
|
|
+ border-color: rgb(2, 86, 255);
|
|
|
|
|
+ border-width: 2px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</style>
|
|
</style>
|