Authored by zhangtianqi

feat:端口侦测弹窗

  1 +<div>
  2 + <el-dialog v-model="dialogVisible" title="新增" width="50%" :before-close="beforeClose">
  3 + <div>
  4 + <div style="margin-right:6px;">
  5 + <!--<cm-res-type-tree-input @callback="getResType" clearable collapseTags multiple/>-->
  6 + </div>
  7 + <div class="flex-div-start" style="float: left;">
  8 + <el-button :size="$global.elementConfig.size.button" @click="onBtnSearch()" style="margin-left: 6px" type="primary">搜索</el-button>
  9 + </div>
  10 + </div>
  11 + <template #footer>
  12 + <span class="dialog-footer">
  13 + <el-button @click="beforeClose">取消</el-button>
  14 + <el-button type="primary" @click="submit">确定</el-button>
  15 + </span>
  16 + </template>
  17 + </el-dialog>
  18 +</div>
  1 +export default {
  2 + name: 'portSenseAdd',
  3 + template: '',
  4 + components: {
  5 + },
  6 + props:{
  7 + dialogVisible:{
  8 + type:Boolean,
  9 + }
  10 + },
  11 + setup(props, {attrs, slots, emit}){
  12 + const {proxy} = Vue.getCurrentInstance();
  13 +
  14 + let types = Vue.ref([]);
  15 + //获取资源类型
  16 + let getResType = (arr) => {
  17 + types.value = arr.map(function (v) {
  18 + return v.id;
  19 + });
  20 + }
  21 +
  22 + const onBtnSearch = ()=>{
  23 +
  24 + }
  25 +
  26 + const submit = ()=>{
  27 + if (types.value.length === 0) {
  28 + proxy.$global.layer.msg('请选择一项', {icon: 7, timeout: 3000});
  29 + return false;
  30 + }
  31 + beforeClose();
  32 + }
  33 +
  34 + const beforeClose = () => {
  35 + emit('beforeClose')
  36 + }
  37 +
  38 + return {
  39 + getResType,
  40 + onBtnSearch,
  41 + submit,
  42 + beforeClose
  43 + }
  44 + }
  45 +}
@@ -83,4 +83,6 @@ @@ -83,4 +83,6 @@
83 <port-sense-config :parameter="portSenseConfigData"></port-sense-config> 83 <port-sense-config :parameter="portSenseConfigData"></port-sense-config>
84 </template> 84 </template>
85 </cm-dialog> 85 </cm-dialog>
  86 +
  87 + <port-sense-add :dialogVisible="dialogVisible" @beforeClose="beforeClose"></port-sense-add>
86 </div> 88 </div>
@@ -6,6 +6,10 @@ export default { @@ -6,6 +6,10 @@ export default {
6 'port-sense-config': Vue.defineAsyncComponent( 6 'port-sense-config': Vue.defineAsyncComponent(
7 () => myImport('views/portSenseConfig/index') 7 () => myImport('views/portSenseConfig/index')
8 ), 8 ),
  9 + // 新增端口侦测
  10 + 'port-sense-add': Vue.defineAsyncComponent(
  11 + () => myImport('views/portSense/add/index')
  12 + ),
9 }, 13 },
10 data() { 14 data() {
11 }, 15 },
@@ -192,6 +196,7 @@ export default { @@ -192,6 +196,7 @@ export default {
192 }) 196 })
193 } 197 }
194 //添加 198 //添加
  199 + let dialogVisible = Vue.ref(false);
195 let save = () => { 200 let save = () => {
196 //获取所有的端口侦测信息 201 //获取所有的端口侦测信息
197 let dataList = []; 202 let dataList = [];
@@ -205,11 +210,12 @@ export default { @@ -205,11 +210,12 @@ export default {
205 }; 210 };
206 proxy.$http.get("/api-web/bResourceExtendParam/page", getParams, function (res) { 211 proxy.$http.get("/api-web/bResourceExtendParam/page", getParams, function (res) {
207 if (res && res.success) { 212 if (res && res.success) {
208 - dataList = res.data; 213 + dataList = res.data || [];
209 } 214 }
210 }) 215 })
211 dataList = dataList.map(item => item.resId); 216 dataList = dataList.map(item => item.resId);
212 - proxy.$global.openWin("template/res/reslist", "选择资源", {oldData: dataList}, ["选择"], function (index) { 217 + dialogVisible.value = true;
  218 + /*proxy.$global.openWin("template/res/reslist", "选择资源", {oldData: dataList}, ["选择"], function (index) {
213 //获取选中数据 219 //获取选中数据
214 let data = proxy.$global.layui.table.checkStatus('reslist_resListTable').data; 220 let data = proxy.$global.layui.table.checkStatus('reslist_resListTable').data;
215 if (data.length === 0) { 221 if (data.length === 0) {
@@ -222,9 +228,12 @@ export default { @@ -222,9 +228,12 @@ export default {
222 portSenseConfigData.value = data.map(item => item.resId); 228 portSenseConfigData.value = data.map(item => item.resId);
223 showPortSense.value = true; 229 showPortSense.value = true;
224 proxy.$global.layer.close(index); 230 proxy.$global.layer.close(index);
225 - }, null, ['80%', '83%']); 231 + }, null, ['80%', '83%']);*/
226 232
227 } 233 }
  234 + const beforeClose = ()=>{
  235 + dialogVisible.value = false;
  236 + }
228 //删除 237 //删除
229 let deleteOther = () => { 238 let deleteOther = () => {
230 let list = pitch.value.map(item => { 239 let list = pitch.value.map(item => {
@@ -278,6 +287,9 @@ export default { @@ -278,6 +287,9 @@ export default {
278 title, 287 title,
279 portSenseConfigData, 288 portSenseConfigData,
280 showPortSenseDialog, 289 showPortSenseDialog,
  290 +
  291 + dialogVisible,
  292 + beforeClose
281 } 293 }
282 } 294 }
283 } 295 }