【#1162】 变更负责人相关业务-资源权限列表页 #3

@@ -5,7 +5,7 @@
                 <el-input  v-model="search.keyword" placeholder="请输入关键字"></el-input>
                 <el-input  v-model="search.keyword" placeholder="请输入关键字"></el-input>
             </el-form-item>
             </el-form-item>
             <el-form-item style="margin-right: 6px;margin-bottom: 10px;">
             <el-form-item style="margin-right: 6px;margin-bottom: 10px;">
-                <el-select clearable multiple v-model="search.resType" placeholder="请选择资源类型">
+                <el-select filterable clearable  v-model="search.resType" placeholder="请选择资源类型">
                     <el-option
                     <el-option
                             v-for="item in resTypeOptions"
                             v-for="item in resTypeOptions"
                             :key="item.resTypeCode"
                             :key="item.resTypeCode"
@@ -31,6 +31,7 @@
         <cm-table-page :columns="columns"
         <cm-table-page :columns="columns"
                        :dataList="resourceData"
                        :dataList="resourceData"
                        :total="count"
                        :total="count"
+                       :layout="'total, prev,pager,next,sizes, jumper'"
                        :pageSize="pageSize"
                        :pageSize="pageSize"
                        @loaddata="loadTableDataList"
                        @loaddata="loadTableDataList"
                        @selectionChange="selectionChange"
                        @selectionChange="selectionChange"
@@ -42,9 +43,17 @@
                        :showTools="false"
                        :showTools="false"
                        :height="(height - 200)">
                        :height="(height - 200)">
             <template #default="{row,prop,column}">
             <template #default="{row,prop,column}">
-               <!-- <div v-if="prop == 'protocolType'">
-
-                </div>-->
+                <div v-if="prop == 'paramDesc'">
+                    <el-select v-if="row.resType == 'HOST_X86SERVER'" v-model="row.showType" placeholder="">
+                        <el-option
+                                v-for="item in showTypeList"
+                                :key="item.value"
+                                :label="item.name"
+                                :value="item.value"
+                        >
+                        </el-option>
+                    </el-select>
+                </div>
             </template>
             </template>
         </cm-table-page>
         </cm-table-page>
     </el-col>
     </el-col>

@@ -96,17 +96,15 @@ export default {
                 align: 'center',
                 align: 'center',
                 render: function (row) {
                 render: function (row) {
                     if(row.resType == 'HOST_X86SERVER'){
                     if(row.resType == 'HOST_X86SERVER'){
-                        //初始化select内容
-                       /* var html='<div><select data-resId="'+d.resId+'" data-username="'+username+'" data-index="99" name="showType" class="layui-input user_showType"  style="min-width: 150px;display: inline">';
+                        let span='<span>';
                         showTypeList.value.map((v,i)=>{
                         showTypeList.value.map((v,i)=>{
-                            if(d.showType == v.value){
-                                html += '<option value="' + v.value + '" selected>' + v.name + '</option> '
-                            }else{
-                                html += '<option value="' + v.value + '">' + v.name + '</option> '
+                            if(row.showType == v.value){
+                                span +=  v.name
                             }
                             }
                         })
                         })
-                        html+='</select></div>';
-                        return html;*/
+                        span+='</span>';
+                        return span;
+
                     }else{
                     }else{
                         return '';
                         return '';
                     }
                     }
@@ -116,19 +114,12 @@ export default {
 
 
         //列表数据
         //列表数据
         let resourceData = Vue.ref([]);
         let resourceData = Vue.ref([]);
-
-        //资源数据
-        let resIdArr = Vue.ref([]);
-
-
         //获取列表数据
         //获取列表数据
         const getListData = () => {
         const getListData = () => {
-
             let username=proxy.$route.query.username;
             let username=proxy.$route.query.username;
             let resName=proxy.$route.query.resName;
             let resName=proxy.$route.query.resName;
             //定义列表参数
             //定义列表参数
             let getParams = {
             let getParams = {
-                resIds: resIdArr.value.join(','),
                 resType:search.value.resType,
                 resType:search.value.resType,
                 keyword:search.value.keyword,
                 keyword:search.value.keyword,
                 resName: resName,
                 resName: resName,
@@ -144,10 +135,21 @@ export default {
                 }
                 }
             })
             })
         }
         }
-
+        //重新加载表格数据
+        let loadTableDataList = ({page, limit}) => {
+            search.value.page=page;
+            search.value.limit=limit;
+            getListData();
+        }
+        let resIds=Vue.ref('');//选中的ids
         //表格全选事件
         //表格全选事件
         let selectionChange = (val) => {
         let selectionChange = (val) => {
             pitch.value = val;
             pitch.value = val;
+            let arr=[];
+            pitch.value.map(item=>{
+                arr.push(item.resId)
+            })
+            resIds.value=arr.join(",");//选中的值
             proxy.resourceData.map((v, i) => {
             proxy.resourceData.map((v, i) => {
                 v.checked = false;
                 v.checked = false;
             });
             });
@@ -166,28 +168,47 @@ export default {
                 })
                 })
             }
             }
         }
         }
+        //获取资源类型数据
+        let getResourceTypoe=()=>{
+            proxy.$http.get(`/api-web/manage/restype/list`, {}, function (res) {
+                if (res && res.data) {
+                    resTypeOptions.value=res.data
+                }
+            })
+        }
+        //获取展示类型的字典数据
+        let initShowType=()=>{
+            proxy.$http.post("/api-web/manage/ddic/findSucDdics/DETAILS_POWER", {}, function (res) {
+                if (res && res.success) {
+                    let arr=res.data;
+                    if(arr && arr.length>0){
+                        arr.map(v=>{
+                            showTypeList.value.push({
+                                name: v.ddicName
+                                ,value: v.ddicCode.substring(v.ddicCode.lastIndexOf("_")+1,v.ddicCode.length)
+                            });
+                        })
+                    }
 
 
+                }
+            })
+        }
         //批量取消相关资源
         //批量取消相关资源
         let changeCancel = () => {
         let changeCancel = () => {
-            console.log("123654",pitch.value)
             if(pitch.value.length<1){
             if(pitch.value.length<1){
                 proxy.$global.showMsg('请至少选择一项','warning');
                 proxy.$global.showMsg('请至少选择一项','warning');
-
             }else{
             }else{
                 proxy.$global.confirm("确定取消相关资源？", function () {
                 proxy.$global.confirm("确定取消相关资源？", function () {
                     proxy.$global.showMsg('取消成功！');
                     proxy.$global.showMsg('取消成功！');
-
-                    // proxy.$http.get(`/api-web/alarmsubscribe/exclude/delete/${row.id}`, {}, function (res) {
+                    // proxy.$http.get(`/api-web/`, {resIds:resIds.value}, function (res) {
                     //     if (res && res.success) {
                     //     if (res && res.success) {
                     //         proxy.$global.showMsg('取消成功！');
                     //         proxy.$global.showMsg('取消成功！');
                     //         getListData()
                     //         getListData()
                     //     }
                     //     }
                     // })
                     // })
-
                 });
                 });
             }
             }
         }
         }
-
         //变更负责人
         //变更负责人
         let changeAdmin = () => {
         let changeAdmin = () => {
             if(pitch.value.length<1){
             if(pitch.value.length<1){
@@ -198,14 +219,6 @@ export default {
             }
             }
 
 
         }
         }
-
-        //重新加载表格数据
-        let loadTableDataList = ({page, limit}) => {
-            search.value.page=page;
-            search.value.limit=limit;
-            getListData();
-        }
-
         //变更人员的弹框关闭后
         //变更人员的弹框关闭后
         let hideDialog =(flag)=>{
         let hideDialog =(flag)=>{
             show.value=flag;
             show.value=flag;
@@ -215,37 +228,20 @@ export default {
         let savebtn =(obj)=>{
         let savebtn =(obj)=>{
             show.value=false;
             show.value=false;
             //obj.selectModel 选中的用户组（一个/主负责人) obj.selectModelSecond 辅负责人，都是数组
             //obj.selectModel 选中的用户组（一个/主负责人) obj.selectModelSecond 辅负责人，都是数组
-            console.log("&&&",obj)
-            getListData();
-        }
-        //获取资源类型数据
-        let getResourceTypoe=()=>{
-            proxy.$http.get(`/api-web/manage/restype/list`, {}, function (res) {
-                if (res && res.data) {
-                    resTypeOptions.value=res.data
-                }
-            })
-
-        }
-        //获取展示类型的字典数据
-        let initShowType=()=>{
-            proxy.$http.get("/api-web/manage/resource/getAllResByUser", {}, function (res) {
-                if (res && res.success) {
-                    let arr=res.data;
-                    if(arr && arr.length>0){
-                        arr.map(v=>{
-                            showTypeList.value.push({
-                                name: v.ddicName
-                                ,value: v.ddicCode.substring(v.ddicCode.lastIndexOf("_")+1,v.ddicCode.length)
-                            });
-                        })
-                    }
-
-                }
-            })
+            let params={
+                resIds:resIds.value,
+                selectModel:obj.selectModel,
+            }
+            // proxy.$http.get(`/api-web/`, {}, function (res) {
+            //     if (res && res.success) {
+            //         proxy.$global.showMsg('变更成功！');
+            //         getListData()
+            //     }
+            // })
         }
         }
         // 挂载完
         // 挂载完
         Vue.onMounted(() => {
         Vue.onMounted(() => {
+            initShowType();
             getResourceTypoe();
             getResourceTypoe();
             getListData();
             getListData();
         })
         })