From d088c2ecd1a9c3348abe1d39c1194ddedfdd8c97 Mon Sep 17 00:00:00 2001
From: "wu.jian2" <distantmtn@gmail.com>
Date: Tue, 25 Jul 2023 11:21:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=8E=BB=E6=8E=89=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E6=96=B9=E6=B3=95=E5=BC=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packages/BigScreenList/EditForm.vue       |   1 -
 data-room-ui/packages/BigScreenList/index.vue | 157 ++++++++++++------
 .../BigScreenManagement/addDialog.vue         |   1 -
 .../packages/ComponentList/EditForm.vue       |   1 -
 data-room-ui/packages/ComponentList/index.vue |   1 -
 data-room-ui/packages/SourceList/EditForm.vue |   1 -
 data-room-ui/packages/SourceList/index.vue    |   1 -
 data-room-ui/packages/TemplateList/index.vue  |   1 -
 .../packages/js/utils/LabelConfigService.js   |   1 -
 9 files changed, 108 insertions(+), 57 deletions(-)

diff --git a/data-room-ui/packages/BigScreenList/EditForm.vue b/data-room-ui/packages/BigScreenList/EditForm.vue
index 1b978b21..c00664f9 100644
--- a/data-room-ui/packages/BigScreenList/EditForm.vue
+++ b/data-room-ui/packages/BigScreenList/EditForm.vue
@@ -110,7 +110,6 @@
 </template>
 
 <script>
-// import { get, post } from 'data-room-ui/js/utils/http'
 import Icon from 'data-room-ui/assets/images/dataSourceIcon/export'
 export default {
   name: 'EditForm',
diff --git a/data-room-ui/packages/BigScreenList/index.vue b/data-room-ui/packages/BigScreenList/index.vue
index 17c8e7e4..07895afd 100644
--- a/data-room-ui/packages/BigScreenList/index.vue
+++ b/data-room-ui/packages/BigScreenList/index.vue
@@ -2,21 +2,39 @@
   <div class="big-screen-list-wrap">
     <div class="internal-box">
       <div class="top-search-wrap">
-        <el-input v-model="searchKey" class="bs-el-input bs-el-input-search"
-          :placeholder="type === 'bigScreenCatalog' ? '请输入大屏名称' : '请输入组件名称'" prefix-icon="el-icon-search" clearable
-          @clear="reSearch" @keyup.enter.native="reSearch" />
-        <el-button type="primary" @click="reSearch">
+        <el-input
+          v-model="searchKey"
+          class="bs-el-input bs-el-input-search"
+          :placeholder="type === 'bigScreenCatalog' ? '请输入大屏名称' : '请输入组件名称'"
+          prefix-icon="el-icon-search"
+          clearable
+          @clear="reSearch"
+          @keyup.enter.native="reSearch"
+        />
+        <el-button
+          type="primary"
+          @click="reSearch"
+        >
           搜索
         </el-button>
       </div>
-      <div v-loading="loading" class="list-wrap bs-scrollbar" element-loading-text="加载中" :style="{
-        display: gridComputed ? 'grid' : 'flex',
-        justifyContent: gridComputed ? 'space-around' : 'flex-start'
-      }">
+      <div
+        v-loading="loading"
+        class="list-wrap bs-scrollbar"
+        element-loading-text="加载中"
+        :style="{
+          display: gridComputed ? 'grid' : 'flex',
+          justifyContent: gridComputed ? 'space-around' : 'flex-start'
+        }"
+      >
         <!-- 第一个是新增大屏卡片 -->
-        <div class="big-screen-card-wrap" :style="{
-          width: gridComputed ? 'auto' : '290px'
-        }" @click="add">
+        <div
+          class="big-screen-card-wrap"
+          :style="{
+            width: gridComputed ? 'auto' : '290px'
+          }"
+          @click="add"
+        >
           <div class="big-screen-card-inner big-screen-card-inner-add">
             <div class="add-big-screen-card">
               <div class="add-big-screen-card-inner">
@@ -28,37 +46,68 @@
           </div>
         </div>
         <!-- 后面遍历 list -->
-        <div v-for="screen in list" :key="screen.id" class="big-screen-card-wrap" :style="{
-          width: gridComputed ? 'auto' : '290px'
-        }">
+        <div
+          v-for="screen in list"
+          :key="screen.id"
+          class="big-screen-card-wrap"
+          :style="{
+            width: gridComputed ? 'auto' : '290px'
+          }"
+        >
           <div class="big-screen-card-inner">
             <div class="screen-card__hover">
               <div class="screen-card__hover-box">
                 <div class="preview">
-                  <div class="screen-card__oper-label circle" @click="preview(screen)">
+                  <div
+                    class="screen-card__oper-label circle"
+                    @click="preview(screen)"
+                  >
                     <span>预览</span>
                   </div>
-                  <div class="circle" @click="design(screen)">
+                  <div
+                    class="circle"
+                    @click="design(screen)"
+                  >
                     <span>设计</span>
                   </div>
-                  <div class="circle" @click="edit(screen)">
+                  <div
+                    class="circle"
+                    @click="edit(screen)"
+                  >
                     <span>编辑</span>
                   </div>
-                  <div class="circle" @click="copy(screen)">
+                  <div
+                    class="circle"
+                    @click="copy(screen)"
+                  >
                     <span>复制</span>
                   </div>
-                  <div class="circle" @click="del(screen)">
+                  <div
+                    class="circle"
+                    @click="del(screen)"
+                  >
                     <span>删除</span>
                   </div>
                 </div>
               </div>
             </div>
             <div class="big-screen-card-img">
-              <el-image :src="screen.coverPicture" fit="fill" style="width: 100%; height: 100%">
-                <div slot="placeholder" class="image-slot">
+              <el-image
+                :src="screen.coverPicture"
+                fit="fill"
+                style="width: 100%; height: 100%"
+              >
+                <div
+                  slot="placeholder"
+                  class="image-slot"
+                >
                   加载中···
                 </div>
-                <div slot="error" class="image-slot" style="font-size: 20px">
+                <div
+                  slot="error"
+                  class="image-slot"
+                  style="font-size: 20px"
+                >
                   <div class="error-img-text">
                     {{ screen.name }}
                   </div>
@@ -66,36 +115,46 @@
               </el-image>
             </div>
             <div class="big-screen-bottom">
-              <div class="left-bigscreen-title" :title="screen.name">
+              <div
+                class="left-bigscreen-title"
+                :title="screen.name"
+              >
                 {{ screen.name }}
               </div>
-              <!--            <div class="right-bigscreen-time-title">-->
-              <!--              {{ screen.updateDate || '-' }}-->
-              <!--            </div>-->
             </div>
           </div>
         </div>
       </div>
 
       <div class="footer-pagination-wrap">
-        <!-- <div class="footer-pagination-wrap-text">
-        总共 {{ totalCount }} 个项目
-      </div> -->
         <div class="bs-pagination">
-          <el-pagination class="bs-el-pagination" popper-class="bs-el-pagination" background
-            layout="total, prev, pager, next, sizes" :page-size="size" prev-text="上一页" next-text="下一页" :total="totalCount"
-            :page-sizes="[10, 20, 50, 100]" :current-page="current" @current-change="currentChangeHandle"
-            @size-change="sizeChangeHandle" />
+          <el-pagination
+            class="bs-el-pagination"
+            popper-class="bs-el-pagination"
+            background
+            layout="total, prev, pager, next, sizes"
+            :page-size="size"
+            prev-text="上一页"
+            next-text="下一页"
+            :total="totalCount"
+            :page-sizes="[10, 20, 50, 100]"
+            :current-page="current"
+            @current-change="currentChangeHandle"
+            @size-change="sizeChangeHandle"
+          />
         </div>
       </div>
     </div>
 
     <!-- 新增或编辑弹窗 -->
-    <EditForm ref="EditForm" :type="pageType" @refreshData="reSearch" />
+    <EditForm
+      ref="EditForm"
+      :type="pageType"
+      @refreshData="reSearch"
+    />
   </div>
 </template>
 <script>
-import { get, post } from 'data-room-ui/js/utils/http'
 import { pageMixins } from 'data-room-ui/js/mixins/page'
 import EditForm from './EditForm.vue'
 export default {
@@ -112,7 +171,7 @@ export default {
     }
   },
   components: { EditForm },
-  data() {
+  data () {
     return {
       templateLoading: false,
       searchKey: '',
@@ -122,30 +181,30 @@ export default {
     }
   },
   computed: {
-    hint() {
+    hint () {
       return this.pageType === 'bigScreen' ? '大屏' : '组件'
     },
-    code() {
+    code () {
       return this.catalogInfo?.page?.code
     },
-    gridComputed() {
+    gridComputed () {
       return this.list.length > 2
     },
-    pageType() {
+    pageType () {
       return this.type === 'bigScreenCatalog' ? 'bigScreen' : 'component'
     }
   },
   watch: {
-    code(value) {
+    code (value) {
       this.current = 1
       this.getDataList()
     }
   },
-  mounted() {
+  mounted () {
     this.getDataList()
   },
   methods: {
-    getDataList() {
+    getDataList () {
       this.loading = true
       this.$dataRoomAxios.get('/bigScreen/design/page', {
         parentCode: this.code || null,
@@ -162,7 +221,7 @@ export default {
           this.loading = false
         })
     },
-    preview(screen) {
+    preview (screen) {
       const { href } = this.$router.resolve({
         path: window.BS_CONFIG?.routers?.previewUrl || '/big-screen/preview', // 这里写的是要跳转的路由地址
         query: {
@@ -171,7 +230,7 @@ export default {
       })
       window.open(href, '_blank')
     },
-    design(screen) {
+    design (screen) {
       const path = window.BS_CONFIG?.routers?.designUrl || '/big-screen/design'
       const { href } = this.$router.resolve({
         path,
@@ -181,17 +240,17 @@ export default {
       })
       window.open(href, '_self')
     },
-    add() {
+    add () {
       const page = {
         code: '',
         type: 'bigScreen'
       }
       this.$refs.EditForm.init(page, this.catalogInfo.page)
     },
-    edit(screen) {
+    edit (screen) {
       this.$refs.EditForm.init(screen, this.catalogInfo.page)
     },
-    del(screen) {
+    del (screen) {
       this.$confirm(`确定删除该${this.hint}？`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -216,7 +275,7 @@ export default {
         })
         .catch()
     },
-    copy(screen) {
+    copy (screen) {
       this.$confirm(`确定复制该${this.hint}？`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
diff --git a/data-room-ui/packages/BigScreenManagement/addDialog.vue b/data-room-ui/packages/BigScreenManagement/addDialog.vue
index 3b91fe17..72c660aa 100644
--- a/data-room-ui/packages/BigScreenManagement/addDialog.vue
+++ b/data-room-ui/packages/BigScreenManagement/addDialog.vue
@@ -141,7 +141,6 @@
 </template>
 
 <script>
-import { get, post } from 'data-room-ui/js/utils/http'
 import Icon from 'data-room-ui/assets/images/dataSourceIcon/export'
 export default {
   name: 'EditForm',
diff --git a/data-room-ui/packages/ComponentList/EditForm.vue b/data-room-ui/packages/ComponentList/EditForm.vue
index 957a64e1..818be9d3 100644
--- a/data-room-ui/packages/ComponentList/EditForm.vue
+++ b/data-room-ui/packages/ComponentList/EditForm.vue
@@ -113,7 +113,6 @@
 </template>
 
 <script>
-// import { get, post } from 'data-room-ui/js/utils/http'
 import Icon from 'data-room-ui/assets/images/dataSourceIcon/export'
 export default {
   name: 'EditForm',
diff --git a/data-room-ui/packages/ComponentList/index.vue b/data-room-ui/packages/ComponentList/index.vue
index faaca2f5..0b7a389d 100644
--- a/data-room-ui/packages/ComponentList/index.vue
+++ b/data-room-ui/packages/ComponentList/index.vue
@@ -194,7 +194,6 @@
   </div>
 </template>
 <script>
-import { get, post } from 'data-room-ui/js/utils/http'
 import { pageMixins } from 'data-room-ui/js/mixins/page'
 import EditForm from './EditForm.vue'
 import CatalogEditForm from './CatalogEditForm'
diff --git a/data-room-ui/packages/SourceList/EditForm.vue b/data-room-ui/packages/SourceList/EditForm.vue
index 85faf587..212eb803 100644
--- a/data-room-ui/packages/SourceList/EditForm.vue
+++ b/data-room-ui/packages/SourceList/EditForm.vue
@@ -110,7 +110,6 @@
 </template>
 
 <script>
-// import { get, post } from 'data-room-ui/js/utils/http'
 import Icon from 'data-room-ui/assets/images/dataSourceIcon/export'
 export default {
   name: 'EditForm',
diff --git a/data-room-ui/packages/SourceList/index.vue b/data-room-ui/packages/SourceList/index.vue
index a2cd331b..f40c9048 100644
--- a/data-room-ui/packages/SourceList/index.vue
+++ b/data-room-ui/packages/SourceList/index.vue
@@ -168,7 +168,6 @@
   </div>
 </template>
 <script>
-// import { get, post, download } from 'data-room-ui/js/utils/http'
 import { pageMixins } from 'data-room-ui/js/mixins/page'
 import EditForm from './EditForm.vue'
 export default {
diff --git a/data-room-ui/packages/TemplateList/index.vue b/data-room-ui/packages/TemplateList/index.vue
index b667724b..a58c4f83 100644
--- a/data-room-ui/packages/TemplateList/index.vue
+++ b/data-room-ui/packages/TemplateList/index.vue
@@ -56,7 +56,6 @@
 </template>
 
 <script>
-import { get, post } from 'data-room-ui/js/utils/http'
 export default {
   name: 'TemplateList',
   model: {
diff --git a/data-room-ui/packages/js/utils/LabelConfigService.js b/data-room-ui/packages/js/utils/LabelConfigService.js
index a9199fe8..b0b9973f 100644
--- a/data-room-ui/packages/js/utils/LabelConfigService.js
+++ b/data-room-ui/packages/js/utils/LabelConfigService.js
@@ -1,7 +1,6 @@
 /*!
  * 标签管理
  */
-// import { get, post } from 'data-room-ui/js/utils/http'
 import Vue from 'vue'
 
 /**