cloud-web-corejs 1.0.276 → 1.0.278

package/src/views/user/menu/voc_list.vue

@@ -1,686 +0,0 @@
-<template>
-  <div id="containt">
-    <el-tabs v-model="activeName" class="tab-box">
-      <el-tab-pane :label="$t1('列表')" name="second">
-        <div class="grid-height">
-          <vxe-grid
-            ref="table-m1"
-            v-bind="vxeOption"
-            @resizable-change="$vxeTableUtil.onColumnWitchChange"
-            @custom="$vxeTableUtil.customHandle"
-          >
-            <template #form>
-              <div class="clearfix screen-btns">
-                <div class="fl">
-                  <vxe-button
-                    status="primary"
-                    class="button-sty"
-                    icon="el-icon-plus"
-                    :disabled="!hasSysType"
-                    @click="addMenu(0)"
-                  >
-                    {{ $t1("新增一级菜单") }}
-                  </vxe-button>
-                </div>
-                <div class="fr">
-                  <vxe-button
-                    icon="el-icon-brush"
-                    class="button-sty"
-                    @click="resetEvent"
-                    type="text"
-                    status="primary"
-                    plain
-                    >{{ $t1("刷新") }}
-                  </vxe-button>
-                  <vxe-button
-                    status="warning"
-                    icon="el-icon-search"
-                    class="button-sty"
-                    @click="searchEvent"
-                  >
-                    {{ $t1("搜索") }}
-                  </vxe-button>
-                </div>
-              </div>
-              <vxe-form
-                ref="form"
-                class="screen-box"
-                title-width="92px"
-                title-align="right"
-                :data="formData"
-                @submit="searchEvent"
-              >
-                <vxe-form-item :title="$t1('系统类型') + ':'" field="sysType">
-                  <template v-slot>
-                    <el-select
-                      v-model="formData.sysType"
-                      size="small"
-                      @change="onSysTypeChange"
-                    >
-                      <el-option
-                        v-for="(dict, index) in sysTypeDicts"
-                        :key="index"
-                        :value="dict.sn"
-                        :label="dict.value"
-                      ></el-option>
-                    </el-select>
-                  </template>
-                </vxe-form-item>
-                <vxe-form-item :title="$t1('菜单名称') + ':'" field="menuName">
-                  <template v-slot>
-                    <el-input
-                      v-model="formData.menuName"
-                      size="small"
-                      clearable
-                    />
-                  </template>
-                </vxe-form-item>
-                <vxe-form-item :title="$t1('菜单编码') + ':'" field="menuCode">
-                  <template v-slot>
-                    <el-input
-                      v-model="formData.menuCode"
-                      size="small"
-                      clearable
-                    />
-                  </template>
-                </vxe-form-item>
-                <vxe-form-item :title="$t1('是否启用') + ':'" field="enabled">
-                  <template v-slot>
-                    <el-select v-model="formData.enabled" clearable>
-                      <el-option value="true" :label="$t1('启用')"></el-option>
-                      <el-option value="false" :label="$t1('禁用')"></el-option>
-                    </el-select>
-                  </template>
-                </vxe-form-item>
-              </vxe-form>
-            </template>
-            <template #menuImgEdit="{ row, rowIndex }">
-              <el-popover
-                placement="bottom"
-                width="680"
-                trigger="click"
-                :ref="'menuImg' + rowIndex"
-              >
-                <div class="icons-box">
-                  <div
-                    class="item iconfont"
-                    v-for="(item, index) in iconList"
-                    :key="index"
-                    :class="[item, row.menuImg == item ? 'on' : '']"
-                    @click="checkMenuImg(row, item, rowIndex)"
-                  ></div>
-                </div>
-                <label
-                  class="icons-box_select"
-                  :class="{ noNone: !!row.menuImg }"
-                  slot="reference"
-                >
-                  <i :class="row.menuImg" class="iconfont"></i>
-                  <i class="el-icon-arrow-down"></i>
-                  <i
-                    class="el-icon-circle-close icon-box_del"
-                    @click.stop="clearMenuImg(row)"
-                  ></i>
-                </label>
-              </el-popover>
-            </template>
-            <template #operate="obj">
-              <div class="cell-operate">
-                <template v-if="$refs['table-m1'].isActiveByRow(obj.row)">
-                  <a @click="saveRowEvent(obj)" class="a-link">
-                    <el-tooltip
-                      :enterable="false"
-                      effect="dark"
-                      :content="$t1('保存')"
-                      placement="top"
-                      popper-class="tooltip-skin"
-                      ><i class="el-icon-circle-check"></i
-                    ></el-tooltip>
-                  </a>
-                  <a
-                    @click="cancleRowEvent(obj)"
-                    class="a-link"
-                    v-if="hasSaveRow(obj.row)"
-                  >
-                    <el-tooltip
-                      :enterable="false"
-                      effect="dark"
-                      :content="$t1('取消行编辑')"
-                      placement="top"
-                      popper-class="tooltip-skin"
-                      ><i class="el-icon-circle-close"></i
-                    ></el-tooltip>
-                  </a>
-                  <a
-                    @click="removeRowEvent(obj)"
-                    class="a-link"
-                    v-if="!hasSaveRow(obj.row)"
-                  >
-                    <el-tooltip
-                      :enterable="false"
-                      effect="dark"
-                      :content="$t1('删除')"
-                      placement="top"
-                      popper-class="tooltip-skin"
-                      ><i class="el-icon-delete"></i
-                    ></el-tooltip>
-                  </a>
-                </template>
-                <template v-else>
-                  <a
-                    class="a-link"
-                    @click="addMenu(0, obj)"
-                    v-if="obj.row && obj.row.type != 2"
-                  >
-                    <el-tooltip
-                      :enterable="false"
-                      effect="dark"
-                      :content="$t1('新增')"
-                      placement="top"
-                      popper-class="tooltip-skin"
-                      ><i class="el-icon-circle-plus-outline"></i
-                    ></el-tooltip>
-                  </a>
-                  <a
-                    @click="editRowEvent(obj)"
-                    class="a-link"
-                    v-if="obj.row && !obj.row.is_top"
-                  >
-                    <el-tooltip
-                      :enterable="false"
-                      effect="dark"
-                      :content="$t1('行编辑')"
-                      placement="top"
-                      popper-class="tooltip-skin"
-                      ><i class="el-icon-edit-outline"></i
-                    ></el-tooltip>
-                  </a>
-                </template>
-              </div>
-            </template>
-          </vxe-grid>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import { tableTreeMixins } from "@base/mixins/tableTree/index.js";
-
-export default {
-  name: "menu:in_list",
-  components: {},
-  mixins: [tableTreeMixins],
-  mounted() {
-    this.$getBaseDicts({
-      code: "sysType",
-      success: ({ dicts }) => {
-        this.sysTypeDicts = dicts || [];
-        if (this.sysTypeDicts.length) {
-          this.formData.sysType = this.sysTypeDicts[0].sn;
-        }
-      },
-    }).finally(() => {
-      this.initTableList();
-    });
-  },
-  computed: {
-    hasSysType() {
-      return (
-        this.formData.sysType !== null &&
-        this.formData.sysType !== undefined &&
-        this.formData.sysType !== ""
-      );
-    },
-  },
-  data() {
-    let that = this;
-    return {
-      activeName: "second",
-      dataId: "",
-      formData: {
-        sysType: "",
-      },
-      sysTypeDicts: [],
-      vxeOption: {},
-      menuType: 0,
-      iconList: [
-        "icon-shangji-shangjiguanli",
-        "icon-daifahuodingdan",
-        "icon-jichuziliao",
-        "icon-zuzhi",
-        "icon-shujujianmo",
-        "icon-wenjianguanli",
-        "icon-guanli1",
-        "icon-dianshang",
-        "icon-ziyuan",
-        "icon-feiyongguanli",
-        "icon-yunpingtai",
-        "icon-yingxiao",
-        "icon-biaodanguanli",
-        "icon-baobiao",
-        "icon-yusuanguanli",
-        "icon-baoxiao",
-        "icon-yanfa",
-        "icon-hetong",
-        "icon-danjuliuchengshezhi",
-        "icon-shenqingguanli",
-        "icon-xitongshezhi",
-        "icon-icon-servicenetwork",
-        "icon-a-zu96",
-        "icon-chanpin2",
-        "icon-shangpin2",
-        "icon-tuihuanhuo1",
-        "icon-wenquantiaocha",
-        "icon-cangchu",
-        "icon-caigou",
-        "icon-churuku",
-        "icon-fl-gouwuche",
-        "icon-shangpinfenlei",
-        "icon-shangpinshangxiajia",
-        "icon-taocanxinxi_changgui",
-        "icon-kehuchaxun",
-        "icon-shangpin-canshumoban",
-        "icon-shangpinguanli-shangpinweihu",
-        "icon-kehubiangeng",
-        "icon-shanghuguanxiweihu",
-        "icon-kehuxinzeng",
-        "icon-dunpaibaowei",
-        "icon-a-061_bijiben",
-        "icon-a-061_gengduo",
-        "icon-a-061_gouwu-12",
-        "icon-a-061_jianzhu-17",
-        "icon-a-061_shuben",
-        "icon-a-061_jinbi",
-        "icon-a-061_guangbo",
-        "icon-a-061_shuqian",
-        "icon-a-061_shangpin",
-        "icon-a-061_kuaidi",
-        "icon-a-061_wenjian",
-        "icon-a-061_xiaoxi",
-        "icon-a-rongqi262",
-        "icon-a-rongqi256",
-        "icon-a-rongqi265",
-        "icon-a-rongqi285",
-        "icon-huomiao-mianxing",
-        "icon-dingwei-mianxing",
-        "icon-xiuxian-mianxing",
-        "icon-shuju-wenjianliebiao",
-        "icon-chexing-pinpailiebiao",
-        "icon-yonghu-gongzuodanwei",
-        "icon-shujujieguo",
-        "icon-gongyingshangguanli",
-        "icon-xitong-quanxianguanli",
-        "icon-shujuguanli",
-        "icon-yonghushenhe",
-        "icon-gongyingshangliebiao",
-        "icon-xiaoliangliebiao",
-        "icon-chexing-ruanjianbanben",
-        "icon-xitong-meijuguanli",
-        "icon-huiyuan-qiyeguanli",
-        "icon-chexing-ruanjianbanben1",
-        "icon-shuju-ceshiguihua",
-        "icon-yonghuliebiao",
-        "icon-yonghuguanli",
-        "icon-xitong-jiaoseguanli",
-        "icon-chexingliebiao",
-        "icon-chexingguanli",
-        "icon-shujujiegou",
-        "icon-huiyuanyonghu",
-        "icon-huiyuan-quanxianguanli",
-        "icon-shexiangtouqiehuan",
-        "icon-luyin",
-        "icon-yingpianjiesuo",
-        "icon-yingpianjiasuo",
-        "icon-qianlu",
-        "icon-luxiangjiasuo",
-        "icon-a-yonghuliebiao3x",
-        "icon-a-yijianfankui3x",
-        "icon-a-chanpinshangjiaguanli3x",
-        "icon-a-kefufankui3x",
-        "icon-a-zhanghaoguanli3x",
-        "icon-a-kefu3x",
-        "icon-a-kesu3x",
-        "icon-a-ribaobiaoshuju3x",
-        "icon-a-tuikuan3x",
-        "icon-gudingmianzhi",
-        "icon-manjianquan",
-        "icon-xiangouhuodong",
-        "icon-youhuiquan",
-        "icon-Xyuanhuodong",
-        "icon-shangpindongcha",
-        "icon-zhijianghuodong",
-        "icon-shizhongshezhi",
-        "icon-kasuceshi",
-        "icon-SDkarongliang",
-        "icon-sudubuchang",
-        "icon-sududanwei",
-        "icon-GPSxinxi",
-        "icon-GPSxianshi",
-        "icon-GPSshuiyin",
-        "icon-a-shouhui3x",
-        "icon-a-yunyingpeizhi3x",
-        "icon-biaotitubiao",
-        "icon-tubiao1",
-        "icon-tubiao18",
-        "icon-tubiao28",
-        "icon-tiyugonggongsheshi",
-        "icon-tubiaoliebiao",
-        "icon-VRtubiao",
-        "icon-tubiaoAzitubiao",
-        "icon-tubiao2",
-        "icon-tubiao-",
-        "icon-tubiao-1",
-        "icon-tubiao-2",
-        "icon-tubiao-3",
-        "icon-tubiao3",
-        "icon-a-tubiao-daqijiayou",
-        "icon-charge-fill",
-        "icon-book-fill",
-        "icon-device-set-fill",
-        "icon-dynamic-password-fill",
-        "icon-map-fill",
-        "icon-security-fill",
-        "icon-tool-fill",
-        "icon-readcard-fill",
-        "icon-chaye",
-        "icon-baoxian",
-        "icon-dadou",
-        "icon-nongye",
-        "icon-nongyeqixiang",
-        "icon-pingguo",
-        "icon-nongyebaoxian",
-        "icon-yaogan",
-        "icon-zhiwu",
-        "icon-weixing",
-        "icon-qixiang",
-        "icon-zuowu",
-        "icon-qiyeguanli-2",
-        "icon-qiyeshenhe-2",
-        "icon-xiaoxi",
-        "icon-xunhuan",
-        "icon-zoushi",
-        "icon-bushu",
-        "icon-duanlian",
-        "icon-gaojing",
-        "icon-renyuan",
-        "icon-tubiao4",
-        "icon-wangguan",
-        "icon-wangluo",
-        "icon-fenzhi",
-        "icon-gongchang",
-        "icon-zhihuizhongxin",
-        "icon-mti-an-gongmaoqiye",
-        "icon-mti-an-zhongdaweixianyuan",
-        "icon-mti-cheng-huanjing",
-        "icon-mti-cheng-lvhua",
-        "icon-mti-di-dimianchenjiang",
-        "icon-mti-cheng-fengli",
-        "icon-mti-di-qiangzhentai",
-        "icon-mti-dong-yinhuan",
-        "icon-mti-dong-jiaotongshigu",
-        "icon-mti-dong-jianzhugongdi",
-        "icon-mti-fang-jiangyuliang",
-        "icon-mti-dong-weihuapin",
-        "icon-mti-gu-shengtaihuanjing",
-        "icon-mti-ying-daochang",
-        "icon-mti-sen-shumuziyuanfenbu",
-        "icon-mti-gongdi",
-        "icon-mti-ying-moshiqiehuan",
-        "icon-mti-ying-tongxunbaozhang",
-        "icon-mti-ying-qidongyuan",
-        "icon-mti-ying-jishuidian",
-        "icon-mti-ying-zaihoufupan",
-        "icon-wodeshequ2",
-        "icon-service-line-1",
-        "icon-notice-manage-fill",
-        "icon-announcement-fill",
-        "icon-box-noise-fill",
-      ],
-      typeMap: {
-        0: this.$t1("菜单"),
-        1: this.$t1("按钮"),
-        2: this.$t1("首页"),
-        3: this.$t1("外部菜单"),
-        4: this.$t1("第三方地址"),
-        5: this.$t1("动态表单"),
-      },
-    };
-  },
-  methods: {
-    ensureSysType() {
-      if (!this.hasSysType) {
-        this.$message.warning(this.$t1("请先选择系统类型"));
-        return false;
-      }
-      return true;
-    },
-    onSysTypeChange() {
-      if (this.hasSysType) {
-        this.searchEvent();
-      }
-    },
-    searchEvent() {
-      if (!this.ensureSysType()) {
-        return;
-      }
-      this.$refs["table-m1"].commitProxy("reload");
-    },
-    resetEvent() {
-      let sysType = this.formData.sysType;
-      this.formData = { sysType };
-      if (this.hasSysType) {
-        this.$refs["table-m1"].commitProxy("reload");
-      }
-    },
-    initTableList() {
-      let that = this;
-      let tableOption = {
-        vue: this,
-        tableRef: "table-m1",
-        tableName: "user_menu_list-m1",
-        path: USER_PREFIX + "/third_party_menu/list",
-        treeNodeUrl: USER_PREFIX + "/third_party_menu/listChildren",
-        editSaveUrl: USER_PREFIX + "/third_party_menu/save",
-        editDefaultRow: () => {
-          return { enabled: true, type: 0, sysType: this.formData.sysType };
-        },
-        param: () => {
-          return this.formData;
-        },
-        treeNodeParam: (row) => {
-          return {
-            parent: row.id,
-            enabled: this.formData.enabled,
-            sysType: this.formData.sysType,
-          };
-        },
-        treeConditions: ["enabled", "sysType"],
-        config: {
-          proxyConfig: {
-            autoLoad: false,
-          },
-          treeConfig: {
-            parentField: "parent",
-          },
-          scrollX: {
-            enabled: false,
-          },
-        },
-        columns: [
-          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
-          {
-            title: this.$t1("菜单名称"),
-            field: "menuName",
-            width: 250,
-            fixed: "left",
-            treeNode: true,
-            editRender: { name: "input" },
-            slots: {
-              default: ({ row }) => {
-                return [
-                  <a
-                    class="levitate-tips"
-                    onclick={(event) => {
-                      event.stopPropagation();
-                      this.$refs["table-m1"].toggleTreeExpand(row);
-                    }}
-                  >
-                    {row.menuName}
-                  </a>,
-                ];
-              },
-            },
-          },
-          {
-            field: "menuCode",
-            title: this.$t1("菜单编码"),
-            width: 250,
-            editRender: {},
-            slots: {
-              edit: ({ row }) => {
-                return [<el-input v-model={row.menuCode} />];
-              },
-            },
-          },
-          {
-            field: "url",
-            title: this.$t1("菜单地址"),
-            width: 200,
-            editRender: {},
-            slots: {
-              edit: ({ row }) => {
-                return [<el-input v-model={row.url} />];
-              },
-            },
-          },
-          {
-            field: "enabled",
-            title: this.$t1("是否启用"),
-            width: 150,
-            editRender: {
-              name: "$select",
-              events: {
-                change: () => {
-                  this.$forceUpdate();
-                },
-              },
-              options: [
-                {
-                  label: this.$t1("启用"),
-                  value: true,
-                },
-                {
-                  label: this.$t1("禁用"),
-                  value: false,
-                },
-              ],
-            },
-            slots: {
-              default: ({ row }) => {
-                if (row.enabled) {
-                  return [<div class="txt-status">{this.$t1("启用")}</div>];
-                } else {
-                  return [<div class="txt-status s-3">{this.$t1("禁用")}</div>];
-                }
-              },
-            },
-          },
-          {
-            field: "orders",
-            title: this.$t1("序号"),
-            width: 100,
-            editRender: { name: "input" },
-          },
-          {
-            field: "type",
-            title: this.$t1("类型"),
-            width: 100,
-            slots: {
-              default: ({ row }) => {
-                return this.typeMap[row.type] || "";
-              },
-            },
-          },
-          {
-            field: "menuImg",
-            title: this.$t1("图标"),
-            width: 150,
-            editRender: {},
-            slots: {
-              default: ({ row }) => {
-                return [<i class={"iconfont " + row.menuImg}></i>];
-              },
-              edit: "menuImgEdit",
-            },
-          },
-          {
-            field: "route",
-            title: this.$t1("路由"),
-            width: 100,
-            editRender: { name: "input" },
-          },
-          { title: this.$t1("创建时间"), field: "createDate", width: 150 },
-          { title: this.$t1("更新时间"), field: "modifyDate", width: 150 },
-          {
-            width: 100,
-            title: "",
-            fixed: "right",
-            sortable: false,
-            slots: { default: "operate" },
-          },
-        ],
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
-        this.vxeOption = opts;
-        this.$nextTick(() => {
-          if (this.hasSysType) {
-            this.searchEvent();
-          }
-        });
-      });
-    },
-    addMenu(type, parentParam) {
-      if (!this.ensureSysType()) {
-        return;
-      }
-      this.menuType = type;
-      if (parentParam) {
-        this.insertChildEvent(parentParam);
-      } else {
-        this.insertTopRow(this.$refs["table-m1"]);
-      }
-    },
-    checkMenuImg(row, menuImg, rowIndex) {
-      row.menuImg = menuImg;
-      this.$refs["menuImg" + rowIndex].showPopper = false;
-    },
-    clearMenuImg(row) {
-      row.menuImg = null;
-    },
-  },
-};
-</script>
-<style scoped lang="scss">
-.el-select-dropdown__item .iconfont {
-  vertical-align: middle;
-  margin-right: 3px;
-}
-
-.icons-box_select {
-  .el-icon-circle-close {
-    display: none;
-  }
-}
-
-.icons-box_select.noNone:hover {
-  .el-icon-arrow-down {
-    display: none;
-  }
-
-  .el-icon-circle-close {
-    display: inline-block;
-  }
-}
-</style>