相机图片b64转换

jsowell-ui/src/views/pile/camera/index.vue

@@ -2,68 +2,33 @@
     <div class="app-container">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
             <el-form-item label="设备名称" prop="deviceName">
-                <el-input
+                <el-input v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable
-                    v-model="queryParams.deviceName"
+                    @keyup.enter.native="handleQuery" />
-                    placeholder="请输入设备名称"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item label="设备IP地址" prop="deviceIp">
-                <el-input
+                <el-input v-model="queryParams.deviceIp" placeholder="请输入设备IP地址" clearable
-                    v-model="queryParams.deviceIp"
+                    @keyup.enter.native="handleQuery" />
-                    placeholder="请输入设备IP地址"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item label="设备sn号" prop="deviceSn">
-                <el-input
+                <el-input v-model="queryParams.deviceSn" placeholder="请输入设备sn号" clearable
-                    v-model="queryParams.deviceSn"
+                    @keyup.enter.native="handleQuery" />
-                    placeholder="请输入设备sn号"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item label="车牌号" prop="plateNumber">
-                <el-input
+                <el-input v-model="queryParams.plateNumber" placeholder="请输入车牌号" clearable
-                    v-model="queryParams.plateNumber"
+                    @keyup.enter.native="handleQuery" />
-                    placeholder="请输入车牌号"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item label="车位状态" prop="parkingState">
-            <el-input
+                <el-input v-model="queryParams.parkingState" placeholder="请输入车位状态" clearable
-                v-model="queryParams.parkingState"
+                    @keyup.enter.native="handleQuery" />
-                placeholder="请输入车位状态"
-            clearable
-            @keyup.enter.native="handleQuery"
-            />
             </el-form-item>
             <el-form-item label="车位id" prop="zoneId">
-                <el-input
+                <el-input v-model="queryParams.zoneId" placeholder="请输入车位id" clearable @keyup.enter.native="handleQuery" />
-                    v-model="queryParams.zoneId"
-                    placeholder="请输入车位id"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item label="车位名" prop="zoneName">
-                <el-input
+                <el-input v-model="queryParams.zoneName" placeholder="请输入车位名" clearable @keyup.enter.native="handleQuery" />
-                    v-model="queryParams.zoneName"
-                    placeholder="请输入车位名"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item label="车牌颜色" prop="color">
-                <el-input
+                <el-input v-model="queryParams.color" placeholder="请输入车牌颜色" clearable @keyup.enter.native="handleQuery" />
-                    v-model="queryParams.color"
-                    placeholder="请输入车牌颜色"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                />
             </el-form-item>
             <el-form-item>
                 <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -73,46 +38,20 @@
 
         <el-row :gutter="10" class="mb8">
             <el-col :span="1.5">
-                <el-button
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                    type="primary"
+                    v-hasPermi="['pile:camera:add']">新增</el-button>
-                    plain
-                    icon="el-icon-plus"
-                    size="mini"
-                    @click="handleAdd"
-                    v-hasPermi="['pile:camera:add']"
-                >新增</el-button>
             </el-col>
             <el-col :span="1.5">
-                <el-button
+                <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
-                    type="success"
+                    v-hasPermi="['pile:camera:edit']">修改</el-button>
-                    plain
-                    icon="el-icon-edit"
-                    size="mini"
-                    :disabled="single"
-                    @click="handleUpdate"
-                    v-hasPermi="['pile:camera:edit']"
-                >修改</el-button>
             </el-col>
             <el-col :span="1.5">
-                <el-button
+                <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
-                    type="danger"
+                    v-hasPermi="['pile:camera:remove']">删除</el-button>
-                    plain
-                    icon="el-icon-delete"
-                    size="mini"
-                    :disabled="multiple"
-                    @click="handleDelete"
-                    v-hasPermi="['pile:camera:remove']"
-                >删除</el-button>
             </el-col>
             <el-col :span="1.5">
-                <el-button
+                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
-                    type="warning"
+                    v-hasPermi="['pile:camera:export']">导出</el-button>
-                    plain
-                    icon="el-icon-download"
-                    size="mini"
-                    @click="handleExport"
-                    v-hasPermi="['pile:camera:export']"
-                >导出</el-button>
             </el-col>
             <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
@@ -131,36 +70,14 @@
             <el-table-column label="车牌类型" align="center" prop="plateType" />
             <el-table-column label="图片base64编码" align="center" prop="image" width="100">
                 <template slot-scope="scope">
-                    <image-preview :src="scope.row.image" :width="50" :height="50"/>
+                    <el-image style="width: 50px; height:50px;" :src="`data:image/png;base64,${scope.row.image}`"
-                </template>
+                        :preview-src-list="[`data:image/png;base64,${scope.row.image}`]" />
-            </el-table-column>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-                <template slot-scope="scope">
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-edit"
-                        @click="handleUpdate(scope.row)"
-                        v-hasPermi="['pile:camera:edit']"
-                    >修改</el-button>
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-delete"
-                        @click="handleDelete(scope.row)"
-                        v-hasPermi="['pile:camera:remove']"
-                    >删除</el-button>
                 </template>
             </el-table-column>
         </el-table>
 
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-            v-show="total>0"
+            @pagination="getList" />
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
-        />
 
         <!-- 添加或修改车位相机信息对话框 -->
         <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>