管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-03-20 1669c6b39c36f0a7bd6c62f60cb9198513a84c28
src/views/userManage/authorityManage.vue
@@ -5,56 +5,72 @@
        `${$t('userManage.authorityManage')}`,
      ]"></My-bread>
    <el-divider />
    <div class="power_quire subpage_Div" ref="container">
    <div
      class="power_quire subpage_Div"
      ref="container"
    >
      <el-form
        ref="form"
        :model="ruleForm"
        :inline="true"
      >
       <div class="flex_box">
        <div style="margin-right: auto">
         <el-form-item :label="$t('userManage.authorityM.name')">
          <el-input v-model="ruleForm.name" style="width:200px" size="small" :placeholder="$t('userManage.authorityM.nameHolder')">
            <i slot="suffix" class="el-icon-search" @click="submitForm"></i>
          </el-input>
        </el-form-item>
        <div class="flex_box">
          <div style="margin-right: auto">
            <el-form-item :label="$t('userManage.authorityM.name')">
              <el-input
                v-model="ruleForm.name"
                style="width:200px"
                size="small"
                :placeholder="$t('userManage.authorityM.nameHolder')"
              >
                <i
                  slot="suffix"
                  class="el-icon-search"
                  @click="submitForm"
                ></i>
              </el-input>
            </el-form-item>
          </div>
          <div>
            <el-form-item>
              <el-button
                v-if="menuStatus.insert"
                @click="InsertFormdialog = true"
                icon="el-icon-edit"
                type="success"
                size="small"
              >{{ $t('common.append') }}</el-button>
              <el-button
                v-if="menuStatus.delete"
                @click="DelFromData"
                icon="el-icon-delete"
                type="danger"
                size="small"
              >{{ $t('common.delete') }}</el-button>
              <!--          <el-button-->
              <!--            @click="submitForm('ruleForm')"-->
              <!--            icon="el-icon-search" size="small"-->
              <!--            type="primary"-->
              <!--          >{{-->
              <!--            $t('common.iquery')-->
              <!--          }}</el-button>-->
              <el-button
                @click="resetForm('ruleForm')"
                icon="el-icon-refresh"
                type="info"
                size="small"
              >{{ $t('common.empty') }}</el-button>
            </el-form-item>
          </div>
        </div>
        <div>
          <el-form-item>
          <el-button
            v-if="menuStatus.insert"
            @click="InsertFormdialog = true"
            icon="el-icon-edit"
            type="success" size="small"
          >{{ $t('common.append') }}</el-button>
          <el-button
            v-if="menuStatus.delete"
            @click="DelFromData"
            icon="el-icon-delete"
            type="danger" size="small"
          >{{ $t('common.delete') }}</el-button>
<!--          <el-button-->
<!--            @click="submitForm('ruleForm')"-->
<!--            icon="el-icon-search" size="small"-->
<!--            type="primary"-->
<!--          >{{-->
<!--            $t('common.iquery')-->
<!--          }}</el-button>-->
          <el-button
            @click="resetForm('ruleForm')"
            icon="el-icon-refresh"
            type="info" size="small"
          >{{ $t('common.empty') }}</el-button>
        </el-form-item>
        </div>
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div class="table_box subpage_Div" :style="styleVar">
    <div
      class="table_box subpage_Div"
      :style="styleVar"
    >
      <el-table
        :data="tableData"
        style="width: 100%"
@@ -86,7 +102,7 @@
        >
        </el-table-column>
        <el-table-column
          prop="createUser"
          prop="createName"
          align="center"
          :label="$t('userManage.userInfoObj.createUser')"
        >
@@ -99,7 +115,7 @@
        >
        </el-table-column>
        <el-table-column
          prop="updateUser"
          prop="updateName"
          align="center"
          :label="$t('userManage.userInfoObj.updateUser')"
        >
@@ -118,7 +134,6 @@
        >
        </el-table-column>
        <el-table-column
          :label="$t('common.operate')"
          width="170px"
        >
@@ -139,7 +154,10 @@
          </template>
        </el-table-column>
      </el-table>
      <div class="pagination_box" style="margin-top: 10px">
      <div
        class="pagination_box"
        style="margin-top: 10px"
      >
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -152,66 +170,66 @@
        </el-pagination>
      </div>
    </div>
<div class="infoBox_box" v-show="showinfoBox">
    <div
      class="infoBox subpage_Div box_div"
      class="infoBox_box"
      v-show="showinfoBox"
    >
      <el-card class="box-card">
        <div
          slot="header"
          class="clearfix"
        >
          <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
      <div class="infoBox subpage_Div box_div">
        <el-card class="box-card">
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
            slot="header"
            class="clearfix"
          >
            <i class="el-icon-close"></i>
            <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
            <div
              style="float: right; cursor: pointer"
              @click="closeDetial"
            >
              <i class="el-icon-close"></i>
            </div>
          </div>
        </div>
        <div class="contentBox">
          <p>
            <label> {{ $t('userManage.userInfoObj.name') }}:</label>
            <label class="boxlabel">{{ itemdetail.name }}</label>
          </p>
          <el-divider></el-divider>
          <p>
          <p>
            <label> {{ $t('userManage.userInfoObj.tag') }}:</label>
            <label class="boxlabel">{{ itemdetail.tag }}</label>
          </p>
          </p>
          <el-divider></el-divider>
          <p>
            <label> {{ $t('userManage.userInfoObj.createUser') }}:</label>
            <label class="boxlabel">{{ itemdetail.createUser }}</label>
          </p>
          <el-divider></el-divider>
          <p>
            <label> {{ $t('userManage.userInfoObj.createTime') }}:</label>
            <label class="boxlabel">{{ itemdetail.createTime }}</label>
          </p>
          <el-divider></el-divider>
          <p>
            <label> {{ $t('userManage.userInfoObj.updateUser') }}:</label>
            <label class="boxlabel">{{ itemdetail.updateUser }}</label>
          </p>
          <el-divider></el-divider>
          <p>
            <label> {{ $t('userManage.userInfoObj.updateTime') }}:</label>
            <label class="boxlabel">{{ itemdetail.updateTime }}</label>
          </p>
          <el-divider></el-divider>
          <p>
            <label> {{ $t('userManage.userInfoObj.bak') }}:</label>
            <label class="boxlabel">{{ itemdetail.bak }}</label>
          </p>
          <el-divider></el-divider>
        </div>
      </el-card>
          <div class="contentBox">
            <p>
              <label> {{ $t('userManage.userInfoObj.name') }}:</label>
              <label class="boxlabel">{{ itemdetail.name }}</label>
            </p>
            <el-divider></el-divider>
            <p>
            <p>
              <label> {{ $t('userManage.userInfoObj.tag') }}:</label>
              <label class="boxlabel">{{ itemdetail.tag }}</label>
            </p>
            </p>
            <el-divider></el-divider>
            <p>
              <label> {{ $t('userManage.userInfoObj.createUser') }}:</label>
              <label class="boxlabel">{{ itemdetail.createName }}</label>
            </p>
            <el-divider></el-divider>
            <p>
              <label> {{ $t('userManage.userInfoObj.createTime') }}:</label>
              <label class="boxlabel">{{ itemdetail.createTime }}</label>
            </p>
            <el-divider></el-divider>
            <p>
              <label> {{ $t('userManage.userInfoObj.updateUser') }}:</label>
              <label class="boxlabel">{{ itemdetail.updateName }}</label>
            </p>
            <el-divider></el-divider>
            <p>
              <label> {{ $t('userManage.userInfoObj.updateTime') }}:</label>
              <label class="boxlabel">{{ itemdetail.updateTime }}</label>
            </p>
            <el-divider></el-divider>
            <p>
              <label> {{ $t('userManage.userInfoObj.bak') }}:</label>
              <label class="boxlabel">{{ itemdetail.bak }}</label>
            </p>
            <el-divider></el-divider>
          </div>
        </el-card>
      </div>
    </div>
</div>
    <el-dialog
      :title="dialogTitle"
      :visible.sync="isTransfer"
@@ -245,7 +263,10 @@
      :before-close="handleClose"
    >
      <el-form :model="insertform" label-position="top">
      <el-form
        :model="insertform"
        label-position="top"
      >
        <el-form-item
          :label="$t('userManage.userInfoObj.name')"
          :label-width="formLabelWidth"
@@ -282,11 +303,15 @@
        slot="footer"
        class="dialog-footer"
      >
        <el-button size="small" @click="insertFromDataClose">{{
        <el-button
          size="small"
          @click="insertFromDataClose"
        >{{
          $t('common.close')
        }}</el-button>
        <el-button
         size="small"  type="primary"
          size="small"
          type="primary"
          @click="insertFromData"
        >{{
          $t('common.confirm')
@@ -298,36 +323,52 @@
      :visible.sync="EditFormdialog"
      :before-close="EditFromDataClose"
    >
      <el-form :model="upform" label-position="top">
      <el-form
        :model="upform"
        label-position="top"
      >
        <el-form-item
          :label="$t('userManage.userInfoObj.name')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.name" style="width:85%"></el-input>
          <el-input
            v-model="upform.name"
            style="width:85%"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('userManage.userInfoObj.tag')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.tag" style="width:85%"></el-input>
          <el-input
            v-model="upform.tag"
            style="width:85%"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('userManage.userInfoObj.bak')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.bak" style="width:85%"></el-input>
          <el-input
            v-model="upform.bak"
            style="width:85%"
          ></el-input>
        </el-form-item>
      </el-form>
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button size="small" @click="EditFromDataClose">{{
        <el-button
          size="small"
          @click="EditFromDataClose"
        >{{
          $t('common.close')
        }}</el-button>
        <el-button
          @click="EditFromData"
       size="small"  type="primary"
          size="small"
          type="primary"
        >{{
          $t('common.confirm')
        }}</el-button>
@@ -569,7 +610,7 @@
      if (data.code != 200) {
        this.$message.error("列表调用失败");
      }
      console.log(data.result);
      this.tableData = data.result;
      this.count = data.count;
    },