界面修改

Surpriseplus

2023-07-12 e0390205f97847ae8e050873db51b619b7ebcc55

 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;