From 0b443f8247bf626361f2e38155ac493d387b6c59 Mon Sep 17 00:00:00 2001
From: liaozetao <1107136310@qq.com>
Date: Wed, 20 Dec 2023 10:49:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E6=BA=90=E4=BD=8D=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=B8=B8=E6=88=8F=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../firstpage/RecommendResourceAdminView.vue  | 94 ++++++++++++++++---
 1 file changed, 82 insertions(+), 12 deletions(-)

diff --git a/src/views/firstpage/RecommendResourceAdminView.vue b/src/views/firstpage/RecommendResourceAdminView.vue
index 43f3e4e..74ee281 100644
--- a/src/views/firstpage/RecommendResourceAdminView.vue
+++ b/src/views/firstpage/RecommendResourceAdminView.vue
@@ -42,7 +42,7 @@
                         <div class="form-group">
                             <label for="resourceA" class="col-sm-3 control-label">A策略<font color="red">*</font>：</label>
                             <div class="col-sm-9">
-                                <select name="status" id="resourceA" class="form-control validate[required]">
+                                <select name="status" id="resourceA" class="form-control validate[required]" oninput="changeContent('A')">
                                     <option value=""></option>
                                     <option value="1">牌照房</option>
                                     <option value="2">相亲房</option>
@@ -67,7 +67,8 @@
                             </div>
                         </div>
                         <div class="form-group" id="boxA">
-                            <label for="contentA" class="col-sm-3 control-label" id="contentLabA"></label>
+                            <label for="contentA" class="col-sm-3 control-label" id="contentLabA">房主音萌号<font color="red">*
+                                </font>:</label>
                             <div class="col-sm-9">
                                 <input type="text" class="form-control validate[required]" name="name" id="contentA">
                             </div>
@@ -77,7 +78,7 @@
                         <div class="form-group">
                             <label for="resourceB" class="col-sm-3 control-label">B策略<font color="red">*</font>：</label>
                             <div class="col-sm-9">
-                                <select name="status" id="resourceB" class="form-control validate[required]">
+                                <select name="status" id="resourceB" class="form-control validate[required]" oninput="changeContent('B')">
                                     <option value=""></option>
                                     <option value="1">牌照房</option>
                                     <option value="2">相亲房</option>
@@ -112,7 +113,7 @@
                         <div class="form-group">
                             <label for="resourceC" class="col-sm-3 control-label">C策略<font color="red">*</font>：</label>
                             <div class="col-sm-9">
-                                <select name="status" id="resourceC" class="form-control validate[required]">
+                                <select name="status" id="resourceC" class="form-control validate[required]" oninput="changeContent('C')">
                                     <option value=""></option>
                                     <option value="1">牌照房</option>
                                     <option value="2">相亲房</option>
@@ -148,7 +149,7 @@
                         <div class="form-group">
                             <label for="resourceD" class="col-sm-3 control-label">C策略<font color="red">*</font>：</label>
                             <div class="col-sm-9">
-                                <select name="status" id="resourceD" class="form-control validate[required]">
+                                <select name="status" id="resourceD" class="form-control validate[required]" oninput="changeContent('D')">
                                     <option value=""></option>
                                     <option value="1">牌照房</option>
                                     <option value="2">相亲房</option>
@@ -177,7 +178,7 @@
                         <div class="form-group">
                             <label for="resourceE" class="col-sm-3 control-label">E策略<font color="red">*</font>：</label>
                             <div class="col-sm-9">
-                                <select name="status" id="resourceE" class="form-control validate[required]">
+                                <select name="status" id="resourceE" class="form-control validate[required]" oninput="changeContent('E')">
                                     <option value=""></option>
                                     <option value="1">牌照房</option>
                                     <option value="2">相亲房</option>
@@ -249,7 +250,66 @@ import { formatTime, serverError } from '@/utils/maintainer';
 
 export default {
     name: "RecommendResourceAdminView",
-    setup() { },
+    setup() { 
+        function changeContent(tag) {
+            let resourceType = $('#resource' + tag).val();
+            let $box = $('#box' + tag);
+            $box.children().remove();
+            //游戏房
+            if (resourceType == 4) {
+                let $label = $('<label/>');
+                $label.attr('for', 'content' + tag);
+                $label.attr('class', 'col-sm-3 control-label');
+                $label.attr('id', 'contentLab' + tab);
+                $label.html('游戏类型:');
+                $box.append($label);
+                $.ajax({
+                    url: '/admin/miniGame/statis/mgList',
+                    type: 'GET',
+                    async: false,
+                    datatype: 'json',
+                    success: function (res) {
+                        console.log(res);
+                        if (res) {
+                            let data = res.data;
+                            var $select = $('<select/>');
+                            $select.attr('class', 'form-control validate[required]');
+                            $select.attr('id', 'content' + tag);
+                            for (let i = 0, len = data.length; i < len; i++) {
+                                let item = data[i];
+                                let $option = $('<option/>');
+                                $option.attr('value', item.mgIdStr);
+                                $option.html(item.name);
+                                $select.append($option);
+                            }
+                            $box.append($select);
+                        }
+                    },
+                });
+                //H5或自定义房间
+            } else if (resourceType == 5 || resourceType == 6) {
+                let $label = $('<label/>');
+                $label.attr('for', 'content' + tag);
+                $label.attr('class', 'col-sm-3 control-label');
+                $label.attr('id', 'contentLab' + tab);
+                $label.html('房主音萌号<font color="red">*</font>:');
+                $box.append($label);
+                let $div = $('<div/>');
+                $div.attr('class', 'col-sm-9');
+                let $input = $('<input/>');
+                $input.attr('type', 'text');
+                $input.attr('class', 'form-control validate[required]');
+                $input.attr('name', 'name');
+                $input.attr('id', 'content' + tag);
+                $div.append($input);
+                $box.append($div);
+            }
+        } 
+        window.changeContent = changeContent;
+        return {
+            changeContent,
+        };
+    },
     created() {
         this.$nextTick(function () {
             this.initData();
@@ -429,6 +489,11 @@ export default {
                 //新建标签
                 $("#btnAdd").click(function () {
                     clearModal();
+                    window.changeContent('A');
+                    window.changeContent('B');
+                    window.changeContent('C');
+                    window.changeContent('D');
+                    window.changeContent('E');
                     $("#boxA").hide();
                     $("#boxB").hide();
                     $("#boxC").hide();
@@ -542,35 +607,40 @@ export default {
                                 $("#resourceC").val(json.resourceC);
                                 $("#resourceD").val(json.resourceD);
                                 $("#resourceE").val(json.resourceE);
-                                if (json.resourceA == 5 || json.resourceA == 6) {
+                                window.changeContent('A');
+                                window.changeContent('B');
+                                window.changeContent('C');
+                                window.changeContent('D');
+                                window.changeContent('E');
+                                if (json.resourceA == 4 || json.resourceA == 5 || json.resourceA == 6) {
                                     $("#contentA").val(json.contentA);
                                     $("#boxA").show();
                                 } else {
                                     $("#contentA").val('');
                                     $("#boxA").hide();
                                 }
-                                if (json.resourceB == 5 || json.resourceB == 6) {
+                                if (json.resourceB == 4 || json.resourceB == 5 || json.resourceB == 6) {
                                     $("#contentB").val(json.contentB);
                                     $("#boxB").show();
                                 } else {
                                     $("#contentB").val('');
                                     $("#boxB").hide();
                                 }
-                                if (json.resourceC == 5 || json.resourceC == 6) {
+                                if (json.resourceC == 4 || json.resourceC == 5 || json.resourceC == 6) {
                                     $("#contentC").val(json.contentC);
                                     $("#boxC").show();
                                 } else {
                                     $("#contentC").val('');
                                     $("#boxC").hide();
                                 }
-                                if (json.resourceD == 5 || json.resourceD == 6) {
+                                if (json.resourceD == 4 || json.resourceD == 5 || json.resourceD == 6) {
                                     $("#contentD").val(json.contentD);
                                     $("#boxD").show();
                                 } else {
                                     $("#contentD").val('');
                                     $("#boxD").hide();
                                 }
-                                if (json.resourceE == 5 || json.resourceE == 6) {
+                                if (json.resourceE == 4 || json.resourceE == 5 || json.resourceE == 6) {
                                     $("#contentE").val(json.contentE);
                                     $("#boxE").show();
                                 } else {