界面修改

Surpriseplus

2023-07-12 e0390205f97847ae8e050873db51b619b7ebcc55

界面修改

 public/mapscreen/css/style.css

@@ -1,4 +1,5 @@
html, body {
html,
body {
  position: absolute;
  width: 100%;
  height: 100%;
@@ -55,13 +56,20 @@
}

.world-globe-halo {
  position: absolute;
  /* position: absolute;
  left: 50%;
  top: 50%;
  width: 730px;
  height: 715px;
  margin-left: -368px;
  margin-top: -350px;
  margin-top: -350px; */
  position: absolute;
  left: 50%;
  top: 50%;
  width: 730px;
  height: 681px;
  margin-left: -368px;
  margin-top: -324px;
}

.info {

 public/mapscreen/images/3css_globe_diffuse.jpg

 public/mapscreen/images/css_1globe_halo.png

 public/mapscreen/images/css_globe_diffuse.jpg

 public/mapscreen/images/css_globe_halo.png

 public/mapscreen/images/css_globe_halo.zip

Binary files differ

 src/assets/img/moon-bg.png

 src/components/login.vue

@@ -221,8 +221,8 @@
                  debugger
                  if (res.result.length != 0) {
                    sessionStorage.setItem("routerName", "/Thematic");
                    sessionStorage.setItem("changeSelectStyle", 1);
                    this.$router.push("/bankController");
                    sessionStorage.setItem("changeSelectStyle", 0);
                    this.$router.push("/projectController");
                  } else {
                    this.$message({
                      message: "请您联系管理员分配角色菜单",
@@ -307,7 +307,7 @@
  right: 0px;
  bottom: 0px;

  background: url("../assets/img/login.jpg") no-repeat center;
  background: url("../assets/img/moon-bg.png") no-repeat center;
  background-size: 100% 100%;
  .MapMenu {
    width: 100%;

 src/components/navMenu.vue

@@ -31,6 +31,7 @@
            <div
              class="secondMenuDiv   subpage_Div"
              v-show="index == showFlag ? true :false"
              v-if="item.children && item.children.length>0"
            >
              <div
                v-for="res in item.children"
@@ -221,7 +222,7 @@
    },
    //鼠标移入菜单事件
    setMenuMove(index, item) {

      debugger
      if (item.perms != null && item.perms != "") {
        this.$router.push(item.url);
        if (this.showFlag != null) {
@@ -229,8 +230,8 @@
          this.changeliSelect = '%%';
          this.showFlag = null;
        }
        if (item.url == "Thematic") {
          this.signInsertOpLog("综合展示", item.cnName)
        if (item.url == "/projectController") {
          this.signInsertOpLog("项目管理", item.cnName)
        }

        this.changeSelectStyle = index;
@@ -238,6 +239,12 @@
      } else {
        if (this.showFlag != index) {
          this.showFlag = index;
          this.changeSelectStyle = index;


          if (item.url && item.children && item.children.length == 0) {
            window.open(item.url)
          }
        } else {
          this.showFlag = null;
        }
@@ -333,7 +340,7 @@

        if (res[i].perms == null || res[i].perms == "") {
          const result = await selectMenuRecursive({ id: res[i].id });

          debugger
          if (result.code == 200) {

            res[i].children = result.result.filter((value) => {

 src/router/index.js

@@ -96,7 +96,7 @@
    path: '/',
    name: 'Home',
    component: Home,
    redirect: '/Synthesis',
    redirect: '/projectController',
    children: [
      {
        path: '/WareInspection',

 src/views/datamanage/bankController.vue

@@ -156,9 +156,11 @@
      const data = await queryMenuTree();

      let menuLists = data.result.filter((value) => {

        return value.url == '/bankController';
      });

      if (menuLists.length <= 0) return
      debugger
      const res = await selectMenuRecursive({ id: menuLists[0].id });

      if (res.code == 200) {

 src/views/datamanage/dataController.vue

@@ -96,6 +96,7 @@
  },
  created() { },
  mounted() {
    debugger
    this.getTreeData();
    //左右拖動
    this.dragControllerDiv();
@@ -153,7 +154,7 @@
      let menuLists = data.result.filter((value) => {
        return value.url == '/dataController';
      });

      debugger
      const res = await selectMenuRecursive({ id: menuLists[0].id });

      if (res.code == 200) {

 src/views/maintenance/menuSettings.vue

@@ -25,7 +25,10 @@
      </div>
      <div class="right_menu subpage_Div">
        <div style="display:flex;justify-content:right;align-items: center;padding-bottom: 14px">
          <el-breadcrumb separator="/" style="display: none">
          <el-breadcrumb
            separator="/"
            style="display: none"
          >
            <el-breadcrumb-item :to="{ path: '/' }">{{
            $t('dataManage.dictionaryManageObj.particulars')
          }}</el-breadcrumb-item>
@@ -76,7 +79,7 @@

        </div>
        <div class="dividing-line"></div>
<!--        <el-divider />-->
        <!--        <el-divider />-->
        <div class="form_box">
          <el-form
            :model="itemdetail"
@@ -107,16 +110,16 @@
                autocomplete="off"
              ></el-input>
            </el-form-item>
<!--            <el-form-item-->
<!--              :label="$t('operatManage.menuSetObj.icon')"-->
<!--              :label-width="formLabelWidth"-->
<!--            >-->
<!--              <el-input-->
<!--                v-model="itemdetail.icon"-->
<!--                :placeholder="$t('operatManage.menuSetObj.iconHolder')"-->
<!--                autocomplete="off"-->
<!--              ></el-input>-->
<!--            </el-form-item>-->
            <!--            <el-form-item-->
            <!--              :label="$t('operatManage.menuSetObj.icon')"-->
            <!--              :label-width="formLabelWidth"-->
            <!--            >-->
            <!--              <el-input-->
            <!--                v-model="itemdetail.icon"-->
            <!--                :placeholder="$t('operatManage.menuSetObj.iconHolder')"-->
            <!--                autocomplete="off"-->
            <!--              ></el-input>-->
            <!--            </el-form-item>-->
            <el-form-item
              prop="isShow"
              :label="$t('operatManage.menuSetObj.isShow')"
@@ -128,15 +131,21 @@
                v-model="itemdetail.isShow"
                :placeholder="$t('operatManage.menuSetObj.show')"
              >
                <el-option :label="$t('operatManage.menuSetObj.hiddeen')" value="0" />
                <el-option :label="$t('operatManage.menuSetObj.isshow')" value="1" />
<!--                <el-option-->
<!--                  v-for="item in options1"-->
<!--                  :key="item.value"-->
<!--                  :label="item.label"-->
<!--                  :value="item.value"-->
<!--                >-->
<!--                </el-option>-->
                <el-option
                  :label="$t('operatManage.menuSetObj.hiddeen')"
                  value="0"
                />
                <el-option
                  :label="$t('operatManage.menuSetObj.isshow')"
                  value="1"
                />
                <!--                <el-option-->
                <!--                  v-for="item in options1"-->
                <!--                  :key="item.value"-->
                <!--                  :label="item.label"-->
                <!--                  :value="item.value"-->
                <!--                >-->
                <!--                </el-option>-->
              </el-select>
            </el-form-item>
            <el-form-item
@@ -170,16 +179,25 @@
                v-model="itemdetail.type"
                :placeholder="$t('operatManage.menuSetObj.typeHolder')"
              >
                <el-option :label="$t('operatManage.menuSetObj.rootpath')" value="0" />
                <el-option :label="$t('operatManage.menuSetObj.menu')" value="1" />
                <el-option :label="$t('operatManage.menuSetObj.button')" value="2" />
<!--                <el-option-->
<!--                  v-for="item in options2"-->
<!--                  :key="item.value"-->
<!--                  :label="item.label"-->
<!--                  :value="item.value"-->
<!--                >-->
<!--                </el-option>-->
                <el-option
                  :label="$t('operatManage.menuSetObj.rootpath')"
                  value="0"
                />
                <el-option
                  :label="$t('operatManage.menuSetObj.menu')"
                  value="1"
                />
                <el-option
                  :label="$t('operatManage.menuSetObj.button')"
                  value="2"
                />
                <!--                <el-option-->
                <!--                  v-for="item in options2"-->
                <!--                  :key="item.value"-->
                <!--                  :label="item.label"-->
                <!--                  :value="item.value"-->
                <!--                >-->
                <!--                </el-option>-->
              </el-select>
            </el-form-item>
            <el-form-item
@@ -195,14 +213,14 @@
            <div v-if="menuStatus.update">
              <el-form-item>
                <el-button
                    size="small"
                    type="primary"
                    @click="updMenu('itemdetail')"
                  size="small"
                  type="primary"
                  @click="updMenu('itemdetail')"
                >{{ $t('common.confirm') }}</el-button>
                <el-button
                    size="small"
                    type="info"
                    @click="reset('itemdetail')"
                  size="small"
                  type="info"
                  @click="reset('itemdetail')"
                >{{
                    $t('common.cancel')
                  }}</el-button>
@@ -219,123 +237,123 @@
      :visible.sync="dialogFormVisible"
      :before-close="handleClose"
    >
        <div style="height: 500px; overflow: auto">
      <el-form
        :model="ruleForm"
        ref="ruleForm"
        :rules="rules"
        label-position="top"
      >
        <el-form-item
          prop="enName"
          :label="$t('operatManage.menuSetObj.enName')"
          :label-width="formLabelWidth"
      <div style="height: 500px; overflow: auto">
        <el-form
          :model="ruleForm"
          ref="ruleForm"
          :rules="rules"
          label-position="top"
        >
          <el-input
            v-model="ruleForm.enName"
            autocomplete="off"
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.enName')"
          ></el-input>
        </el-form-item>
        <el-form-item
          prop="cnName"
          :label="$t('operatManage.menuSetObj.cnName')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="ruleForm.cnName"
            autocomplete="off"
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.cnName')"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.menuSetObj.icon')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="ruleForm.icon"
            autocomplete="off"
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.icon')"
          ></el-input>
        </el-form-item>
        <el-form-item
          prop="isShow"
          :label="$t('operatManage.menuSetObj.isShow')"
          :label-width="formLabelWidth"
        >
          <el-select
            :popper-append-to-body="false"
            style="width:85%"
            v-model="ruleForm.isShow"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.isShow')"
          <el-form-item
            prop="enName"
            :label="$t('operatManage.menuSetObj.enName')"
            :label-width="formLabelWidth"
          >
            <el-option
              v-for="item in options1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.menuSetObj.menuUrl')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="ruleForm.url"
            autocomplete="off"
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.menuUrl')"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.menuSetObj.authorize')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="ruleForm.perms"
            autocomplete="off"
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.authorize')"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.menuSetObj.type')"
          prop="type"
          :label-width="formLabelWidth"
        >
          <el-select
            :popper-append-to-body="false"
            style="width:85%"
            v-model="ruleForm.type"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.type')"
            <el-input
              v-model="ruleForm.enName"
              autocomplete="off"
              style="width:85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.enName')"
            ></el-input>
          </el-form-item>
          <el-form-item
            prop="cnName"
            :label="$t('operatManage.menuSetObj.cnName')"
            :label-width="formLabelWidth"
          >
            <el-option
              v-for="item in options2"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            <el-input
              v-model="ruleForm.cnName"
              autocomplete="off"
              style="width:85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.cnName')"
            ></el-input>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.menuSetObj.icon')"
            :label-width="formLabelWidth"
          >
            <el-input
              v-model="ruleForm.icon"
              autocomplete="off"
              style="width:85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.icon')"
            ></el-input>
          </el-form-item>
          <el-form-item
            prop="isShow"
            :label="$t('operatManage.menuSetObj.isShow')"
            :label-width="formLabelWidth"
          >
            <el-select
              :popper-append-to-body="false"
              style="width:85%"
              v-model="ruleForm.isShow"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.isShow')"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="$t('operatManage.menuSetObj.bak')"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="ruleForm.bak"
            autocomplete="off"
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.bak')"
          ></el-input>
        </el-form-item>
      </el-form>
       </div>
              <el-option
                v-for="item in options1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.menuSetObj.menuUrl')"
            :label-width="formLabelWidth"
          >
            <el-input
              v-model="ruleForm.url"
              autocomplete="off"
              style="width:85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.menuUrl')"
            ></el-input>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.menuSetObj.authorize')"
            :label-width="formLabelWidth"
          >
            <el-input
              v-model="ruleForm.perms"
              autocomplete="off"
              style="width:85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.authorize')"
            ></el-input>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.menuSetObj.type')"
            prop="type"
            :label-width="formLabelWidth"
          >
            <el-select
              :popper-append-to-body="false"
              style="width:85%"
              v-model="ruleForm.type"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('operatManage.menuSetObj.type')"
            >
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            :label="$t('operatManage.menuSetObj.bak')"
            :label-width="formLabelWidth"
          >
            <el-input
              v-model="ruleForm.bak"
              autocomplete="off"
              style="width:85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('operatManage.menuSetObj.bak')"
            ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div
        slot="footer"
        class="dialog-footer"
@@ -372,9 +390,9 @@
  data() {
    return {
      menuStatus: {
        delete: false,
        insert: false,
        update: false,
        delete: true,
        insert: true,
        update: true,
      },
      defaultProps: {
        children: 'children',
@@ -413,7 +431,7 @@
        type: null,
        bak: '',
      },
      rules :  {
      rules: {
        enName: [
          { required: true, message: this.$t('operatManage.menuSetObj.enNameHolder'), trigger: 'blur' },
        ],
@@ -439,27 +457,27 @@
      options1: [
        {
          value: 0,
          label:this.$t('operatManage.menuSetObj.hiddeen')
          label: this.$t('operatManage.menuSetObj.hiddeen')
        },
        {
          value: 1,
          label:this.$t('operatManage.menuSetObj.isshow')
          label: this.$t('operatManage.menuSetObj.isshow')
        },
      ],
      options2: [
        {
          value: 0,
          label:this.$t('operatManage.menuSetObj.rootpath')
          label: this.$t('operatManage.menuSetObj.rootpath')
          // label: '根目录',
        },
        {
          value: 1,
          label:this.$t('operatManage.menuSetObj.menu')
          label: this.$t('operatManage.menuSetObj.menu')
          // label: '菜单',
        },
        {
          value: 2,
          label:this.$t('operatManage.menuSetObj.button')
          label: this.$t('operatManage.menuSetObj.button')
          // label: '按钮',
        },
      ],
@@ -903,7 +921,7 @@
      border-radius: 5px;
      padding: 1%;
      overflow-y: auto;
      border-right: 1px solid  #dcdfe6;
      border-right: 1px solid #dcdfe6;
    }
    .right_menu {
      width: 80%;
@@ -922,8 +940,7 @@
    }
  }
}
.btnBox{

.btnBox {
  position: absolute;
  bottom: 0;
  right: 0;