cnhis-design-vue 0.2.63-beta → 0.3.1-beta

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

@@ -1,463 +0,0 @@
-<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';
-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: this.dataSource,
-      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 = value;
-      }
-    }
-  },
-  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;
-      this.modalWidth = this.modalWidth === '860px' ? `100%` : '860px';
-      this.modalHeight = this.modalHeight === '496px' ? `${docHeight - 108}px` : '496px';
-    },
-    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>

package/packages/table-filter/src/const/index.js

@@ -1 +0,0 @@
-export const GROUP_TITLE_KEY = "group-show-title";