右侧收缩展开/IT系统图禁用删除

com.actionsoft.apps.coe.pal/src/views/repository/RepositoryList.vue

@@ -119,7 +119,7 @@
                           label="修改日期"
                           width="300">
                     <template slot-scope="scope">
-                      <div class="div-update-date">
+                      <div class="div-update-date" >
                         <p>
                           {{scope.row.updateUser}} 于 {{scope.row.updateDate}}修改
                           <span :style="{'color': scope.row.versionStatus.stateColor}" style="margin-left: 12px;font-size: 13px;">( {{ scope.row.versionStatus.state }} )</span>
@@ -204,11 +204,15 @@
           </div>
         </div>
       </el-main>
-      <el-aside v-if="isShow" width="280px" :style="{'height': (parseInt(mainHeight) - 5) + 'px', 'background-color': '#FAFAFB','position': 'relative','top': '5px'}">
-        <div style="border-left: 1px solid #f2f2f2;width: 270px;height: 100%;">
+      <el-aside v-if="isShow" width="280px" :style="{'width':newwidth, 'height': (parseInt(mainHeight) - 5) + 'px', 'background-color': '#FAFAFB','position': 'relative','top': '5px'}">
+        <div @click="newwidthbind()">
+          <img :src="imgPath" style="border-radius: 4px;border:1px solid #F2F2F2;width:20px;">
+          <!--{{newtitle}}-->
+        </div>
+        <div style="border-left: 1px solid #f2f2f2;height: 100%;" v-if="newwidthtrue==false">
           <!-- 名称和缩略图 -->
           <div>
-            <div style="width:240px;min-height: 47px;margin-left:15px; margin-right:15px;">
+            <div style="min-height: 47px;margin-left:15px; margin-right:15px;">
               <div style="position:relative;padding-top: 12px;">
                 <div v-if="!currRepositoryDetail.folder" class="icon-div-repository-detail" :style="{'background-color': currRepositoryDetail.iconColor}">
                   <i class="awsui-iconfont icon-repository-detail" v-html="currRepositoryDetail.iconCode"></i>
@@ -272,12 +276,13 @@
     </el-container>
     <el-footer id="operateFooter" v-show="showFooter" style="height: 45px;padding: 0;" key="operateFooter">
       <div style="border-top: 1px solid #F2F2F2;height: 44px;">
-        <div style="padding: 8px 8px 8px 34px;">
+        <!-- 如果分类为IT系统图 /角色模型/岗位模型则隐藏操作字段-->
+        <div style="padding: 8px 8px 8px 34px;"  >
           <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"></el-checkbox>
           <awsui-button v-if="isOlderVersion ? havingWritePerm : true " style="width: 100px;margin-left: 15px;" class="button-general-color" type="primary" @click="moveFiles">移动至</awsui-button>
           <awsui-button v-if="isOlderVersion ? havingWritePerm : true" style="width: 100px;" class="button-general-color-reverse" plain @click="copyFiles()">创建副本</awsui-button>
           <awsui-button style="width: 100px;" class="button-general-color-reverse" plain @click="exportFiles()">导出</awsui-button>
-          <awsui-button v-if="isOlderVersion ? havingRemovePerm : true" style="width: 100px;" class="button-general-color-reverse2" plain @click="removeFiles()">删除</awsui-button>
+          <awsui-button v-if="isOlderVersion ? havingRemovePerm : true && category != 'itsystem'"  style="width: 100px;" class="button-general-color-reverse2" plain @click="removeFiles()">删除</awsui-button>
           <awsui-button style="width: 100px;" class="button-general-color-reverse3" plain @click="closeFooter">取消</awsui-button>
         </div>
       </div>
@@ -385,6 +390,9 @@
     data(){
       return {
         loading: false,
+        newwidth:'280px',
+        newwidthtrue:false,
+        newtitle:'收起',
         mainHeight: (parseInt(this.$store.getters.getTopMainHeightFn) - (this.showFooter ? 45 : 0)) + 'px',
         tableLoading: false,
         showFooter: false,
@@ -475,7 +483,8 @@
     },
     created() {
     },
-    mounted() {
+    mounted(){
+
       this.initData();
       this.rowDrop();
       // 【伊利架构筛选需求】将本组件内的initData方法暴露 方便别的组件调用
@@ -493,6 +502,19 @@
       });
     },
     methods: {
+      newwidthbind(){
+        if(this.newwidthtrue==false){
+          this.newwidthtrue = true;
+          this.newwidth ='28px';
+          //this.newtitle = '展开';
+          this.imgPath=require('@/assets/double-arrow-left.png');
+        }else{
+          this.newwidthtrue = false;
+          this.newwidth ='280px';
+          //this.newtitle = '收起';
+          this.imgPath=require('@/assets/double-arro-right.png');
+        }
+      },
       handleCloseFolder(done) {
         this.folderDialog.dialogVisible = false;
         done();
@@ -561,9 +583,11 @@
       },
       initData() {
         const that = this;
+
         that.tableLoading = true;
         const wsId = that.$store.getters.getWsIdFn;
         const teamId = that.$store.getters.getTeamIdFn;
+
         const data = {
           url:'jd',
           data:{
@@ -657,6 +681,9 @@
                 that.setCurrentRow(that.tableData[0]);
               }
             }
+
+            that.imgPath=require("@/assets/double-arro-right.png");
+
           }
         }).catch(error=>{
           console.log(error);
@@ -1749,7 +1776,7 @@
   #repositoryList >>> .row-repository-title .cell {/*IE错位问题*/
     position: relative;
   }
-/**当前title 样式 */
+  /**当前title 样式 */
   .cur-title:hover  {
     color: #4E7FF9;
     cursor: pointer;