组织架构管理-架构管理列表 组件宽度修改

src/views/modules/organize/metaSysDeptManagement-add-or-update.vue

@@ -2,7 +2,8 @@
   <el-dialog :visible.sync="visible"
              :title="!dataForm.id ? $t('add') : $t('update')"
              :close-on-click-modal="false"
-             :close-on-press-escape="false">
+             :close-on-press-escape="false"
+             customClass="customWidth">
     <el-form :model="dataForm"
              :rules="dataRule"
              ref="dataForm"
@@ -11,12 +12,12 @@
       <el-form-item prop="name"
                     :label="$t('dept.name')">
         <el-input v-model="dataForm.name"
-                  :placeholder="$t('dept.name')"></el-input>
+                  :placeholder="$t('dept.name')" style="width: 75%"></el-input>
       </el-form-item>
       <el-form-item prop="partyCode"
                     :label="$t('dept.partyCode')">
         <el-input v-model="dataForm.partyCode"
-                  :placeholder="$t('dept.partyCode')" :disabled="true"></el-input>
+                  :placeholder="$t('dept.partyCode')" :disabled="true" style="width: 75%"></el-input>
       </el-form-item>
       <el-form-item prop="parentName"
                     :label="$t('dept.parentName')"
@@ -38,7 +39,7 @@
         <el-input v-model="dataForm.parentName"
                   v-popover:deptListPopover
                   :readonly="true"
-                  :placeholder="$t('dept.parentName')" :disabled="true">
+                  :placeholder="$t('dept.parentName')" :disabled="true" style="width: 75%">
           <i v-if="$store.state.user.superAdmin === 1 && dataForm.pid !== '0'"
              slot="suffix"
              @click.stop="deptListTreeSetDefaultHandle()"
@@ -50,7 +51,7 @@
                     prop="typeKey">
         <el-select v-model="dataForm.typeKey"
                    @change="changeOrgType"
-                   placeholder="机构类型" :disabled="true">
+                   placeholder="机构类型" :disabled="true" style="width: 75%">
           <el-option v-for="item in secondOrgDictList"
                      :key="item.dictValue"
                      :label="item.dictName"
@@ -63,13 +64,13 @@
         <el-input-number v-model="dataForm.sort"
                          controls-position="right"
                          :min="0"
-                         :label="$t('dept.sort')"></el-input-number>
+                         :label="$t('dept.sort')" style="width: 75%"></el-input-number>
       </el-form-item>
     </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
       <el-button type="primary"
-                 @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+                 @click="dataFormSubmitHandle()" :disabled="isAble">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -82,6 +83,7 @@ export default {
       visible: false,
       deptList: [],
       deptListVisible: false,
+      isAble: false,
       dataForm: {
         id: '',
         name: '',
@@ -179,15 +181,18 @@ export default {
         if (!valid) {
           return false
         }
+        this.isAble = true
         this.$http[!this.dataForm.id ? 'post' : 'put']('/cloudAnalysis/metaSysdeptManager', this.dataForm).then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg)
           }
+          this.isAble = false
           this.$message({
             message: this.$t('prompt.success'),
             type: 'success',
             duration: 500,
             onClose: () => {
+              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
             }
@@ -208,4 +213,7 @@ export default {
     }
   }
 }
+.customWidth {
+  width:30%;
+}
 </style>

src/views/modules/organize/metasysdeptManagement.vue

@@ -13,20 +13,15 @@
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
-        <el-form-item>
-          <el-button v-if="$hasPermission('sys:metasysdept:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button v-if="$hasPermission('sys:metasysdept:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
-        </el-form-item>
       </el-form>
       <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
         <el-table-column prop="name" label="名称" header-align="center"></el-table-column>
+        <el-table-column prop="parentName" label="上级部门" header-align="center"></el-table-column>
+
         <el-table-column prop="sort" label="排序" header-align="center" align="center" width="80"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
             <el-button v-if="$hasPermission('sys:metasysdeptManagement:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('sys:metasysdeptManagement:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
             <el-button type="text" size="small" @click="lookHandle(scope.row.id,scope.row.pid)" :disabled="scope.row.typeKey == 'grid_party'">查看</el-button>
           </template>
         </el-table-column>