From fddd1fd95f912f03d7fdf2f713685eae66562cfe Mon Sep 17 00:00:00 2001
From: zhoulingpo <zhoulingpo>
Date: Wed, 19 Apr 2023 16:31:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=B5=81=E7=A8=8B=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/process.js                    |   3 +-
 src/router/modules/userCenter.js              |  50 +-
 .../processConfig/components/EditProcess.vue  | 125 ++++
 .../components/EditProcessClassification.vue  | 103 ++++
 src/views/userCenter/processConfig/index.vue  | 540 ++++++++++++++++++
 5 files changed, 799 insertions(+), 22 deletions(-)
 create mode 100644 src/views/userCenter/processConfig/components/EditProcess.vue
 create mode 100644 src/views/userCenter/processConfig/components/EditProcessClassification.vue
 create mode 100644 src/views/userCenter/processConfig/index.vue

diff --git a/src/api/modules/process.js b/src/api/modules/process.js
index 5fb0a04..a2b2a69 100644
--- a/src/api/modules/process.js
+++ b/src/api/modules/process.js
@@ -16,5 +16,6 @@ export default {
       method: 'get',
       params: data
     })
-  }
+  },
+  //
 }
diff --git a/src/router/modules/userCenter.js b/src/router/modules/userCenter.js
index f169ad5..2c389cb 100644
--- a/src/router/modules/userCenter.js
+++ b/src/router/modules/userCenter.js
@@ -1,22 +1,30 @@
 const routes = [
-    // 用户中心管理
-    {
-      path: '/userCenter',
-      name: 'userCenter',
-      component: () => import('../../views/Layout.vue'),
-      children: [
-        // 流程中心
-        {
-          path: 'processCenter',
-          name: 'processCenter',
-          component: () => import('../../views/userCenter/processCenter.vue'),
-          meta: {
-            crumb: ['流程中心']
-          }
-        },
-      ]
-    }
-  ]
-  
-  export default routes
-  
\ No newline at end of file
+  // 用户中心管理
+  {
+    path: '/userCenter',
+    name: 'userCenter',
+    component: () => import('../../views/Layout.vue'),
+    children: [
+      // 流程中心
+      {
+        path: 'processCenter',
+        name: 'processCenter',
+        component: () => import('../../views/userCenter/processCenter.vue'),
+        meta: {
+          crumb: ['流程中心']
+        }
+      },
+      // 流程配置
+      {
+        path: 'processConfig',
+        name: 'processConfig',
+        component: () => import('../../views/userCenter/processConfig/index.vue'),
+        meta: {
+          crumb: ['流程配置']
+        }
+      }
+    ]
+  }
+]
+
+export default routes
diff --git a/src/views/userCenter/processConfig/components/EditProcess.vue b/src/views/userCenter/processConfig/components/EditProcess.vue
new file mode 100644
index 0000000..caf9a22
--- /dev/null
+++ b/src/views/userCenter/processConfig/components/EditProcess.vue
@@ -0,0 +1,125 @@
+<template>
+  <el-dialog :close-on-click-modal="false"
+    :visible="visible"
+    :title="title"
+    @close="closeDialog"
+    width="400px"
+  >
+    <div>
+      <el-form
+        ref="form"
+        :model="formData"
+        :rules="formRules"
+        class="label-input-form"
+        label-width="100px"
+        inline
+      >
+        <el-form-item label="流程类型" prop="category" class="add-form-item">
+          <el-select v-model="formData.category" placeholder="请选择流程类型" clearable>
+            <el-option v-for="opt in typeList" :value="opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div slot="footer">
+      <el-button round class="common-button-default" icon="el-icon-close" @click="closeDialog">{{$t('m.cancel')}}</el-button>
+      <el-button round class="common-button-primary" icon="el-icon-check" type="primary" @click="confirmDialog">{{$t('m.confirm')}}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+const formData = {
+  category: '',
+}
+export default {
+  name: 'EditProcessClassification',
+  props: ['data', 'visible'],
+  data() {
+    return {
+      formData: {},
+      formRules: {},
+      typeList: [] // 类型下拉框
+    }
+  },
+
+  computed: {
+    title() {
+      return !!this.data ? '编辑' : '新增'
+    }
+  },
+
+  watch: {
+    data(newValue) {
+      this.formData = newValue || {...formData}
+    },
+    visible(newValue) {
+      this.formData = this.data || {...formData}
+    }
+  },
+
+  mounted() {
+    this.formData = this.data || {...formData}
+  },
+
+  created() {
+    this.queryTablePage()
+  },
+
+  methods: {
+
+    // 查询、加载表格
+    queryTablePage () {
+      const formData = {
+        // page: this.pageNo,
+        // pageSize: this.$store.getters.userInfo.configContent,
+        // standNumber: this.searchForm.standardKey
+      }
+      this.$http.get('lawss/activiti/categoryList',
+        formData,
+        {
+          _this: this,
+          loading: 'tableDataLoading'
+        },
+        res => {
+          this.typeList = res.result.map(item => {
+            return  {
+              label: item.type,
+              value: item.objectId
+            }
+          })
+          // this.total = res.data.count
+        }, e => {})
+    },
+
+    closeDialog() {
+      // this.visible = false
+      this.$emit('close')
+      this.formData = {}
+    },
+
+    confirmDialog() {
+      const url = !this.data ? 'lawss/activiti/addCategory' : 'lawss/activiti/updatModel'
+      const formData = {
+        modelId: this.formData.id,
+        categoryId: this.formData.category
+      }
+      this.$http.get(url, formData, {
+        _this: this
+      }, res => {
+        if (res.success) {
+          console.log('新增/编辑成功')
+          this.$emit('success')
+          this.$emit('close')
+        }
+
+      }, e => {
+      })
+    }
+  }
+}
+</script>
+
+<style lang="" scoped>
+
+</style>
diff --git a/src/views/userCenter/processConfig/components/EditProcessClassification.vue b/src/views/userCenter/processConfig/components/EditProcessClassification.vue
new file mode 100644
index 0000000..2d191c7
--- /dev/null
+++ b/src/views/userCenter/processConfig/components/EditProcessClassification.vue
@@ -0,0 +1,103 @@
+<template>
+  <el-dialog :close-on-click-modal="false"
+    :visible="visible"
+    :title="title"
+    :before-close="closeDialog"
+    width="400px"
+  >
+    <div>
+      <el-form
+        ref="formData"
+        :model="formData"
+        :rules="formRules"
+        class="label-input-form"
+        label-width="100px"
+        inline
+      >
+        <el-form-item label="流程类型名称" prop="type" class="add-form-item">
+          <el-input v-model="formData.type" placeholder="请输入流程类型名称" ></el-input>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div slot="footer">
+      <el-button round class="common-button-default" icon="el-icon-close" @click="closeDialog">{{$t('m.cancel')}}</el-button>
+      <el-button round class="common-button-primary" icon="el-icon-check" type="primary" @click="confirmDialog">{{$t('m.confirm')}}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+const formData = {
+  type: '',
+}
+export default {
+  name: 'EditProcessClassification',
+  props: ['data', 'visible'],
+  data() {
+    return {
+      formData: {},
+      formRules: {
+        type: [
+          { required: true, message: '请输入流程类型名称', trigger: 'change' }
+        ]
+      }
+    }
+  },
+
+  computed: {
+    title() {
+      return !!this.data ? '编辑' : '新增'
+    }
+  },
+
+  watch: {
+    data(newValue) {
+      this.formData = newValue || {...formData}
+      this.$refs['formData'].resetFields()
+    },
+    visible(newValue) {
+      this.formData = this.data || {...formData}
+    }
+  },
+
+  mounted() {
+    this.formData = this.data || {...formData}
+  },
+
+  methods: {
+    closeDialog() {
+      // this.visible = false
+      this.$refs['formData'].resetFields()
+      this.$emit('close')
+      this.formData = {}
+    },
+
+    confirmDialog() {
+      const url = !this.data ? 'lawss/activiti/addCategory' : 'lawss/activiti/editCategory'
+      const formData = {
+        objectId: this.formData.objectId,
+        type: this.formData.type
+      }
+      this.$refs['formData'].validate((valid) => {
+        if (valid) {
+          this.$http.postData(url, formData, {
+            _this: this
+          }, res => {
+            if (res.success) {
+              console.log('新增/编辑成功')
+              this.$emit('success')
+              this.$emit('close')
+            }
+
+          }, e => {
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="" scoped>
+
+</style>
diff --git a/src/views/userCenter/processConfig/index.vue b/src/views/userCenter/processConfig/index.vue
new file mode 100644
index 0000000..38fd951
--- /dev/null
+++ b/src/views/userCenter/processConfig/index.vue
@@ -0,0 +1,540 @@
+<template>
+  <div style="height: 100%;background-color: #fff;position: relative;overflow: hidden;">
+    <div style="height:50px;margin-top: 20px;overflow:hidden;">
+      <el-form class="hight_form label-input-form" :modal="processForm" :inline="true"
+               label-width="103px" @keyup.enter.native="queryTablePage()">
+        <el-col :xl="6" :lg="8" >
+          <el-form-item label="流程名称:" prop="name" class="search-item search-item-last">
+            <el-input :maxlength='100'  v-model="processForm.name"
+                      placeholder="请输入流程名称"
+                      clearable/>
+          </el-form-item>
+        </el-col>
+        <el-col :xl=" 6" :lg="8">
+          <el-form-item class="btn-box">
+            <el-button size="small" type="primary"
+                       class="common-button-primary img-button"
+                       @click="queryTablePage()">查询
+            </el-button>
+            <el-button size="small" class="common-button-default img-button"
+                       @click="clearAllSearchs('standCommonlySearch')">
+              重置
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-form>
+    </div>
+    <div class="action-bar" style="text-align: left;width:100%;">
+      <el-button
+        size="small"
+        type="primary"
+        class="common-button-primary img-button"
+        @click="addRow"
+      >新增
+      </el-button>
+    </div>
+    <div style="height: 100%;">
+      <!--<table-tools-bar>-->
+      <!--  <div slot="left">-->
+      <!--    <div class="search-area">-->
+      <!--      <el-form :model="searchForm" inline class="label-input-form">-->
+      <!--        <el-form-item :label="$t('m.standardNumAndName')" prop="standardKey" class="search-item">-->
+      <!--          <el-input-->
+      <!--            v-model="searchForm.standardKey"-->
+      <!--            :placeholder="$t('m.standardNumAndNameTips')"-->
+      <!--            clearable-->
+      <!--            :maxlength="100"/>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item class="search-item btn-box">-->
+      <!--          <el-button-->
+      <!--            icon="el-icon-search"-->
+      <!--            type="primary"-->
+      <!--            class="common-button-primary"-->
+      <!--            round-->
+      <!--            @click="searchBtn"-->
+      <!--          ></el-button>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item class="search-item btn-box">-->
+      <!--          <el-button-->
+      <!--            class="common-button-default"-->
+      <!--            icon="el-icon-refresh-left"-->
+      <!--            round-->
+      <!--            @click="resetSearchForm">{{$t('m.clearQuery')}}</el-button>-->
+      <!--        </el-form-item>-->
+      <!--      </el-form>-->
+      <!--    </div>-->
+      <!--  </div>-->
+      <!--</table-tools-bar>-->
+      <!--      v-btn-permission="'XBRKH5BP5K'"-->
+      <div class="content">
+
+        <loading :loading="tableDataLoading">加载中...</loading>
+        <el-table
+          border
+          ref="selection"
+          :data="tableList"
+          tooltip-effect="dark"
+          style="width: 100%;"
+          height="100%"
+          @sort-change="sortChange($event, 'queryTablePage')"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+          row-key="id"
+        >
+          <el-table-column
+            type="index"
+            width="55"
+            label="序号"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="流程名称"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="categoryName"
+            label="流程类型"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime" sortable="custom"
+            label="创建时间">
+            <template slot-scope="scope">
+              <span>{{$moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')}}</span>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="操作" align="center" width="60" fixed="right">
+            <template slot-scope="scope">
+              <div @click.stop style="display: inline-block">
+                <el-dropdown trigger="click" @command="handleCommand">
+                  <el-button type="text" class="text" style="padding: 0">更多</el-button>
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item v-btn-permission="'B44TL4SB6RRC6MNLBYMS'" :command="[scope.row, '编辑']">
+                      编辑
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'THJ77DKLPVHP9FHU7BQ6'" :command="[scope.row, '部署']">
+                      部署
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'HHD8BQ2DM4T3MFY73GXL'" :command="[scope.row, '复制']">
+                      复制
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'CK8WF2ESAS7XV7MSFW5X'" :command="[scope.row, '删除']">
+                      删除
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'7U5RD92APKFDYQ8YWQ2S'" :command="[scope.row, '流程']">
+                      流程人员配置
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'SQHZVHRSX69SD96XRBSQ'" :command="[scope.row, '预设']" v-if="processId.indexOf(scope.row.id)>-1">
+                      预设人员配置
+                    </el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'HVTVWZ32Y32XT7XXDYF9'" :command="[scope.row, '提示']">
+                      提示语配置
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <pagination :total="total" :page="pageNo" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+
+      <edit-process
+        :visible="editRowDialogVisible"
+        :data="editRowDialogData"
+        @close="handleEditRowDialogClose"
+        @success="handleEditRowDialogSuccess"
+      ></edit-process>
+      <el-dialog :close-on-click-modal="false"
+                 :visible="visible"
+                 :title="title"
+                 @close="closeDialog"
+                 width="400px"
+      >
+        <el-form
+          ref="form"
+          :model="formData"
+          class="label-input-form"
+          label-width="100px"
+          inline
+        >
+          <el-form-item label="流程类型" prop="category" class="add-form-item">
+            <el-select v-model="formData.category" placeholder="请选择流程类型" clearable>
+              <el-option v-for="opt in typeList" :value="opt.value" :key="opt.value" :label="opt.label">{{
+                  opt.label}}
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="模型名称" class="add-form-item">
+            <el-input
+              v-model="formData.name"
+              placeholder="请输入模型名称"
+              clearable
+              :maxlength="100"></el-input>
+          </el-form-item>
+          <el-form-item label="模型描述" class="add-form-item">
+            <el-input
+              v-model="formData.desc"
+              placeholder="请输入模型描述"
+              clearable
+              :maxlength="100"></el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer">
+          <el-button size="small"  class="common-button-default"  @click="closeDialog">
+           取消
+          </el-button>
+          <el-button size="small" class="common-button-primary"  type="primary"
+                     @click="confirmDialog">确认
+          </el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import EditProcess from './components/EditProcess'
+
+export default {
+  name: 'ProcessClassification',
+  components: { EditProcess },
+  data () {
+    return {
+      tableDataLoading: false,
+      total: 0,
+      visible: false,
+      formData: {},
+      title: '添加流程',
+      selectRoleId: '',
+      typeList: [],
+      searchForm: {
+        standardKey: ''
+      },
+      pageNo: this.$route.params.page ? (+this.$route.params.page) : 1,
+      pageSize: 10,
+      tableList: [],
+      editRowDialogVisible: false,
+      editRowDialogData: undefined, // 新增时为 undefined null 或者 false 即可
+      nowOrder: 'prder',
+      processId: ['6450334', '6465017', '6482501', '6482508', '6485001', '6482515'],
+      processForm: {
+        name: ''
+      }
+    }
+  },
+
+  methods: {
+    // 表格排序
+    sortChange (sortObj, tableName) {
+      console.log(sortObj)
+      if (sortObj.order === 'ascending') {
+        this.nowOrder = 'asc'
+      } else if (sortObj.order === 'descending') {
+        this.nowOrder = 'desc'
+      } else {
+        this.nowOrder = 'prder'
+      }
+      this[tableName]()
+    },
+    // 根据条件查询信息
+    searchBtn () {
+      this.resetPageNo()
+      this.queryTablePage()
+    },
+    closeDialog () {
+      this.visible = false
+    },
+    confirmDialog () {
+      const formData = {
+        category: this.formData.category,
+        desc: this.formData.desc,
+        name: this.formData.name
+      }
+      this.$http.get('lawss/activiti/createModel',
+        formData,
+        {
+          _this: this,
+          loading: 'tableDataLoading'
+        },
+        res => {
+          if (res.success) {
+            this.$message.warning(res.message)
+            this.visible = false
+            this.queryTablePage()
+          }
+        }, e => {
+        })
+    },
+    /**
+     * 重置搜索表单并重新加载表格数据
+     */
+    resetSearchForm () {
+      this.searchForm.standardKey = ''
+      // this.resetSearchForm()
+      this.queryTablePage()
+    },
+
+    pageChange (page) {
+      this.pageNo = page
+      this.queryTablePage()
+    },
+
+    pageSizeChange () {
+      this.queryTablePage()
+    },
+
+    resetPageNo () {
+      this.pageNo = 1
+    },
+    querytypeList () {
+      const formData = {
+        ...this.processForm
+        // page: this.pageNo,
+        // pageSize: this.$store.getters.userInfo.configContent,
+        // standNumber: this.searchForm.standardKey
+      }
+      this.$http.get('lawss/activiti/categoryList',
+        formData,
+        {
+          _this: this,
+          loading: 'tableDataLoading'
+        },
+        res => {
+          this.typeList = res.result.map(item => {
+            return {
+              label: item.type,
+              value: item.objectId
+            }
+          })
+          // this.total = res.data.count
+        }, e => {
+        })
+    },
+    // 查询、加载表格
+    queryTablePage () {
+      const formData = {
+        current: this.pageNo,
+        size: this.$store.getters.userInfo.configContent,
+        order: this.nowOrder,
+        ...this.processForm
+        // standNumber: this.searchForm.standardKey
+      }
+      this.$http.get('lawss/activiti/modelListPage',
+        formData,
+        {
+          _this: this,
+          loading: 'tableDataLoading'
+        },
+        res => {
+          if (res.success) {
+            this.tableList = res.result.records
+            this.total = res.result.total
+          } else {
+            this.tableList = []
+            this.total = 0
+            this.$message.warning(res.message)
+          }
+        }, e => {
+        })
+    },
+    clearAllSearchs () {
+      this.processForm = { name: '' }
+      this.queryTablePage()
+    },
+    // 点击查看
+    handlePreview (item) {
+      console.log('item', item)
+      const routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.id,
+          pageType: 'INLAND_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+
+    // 表格行 - 点击更多 事件
+    handleCommand (command) {
+      switch (command[1]) {
+        case '编辑':
+          this.$router.push({
+            path: '/ProcessMapping',
+            query: { id: command[0].id }
+          })
+          // this.editRow(command[0])
+          break
+        case '删除':
+          this.deleteRow(command[0])
+          break
+        case '复制':
+          this.copyModel(command[0].id)
+          break
+        case '部署':
+          this.deploy(command[0].id)
+          break
+        case '流程':
+          this.nodeConfiguration(command[0])
+          break
+        case '预设':
+          this.preSet(command[0])
+          break
+        case '提示':
+          this.showTip(command[0])
+          break
+      }
+    },
+    deploy (modelId) {
+      this.$confirm('确认部署该条数据？', '确认部署', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        confirmButtonClass: 'common-button-primary',
+
+        type: 'warning'
+      }).then(() => {
+        this.$http.get('lawss/activiti/deploy', {
+          modelId: modelId
+        }, {
+          _this: this
+        }, res => {
+          if (res.success) {
+            this.$message.warning(res.message)
+            this.queryTablePage()
+          }
+        }, e => {
+        })
+      }).catch(() => {
+      })
+    },
+    copyModel (modelId) {
+      this.$confirm('确认复制该条数据？', '确认复制', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        confirmButtonClass: 'common-button-primary',
+
+        type: 'warning'
+      }).then(() => {
+        this.$http.get('/lawss/activiti/copyModel', {
+          modelId: modelId
+        }, {
+          _this: this
+        }, res => {
+          if (res.success) {
+            this.$router.push({
+              path: '/ProcessMapping',
+              query: { id: res.result }
+            })
+          }
+        }, e => {
+        })
+      }).catch(() => {
+      })
+    },
+    // 删除
+    deleteRow (row) {
+      this.$confirm('确认删除该条数据？', '确认删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        confirmButtonClass: 'common-button-primary',
+
+        type: 'warning'
+      }).then(() => {
+        const id = row.id
+        const oDate1 = new Date('2021-09-22 15:00:00')
+        const oDate2 = new Date(row.createTime)
+        if (oDate1.getTime() > oDate2.getTime()) {
+          this.$message.warning('原始流程不可以删除')
+        } else {
+          this.$http.get('/lawss/activiti/deleteModel', {
+            modelId: id
+          }, {
+            _this: this
+          }, res => {
+            this.$message.success(res.message)
+            this.queryTablePage()
+          }, e => {
+          })
+        }
+      }).catch(() => {
+      })
+    },
+    preSet (row) {
+      row.page = this.pageNo
+      this.$router.push({
+        path: '/presetPersonnel',
+        query: { id: row.id }
+      })
+    },
+    nodeConfiguration (row) {
+      row.page = this.pageNo
+      this.$router.push({
+        path: '/nodeConfiguration',
+        query: row
+      })
+    },
+    showTip (row) {
+      row.page = this.pageNo
+      this.$router.push({
+        path: '/promptConfiguration',
+        query: row
+      })
+    },
+    editRow (row) {
+      this.editRowDialogData = { ...row }
+      this.editRowDialogVisible = true
+    },
+
+    handleEditRowDialogClose () {
+      this.editRowDialogVisible = false
+    },
+
+    handleEditRowDialogSuccess () {
+      this.queryTablePage()
+    },
+
+    addRow () {
+      this.visible = true
+      // this.$router.push({
+      //   path: '/ProcessMapping',
+      //   query:{id:0}
+      // })
+      // this.editRowDialogData = undefined
+      // this.editRowDialogVisible = true
+    }
+  },
+  created () {
+    // this.queryTablePage()
+    // this.querytypeList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  padding: 0 10px;
+  height: 100px;
+}
+::v-deep .label-input-form   .el-input__inner{
+  border-radius: 20px;
+
+}
+
+.el-divider-low {
+  margin: 15px 0;
+}
+
+.search-area {
+  padding: 0;
+}
+
+.btn-group {
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  background: #ffffff;
+  z-index: 999;
+}
+</style>