feat(src/packages/): 信息下更多下加载组态新增是否公开开关'

fengwotao
1 parent b1f9f93e
Showing 3 changed files with 90 additions and 44 deletions
src/api/external/common/index.ts
src/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe/config.ts
src/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe/config.vue
--- a/src/api/external/common/index.ts
View file @9160be1
+++ b/src/api/external/common/index.ts
View file @9160be1
@@ -7,7 +7,8 @@ enum Api {
   DOWNLOAD = '/oss/download_file/',
   AREALIST = '/area/list',
   PLATFORM = '/platform/get',
-  CONFIGURATION = '/configuration/center'
+  CONFIGURATION = '/configuration/center',
+  CONFIGURATION_SHARE = '/configuration/center/share/'
 }
 export const getDictItemByCode = (value: string) => {
@@ -45,3 +46,10 @@ export const getPlatformInfo = () => defHttp.get({ url: Api.PLATFORM })
 export const getConfigurationList = (params: object) => {
   return defHttp.get({ url: `${Api.CONFIGURATION}`, params })
 }
+//组态设置是否公开或私有
+export const setConfigurationIsShare = (params: string,isShare:boolean,data:object) => {
+  return defHttp.post({
+    url: `${Api.CONFIGURATION_SHARE}${params}?isShare=${isShare}`,
+    data
+  })
+}
--- a/src/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe/config.ts
View file @9160be1
+++ b/src/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe/config.ts
View file @9160be1
-import { PublicConfigClass } from '@/packages/public'
-import { CreateComponentType } from '@/packages/index.d'
-import { chartInitConfig } from '@/settings/designSetting'
-import { OverrideILoadConfigurationframeConfig } from './index'
+import {PublicConfigClass} from '@/packages/public'
+import {CreateComponentType} from '@/packages/index.d'
+import {chartInitConfig} from '@/settings/designSetting'
+import {OverrideILoadConfigurationframeConfig} from './index'
 import cloneDeep from 'lodash/cloneDeep'
+export const enum shareEnum {
+    PRIVATE_VIEW = "PRIVATE_VIEW",
+}
+
 export const option = {
-  // 网站路径
-  dataset: '',
-  // 圆角
-  borderRadius: 10,
-  pages: {
-    page: 1,
-    pageSize: 10
-  },
-  color: 'black'
+    // 网站路径
+    dataset: '',
+    // 圆角
+    borderRadius: 10,
+    pages: {
+        page: 1,
+        pageSize: 10
+    },
+    color: 'black',
+    isShare: false,
 }
 export default class Config extends PublicConfigClass implements CreateComponentType {
-  public key = OverrideILoadConfigurationframeConfig.key
-  public attr = { ...chartInitConfig, w: 1200, h: 800, zIndex: -1 }
-  public chartConfig = cloneDeep(OverrideILoadConfigurationframeConfig)
-  public option = cloneDeep(option)
+    public key = OverrideILoadConfigurationframeConfig.key
+    public attr = {...chartInitConfig, w: 1200, h: 800, zIndex: -1}
+    public chartConfig = cloneDeep(OverrideILoadConfigurationframeConfig)
+    public option = cloneDeep(option)
 }
--- a/src/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe/config.vue
View file @9160be1
+++ b/src/packages/components/external/Informations/Mores/OverrideILoadConfigurationframe/config.vue
View file @9160be1
@@ -2,16 +2,22 @@
   <collapse-item name="属性" :expanded="true">
     <setting-item-box name="路径" :alone="true">
       <setting-item name="请选择要加载的组态">
-        <n-select filterable size="small" v-model:value="optionData.dataset" :options="configurationOptions" />
+        <n-select label-in-value @change="handleUpdateValue" filterable size="small" v-model:value="optionData.dataset"
+                  :options="configurationOptions"/>
+      </setting-item>
+    </setting-item-box>
+    <setting-item-box name="是否公开" :alone="true">
+      <setting-item name="">
+        <n-switch @change="handleChange" v-model:value="optionData.isShare" size="small"/>
       </setting-item>
     </setting-item-box>
     <setting-item-box name="样式">
       <setting-item name="圆角">
         <n-input-number
-          v-model:value="optionData.borderRadius"
-          size="small"
-          :min="0"
-          placeholder="圆角"
+            v-model:value="optionData.borderRadius"
+            size="small"
+            :min="0"
+            placeholder="圆角"
         ></n-input-number>
       </setting-item>
     </setting-item-box>
@@ -21,11 +27,11 @@
       </setting-item>
       <setting-item name="页数">
         <n-input-number
-          disabled
-          v-model:value="optionData.pages.pageSize"
-          size="small"
-          :min="10"
-          placeholder="页数"
+            disabled
+            v-model:value="optionData.pages.pageSize"
+            size="small"
+            :min="10"
+            placeholder="页数"
         ></n-input-number>
       </setting-item>
     </setting-item-box>
@@ -34,17 +40,18 @@
         <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.color"></n-color-picker>
       </SettingItem>
       <SettingItem>
-        <n-button size="small" @click="optionData.color = 'black'"> 恢复默认 </n-button>
+        <n-button size="small" @click="optionData.color = 'black'"> 恢复默认</n-button>
       </SettingItem>
     </setting-item-box>
   </collapse-item>
 </template>
 <script setup lang="ts">
-import { PropType, onMounted, ref, watch } from 'vue'
-import { option } from './config'
-import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
-import { getConfigurationList } from '@/api/external/common/index'
+import {PropType, onMounted, ref, watch} from 'vue'
+import {option, shareEnum} from './config'
+import {CollapseItem, SettingItemBox, SettingItem} from '@/components/Pages/ChartItemSetting'
+import {getConfigurationList, setConfigurationIsShare} from '@/api/external/common/index'
+import {SelectOption} from 'naive-ui'
 const props = defineProps({
   optionData: {
@@ -55,25 +62,51 @@ const props = defineProps({
 const configurationOptions = ref([])
+const configurationId = ref('')
+
 const getConfigurationOptions = async (params: object) => {
-  const { items } = await getConfigurationList(params)
+  const {items} = await getConfigurationList(params)
   if (items) {
-    configurationOptions.value = items.map((item: Record<string, string>) => ({ label: item.name, value: item.id }))
+    configurationOptions.value = items.map((item: SelectOption) => ({
+      label: item.name,
+      value: item.id,
+      viewType: item.viewType
+    }))
   }
 }
 watch(
-  () => props.optionData.pages,
-  (newData: any) => {
-    getConfigurationOptions({ page: newData.page, pageSize: newData.pageSize })
-  },
-  {
-    deep: true,
-    immediate: true
-  }
+    () => props.optionData.pages,
+    (newData: any) => {
+      getConfigurationOptions({page: newData.page, pageSize: newData.pageSize})
+    },
+    {
+      deep: true,
+      immediate: true
+    }
 )
 onMounted(() => {
-  getConfigurationOptions({ page: props.optionData.pages.page, pageSize: props.optionData.pages.pageSize })
+  getConfigurationOptions({page: props.optionData.pages.page, pageSize: props.optionData.pages.pageSize})
 })
+
+const handleUpdateValue = (value: string, options: SelectOption) => {
+  const {viewType} = options
+  configurationId.value = value
+  if (viewType === shareEnum.PRIVATE_VIEW) {
+    props.optionData.isShare = false
+  } else {
+    props.optionData.isShare = true
+  }
+}
+
+const handleChange = async (value: boolean) => {
+  const res = await setConfigurationIsShare(!configurationId.value ? props.optionData.dataset : configurationId.value, value, {
+    isShare: value
+  })
+  if (res) {
+    window.$message.success('操作成功！')
+    await getConfigurationOptions({page: props.optionData.pages.page, pageSize: props.optionData.pages.pageSize})
+  }
+}
 </script>