|
@@ -1,126 +1,29 @@
|
|
<template>
|
|
<template>
|
|
<div class="page-container row-container">
|
|
<div class="page-container row-container">
|
|
- <!-- 左侧区域 -->
|
|
|
|
- <section class="list-part-container">
|
|
|
|
- <!-- 搜索区域 -->
|
|
|
|
- <el-form class="list-search-container" :inline="true">
|
|
|
|
- <el-form-item class="section-title" label="设备类别" />
|
|
|
|
- <el-form-item label="设备类别名称:">
|
|
|
|
- <el-input
|
|
|
|
- placeholder="请输入设备类别名称"
|
|
|
|
- v-model.trim="name"
|
|
|
|
- clearable
|
|
|
|
- style="width: 180px"
|
|
|
|
- @keydown.enter.prevent
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item>
|
|
|
|
- <el-button
|
|
|
|
- type="primary"
|
|
|
|
- icon="Plus"
|
|
|
|
- v-hasPermi="['business:equipment:add']"
|
|
|
|
- @click="handleShowEquipmentCategoryDialog(null)"
|
|
|
|
- >
|
|
|
|
- 新增
|
|
|
|
- </el-button>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-form>
|
|
|
|
- <!-- 设备类别列表区域 -->
|
|
|
|
- <div class="el-table-container">
|
|
|
|
- <div class="el-table-inner-container">
|
|
|
|
- <el-tree
|
|
|
|
- ref="categoryTable"
|
|
|
|
- v-loading="equipmentCategoryLoading"
|
|
|
|
- :data="equipmentCategoryList"
|
|
|
|
- :props="{ label: 'name', children: 'children' }"
|
|
|
|
- :expand-on-click-node="false"
|
|
|
|
- :filter-node-method="filterNode"
|
|
|
|
- default-expand-all
|
|
|
|
- node-key="id"
|
|
|
|
- highlight-current
|
|
|
|
- style="max-height: 100%; overflow-y: auto; margin-bottom: 20px"
|
|
|
|
- @node-click="handleCurrentCategoryChange"
|
|
|
|
- >
|
|
|
|
- <template #default="{ node, data }">
|
|
|
|
- <div
|
|
|
|
- style="
|
|
|
|
- display: flex;
|
|
|
|
- width: 100%;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- "
|
|
|
|
- >
|
|
|
|
- <span>{{ node.label }}</span>
|
|
|
|
- <span>
|
|
|
|
- <el-button
|
|
|
|
- link
|
|
|
|
- type="warning"
|
|
|
|
- icon="Edit"
|
|
|
|
- @click="handleShowEquipmentCategoryDialog(data)"
|
|
|
|
- v-hasPermi="['business:equipment:edit']"
|
|
|
|
- >编辑
|
|
|
|
- </el-button>
|
|
|
|
- <el-button
|
|
|
|
- link
|
|
|
|
- type="danger"
|
|
|
|
- icon="Delete"
|
|
|
|
- @click="handleDeleteCategory(data)"
|
|
|
|
- v-hasPermi="['business:equipment:remove']"
|
|
|
|
- >删除
|
|
|
|
- </el-button>
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- </el-tree>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!-- <pagination
|
|
|
|
- v-show="equipmentCategoryTotal > 0"
|
|
|
|
- :total="equipmentCategoryTotal"
|
|
|
|
- :pager-count="4"
|
|
|
|
- v-model:page="queryEquipmentCategoryParams.pageNum"
|
|
|
|
- v-model:limit="queryEquipmentCategoryParams.pageSize"
|
|
|
|
- @pagination="getCategoryList"
|
|
|
|
- /> -->
|
|
|
|
- </section>
|
|
|
|
-
|
|
|
|
- <!-- 右侧区域 -->
|
|
|
|
|
|
+
|
|
<section class="list-part-container" style="flex: 2">
|
|
<section class="list-part-container" style="flex: 2">
|
|
<!-- 搜索区域 -->
|
|
<!-- 搜索区域 -->
|
|
- <el-form
|
|
|
|
- class="list-search-container"
|
|
|
|
- :model="queryParams"
|
|
|
|
- ref="queryRef"
|
|
|
|
- :inline="true"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-form class="list-search-container" :model="queryParams" ref="queryRef" :inline="true">
|
|
<el-form-item class="section-title" label="设备档案管理" />
|
|
<el-form-item class="section-title" label="设备档案管理" />
|
|
|
|
+ <el-form-item label="设备类别:" prop="equipmentCategoryId">
|
|
|
|
+ <el-select-v2 v-model="queryParams.equipmentCategoryId" clearable filterable :options="parentCategories"
|
|
|
|
+ placeholder="设备类别" @change="handleRefreshEquipment" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="设备名称:">
|
|
|
|
+ <el-input placeholder="请输入设备名称" v-model.trim="queryParams.categoryName" @keydown.enter.prevent
|
|
|
|
+ clearable style="width: 180px" />
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="设备编码:">
|
|
<el-form-item label="设备编码:">
|
|
- <el-input
|
|
|
|
- placeholder="请输入设备编码"
|
|
|
|
- v-model.trim="queryParams.equipmentCode"
|
|
|
|
- @keydown.enter.prevent
|
|
|
|
- :disabled="equipmentCategoryList.length == 0"
|
|
|
|
- clearable
|
|
|
|
- style="width: 180px"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-input placeholder="请输入设备编码" v-model.trim="queryParams.equipmentCode" @keydown.enter.prevent
|
|
|
|
+ clearable style="width: 180px" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-button
|
|
|
|
- type="info"
|
|
|
|
- icon="Search"
|
|
|
|
- :disabled="equipmentCategoryList.length == 0"
|
|
|
|
- @click="handleRefreshEquipment"
|
|
|
|
- >搜索</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button type="info" icon="Search"
|
|
|
|
+ @click="handleRefreshEquipment">搜索</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
- <el-button
|
|
|
|
- type="primary"
|
|
|
|
- icon="Plus"
|
|
|
|
- :disabled="equipmentCategoryList.length == 0"
|
|
|
|
- @click="handleShowEquipmentDetailDialog(null)"
|
|
|
|
- v-hasPermi="['business:equipment:add']"
|
|
|
|
- >新增</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button type="primary" icon="Plus"
|
|
|
|
+ @click="handleShowEquipmentDetailDialog(null)" v-hasPermi="['business:equipment:add']">新增</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<!-- <el-form-item>
|
|
<!-- <el-form-item>
|
|
<el-button
|
|
<el-button
|
|
@@ -135,89 +38,34 @@
|
|
<!-- 列表区域 -->
|
|
<!-- 列表区域 -->
|
|
<div class="el-table-container">
|
|
<div class="el-table-container">
|
|
<div class="el-table-inner-container">
|
|
<div class="el-table-inner-container">
|
|
- <el-table
|
|
|
|
- ref="equipmentTable"
|
|
|
|
- v-loading="equipmentLoading"
|
|
|
|
- row-key="id"
|
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
|
- :data="equipmentDetailList"
|
|
|
|
- height="100%"
|
|
|
|
- >
|
|
|
|
- <el-table-column
|
|
|
|
- type="selection"
|
|
|
|
- width="40"
|
|
|
|
- align="center"
|
|
|
|
- :reserve-selection="true"
|
|
|
|
- />
|
|
|
|
- <el-table-column
|
|
|
|
- label="行号"
|
|
|
|
- type="index"
|
|
|
|
- width="50"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
- <el-table-column
|
|
|
|
- label="设备编码"
|
|
|
|
- prop="equipmentCode"
|
|
|
|
- width="120"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
- <el-table-column
|
|
|
|
- label="设备名称"
|
|
|
|
- prop="equipmentName"
|
|
|
|
- width="250"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
- <el-table-column
|
|
|
|
- label="归属部门"
|
|
|
|
- prop="belongingDeptAlias"
|
|
|
|
- width="100"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
- <el-table-column
|
|
|
|
- label="使用部门"
|
|
|
|
- prop="usageDeptAlias"
|
|
|
|
- width="100"
|
|
|
|
- align="center"
|
|
|
|
- />
|
|
|
|
- <el-table-column
|
|
|
|
- label="设备状态"
|
|
|
|
- prop="equipmentStatusCode"
|
|
|
|
- width="100"
|
|
|
|
- align="center"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table ref="equipmentTable" v-loading="equipmentLoading" row-key="id"
|
|
|
|
+ @selection-change="handleSelectionChange" :data="equipmentDetailList" height="100%">
|
|
|
|
+ <el-table-column type="selection" width="40" align="center" :reserve-selection="true" />
|
|
|
|
+ <el-table-column label="行号" type="index" width="50" align="center" />
|
|
|
|
+ <el-table-column label="设备编码" prop="equipmentCode" width="120" align="center" />
|
|
|
|
+ <el-table-column label="设备类别" prop="categoryName" width="120" align="center" />
|
|
|
|
+ <el-table-column label="设备名称" prop="equipmentName" width="250" align="center" />
|
|
|
|
+ <el-table-column label="归属部门" prop="belongingDeptAlias" width="100" align="center" />
|
|
|
|
+ <el-table-column label="使用部门" prop="usageDeptAlias" width="100" align="center" />
|
|
|
|
+ <el-table-column label="设备状态" prop="equipmentStatusCode" width="100" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <dict-tag :options="equipment_status" :value="scope.row.equipmentStatusCode"/>
|
|
|
|
|
|
+ <dict-tag :options="equipment_status" :value="scope.row.equipmentStatusCode" />
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- label="虚拟设备"
|
|
|
|
- prop="isVirtualEquipment"
|
|
|
|
- width="100"
|
|
|
|
- align="center"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column label="虚拟设备" prop="isVirtualEquipment" width="100" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <dict-tag :options="yes_no" :value="scope.row.isVirtualEquipment"/>
|
|
|
|
|
|
+ <dict-tag :options="yes_no" :value="scope.row.isVirtualEquipment" />
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="备注" prop="remark" align="center" />
|
|
<el-table-column label="备注" prop="remark" align="center" />
|
|
<el-table-column label="操作" width="150" align="center">
|
|
<el-table-column label="操作" width="150" align="center">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-button
|
|
|
|
- v-hasPermi="['business:equipmentDetail:edit']"
|
|
|
|
- link
|
|
|
|
- type="warning"
|
|
|
|
- icon="Edit"
|
|
|
|
- @click="handleShowEquipmentDetailDialog(scope.row.id)"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button v-hasPermi="['business:equipmentDetail:edit']" link type="warning" icon="Edit"
|
|
|
|
+ @click="handleShowEquipmentDetailDialog(scope.row.id)">
|
|
编辑
|
|
编辑
|
|
</el-button>
|
|
</el-button>
|
|
- <el-button
|
|
|
|
- v-hasPermi="['business:equipmentDetail:remove']"
|
|
|
|
- link
|
|
|
|
- type="danger"
|
|
|
|
- icon="Delete"
|
|
|
|
- @click="handleDeleteEquipmentDetail(scope.row.id)"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button v-hasPermi="['business:equipmentDetail:remove']" link type="danger" icon="Delete"
|
|
|
|
+ @click="handleDeleteEquipmentDetail(scope.row.id)">
|
|
删除
|
|
删除
|
|
</el-button>
|
|
</el-button>
|
|
</template>
|
|
</template>
|
|
@@ -225,33 +73,18 @@
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <pagination
|
|
|
|
- v-show="equipmentTotal > 0"
|
|
|
|
- :total="equipmentTotal"
|
|
|
|
- v-model:page="queryParams.pageNum"
|
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
|
- @pagination="getEquipmentList"
|
|
|
|
- />
|
|
|
|
|
|
+ <pagination v-show="equipmentTotal > 0" :total="equipmentTotal" v-model:page="queryParams.pageNum"
|
|
|
|
+ v-model:limit="queryParams.pageSize" @pagination="getEquipmentList" />
|
|
</section>
|
|
</section>
|
|
- <!-- 设备类别表单 -->
|
|
|
|
- <equipment-category-form
|
|
|
|
- ref="categoryRef"
|
|
|
|
- @handleSaveSuccess="handleRefreshCategory"
|
|
|
|
- />
|
|
|
|
<!-- 设备档案管理表单 -->
|
|
<!-- 设备档案管理表单 -->
|
|
- <equipment-detail-form
|
|
|
|
- ref="detailRef"
|
|
|
|
- @handleSaveSuccess="handleRefreshDetail"
|
|
|
|
- />
|
|
|
|
|
|
+ <equipment-detail-form ref="detailRef" @handleSaveSuccess="handleRefreshDetail" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup name="Equipment">
|
|
<script setup name="Equipment">
|
|
-import equipmentCategoryForm from "./formCategory";
|
|
|
|
import equipmentDetailForm from "./formDetail";
|
|
import equipmentDetailForm from "./formDetail";
|
|
import {
|
|
import {
|
|
- listCategory,
|
|
|
|
- delCategory,
|
|
|
|
|
|
+ listCategories,
|
|
detailList,
|
|
detailList,
|
|
delDetails,
|
|
delDetails,
|
|
} from "@/api/business/equipment";
|
|
} from "@/api/business/equipment";
|
|
@@ -260,20 +93,13 @@ const webHost = import.meta.env.VITE_APP_PRODUCTION_API;
|
|
/**字典数组 */
|
|
/**字典数组 */
|
|
const { equipment_status } = proxy.useDict("equipment_status");
|
|
const { equipment_status } = proxy.useDict("equipment_status");
|
|
const { yes_no } = proxy.useDict("yes_no");
|
|
const { yes_no } = proxy.useDict("yes_no");
|
|
-/** 设备类别*/
|
|
|
|
-const categoryTable = ref(null);
|
|
|
|
-const currentCategory = ref({});
|
|
|
|
-const equipmentCategoryList = ref([]);
|
|
|
|
-const equipmentCategoryTotal = ref(0);
|
|
|
|
-const name = ref("");
|
|
|
|
/** 设备档案管理 */
|
|
/** 设备档案管理 */
|
|
const selections = ref([]);
|
|
const selections = ref([]);
|
|
const equipmentTable = ref(null);
|
|
const equipmentTable = ref(null);
|
|
const equipmentTotal = ref(0);
|
|
const equipmentTotal = ref(0);
|
|
const equipmentDetailList = ref([]);
|
|
const equipmentDetailList = ref([]);
|
|
const equipmentLoading = ref(false);
|
|
const equipmentLoading = ref(false);
|
|
-const equipmentCategoryLoading = ref(true);
|
|
|
|
-
|
|
|
|
|
|
+const parentCategories = ref([])
|
|
/** 设备类别 查询对象 */
|
|
/** 设备类别 查询对象 */
|
|
const queryEquipmentCategoryParams = ref({
|
|
const queryEquipmentCategoryParams = ref({
|
|
name: "",
|
|
name: "",
|
|
@@ -289,32 +115,10 @@ const queryParams = ref({
|
|
|
|
|
|
/**************************************************** 生命周期函数区 ****************************************************/
|
|
/**************************************************** 生命周期函数区 ****************************************************/
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
- getCategoryList();
|
|
|
|
|
|
+ getEquipmentList();
|
|
});
|
|
});
|
|
/**************************************************** 方法区 ****************************************************/
|
|
/**************************************************** 方法区 ****************************************************/
|
|
|
|
|
|
-/****************************** 设备类别 事件处理区 ******************************/
|
|
|
|
-/** 获取设备分类列表 */
|
|
|
|
-const getCategoryList = () => {
|
|
|
|
- queryParams.value.categoryId = null;
|
|
|
|
- equipmentCategoryLoading.value = true;
|
|
|
|
- listCategory(queryEquipmentCategoryParams.value).then((response) => {
|
|
|
|
- equipmentCategoryList.value = response.rows;
|
|
|
|
- equipmentCategoryTotal.value = response.total;
|
|
|
|
- console.log(equipmentCategoryList.value.length);
|
|
|
|
- if (equipmentCategoryList.value.length > 0) {
|
|
|
|
- currentCategory.value = equipmentCategoryList.value[0];
|
|
|
|
- nextTick(() => {
|
|
|
|
- proxy.$refs.categoryTable.setCurrentKey(currentCategory.value.id);
|
|
|
|
- handleCurrentCategoryChange(currentCategory.value);
|
|
|
|
- });
|
|
|
|
- } else {
|
|
|
|
- currentCategory.value = {};
|
|
|
|
- equipmentDetailList.value = [];
|
|
|
|
- }
|
|
|
|
- equipmentCategoryLoading.value = false;
|
|
|
|
- });
|
|
|
|
-};
|
|
|
|
/** 打开设备档案详情表单 */
|
|
/** 打开设备档案详情表单 */
|
|
const handleShowEquipmentDetailDialog = (id) => {
|
|
const handleShowEquipmentDetailDialog = (id) => {
|
|
if (id) {
|
|
if (id) {
|
|
@@ -327,7 +131,6 @@ const handleShowEquipmentDetailDialog = (id) => {
|
|
}
|
|
}
|
|
|
|
|
|
let data = {
|
|
let data = {
|
|
- equipmentCategoryId: currentCategory.value.id,
|
|
|
|
id: id,
|
|
id: id,
|
|
equipmentCode: equipmentCodeIds,
|
|
equipmentCode: equipmentCodeIds,
|
|
};
|
|
};
|
|
@@ -342,70 +145,11 @@ const handleDeleteEquipmentDetail = (id) => {
|
|
delDetails(id).then(res => {
|
|
delDetails(id).then(res => {
|
|
if (res.code === 200) {
|
|
if (res.code === 200) {
|
|
proxy.$modal.msgSuccess("操作成功!");
|
|
proxy.$modal.msgSuccess("操作成功!");
|
|
- handleCurrentCategoryChange(currentCategory.value);
|
|
|
|
|
|
+ getEquipmentList()
|
|
}
|
|
}
|
|
});
|
|
});
|
|
})
|
|
})
|
|
- .catch(() => {});
|
|
|
|
-};
|
|
|
|
-/** 刷新设备分类列表 */
|
|
|
|
-const handleRefreshCategory = () => {
|
|
|
|
- getCategoryList();
|
|
|
|
-};
|
|
|
|
-//设备类别搜索,前端过滤
|
|
|
|
-watch(name, (val) => {
|
|
|
|
- equipmentDetailList.value = [];
|
|
|
|
- equipmentTotal.value = 0;
|
|
|
|
- proxy.$refs["categoryTable"].filter(val);
|
|
|
|
-});
|
|
|
|
-const filterNode = (value, data) => {
|
|
|
|
- if (!value) {
|
|
|
|
- return true;
|
|
|
|
- }
|
|
|
|
- queryParams.value.equipmentCode = "";
|
|
|
|
- return data.name.indexOf(value) !== -1;
|
|
|
|
-};
|
|
|
|
-//删除设备类别
|
|
|
|
-const handleDeleteCategory = (data) => {
|
|
|
|
- var showErrorMessage = false;
|
|
|
|
- proxy.$modal
|
|
|
|
- .confirm("确定删除数据项?")
|
|
|
|
- .then(() => {
|
|
|
|
- if (data.children) {
|
|
|
|
- showErrorMessage = true;
|
|
|
|
- return Promise.reject(new Error("HasChildrenError"));
|
|
|
|
- }
|
|
|
|
- return delCategory(data.id);
|
|
|
|
- })
|
|
|
|
- .then(() => {
|
|
|
|
- if (!showErrorMessage) {
|
|
|
|
- handleRefreshCategory();
|
|
|
|
- proxy.$modal.msgSuccess("操作成功!");
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- .catch(() => {})
|
|
|
|
- .finally(() => {
|
|
|
|
- if (showErrorMessage) {
|
|
|
|
- proxy.$modal.msgError("该设备类别下有子类别,不能删除!");
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
-};
|
|
|
|
-
|
|
|
|
-/** 设备类别表格 current-change 事件 */
|
|
|
|
-function handleCurrentCategoryChange(row) {
|
|
|
|
- if (row) {
|
|
|
|
- currentCategory.value = row;
|
|
|
|
- queryParams.value.equipmentCategoryId = row.id;
|
|
|
|
- getEquipmentList();
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-/** 打开设备分类表单 */
|
|
|
|
-const handleShowEquipmentCategoryDialog = (data) => {
|
|
|
|
- if (data) {
|
|
|
|
- proxy.$refs.categoryRef.open(data.id);
|
|
|
|
- }
|
|
|
|
- proxy.$refs.categoryRef.open();
|
|
|
|
|
|
+ .catch(() => { });
|
|
};
|
|
};
|
|
|
|
|
|
/****************************** 设备档案 事件处理区 ******************************/
|
|
/****************************** 设备档案 事件处理区 ******************************/
|
|
@@ -417,14 +161,14 @@ function handleRefreshEquipment() {
|
|
/** 获取设备档案列表 */
|
|
/** 获取设备档案列表 */
|
|
const getEquipmentList = () => {
|
|
const getEquipmentList = () => {
|
|
equipmentLoading.value = true;
|
|
equipmentLoading.value = true;
|
|
- console.log(queryParams.value);
|
|
|
|
- if (queryParams.value.equipmentCategoryId) {
|
|
|
|
detailList(queryParams.value).then((res) => {
|
|
detailList(queryParams.value).then((res) => {
|
|
equipmentDetailList.value = res.rows;
|
|
equipmentDetailList.value = res.rows;
|
|
equipmentLoading.value = false;
|
|
equipmentLoading.value = false;
|
|
equipmentTotal.value = res.total;
|
|
equipmentTotal.value = res.total;
|
|
});
|
|
});
|
|
- }
|
|
|
|
|
|
+ listCategories({}).then(response=>{
|
|
|
|
+ parentCategories.value = response.data
|
|
|
|
+ })
|
|
};
|
|
};
|
|
//刷新设备档案管理
|
|
//刷新设备档案管理
|
|
function handleRefreshDetail() {
|
|
function handleRefreshDetail() {
|
|
@@ -456,12 +200,14 @@ function handleDownloadQrCode() {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
+
|
|
:deep(.el-tree-node__content) {
|
|
:deep(.el-tree-node__content) {
|
|
height: 40px;
|
|
height: 40px;
|
|
border-bottom: 1px solid #ebeef5;
|
|
border-bottom: 1px solid #ebeef5;
|
|
padding: 8px 0;
|
|
padding: 8px 0;
|
|
line-height: 23px;
|
|
line-height: 23px;
|
|
}
|
|
}
|
|
|
|
+
|
|
.move-handle {
|
|
.move-handle {
|
|
cursor: move;
|
|
cursor: move;
|
|
background-color: #eee;
|
|
background-color: #eee;
|