no message

src/components/GanttChart/index.vue

@@ -13,7 +13,8 @@
       </el-select>
     </el-form-item>
     <el-form-item style="float:right; margin: 0">
-      <el-button type="primary" plain icon="Plus" @click="getDetail()">新增预设</el-button>
+      <el-button type="primary" plain icon="Plus" @click="getDetail()"
+        v-hasPermi="['content:setting:add', 'content:scene:add', 'content:insert:add']">新增</el-button>
     </el-form-item>
   </el-form>
   <div class="chart">
@@ -36,10 +37,11 @@
                 <div style="display:flex; justify-content: space-between;">
                   {{ element.startTime }} - {{ element.endTime }}
                   <div style="display:flex; align-items: center">
-                    <el-icon style="margin-right: 10px" @click="getDetail({ ...element, disabled: true })">
+                    <el-icon style="margin-right: 10px" @click="getDetail({ ...element, disabled: true })"
+                      v-hasPermi="['content:setting:edit', 'content:scene:edit', 'content:insert:edit']">
                       <Edit />
                     </el-icon>
-                    <el-icon @click="getDelete(element)">
+                    <el-icon @click="getDelete(element)" v-hasPermi="['content:setting:delete', 'content:scene:delete', 'content:insert:delete']">
                       <Delete />
                     </el-icon>
                   </div>
@@ -69,6 +71,7 @@ import { settimgTime, removeSetting } from '@/api/content/setting'
 import { sceneTime, removeScene } from '@/api/content/scene'
 import { insetTime } from '@/api/content/insert'
 import { useBusinessSelect, useStoreSelect, useDeviceList } from '@/hooks/index'
+import { checkPermi } from '@/utils/permission'
 
 const { storeData, getStore, storeRemote } = useStoreSelect()
 const { businessData, getBusiness, businessRemote } = useBusinessSelect(true)
@@ -179,12 +182,16 @@ function onMove(params) {
 
 // 拖拽结束
 function onEnd(params) {
-  if (params.from.className !== params.to.className) {
-    proxy.$modal.confirm(`是否要添加?`).then(() => {
-      getDetail({ audioList: JSON.stringify(params.item.__draggable_context.element), disabled: true })
-    }).catch(() => {
-      params.to.firstChild.remove()
-    })
+  if (checkPermi(['content:setting:add', 'content:scene:add', 'content:insert:add'])) {
+    if (params.from.className !== params.to.className) {
+      proxy.$modal.confirm(`是否要添加?`).then(() => {
+        getDetail({ audioList: JSON.stringify(params.item.__draggable_context.element), disabled: true })
+      }).catch(() => {
+        params.to.firstChild.remove()
+      })
+    }
+  } else {
+    proxy.$modal.msgDanger('暂无权限')
   }
 }
 
@@ -310,7 +317,6 @@ const getLeft = (val) => {
 
     .line {
       width: calc(100% - 50px);
-      // height: 60px;
       border-top-width: 1px;
       border-left-width: 1px;
       border-right-width: 1px;

src/views/business/class/index.vue

@@ -2,7 +2,7 @@
   <div class='app-container'>
     <el-form>
       <el-form-item>
-        <el-button type="primary" plain icon="Plus" @click="getDialog()">新增行业</el-button>
+        <el-button type="primary" plain icon="Plus" @click="getDialog()" v-hasPermi="['business:class:add']">新增行业</el-button>
       </el-form-item>
     </el-form>
     <el-table :data="data.tableData" v-loading="loading">
@@ -11,8 +11,8 @@
       <el-table-column label="创建时间" prop="createTimeStr" align="center"></el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getDialog(scope.row.id)">编辑</el-button>
-          <el-button type="danger" link @click="getDelete(scope.row)">删除</el-button>
+          <el-button type="primary" link @click="getDialog(scope.row.id)" v-hasPermi="['business:class:edit']">编辑</el-button>
+          <el-button type="danger" link @click="getDelete(scope.row)" v-hasPermi="['business:class:delete']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/business/list/index.vue

@@ -16,7 +16,7 @@
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
         <el-button type="warning" plain icon="Download" @click="getExport" :disabled="ids === ''">导出</el-button>
-        <el-button type="primary" plain icon="Plus" @click="getDialog()">新增</el-button>
+        <el-button type="primary" plain icon="Plus" @click="getDialog()" v-hasPermi="['business:list:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
@@ -37,10 +37,10 @@
       <el-table-column label="创建时间" prop="createTimeStr" align="center"></el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getDialog(scope.row.id, '编辑')">编辑</el-button>
+          <el-button type="primary" link @click="getDialog(scope.row.id, '编辑')"  v-hasPermi="['business:list:edit']">编辑</el-button>
           <el-button type="primary" link @click="getDialogHistory">操作日志</el-button>
-          <el-button type="primary" link @click="getReset(scope.row)">重置密码</el-button>
-          <el-button type="danger" link @click="getDelete(scope.row)">删除</el-button>
+          <el-button type="primary" link @click="getReset(scope.row)" v-hasPermi="['business:list:refresh']">重置密码</el-button>
+          <el-button type="danger" link @click="getDelete(scope.row)" v-hasPermi="['business:list:delete']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/content/class/index.vue

@@ -2,7 +2,7 @@
   <div class='app-container'>
     <el-form>
       <el-form-item>
-        <el-button type="primary" plain icon="Plus" @click="getDialog()">新增分类</el-button>
+        <el-button type="primary" plain icon="Plus" @click="getDialog()" v-hasPermi="['content:class:add']">新增分类</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->

src/views/content/list/index.vue

@@ -21,7 +21,8 @@
       <el-form-item>
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" plain icon="Plus" @click="getDialog()">新增</el-button>
+        <el-button type="primary" plain icon="Plus" @click="getDialog()"
+          v-hasPermi="['content:list:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
@@ -42,11 +43,13 @@
       <el-table-column label="更新时间" prop="updateTime" align="center" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getDialog(scope.row.id, '编辑')">编辑</el-button>
-          <el-button v-if="scope.row.status === 1" type="primary" link
-            @click="getChange(scope.row.id, '上架', 0)">上架</el-button>
-          <el-button v-else type="primary" link @click="getChange(scope.row.id, '下架', 1)">下架</el-button>
-          <el-button type="danger" link @click="getDelete(scope.row)">删除</el-button>
+          <el-button type="primary" link @click="getDialog(scope.row.id, '编辑')"
+            v-hasPermi="['content:list:edit']">编辑</el-button>
+          <el-button v-if="scope.row.status === 1" type="primary" link @click="getChange(scope.row.id, '上架', 0)"
+            v-hasPermi="['content:list:on']">上架</el-button>
+          <el-button v-else type="primary" link @click="getChange(scope.row.id, '下架', 1)"
+            v-hasPermi="['content:list:off']">下架</el-button>
+          <el-button type="danger" link @click="getDelete(scope.row)" v-hasPermi="['content:list:delete']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/content/scene/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class='app-container'>
     <div class="left">
-      <el-button type="primary" plain icon="Plus" @click="getDialog()">新增场景</el-button>
+      <el-button type="primary" plain icon="Plus" @click="getDialog()" v-hasPermi="['content:scene:addScene']">新增场景</el-button>
       <el-input class="search" v-model="data.form.takeName" placeholder="搜索场景名称" clearable>
         <template #append>
           <el-button icon="Search" @click="getSearch" />

src/views/device/class/index.vue

@@ -3,7 +3,8 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" @submit.native.prevent>
       <el-form-item>
-        <el-button type="primary" icon="Plus" plain @click="getChange()">新增</el-button>
+        <el-button type="primary" icon="Plus" plain @click="getChange()"
+          v-hasPermi="['device:class:add']">新增</el-button>
       </el-form-item>
     </el-form>
 
@@ -20,10 +21,10 @@
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getChange(scope.row)">
+          <el-button type="primary" link @click="getChange(scope.row)" v-hasPermi="['device:class:edit']">
             编辑
           </el-button>
-          <el-button type="danger" link @click="getDelete(scope.row.id)">
+          <el-button type="danger" link @click="getDelete(scope.row.id)" v-hasPermi="['device:class:delete']">
             删除
           </el-button>
         </template>

src/views/device/function/index.vue

@@ -3,7 +3,8 @@
     <!-- 搜索 -->
     <el-form inline label-width="100px" @submit.native.prevent>
       <el-form-item>
-        <el-button type="primary" icon="Plus" plain @click="getChange()">新增</el-button>
+        <el-button type="primary" icon="Plus" plain @click="getChange()"
+          v-hasPermi="['device:function:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 表格 -->
@@ -18,10 +19,10 @@
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getChange(scope.row)">
+          <el-button type="primary" link @click="getChange(scope.row)" v-hasPermi="['device:function:edit']">
             编辑
           </el-button>
-          <el-button type="danger" link @click="getDelete(scope.row)">
+          <el-button type="danger" link @click="getDelete(scope.row)" v-hasPermi="['device:function:delete']">
             删除
           </el-button>
         </template>

src/views/device/list/index.vue

@@ -29,7 +29,7 @@
       <el-form-item>
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" icon="Plus" plain @click="getRouter()">
+        <el-button type="primary" icon="Plus" plain @click="getRouter()" v-hasPermi="['device:list:add']">
           新增
         </el-button>
       </el-form-item>
@@ -56,7 +56,7 @@
           {{ hotOptions.find(i => i.value === scope.row.isHot).label }}
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" align="center" >
+      <el-table-column label="创建时间" align="center">
         <template #default="scope">
           {{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}
         </template>
@@ -64,18 +64,19 @@
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <el-button type="primary" link @click="getRouter(scope.row.id, true)">查看</el-button>
-          <span v-if="scope.row.status === 2" style="margin-left: 10px;" >
-            <el-button type="primary" link @click="getRouter(scope.row.id)">
+          <span v-if="scope.row.status === 2" style="margin-left: 10px;">
+            <el-button type="primary" link @click="getRouter(scope.row.id)" v-hasPermi="['device:list:edit']">
               编辑
             </el-button>
-            <el-button type="primary" link @click="getChange(scope.row.id, 1, '上架')">
+            <el-button type="primary" link @click="getChange(scope.row.id, 1, '上架')" v-hasPermi="['device:list:on']">
               上架
             </el-button>
-            <el-button type="danger" link @click="getDelete(scope.row.id)">
+            <el-button type="danger" link @click="getDelete(scope.row.id)" v-hasPermi="['device:list:delete']">
               删除
             </el-button>
           </span>
-          <el-button v-else type="primary" link @click="getChange(scope.row.id, 2, '下架')">
+          <el-button v-else type="primary" link @click="getChange(scope.row.id, 2, '下架')"
+            v-hasPermi="['device:list:off']">
             下架
           </el-button>
         </template>

src/views/device/version/detail.vue

@@ -4,9 +4,9 @@
       <el-form-item prop="deviceTypeId" label="设备型号：">
         <el-select v-model="data.form.deviceTypeId" placeholder="请选择设备型号" filterable>
           <el-option v-for="item in deviceOptions" :key="item.clientTypeId" :label="item.name"
-            :value="item.clientTypeId" />
+            :value="item.clientTypeId.toString()" />
           <el-option label="设备不存在" :value="data.form.deviceTypeId"
-            v-if="data.form.deviceTypeId && !deviceOptions.some(i => i.clientTypeId === data.form.deviceTypeId)" />
+            v-if="data.form.deviceTypeId && deviceOptions.some(i => i.clientTypeId === data.form.deviceTypeId)" />
         </el-select>
       </el-form-item>
       <el-form-item prop="type" label="设备模式：">

src/views/device/version/index.vue

@@ -7,13 +7,15 @@
       </el-form-item>
       <el-form-item label="设备型号：">
         <el-select v-model="data.form.clientTypeId" placeholder="请选择设备型号" filterable clearable>
-          <el-option v-for="item in deviceOptions" :key="item.clientTypeId" :label="item.name" :value="item.clientTypeId" />
+          <el-option v-for="item in deviceOptions" :key="item.clientTypeId" :label="item.name"
+            :value="item.clientTypeId" />
         </el-select>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" icon="Plus" plain @click="getChange()">新增</el-button>
+        <el-button type="primary" icon="Plus" plain @click="getChange()"
+          v-hasPermi="['device:version:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
@@ -34,10 +36,10 @@
       <el-table-column prop="updateTimeStr" label="更新时间" align="center" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getChange(scope.row.id)">
+          <el-button type="primary" link @click="getChange(scope.row.id)" v-hasPermi="['device:version:edit']">
             编辑
           </el-button>
-          <el-button type="danger" link @click="getDelete(scope.row.id)">
+          <el-button type="danger" link @click="getDelete(scope.row.id)" v-hasPermi="['device:version:delete']">
             删除
           </el-button>
         </template>

src/views/review/list/index.vue

@@ -16,7 +16,7 @@
       <el-form-item>
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
-        <el-button type="danger" icon="delete" :disabled="disabled()" @click="getDelete()">批量删除</el-button>
+        <el-button type="danger" icon="delete" :disabled="disabled()" @click="getDelete()" v-hasPermi="['review:list:delete']">批量删除</el-button>
       </el-form-item>
     </el-form>
 
@@ -31,8 +31,8 @@
       <el-table-column label="当前状态" prop="auditStatus" align="center" :formatter="statusFormatter" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button v-if="scope.row.auditStatus === 0" type="primary" link @click="getDialog(scope.row)">审核</el-button>
-          <el-button type="danger" link @click="getDelete(scope.row.id)">删除</el-button>
+          <el-button v-if="scope.row.auditStatus === 0" type="primary" link @click="getDialog(scope.row)" v-hasPermi="['review:list:check']">审核</el-button>
+          <el-button type="danger" link @click="getDelete(scope.row.id)" v-hasPermi="['review:list:delete']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/store/devices/index.vue

@@ -4,11 +4,6 @@
       <el-form-item label="设备名称：">
         <el-input v-model="data.form.name" placeholder="请输入设备名称" clearable />
       </el-form-item>
-      <!-- <el-form-item label="设备分类：">
-        <el-select v-model="data.form.deviceCategoryId" placeholder="请选择设备分类">
-          <el-option />
-        </el-select>
-      </el-form-item> -->
       <el-form-item label="所属企业：">
         <el-select v-model="data.form.tenantId" placeholder="请选择所属企业" clearable>
           <el-option v-for="item in businessData.options" :key="item.id" :value="item.id" :label="item.name" />
@@ -27,15 +22,16 @@
       <el-form-item>
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" plain icon="Plus" @click="getDialog()">关联设备</el-button>
+        <el-button type="primary" plain icon="Plus" @click="getDialog()"
+          v-hasPermi="['store:devices:add']">关联设备</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button :type="grid ? 'primary' : ''" icon="Grid" title="九宫格" @click="grid = true" />
+        <el-button :type="grid ? '' : 'primary'" icon="Expand" title="列表" @click="grid = false" />
       </el-form-item>
-      <!-- <el-form-item>
-        <el-button icon="Grid" title="九宫格" @click="grid = true" />
-        <el-button icon="Expand" title="列表" @click="grid = false" />
-      </el-form-item> -->
     </el-form>
     <!-- 列表 -->
-    <el-table :data="data.tableData" v-loading="loading">
+    <el-table v-show="!grid" :data="data.tableData" v-loading="loading">
       <el-table-column label="设备名称" prop="deviceName" align="center" />
       <el-table-column label="设备型号" prop="clientType" align="center" />
       <el-table-column label="设备Mac" prop="deviceMac" align="center" />
@@ -65,38 +61,37 @@
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button type="primary" link @click="getDialog(scope.row.id)">编辑</el-button>
-          <el-button v-if="scope.row.status == 1" type="primary" link
-            @click="getChange(scope.row.id, '上架', 0)">上架</el-button>
-          <el-button v-else type="primary" link @click="getChange(scope.row.id, '下架', 1)">下架</el-button>
-          <el-button type="danger" link @click="getDelete(scope.row)">删除</el-button>
+          <el-button type="primary" link @click="getDialog(scope.row.id)"
+            v-hasPermi="['store:devices:edit']">编辑</el-button>
+          <el-button v-if="scope.row.status == 1" type="primary" link @click="getChange(scope.row.id, '上架', 0)"
+            v-hasPermi="['store:devices:on']">上架</el-button>
+          <el-button v-else type="primary" link @click="getChange(scope.row.id, '下架', 1)"
+            v-hasPermi="['store:devices:off']">下架</el-button>
+          <el-button type="danger" link @click="getDelete(scope.row)"
+            v-hasPermi="['store:devices:delete']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <!-- <div v-else class="card_box">
+    <div v-show="grid" class="card_box">
       <div class="card" v-for="item in data.tableData" :key="item">
         <div class="card-header">
           <i class="state" :style="{ 'backgroundColor': item.deviceStatus === 0 ? '#8aff5b' : '#ff0000' }" />
-          <el-dropdown>
+          <el-dropdown v-hasPermi="['store:devices:edit', 'store:devices:delete']">
             <el-icon>
               <MoreFilled />
             </el-icon>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item @click="getDialog(item.id)">编辑</el-dropdown-item>
-                <el-dropdown-item @click="getDelete(item)">删除</el-dropdown-item>
-                <el-dropdown-item v-if="item.status == 1"
-                  @click="getChange(scope.row.id, '上架', 0)">上架</el-dropdown-item>
-                <el-dropdown-item v-else @click="getChange(scope.row.id, '下架', 1)">下架</el-dropdown-item>
+                <el-dropdown-item @click="getDialog(item.id)" v-hasPermi="['store:devices:edit']">编辑</el-dropdown-item>
+                <el-dropdown-item @click="getDelete(item)" v-hasPermi="['store:devices:delete']">删除</el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
         </div>
-        <span class="name">{{ item.deviceName }}</span>
         <el-image class="icon" :src="item.devicePic" />
-        
+        <span class="name">{{ item.deviceName }}</span>
       </div>
-    </div> -->
+    </div>
     <pagination v-show="total > 0" :total="total" v-model:page="data.form.pageNum" v-model:limit="data.form.pageSize"
       @pagination="getList" />
 
@@ -324,10 +319,14 @@ watch(() => data.dialogForm.tenantId, (val) => {
   }
 
   .icon {
-    width: 180px;
-    height: 140px;
     padding: 0 20px;
     margin: 15px 0;
+    text-align: center;
+
+    :deep(.el-image__inner) {
+      width: 80%;
+      height: 100%;
+    }
   }
 
   .name {

src/views/store/group/index.vue

@@ -2,7 +2,8 @@
   <div class='app-container'>
     <el-form>
       <el-form-item>
-        <el-button type="primary" icon="Plus" plain @click="getDialog()">新增分组</el-button>
+        <el-button type="primary" icon="Plus" plain @click="getDialog()"
+          v-hasPermi="['store:group:add']">新增分组</el-button>
       </el-form-item>
     </el-form>
     <el-table :data="data.tableData" v-loading="loading">

src/views/store/list/index.vue

@@ -19,25 +19,38 @@
       <el-form-item>
         <el-button type="primary" icon="Search" @click="getSearch">搜索</el-button>
         <el-button icon="Refresh" @click="getRefresh">重置</el-button>
-        <el-button type="primary" plain icon="Plus" @click="getDialog()">新增</el-button>
+        <el-button type="primary" plain icon="Plus" @click="getDialog()" v-hasPermi="['store:list:add']">新增</el-button>
       </el-form-item>
     </el-form>
     <!-- 列表 -->
-    <el-table :data="data.tableData" v-loading="loading">
-      <el-table-column label="门店名称" prop="name" align="center"></el-table-column>
-      <el-table-column label="门店编码" prop="code" align="center"></el-table-column>
-      <el-table-column label="门店地区" align="center">
-        <template #default="scope">
-          {{ scope.row.provinceName }} - {{ scope.row.cityName }} - {{ scope.row.areaName }}
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center">
-        <template #default="scope">
-          <el-button type="primary" link @click="getDialog(scope.row.id)">编辑</el-button>
-          <el-button type="danger" link @click="getDelete(scope.row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+    <div class="table_data">
+      <el-descriptions v-for="item in data.tableData" :key="item.id" :column="1">
+        <el-descriptions-item>
+          {{ item.name }}
+        </el-descriptions-item>
+        <el-descriptions-item label="门店编码：">
+          {{ item.code }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <span>{{ item.provinceName }}</span>
+          <span v-if="item.cityName"> - {{ item.cityName }}</span>
+          <span v-if="item.areaName"> - {{ item.areaName }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <el-dropdown class="dropdown" v-hasPermi="['store:list:edit, store:list:delete']">
+            <el-icon>
+              <MoreFilled />
+            </el-icon>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item @click="getDialog(item.id)" v-hasPermi="['store:list:edit']">编辑</el-dropdown-item>
+                <el-dropdown-item @click="getDelete(item)" v-hasPermi="['store:list:delete']">删除</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+        </el-descriptions-item>
+      </el-descriptions>
+    </div>
     <pagination v-show="total > 0" :total="total" v-model:page="data.form.pageNum" v-model:limit="data.form.pageSize"
       @pagination="getList" />
     <!-- 弹窗 -->
@@ -326,4 +339,26 @@ watch(() => data.areaList, (val) => {
 .time_list:first-child {
   margin: 0;
 }
+
+.table_data {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.el-descriptions {
+  width: 300px;
+  padding: 20px 20px 0;
+  border: 1px solid #e5e5e5;
+  margin: 0 60px 20px 0;
+  display: flex;
+  border-left-color: #2c65ff;
+  border-left-width: 4px;
+  position: relative;
+}
+
+.dropdown {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
 </style>