refactor: 去掉请求方法引入

2 years ago · d088c2ecd1
parent 5d2c97b0f2
commit d088c2ecd1
9 changed files with 108 additions and 57 deletions
--- 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',
--- 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: '取消',
--- 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',
--- 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',
--- 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'
--- 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',
--- 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 {
--- 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: {
--- 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'

 /**