doway-coms 1.6.71 → 1.6.73

package/packages/BaseGrid/src/index.vue

@@ -1,5 +1,11 @@
 <template>
-  <div :style="{ height: height + 'px' }">
+  <div :style="{ height: height - 40 + 'px' }">
+    <div class="head-tag" v-if="tagData.length">
+      <a-tag closable v-for="item in tagData" :key="item.column.field" @close="tagClosable(item.column)">
+        <span>{{ tagContent(item) }} </span>
+      </a-tag>
+      <span style="color:#006cd9;cursor:pointer;font-size: 14px;" @click="clearFilter">清空</span>
+    </div>
     <VxeGrid
       ref="baseGrid"
       border
@@ -74,26 +80,53 @@
           <Tooltip :title="item.tooltip" v-if="item.tooltip && item.visible !== false" style="margin: 0 2px">
             <img src="../../styles/icon/help.png" alt="" style="width: 14px">
           </Tooltip>
-<!--          {{item}}-->
         </div>
       </template>
-<!--      <template #toolbar_buttons>-->
-<!--        <div>-->
-<!--          <span v-for="loopFilterStr in filterStr" :key="loopFilterStr.field">-->
-<!--            {{ loopFilterStr.title }} {{ loopFilterStr.exp }} 并且</span-->
-<!--          >-->
-<!--        </div>-->
-<!--      </template>-->
       <template #seqHeader>
-        <div
-          @click="clickHeader"
-          v-if="moduleCode && dataCode"
-          style="color: #219bff"
-        >
-          <a-icon
-            type="ordered-list"
-            style="font-size: 25px; cursor: pointer"
-          />
+        <div>
+          <!-- 单纯排序、显示控制 -->
+          <a-popover
+            v-if="isSeqPopover"
+            trigger="click"
+            placement="rightTop"
+            overlayClassName='popover-content-card'
+          >
+            <template slot="title">
+              <div style="font-size: 17px;">表头设置</div>
+            </template>
+            <template slot="content" style="padding: 0">
+              <SeqSetting
+                :moduleCode="moduleCode"
+                :dataCode="dataCode"
+                :height="height"
+                :userDefineColumns="userDefineColumns"
+                ref="baseAdjustGridView"
+              />
+            </template>
+            <div @click="clickHeader" v-if="moduleCode && dataCode" >
+              <Tooltip placement="topLeft">
+                <template slot="title">
+                  表头设置
+                </template>
+                <img
+                  src="../../styles/icon/seqConfig.svg"
+                  alt=""
+                  style="width: 20px;position: relative;right: 1px;"
+                >
+              </Tooltip>
+            </div>
+          </a-popover>
+          <!-- 弹窗形式自定义列表格 -->
+          <div
+            @click="clickHeader"
+            v-if="moduleCode && dataCode && !isSeqPopover"
+            style="color: #219bff"
+          >
+            <a-icon
+              type="ordered-list"
+              style="font-size: 25px; cursor: pointer"
+            />
+          </div>
         </div>
       </template>
       <template #empty>
@@ -312,6 +345,7 @@
           >
             <a-input allowClear v-model="loopFilterValue.value[0]" @keyup.enter.native="filterConfirm(scope.column)" />
           </div>
+          <a-button @click="saveFilterTable(scope.column)">默认筛选</a-button>
           <a-button @click="filterAddExp(scope.column)">添加条件</a-button>
           <a-button @click="filterConfirm(scope.column)">确认</a-button>
         </div>
@@ -326,6 +360,7 @@
           >
             <a-input allowClear v-model="loopFilterValue.value[0]" @keyup.enter.native="filterConfirm(scope.column)" />
           </div>
+          <a-button @click="saveFilterTable(scope.column)">默认筛选</a-button>
           <a-button @click="filterAddExp(scope.column)">添加条件</a-button>
           <a-button @click="filterConfirm(scope.column)">确认</a-button>
         </div>
@@ -388,6 +423,7 @@
             </div>
           </a-checkbox-group>
           <br>
+          <a-button @click="saveFilterTable(scope.column)">默认筛选</a-button>
           <a-button @click="filterConfirm(scope.column)">确认</a-button>
         </div>
       </template>
@@ -409,6 +445,7 @@
             </div>
           </a-checkbox-group>
         <br>
+        <a-button @click="saveFilterTable(scope.column)">默认筛选</a-button>
         <a-button @click="filterConfirm(scope.column)">确认</a-button>
         </div>
       </template>
@@ -447,6 +484,7 @@
               @keyup.enter.native="filterConfirm(scope.column)"
             />
           </div>
+          <a-button @click="saveFilterTable(scope.column)">默认筛选</a-button>
           <a-button @click="filterAddExp(scope.column)">添加条件</a-button>
           <a-button @click="filterConfirm(scope.column)">确认</a-button>
         </div>
@@ -459,13 +497,13 @@
               .displayValues"
             :key="$index"
           >
-              <a-range-picker v-model:value="loopFilterValue.value"
-                              valueFormat="YYYY-MM-DD"
-                              format="YYYY-MM-DD"
-                              @keyup.enter.native="filterConfirm(scope.column)"
-
-              />
+            <a-range-picker v-model:value="loopFilterValue.value"
+              valueFormat="YYYY-MM-DD"
+              format="YYYY-MM-DD"
+              @keyup.enter.native="filterConfirm(scope.column)"
+            />
           </div>
+          <a-button @click="saveFilterTable(scope.column)">默认筛选</a-button>
           <a-button @click="filterAddExp(scope.column)">添加条件</a-button>
           <a-button @click="filterConfirm(scope.column)">确认</a-button>
         </div>
@@ -527,16 +565,23 @@ import {
   InputNumber,
   TimePicker,
   Button,
+  Icon,
+  Popover,
+  Tag,
 } from "ant-design-vue";
 import BasePagination from "../../BasePagination/index";
 import BasePulldown from "../../BasePulldown/index";
 import BaseGridAdjust from "../../BaseGridAdjust/index";
 import { saveUserModuleDataFieldApi } from "../../utils/api";
 import { gridDefaultValueDisplay } from "../../utils/filters";
+import SeqSetting from "./SeqSetting";
 export default {
   name: "BaseGrid",
   components: {
+    "a-tag": Tag,
+    "a-popover": Popover,
     "a-empty": Empty,
+    "a-icon": Icon,
     "a-row": Row,
     "a-col": Col,
     "a-space": Space,
@@ -552,6 +597,7 @@ export default {
     BasePagination,
     BasePulldown,
     BaseGridAdjust,
+    SeqSetting,
     Tooltip,
   },
   data() {
@@ -632,7 +678,11 @@ export default {
       },
       filterExpression: [],
       filterStr: [],
-    };
+      // 表格上方显示全部筛选条件
+      tagData: [],
+      // 默认筛选条件-存储初始字段参数
+      defaultPostData: {},
+    }
   },
   computed: {
     //使用对象展开运算符 将 getter 混入 computer 对象中
@@ -689,6 +739,10 @@ export default {
     },
   },
   props: {
+    isSeqPopover: {
+      type: Boolean,
+      default: true,
+    },
     showOverFlow: {
       type: Boolean,
       default: true,
@@ -947,8 +1001,64 @@ export default {
     }
     this.gridEdit = this.edit;
   },
-  mounted() {},
+  mounted() {
+    // 头部筛选条件标签数据
+    this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
+    // 默认筛选数据
+    this.defaultPostData = {
+      moduleCode: this.moduleCode,
+      dataCode: this.dataCode,
+      fields: [],
+    }
+    let defaultColumns = 
+      this.$refs.baseGrid.getTableColumn().collectColumn
+        .filter(x => (x.field !== "operation") && (x.field !== undefined))
+    defaultColumns.forEach((item, index) => {
+      let tempData = {
+        field: item.field,
+        sort: index + 1,
+        hidden: !item.visible,
+        width: item.width,
+        extraInfo:{}
+      }
+      if (item.filters && item.filters[0].data.bindingValues.length) {
+        item.filters[0].checked = true;
+        tempData.extraInfo.filterExpression = item.filters
+      }
+      if (item.order) {
+        tempData.extraInfo.order = item.order
+      }
+      this.defaultPostData.fields.push(JSON.parse(JSON.stringify(tempData)))
+    })
+  },
   methods: {
+    // 取消当前字段筛选
+    tagClosable(colInfo) {
+      colInfo.filters[0].data.bindingValues = [];
+      colInfo.filters[0].data.displayValues = [];
+      colInfo.filters[0].checked =
+        colInfo.filters[0].data.bindingValues.length > 0;
+      // 关联更改表格字段筛选，因为setFilterExpression获取当前表格列表数据
+      this.$refs.baseGrid.getCheckedFilters().forEach(x=>{
+        if (x.column.field == colInfo.field && x.column.title == colInfo.title) {
+          x.column.filters[0].data.bindingValues = [];
+          x.column.filters[0].data.displayValues = [];
+          x.column.filters[0].checked =
+          x.column.filters[0].data.bindingValues.length > 0;
+        }
+      })
+      if (this.filterRemote) {
+        //设置筛选过滤条件
+        this.setFilterExpression();
+        //通知外部筛选改变事件
+        this.$emit("filterChange", { filterCol: colInfo });
+      } else {
+        // 手动触发重新筛选filterMethod()方法
+        this.$refs.baseGrid.updateData()
+      }
+      // 初始标签
+      this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
+    },
     exportDataEvent () {
       this.$refs.baseGrid.exportData({ type: 'csv' })
     },
@@ -1205,6 +1315,8 @@ export default {
           });
             // this.$refs.baseGrid.clearFilter();
             XEUtils.clear(this.filterExpression)
+            // 初始标签
+            this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
             vm.$emit("filterChange");
           break;
         case "desc":
@@ -1736,17 +1848,45 @@ export default {
           })
           this.$emit("sortChange", data);
 
-            //清空store缓存
+          //清空store缓存
           vm.$store.commit(
             "SET_MODULE_VIEW_INFO",{
                 moduleCode:this.moduleCode,
                 info:res.content
             }
           );
+          // 初始标签
+          this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
           vm.showGridColumnUserDefine = false;
         })
         .catch((err) => console.error(err));
     },
+    // 确认保存自定义表格信息，更新表格
+    saveSeqConfig(emitColumns, resData) {
+      // 获取表格字段数据
+      let tableCollectColumn = this.$refs.baseGrid.getTableColumn().collectColumn;
+      // 表格排序信息更新
+      XEUtils.arrayEach(tableCollectColumn, (loopCol) => {
+        const find = XEUtils.find(emitColumns, item => loopCol.field === item.field)
+        if (find) {
+          loopCol.sort = find.sort
+        }
+      })
+      //设置表格顺序
+      tableCollectColumn = XEUtils.orderBy(
+        tableCollectColumn,
+        (p) => p.params.sort
+      );
+      // 更新表格
+      vm.$refs.baseGrid.reloadColumn(tableCollectColumn);
+      //清空store缓存
+      vm.$store.commit(
+        "SET_MODULE_VIEW_INFO",{
+          moduleCode:this.moduleCode,
+          info: resData
+        }
+      );
+    },
     setCustomGridParentSort(tableCollectColumn, parentId, sort) {
       let tempParentCol = XEUtils.findTree(
         tableCollectColumn,
@@ -1782,11 +1922,15 @@ export default {
       let tableCollectColumn = XEUtils.toTreeArray(
         this.$refs.baseGrid.getTableColumn().collectColumn
       );
-      this.userDefineColumns = XEUtils.filter(
-        tableCollectColumn,
-        (p) => !p.children && p.params.disableUserVisible !== true && p.params.sysVisible===true && p.field !== 'operation'
-      );
-      this.showGridColumnUserDefine = true;
+      if (this.isSeqPopover) {
+        this.userDefineColumns = tableCollectColumn
+      } else {
+        this.userDefineColumns = XEUtils.filter(
+          tableCollectColumn,
+          (p) => !p.children && p.params.disableUserVisible !== true && p.params.sysVisible===true && p.field !== 'operation'
+        );
+        this.showGridColumnUserDefine = true;
+      }
     },
     operationButtonClick(btn, scope) {
       if (btn.edit === false) {
@@ -2172,6 +2316,8 @@ export default {
       }
     },
     resizableChange(scope) {
+      // 配置后渲染表格
+      this.saveTableHeight()
       this.$emit("resizableChange", scope);
     },
     setVisiable(fields, visible) {
@@ -2369,13 +2515,31 @@ export default {
     },
     //清空筛选
     clearFilter() {
-      let vm = this;
-      // 示例
+      let vm = this
       const filterList = vm.$refs.baseGrid.getCheckedFilters();
       filterList.forEach((col) => {
-        col.column.filters = [];
+        vm.$refs.baseGrid.clearFilter(col.column);
+        vm.internalColumns.forEach(column => {
+          if(column.field==col.property){
+            this.$set(column.filters[0].data,'displayValues',[])
+            this.$set(column.filters[0].data,'bindingValues',[])
+          }
+        });
+        //这个col和 internalColumn之间没有绑定上
+        col.column.filters = [
+          {
+            data: {
+              bindingValues: [],
+              displayValues: [],
+              displayValueSearchText:''
+            }
+          }
+        ]
       });
-      vm.$refs.baseGrid.clearFilter();
+      XEUtils.clear(vm.filterExpression)
+      // 初始标签
+      this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
+      vm.$emit("filterChange");
     },
     filterAddExp(colInfo) {
       colInfo.filters[0].data.displayValues.push({
@@ -2383,7 +2547,7 @@ export default {
       });
     },
     filterConfirm(colInfo) {
-      let col= this.internalColumns.find(x=>x.field==colInfo.property)
+      let col = this.internalColumns.find(x=>x.field==colInfo.property)
       this.$set(col.filters[0].data,'bindingValues',[])
       colInfo.filters[0].data.bindingValues = [];
       XEUtils.arrayEach(colInfo.filters[0].data.displayValues, (item) => {
@@ -2396,7 +2560,7 @@ export default {
             this.$set(col.filters[0].data,'bindingValues',colInfo.filters[0].data.bindingValues)
           }
         }
-      });
+      })
       colInfo.filters[0].checked =
         colInfo.filters[0].data.bindingValues.length > 0;
       if (this.filterRemote) {
@@ -2408,6 +2572,8 @@ export default {
         // 手动触发重新筛选filterMethod()方法
         this.$refs.baseGrid.updateData()
       }
+      // 初始标签
+      this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
       this.$refs.baseGrid.closeFilter()
     },
     filterMethod({ options, values, cellValue, row, column }) {
@@ -2605,12 +2771,175 @@ export default {
         returnValue = scope.column.params.min
       }
       return returnValue
-    }
+    },
+    // 保存自定义列宽度修改
+    saveTableHeight() {
+      let vm = this
+      // 去除操作列和序号、多选框列
+      let showColumns = vm.$refs.baseGrid.getTableColumn().collectColumn
+        .filter(x=>
+          (x.field !== "operation") &&
+          (x.field !== undefined) &&
+          x.visible
+        )
+      let notShowColumns = vm.$refs.baseGrid.getTableColumn().collectColumn
+        .filter(x=>
+          (x.field !== "operation") &&
+          (x.field !== undefined) &&
+          !x.visible
+        )
+      let resizeColumns = []
+      resizeColumns.push(...showColumns, ...notShowColumns)
+      // 保存参数
+      let postData = {
+        moduleCode: vm.moduleCode,
+        dataCode: vm.dataCode,
+        fields: [],
+      }
+      resizeColumns.forEach((item, index)=> {
+        let tempData = {
+          field: item.field,
+          sort: index + 1,
+          hidden: !item.visible,
+          width: item.resizeWidth,
+          extraInfo:{}
+        }
+        if (item.filters && item.filters[0].data.bindingValues.length) {
+          item.filters[0].checked = true;
+          tempData.extraInfo.filterExpression = item.filters
+        }
+        if (item.order) {
+          tempData.extraInfo.order = item.order
+        }
+        postData.fields.push(tempData)
+      })
+      saveUserModuleDataFieldApi(postData)
+        .then(res => {})
+        .catch((err) => {
+          console.debug(err)
+        })
+    },
+    // 头部筛选条件展示内容
+    tagContent(info) {
+      let displayValues = info.column.filters[0].data.displayValues
+      // 筛选条件重组数组
+      let curretnArr = []
+      if(info.column.params.controlType === controlType.number) {
+        // 数字范围选择
+        // 去除空值
+        displayValues = displayValues.filter(f=>f.value[0])
+        displayValues.forEach(x=> {
+          let tempNumber = []
+          tempNumber.push(x.value[0]),
+          tempNumber.push(x.value[1])
+          curretnArr.push(tempNumber.join('~'))
+        })
+      } else if(
+        info.column.params.controlType === controlType.date ||
+        info.column.params.controlType === controlType.datetime ||
+        info.column.params.controlType === controlType.time
+      ) {
+        // 日期范围选择
+        // 去除空值
+        displayValues = displayValues.filter(f=>f.value[0])
+        displayValues.forEach(x=> {
+          let tempDate = []
+          tempDate.push(x.value[0]),
+          tempDate.push(x.value[1])
+          curretnArr.push(tempDate.join('~'))
+        })
+      } else if (info.column.params.controlType === controlType.select) {
+        // 下拉
+        displayValues.forEach(x=> {
+          let findValue = info.column.params.dataSource.find(f=>f.value == x)
+          curretnArr.push(findValue?findValue.caption : x)
+        })
+      } else if (info.column.params.controlType === controlType.checkbox) {
+        // 单选
+        displayValues.forEach(x=> curretnArr.push(x?'是':'否'))
+      } else {
+        // 其余字符串
+        // 去除空值
+        displayValues = displayValues.filter(f=>f.value[0])
+        displayValues.forEach(display=> {
+          curretnArr.push(display.value[0])
+        })
+      }
+      let returnField = null
+      // 字段
+      let title = info.column.title
+      // 筛选值数组拼接为字符串
+      let curretnValue = '"' + curretnArr.join(' , ') + '"'
+      // 三项内容拼接-字段名、筛选条件(组件暂时只有包含)、字段编码
+      returnField = title + ' ' + '包含' + ' ' + curretnValue
+      return returnField
+    },
+    // 保存默认筛选条件
+    saveFilterTable(colInfo) {
+      colInfo.filters[0].data.bindingValues = [];
+      XEUtils.arrayEach(colInfo.filters[0].data.displayValues, (item) => {
+        if (colInfo.params.controlType === controlType.select) {
+          colInfo.filters[0].data.bindingValues.push(item);
+        } else {
+          if (item.value[0] || item.value[1]) {
+            colInfo.filters[0].data.bindingValues.push(item);
+          }
+        }
+      })
+      colInfo.filters[0].checked =
+        colInfo.filters[0].data.bindingValues.length > 0;
+      let postData = JSON.parse(JSON.stringify(this.defaultPostData))
+      postData.fields.forEach(item => {
+        if (item.field == colInfo.field) {
+          item.extraInfo = {}
+          if (colInfo.filters && colInfo.filters[0].data.bindingValues.length) {
+            item.extraInfo.filterExpression = colInfo.filters
+          }
+          if (colInfo.order) {
+            item.extraInfo.order = colInfo.order
+          }
+        }
+      })
+      let tableCollectColumn = this.$refs.baseGrid.getTableColumn().collectColumn;
+      saveUserModuleDataFieldApi(postData)
+        .then(res => {
+          // 更新默认参数
+          this.defaultPostData = postData
+          console.debug('2',this.defaultPostData);
+          this.$refs.baseGrid.closeFilter();
+          // 初始标签
+          this.tagData = JSON.parse(JSON.stringify(this.$refs.baseGrid.getCheckedFilters()))
+          // 设置表格顺序
+          tableCollectColumn = XEUtils.orderBy(
+            tableCollectColumn,
+            (p) => p.params.tempCustomSort
+          );
+          //设置筛选过滤条件
+          this.setFilterExpression();
+          let data = []
+          this.$refs.baseGrid.getSortColumns().forEach(x=> {
+              data.push([x.field,x.order])
+          })
+          this.$emit("sortChange", data);
+          //清空store缓存
+          this.$store.commit(
+            "SET_MODULE_VIEW_INFO",{
+              moduleCode:this.moduleCode,
+              info:res.content
+            }
+          );
+        })
+        .catch((err) => {
+          console.debug(err)
+        })
+        .finally(() => {
+        })
+    },
   },
 };
 </script>
   
-  <style>
+<style>
 .base-grid-view .ant-btn-link {
   padding: 0 6px;
 }
@@ -2647,8 +2976,15 @@ export default {
 .vxe-icon--caret-bottom:hover {
   color: #409eff;
 }
+.popover-content-card .ant-popover-inner {
+  padding-left: 12px;
+}
+.popover-content-card .ant-popover-inner-content {
+  padding: 0px;
+  border:none;
+}
 </style>
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
   .base-grid-view .vxe-header--row .vxe-header--column.sortable-ghost,
   .base-grid-view .vxe-header--row .vxe-header--column.sortable-chosen {
     background-color: #dfecfb;
@@ -2737,4 +3073,42 @@ export default {
       margin: 0 5px;
     }
   }
-  </style>
+  .grid-setting {
+    font-size: 25px;
+    cursor: pointer;
+
+    :hover {
+      color: #219bff
+    }
+  }
+  .svgclass {
+    fill: antiquewhite;
+    :hover {
+      fill: #219bff;
+    }
+  }
+  // 头部筛选条件显示
+  .head-tag {
+    padding: 5px;
+    text-align: left;
+    .ant-tag {
+      font-size: 14px;
+      margin-bottom: 2px;
+      padding: 4px 8px;
+      border-radius: 0;
+      border: 0;
+      background-color: #f6f7f9;
+      
+      // :hover {
+      //   background-color: #e9ebf0 ;
+      // }
+       .anticon-close {
+        font-size: 14px;
+      }
+    }
+  }
+  ::v-deep .ant-tag .anticon-close{
+    font-size: 14px;
+  }
+  
+</style>

package/packages/styles/icon/drag.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693460754360" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3580" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M682.688 746.688c11.776 0 21.312 9.536 21.312 21.312v85.312c0 11.776-9.6 21.376-21.312 21.376H597.312A21.312 21.312 0 0 1 576 853.312V768c0-11.776 9.6-21.312 21.312-21.312h85.376z m-256 0c11.776 0 21.312 9.536 21.312 21.312v85.312c0 11.776-9.6 21.376-21.312 21.376H341.312A21.312 21.312 0 0 1 320 853.312V768c0-11.776 9.6-21.312 21.312-21.312h85.376zM597.312 448h85.376c11.776 0 21.312 9.6 21.312 21.312v85.376c0 11.776-9.6 21.312-21.312 21.312H597.312A21.312 21.312 0 0 1 576 554.688V469.312C576 457.6 585.6 448 597.312 448z m-256 0h85.376C438.4 448 448 457.6 448 469.312v85.376C448 566.4 438.4 576 426.688 576H341.312A21.312 21.312 0 0 1 320 554.688V469.312C320 457.6 329.6 448 341.312 448z m341.376-298.688c11.776 0 21.312 9.6 21.312 21.376V256c0 11.776-9.6 21.312-21.312 21.312H597.312A21.312 21.312 0 0 1 576 256V170.688c0-11.776 9.6-21.376 21.312-21.376h85.376z m-256 0c11.776 0 21.312 9.6 21.312 21.376V256c0 11.776-9.6 21.312-21.312 21.312H341.312A21.312 21.312 0 0 1 320 256V170.688c0-11.776 9.6-21.376 21.312-21.376h85.376z" fill="#8a8a8a" p-id="3581"></path></svg>

package/packages/styles/icon/seqConfig.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693393160099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2189" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 938.666667a32.032 32.032 0 0 1-15.648-4.085334l-352-197.333333A32 32 0 0 1 128 709.333333v-394.666666a32 32 0 0 1 16.352-27.914667l352-197.333333a32 32 0 0 1 31.296 0l352 197.333333A32 32 0 0 1 896 314.666667v394.666666a32 32 0 0 1-16.352 27.914667l-352 197.333333A32 32 0 0 1 512 938.666667zM192 690.581333L512 869.973333l320-179.392V333.408L512 154.016 192 333.408v357.173333z" p-id="2190"></path><path d="M512 682.666667c-94.101333 0-170.666667-76.565333-170.666667-170.666667S417.898667 341.333333 512 341.333333s170.666667 76.565333 170.666667 170.666667-76.565333 170.666667-170.666667 170.666667z m0-277.333334c-58.816 0-106.666667 47.850667-106.666667 106.666667s47.850667 106.666667 106.666667 106.666667 106.666667-47.850667 106.666667-106.666667S570.816 405.333333 512 405.333333z" p-id="2191"></path></svg>