cnhis-design-vue 2.1.78 → 2.1.80

package/packages/table-filter/src/components/table-modal/TableModal.vue

@@ -1,477 +1,477 @@
-<template>
-  <a-modal
-    v-model="visible"
-    :bodyStyle="{ height: modalHeight, overflowY: 'auto' }"
-    :width="modalWidth"
-    :maskClosable="false"
-    @cancel="close"
-    @ok="handleOk"
-    class="modal-wrap standard-modal standard-modal-white"
-    :class="{ 'modal-screen': isChangeWindow }"
-    :closable="false"
-    centered
-    :transitionName="transitionName"
-    :getContainer="getContainer"
-  >
-    <slot slot="title" name="title" :isChangeWindow="isChangeWindow" :changeModalWindow="changeModalWindow" :close="close">
-      <div>
-        <a-icon type="setting" style="font-size:14px;" />
-        <!-- {{ $t("1.1.2.2") }} -->
-        设置分类
-      </div>
-      <div class="svg-wrap">
-        <svg-icon @click="changeModalWindow" :icon-class="isChangeWindow ? 'xitongtubiaodaohangtubiaozuixiaohua' : 'xitongtubiaodaohangtubiaozuidahua'"></svg-icon>
-        <svg-icon :icon-class="'xitongtubiaodaohangtubiaoguanbi'" @click="close"></svg-icon>
-      </div>
-    </slot>
-    <template #footer v-if="type == 'search'">
-      <a-popconfirm v-if="isShowResetButton" class="btn-reset" title="确认要恢复系统默认设置吗？" ok-text="确认" cancel-text="取消" @confirm="popconfirm">
-        <a-button>恢复默认设置</a-button>
-      </a-popconfirm>
-
-      <a-button @click="close">取消</a-button>
-      <slot name="add"></slot>
-      <a-button type="primary" @click="handleOk">保存</a-button>
-    </template>
-    <p v-if="isAdmin && type == 'mananger'">
-      <a-icon type="plus-circle" />&nbsp;
-      <a @click="rinkTo">
-        添加首页
-      </a>
-    </p>
-    <div class="list">
-      <div class="list-title">
-        <span class="list-title-item" style="width:6%"></span>
-        <span class="list-title-item">
-          名称
-          <!-- {{ $t("1.9.362") }} -->
-        </span>
-        <span class="list-title-item">
-          父类名称
-          <!-- {{ $t("1.1.3.1.1") }} -->
-        </span>
-        <span class="list-title-item">
-          是否显示
-          <!-- {{ $t("1.1.3.2.2") }} -->
-        </span>
-        <span class="list-title-item">
-          设置为默认
-          <!-- {{ $t("1.1.3.2.3") }} -->
-        </span>
-        <span v-show="isAdmin && type == 'mananger'" class="list-title-item">
-          设置公共首页
-          <!-- {{ $t("1.9.113") }} -->
-        </span>
-        <span class="list-title-item">
-          操作
-          <!-- {{ $t("1.1.8.2.22") }} -->
-        </span>
-      </div>
-      <draggable class="list-content" tag="ul" v-model="homeList" @end="dragEnd" animation="300">
-        <template v-for="item in homeList">
-          <li v-show="item.type != 'line'" :class="{ checked: item.checked }" :key="item.sid" @click="clickli(item)">
-            <span class="list-content-item" style="width:6%;text-align:center;overflow: initial;">
-              <a-tooltip :mouseEnterDelay="1">
-                <template slot="title"> 拖拽调整顺序 </template>
-                <a-icon type="pause" :rotate="90" />
-              </a-tooltip>
-            </span>
-            <span :title="item.displayCategory" class="list-content-item">
-              {{ item.name }}
-            </span>
-            <span :title="item.name" class="list-content-item">
-              {{ item.displayCategory }}
-            </span>
-            <!-- <span v-show="item.type == 'line'" class="list-content-line"
-              ><span class="text">{{ item.name }}</span></span
-            > -->
-            <span class="list-content-item list-content-switch">
-              <a-switch @change="changeSwitch(item, '是否展示')" :checked="item.isShow" />
-            </span>
-            <span class="list-content-item list-content-radio">
-              <a-switch @change="clickChecked(item, '设置默认值')" :checked="item.isDefault" />
-              <!-- <a-radio
-                @click.prevent.stop="clickChecked(item, '设置默认值')"
-                :checked="item.isDefault"
-              /> -->
-            </span>
-            <span class="list-content-item" v-show="isAdmin && type == 'mananger'">
-              <!-- isHead == 2 -->
-
-              <a-switch @change="changecommonSwitch(item)" :checked="item.isCommon" />
-            </span>
-            <span class="list-content-item">
-              <!-- $t('1.1.7.36') 是否确认删除？-->
-              <!-- confirm 改方法从 props 传入，目前”首页“场景才会用到 -->
-              <a-popconfirm v-show="type == 'mananger' && isAdmin" :title="'是否确认删除？'" @confirm="confirm(item)">
-                <!-- '删除' || $t('1.1.1.3.3') -->
-                <a-tooltip :title="'删除'" destroyTooltipOnHide>
-                  <a-icon type="delete" />
-                  <!-- <svg-icon :title="'删除'" icon-class="xitongtubiaoliebiaocaozuoanniushanchu" class="svg-icon-btn is-danger" /> -->
-                </a-tooltip>
-              </a-popconfirm>
-              <!-- 编辑 -->
-              <!-- 1.1.1.5.5编辑 -->
-              <a-tooltip v-show="type == 'other' || (type == 'search' && item.isEdit) || (type == 'mananger' && isAdmin)" :title="'编辑'" destroyTooltipOnHide>
-                <a-icon type="edit" @click.prevent.stop="edit(item, '编辑')" />
-                <!-- <svg-icon @click.prevent.stop="edit(item, '编辑')" icon-class="xitongtubiaoliebiaocaozuoanniubianjixiugai" class="svg-icon-btn" /> -->
-              </a-tooltip>
-              <!-- 复制 -->
-              <!-- 1.2.1.11.83复制 -->
-              <a-tooltip v-show="type == 'search' || type == 'other'" :title="'复制'" destroyTooltipOnHide>
-                <a-icon type="copy" @click.prevent.stop="copy(item, '复制')" />
-                <!-- <svg-icon @click.prevent.stop="copy(item, '复制')" icon-class="xitongtubiaoliebiaocaozuoanniufuzhi" class="svg-icon-btn" /> -->
-              </a-tooltip>
-              <!-- 删除 -->
-              <a-popconfirm v-show="item.isEdit" :title="'是否确认删除？'" @confirm="delItem(item, '删除')">
-                <a-tooltip :title="'删除'" destroyTooltipOnHide>
-                  <a-icon type="delete" />
-                  <!-- <svg-icon class-name="svg-icon-btn is-danger thumb" icon-class="xitongtubiaoliebiaocaozuoanniushanchu" /> -->
-                </a-tooltip>
-              </a-popconfirm>
-            </span>
-          </li>
-        </template>
-      </draggable>
-    </div>
-    <slot slot="footer" name="footer"></slot>
-  </a-modal>
-</template>
-<script>
-import { Modal, Icon, Button, Tooltip, Switch, Popconfirm } from 'ant-design-vue';
-import { filterApiFn } from '~/table-filter/src/mixins/mixins';
-import draggable from 'vuedraggable';
-import svgIcon from '@/component/svg/index.vue';
-import vexutils from '@/utils/vexutils';
-export default {
-  mixins: [filterApiFn],
-  inject: { isShowResetButton: { from: 'root_isShowResetButton' } },
-  props: {
-    visibleIn: Boolean,
-    loading: Boolean,
-    confirm: Function,
-    edit: Function,
-    copy: Function,
-    delItem: Function,
-    dataSource: Array,
-    type: String, // mananger为首页管理调用  search为搜索调用,other为齿轮-其他设置的筛选分类
-    transitionName: String, // 弹窗过渡动画
-    getContainer: {
-      type: Function,
-      default: () => document.body
-    }
-  },
-  components: {
-    draggable,
-    AModal: Modal,
-    [Icon.name]: Icon,
-    [Button.name]: Button,
-    [Tooltip.name]: Tooltip,
-    [Switch.name]: Switch,
-    [Popconfirm.name]: Popconfirm,
-    svgIcon
-  },
-  computed: {
-    isAdmin() {
-      return this?.$attrs?.isOrgAdmin || false;
-    }
-  },
-  data() {
-    return {
-      homeList: [],
-      visible: this.visibleIn,
-      isChangeWindow: false,
-      modalWidth: this.type == 'other' ? '100%' : '860px',
-      modalHeight: '496px'
-    };
-  },
-  watch: {
-    visibleIn(val) {
-      this.visible = val;
-    },
-    dataSource: {
-      deep: false,
-      handler(value) {
-        this.homeList = vexutils.clone(value, true);
-      }
-    }
-  },
-  mounted(){
-    this.homeList = vexutils.clone(this.dataSource, true);
-  },
-  methods: {
-    /**
-     * 保存
-     */
-    handleOk() {
-      if (this.type) {
-        this.resetChangeWindow();
-        this.$emit('handleOk', this.formatParams(this.type));
-      }
-    },
-
-    /**
-     * 添加到首页
-     */
-    rinkTo() {
-      this.$router.push({ name: 'panel' });
-      this.close();
-    },
-
-    /**
-     * 关闭
-     */
-    close() {
-      this.visible = false;
-      this.resetChangeWindow();
-      this.$emit('close');
-    },
-
-    /**
-     * 改变弹窗大小
-     */
-    resetChangeWindow() {
-      this.modalWidth = '860px';
-      this.modalHeight = '496px';
-      this.isChangeWindow = false;
-    },
-
-    /**
-     * 拖拽完成
-     */
-    dragEnd() {
-      this.$emit('changeData', this.homeList);
-    },
-
-    clickli(item) {
-      this.homeList.forEach(el => {
-        if (el.sid == item.sid) {
-          this.$set(el, 'checked', true);
-        } else {
-          this.$set(el, 'checked', false);
-        }
-      });
-      this.$emit('changeData', this.homeList, item);
-    },
-
-    /**
-     * 设置默认值
-     */
-    clickChecked(item, name) {
-      if (item.isShow) {
-        this.homeList.forEach(el => {
-          if (el.sid == item.sid) {
-            el.isDefault = !el.isDefault;
-          } else {
-            el.isDefault = false;
-          }
-        });
-      }
-    },
-
-    /**
-     * 设置是否展示
-     */
-    changeSwitch(item, name) {
-      this.homeList.forEach(el => {
-        if (el.sid == item.sid) {
-          el.isShow = !el.isShow;
-          if (!el.isShow) item.isDefault = false;
-        }
-      });
-    },
-
-    /**
-     * 设置是否公告首页
-     */
-    changecommonSwitch(item) {
-      this.$confirm({
-        // title: this.$t('1.9.11', {
-        //   handle: item.isCommon ? this.$t('1.1.1.1.4') : this.$t('1.1.5.3')
-        // }),
-        title: `是否确定${item.isCommon ? '取消' : '设置'}公共首页？`,
-        okText: '确定',
-        cancelText: '取消',
-        onOk: () => {
-          let params = {
-            id: item.id,
-            setCommon: !item.isCommon
-          };
-          this.axios
-            .post('homePage/updateCommon ', this.$qs.stringify(params))
-            .then(res => {
-              if (res.data.result === 'SUCCESS') {
-                this.$message.success(res.data.resultMsg);
-                item.isCommon = !item.isCommon;
-                this.$emit('finishSubmit');
-              } else {
-                this.$message.error(res.data.resultMsg);
-              }
-            })
-            .catch(error => {
-              console.log(error);
-            });
-        },
-        onCancel() {}
-      });
-    },
-
-    /**
-     * 保存格式化参数
-     */
-    formatParams(type) {
-      if (type == 'search' || type == 'other') {
-        return {
-          id: '', // 搜索分类设置id
-          tableId: '', // 列表id
-          setting: JSON.stringify(
-            // 搜索分类设置信息
-            this.homeList.map(item => {
-              return {
-                isDefault: item.isDefault,
-                isShow: item.isShow,
-                name: item.name,
-                type: item.type,
-                classifyId: item.sid
-              };
-            })
-          )
-        };
-      } else if (type == 'mananger') {
-        let obj = {};
-        this.homeList.forEach((item, i) => {
-          obj[item.id] = {
-            id: item.id,
-            index: i,
-            default: item.isDefault ? 1 : 0,
-            isHide: item.isShow ? 0 : 1
-          };
-        });
-        return {
-          type: 'HOMEPAGE',
-          tableId: '10001',
-          setting: JSON.stringify({
-            pageConfig: obj
-          })
-        };
-      } else {
-        return;
-      }
-    },
-
-    /**
-     * 改变弹窗大小
-     */
-    changeModalWindow() {
-      this.isChangeWindow = !this.isChangeWindow;
-      let docHeight = document.body.clientHeight;
-      let t =  this.isDOM(this?.$root?.$el);
-      if(t){
-        docHeight = this?.$root?.$el?.clientHeight || docHeight;
-      }
-      this.modalWidth = this.modalWidth === '860px' ? `100%` : '860px';
-      this.modalHeight = this.modalHeight === '496px' ? `${docHeight - 108}px` : '496px';
-    },
-
-    isDOM(item) {
-      if (!item) return false;
-      return typeof HTMLElement === 'function' ? item instanceof HTMLElement : item && typeof item === 'object' && item.nodeType === 1 && typeof item.nodeName === 'string';
-    },
-
-    popconfirm(e) {
-      this.$emit('resetPopconfirm', e);
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.list {
-  .list-title {
-    display: flex;
-    background-color: #f2f2f4;
-    border: 1px solid #e1dfdf;
-    height: 52px;
-    line-height: 52px;
-    .list-title-item {
-      width: 25%;
-      font-weight: 700;
-    }
-  }
-  .list-content {
-    li {
-      display: flex;
-      height: 52px;
-      line-height: 52px;
-      .list-content-item {
-        width: 25%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        text-align: left;
-        .svg-icon-btn {
-          margin-left: 0;
-          margin-right: 8px;
-        }
-      }
-      &.checked {
-        background-color: rgb(242, 242, 242);
-        .text {
-          background-color: rgb(242, 242, 242);
-        }
-      }
-      .text {
-        position: relative;
-        display: inline-block;
-        padding: 0 10px;
-        background-color: #fff;
-      }
-      .list-content-line {
-        width: 75%;
-        text-align: center;
-        position: relative;
-        &::before {
-          content: '';
-          position: absolute;
-          border: 1px solid #e8e8e8;
-          width: 100%;
-          left: 0;
-          margin-top: 20px;
-        }
-      }
-    }
-  }
-  .list-title-item {
-    // border: 1px solid #e1dfdf;
-    margin-left: -1px;
-    // margin-top: -1px;
-    padding: 0px 10px;
-  }
-  .list-content-item {
-    border-bottom: 1px solid #e1dfdf;
-    margin-left: -1px;
-    margin-top: -1px;
-    padding: 0px 10px;
-    /deep/ .ant-switch {
-      width: 28px;
-      min-width: 28px;
-      height: 16px;
-      &::after {
-        width: 12px;
-        height: 12px;
-      }
-    }
-  }
-  .list-content-switch,
-  .list-content-radio {
-    text-align: center;
-  }
-
-  .anticon + .anticon {
-    margin-left: 8px;
-  }
-}
-.btn-reset {
-  float: left;
-}
-</style>
+<template>
+  <a-modal
+    v-model="visible"
+    :bodyStyle="{ height: modalHeight, overflowY: 'auto' }"
+    :width="modalWidth"
+    :maskClosable="false"
+    @cancel="close"
+    @ok="handleOk"
+    class="modal-wrap standard-modal standard-modal-white"
+    :class="{ 'modal-screen': isChangeWindow }"
+    :closable="false"
+    centered
+    :transitionName="transitionName"
+    :getContainer="getContainer"
+  >
+    <slot slot="title" name="title" :isChangeWindow="isChangeWindow" :changeModalWindow="changeModalWindow" :close="close">
+      <div>
+        <a-icon type="setting" style="font-size:14px;" />
+        <!-- {{ $t("1.1.2.2") }} -->
+        设置分类
+      </div>
+      <div class="svg-wrap">
+        <svg-icon @click="changeModalWindow" :icon-class="isChangeWindow ? 'xitongtubiaodaohangtubiaozuixiaohua' : 'xitongtubiaodaohangtubiaozuidahua'"></svg-icon>
+        <svg-icon :icon-class="'xitongtubiaodaohangtubiaoguanbi'" @click="close"></svg-icon>
+      </div>
+    </slot>
+    <template #footer v-if="type == 'search'">
+      <a-popconfirm v-if="isShowResetButton" class="btn-reset" title="确认要恢复系统默认设置吗？" ok-text="确认" cancel-text="取消" @confirm="popconfirm">
+        <a-button>恢复默认设置</a-button>
+      </a-popconfirm>
+
+      <a-button @click="close">取消</a-button>
+      <slot name="add"></slot>
+      <a-button type="primary" @click="handleOk">保存</a-button>
+    </template>
+    <p v-if="isAdmin && type == 'mananger'">
+      <a-icon type="plus-circle" />&nbsp;
+      <a @click="rinkTo">
+        添加首页
+      </a>
+    </p>
+    <div class="list">
+      <div class="list-title">
+        <span class="list-title-item" style="width:6%"></span>
+        <span class="list-title-item">
+          名称
+          <!-- {{ $t("1.9.362") }} -->
+        </span>
+        <span class="list-title-item">
+          父类名称
+          <!-- {{ $t("1.1.3.1.1") }} -->
+        </span>
+        <span class="list-title-item">
+          是否显示
+          <!-- {{ $t("1.1.3.2.2") }} -->
+        </span>
+        <span class="list-title-item">
+          设置为默认
+          <!-- {{ $t("1.1.3.2.3") }} -->
+        </span>
+        <span v-show="isAdmin && type == 'mananger'" class="list-title-item">
+          设置公共首页
+          <!-- {{ $t("1.9.113") }} -->
+        </span>
+        <span class="list-title-item">
+          操作
+          <!-- {{ $t("1.1.8.2.22") }} -->
+        </span>
+      </div>
+      <draggable class="list-content" tag="ul" v-model="homeList" @end="dragEnd" animation="300">
+        <template v-for="item in homeList">
+          <li v-show="item.type != 'line'" :class="{ checked: item.checked }" :key="item.sid" @click="clickli(item)">
+            <span class="list-content-item" style="width:6%;text-align:center;overflow: initial;">
+              <a-tooltip :mouseEnterDelay="1">
+                <template slot="title"> 拖拽调整顺序 </template>
+                <a-icon type="pause" :rotate="90" />
+              </a-tooltip>
+            </span>
+            <span :title="item.displayCategory" class="list-content-item">
+              {{ item.name }}
+            </span>
+            <span :title="item.name" class="list-content-item">
+              {{ item.displayCategory }}
+            </span>
+            <!-- <span v-show="item.type == 'line'" class="list-content-line"
+              ><span class="text">{{ item.name }}</span></span
+            > -->
+            <span class="list-content-item list-content-switch">
+              <a-switch @change="changeSwitch(item, '是否展示')" :checked="item.isShow" />
+            </span>
+            <span class="list-content-item list-content-radio">
+              <a-switch @change="clickChecked(item, '设置默认值')" :checked="item.isDefault" />
+              <!-- <a-radio
+                @click.prevent.stop="clickChecked(item, '设置默认值')"
+                :checked="item.isDefault"
+              /> -->
+            </span>
+            <span class="list-content-item" v-show="isAdmin && type == 'mananger'">
+              <!-- isHead == 2 -->
+
+              <a-switch @change="changecommonSwitch(item)" :checked="item.isCommon" />
+            </span>
+            <span class="list-content-item">
+              <!-- $t('1.1.7.36') 是否确认删除？-->
+              <!-- confirm 改方法从 props 传入，目前”首页“场景才会用到 -->
+              <a-popconfirm v-show="type == 'mananger' && isAdmin" :title="'是否确认删除？'" @confirm="confirm(item)">
+                <!-- '删除' || $t('1.1.1.3.3') -->
+                <a-tooltip :title="'删除'" destroyTooltipOnHide>
+                  <a-icon type="delete" />
+                  <!-- <svg-icon :title="'删除'" icon-class="xitongtubiaoliebiaocaozuoanniushanchu" class="svg-icon-btn is-danger" /> -->
+                </a-tooltip>
+              </a-popconfirm>
+              <!-- 编辑 -->
+              <!-- 1.1.1.5.5编辑 -->
+              <a-tooltip v-show="type == 'other' || (type == 'search' && item.isEdit) || (type == 'mananger' && isAdmin)" :title="'编辑'" destroyTooltipOnHide>
+                <a-icon type="edit" @click.prevent.stop="edit(item, '编辑')" />
+                <!-- <svg-icon @click.prevent.stop="edit(item, '编辑')" icon-class="xitongtubiaoliebiaocaozuoanniubianjixiugai" class="svg-icon-btn" /> -->
+              </a-tooltip>
+              <!-- 复制 -->
+              <!-- 1.2.1.11.83复制 -->
+              <a-tooltip v-show="type == 'search' || type == 'other'" :title="'复制'" destroyTooltipOnHide>
+                <a-icon type="copy" @click.prevent.stop="copy(item, '复制')" />
+                <!-- <svg-icon @click.prevent.stop="copy(item, '复制')" icon-class="xitongtubiaoliebiaocaozuoanniufuzhi" class="svg-icon-btn" /> -->
+              </a-tooltip>
+              <!-- 删除 -->
+              <a-popconfirm v-show="item.isEdit" :title="'是否确认删除？'" @confirm="delItem(item, '删除')">
+                <a-tooltip :title="'删除'" destroyTooltipOnHide>
+                  <a-icon type="delete" />
+                  <!-- <svg-icon class-name="svg-icon-btn is-danger thumb" icon-class="xitongtubiaoliebiaocaozuoanniushanchu" /> -->
+                </a-tooltip>
+              </a-popconfirm>
+            </span>
+          </li>
+        </template>
+      </draggable>
+    </div>
+    <slot slot="footer" name="footer"></slot>
+  </a-modal>
+</template>
+<script>
+import { Modal, Icon, Button, Tooltip, Switch, Popconfirm } from 'ant-design-vue';
+import { filterApiFn } from '~/table-filter/src/mixins/mixins';
+import draggable from 'vuedraggable';
+import svgIcon from '@/component/svg/index.vue';
+import vexutils from '@/utils/vexutils';
+export default {
+  mixins: [filterApiFn],
+  inject: { isShowResetButton: { from: 'root_isShowResetButton' } },
+  props: {
+    visibleIn: Boolean,
+    loading: Boolean,
+    confirm: Function,
+    edit: Function,
+    copy: Function,
+    delItem: Function,
+    dataSource: Array,
+    type: String, // mananger为首页管理调用  search为搜索调用,other为齿轮-其他设置的筛选分类
+    transitionName: String, // 弹窗过渡动画
+    getContainer: {
+      type: Function,
+      default: () => document.body
+    }
+  },
+  components: {
+    draggable,
+    AModal: Modal,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [Tooltip.name]: Tooltip,
+    [Switch.name]: Switch,
+    [Popconfirm.name]: Popconfirm,
+    svgIcon
+  },
+  computed: {
+    isAdmin() {
+      return this?.$attrs?.isOrgAdmin || false;
+    }
+  },
+  data() {
+    return {
+      homeList: [],
+      visible: this.visibleIn,
+      isChangeWindow: false,
+      modalWidth: this.type == 'other' ? '100%' : '860px',
+      modalHeight: '496px'
+    };
+  },
+  watch: {
+    visibleIn(val) {
+      this.visible = val;
+    },
+    dataSource: {
+      deep: false,
+      handler(value) {
+        this.homeList = vexutils.clone(value, true);
+      }
+    }
+  },
+  mounted(){
+    this.homeList = vexutils.clone(this.dataSource, true);
+  },
+  methods: {
+    /**
+     * 保存
+     */
+    handleOk() {
+      if (this.type) {
+        this.resetChangeWindow();
+        this.$emit('handleOk', this.formatParams(this.type));
+      }
+    },
+
+    /**
+     * 添加到首页
+     */
+    rinkTo() {
+      this.$router.push({ name: 'panel' });
+      this.close();
+    },
+
+    /**
+     * 关闭
+     */
+    close() {
+      this.visible = false;
+      this.resetChangeWindow();
+      this.$emit('close');
+    },
+
+    /**
+     * 改变弹窗大小
+     */
+    resetChangeWindow() {
+      this.modalWidth = '860px';
+      this.modalHeight = '496px';
+      this.isChangeWindow = false;
+    },
+
+    /**
+     * 拖拽完成
+     */
+    dragEnd() {
+      this.$emit('changeData', this.homeList);
+    },
+
+    clickli(item) {
+      this.homeList.forEach(el => {
+        if (el.sid == item.sid) {
+          this.$set(el, 'checked', true);
+        } else {
+          this.$set(el, 'checked', false);
+        }
+      });
+      this.$emit('changeData', this.homeList, item);
+    },
+
+    /**
+     * 设置默认值
+     */
+    clickChecked(item, name) {
+      if (item.isShow) {
+        this.homeList.forEach(el => {
+          if (el.sid == item.sid) {
+            el.isDefault = !el.isDefault;
+          } else {
+            el.isDefault = false;
+          }
+        });
+      }
+    },
+
+    /**
+     * 设置是否展示
+     */
+    changeSwitch(item, name) {
+      this.homeList.forEach(el => {
+        if (el.sid == item.sid) {
+          el.isShow = !el.isShow;
+          if (!el.isShow) item.isDefault = false;
+        }
+      });
+    },
+
+    /**
+     * 设置是否公告首页
+     */
+    changecommonSwitch(item) {
+      this.$confirm({
+        // title: this.$t('1.9.11', {
+        //   handle: item.isCommon ? this.$t('1.1.1.1.4') : this.$t('1.1.5.3')
+        // }),
+        title: `是否确定${item.isCommon ? '取消' : '设置'}公共首页？`,
+        okText: '确定',
+        cancelText: '取消',
+        onOk: () => {
+          let params = {
+            id: item.id,
+            setCommon: !item.isCommon
+          };
+          this.axios
+            .post('homePage/updateCommon ', this.$qs.stringify(params))
+            .then(res => {
+              if (res.data.result === 'SUCCESS') {
+                this.$message.success(res.data.resultMsg);
+                item.isCommon = !item.isCommon;
+                this.$emit('finishSubmit');
+              } else {
+                this.$message.error(res.data.resultMsg);
+              }
+            })
+            .catch(error => {
+              console.log(error);
+            });
+        },
+        onCancel() {}
+      });
+    },
+
+    /**
+     * 保存格式化参数
+     */
+    formatParams(type) {
+      if (type == 'search' || type == 'other') {
+        return {
+          id: '', // 搜索分类设置id
+          tableId: '', // 列表id
+          setting: JSON.stringify(
+            // 搜索分类设置信息
+            this.homeList.map(item => {
+              return {
+                isDefault: item.isDefault,
+                isShow: item.isShow,
+                name: item.name,
+                type: item.type,
+                classifyId: item.sid
+              };
+            })
+          )
+        };
+      } else if (type == 'mananger') {
+        let obj = {};
+        this.homeList.forEach((item, i) => {
+          obj[item.id] = {
+            id: item.id,
+            index: i,
+            default: item.isDefault ? 1 : 0,
+            isHide: item.isShow ? 0 : 1
+          };
+        });
+        return {
+          type: 'HOMEPAGE',
+          tableId: '10001',
+          setting: JSON.stringify({
+            pageConfig: obj
+          })
+        };
+      } else {
+        return;
+      }
+    },
+
+    /**
+     * 改变弹窗大小
+     */
+    changeModalWindow() {
+      this.isChangeWindow = !this.isChangeWindow;
+      let docHeight = document.body.clientHeight;
+      let t =  this.isDOM(this?.$root?.$el);
+      if(t){
+        docHeight = this?.$root?.$el?.clientHeight || docHeight;
+      }
+      this.modalWidth = this.modalWidth === '860px' ? `100%` : '860px';
+      this.modalHeight = this.modalHeight === '496px' ? `${docHeight - 108}px` : '496px';
+    },
+
+    isDOM(item) {
+      if (!item) return false;
+      return typeof HTMLElement === 'function' ? item instanceof HTMLElement : item && typeof item === 'object' && item.nodeType === 1 && typeof item.nodeName === 'string';
+    },
+
+    popconfirm(e) {
+      this.$emit('resetPopconfirm', e);
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.list {
+  .list-title {
+    display: flex;
+    background-color: #f2f2f4;
+    border: 1px solid #e1dfdf;
+    height: 52px;
+    line-height: 52px;
+    .list-title-item {
+      width: 25%;
+      font-weight: 700;
+    }
+  }
+  .list-content {
+    li {
+      display: flex;
+      height: 52px;
+      line-height: 52px;
+      .list-content-item {
+        width: 25%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+        .svg-icon-btn {
+          margin-left: 0;
+          margin-right: 8px;
+        }
+      }
+      &.checked {
+        background-color: rgb(242, 242, 242);
+        .text {
+          background-color: rgb(242, 242, 242);
+        }
+      }
+      .text {
+        position: relative;
+        display: inline-block;
+        padding: 0 10px;
+        background-color: #fff;
+      }
+      .list-content-line {
+        width: 75%;
+        text-align: center;
+        position: relative;
+        &::before {
+          content: '';
+          position: absolute;
+          border: 1px solid #e8e8e8;
+          width: 100%;
+          left: 0;
+          margin-top: 20px;
+        }
+      }
+    }
+  }
+  .list-title-item {
+    // border: 1px solid #e1dfdf;
+    margin-left: -1px;
+    // margin-top: -1px;
+    padding: 0px 10px;
+  }
+  .list-content-item {
+    border-bottom: 1px solid #e1dfdf;
+    margin-left: -1px;
+    margin-top: -1px;
+    padding: 0px 10px;
+    /deep/ .ant-switch {
+      width: 28px;
+      min-width: 28px;
+      height: 16px;
+      &::after {
+        width: 12px;
+        height: 12px;
+      }
+    }
+  }
+  .list-content-switch,
+  .list-content-radio {
+    text-align: center;
+  }
+
+  .anticon + .anticon {
+    margin-left: 8px;
+  }
+}
+.btn-reset {
+  float: left;
+}
+</style>