From b59cfd52e8a59237892b8cf1998700beb3cfe8c5 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Fri, 25 Oct 2019 09:53:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E5=8A=9E=E6=96=B9=E5=92=8C=E5=BC=80?=
 =?UTF-8?q?=E6=94=BE=E8=8C=83=E5=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admins/competition_settings/index.js      | 13 +++++++++
 .../admins/competition_settings.scss          | 27 +++++++++++++++++++
 app/assets/stylesheets/common.scss            |  1 +
 .../competition_settings/index.html.erb       | 23 ++++++++++++++--
 4 files changed, 62 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/admins/competition_settings/index.js b/app/assets/javascripts/admins/competition_settings/index.js
index cc56c8641..6568ab43f 100644
--- a/app/assets/javascripts/admins/competition_settings/index.js
+++ b/app/assets/javascripts/admins/competition_settings/index.js
@@ -107,6 +107,19 @@ $(document).on('turbolinks:load', function(){
     }
 });
 
+//添加主办方或者开放范围
+function addSponsor(item){
+    var html='<div class="sponsor_label">\n' +
+        '              <input type="hidden" value="school_id" />\n' +
+        '              <span>caicai</span>\n' +
+        '              <a href="javascript:void(0)" onclick="del_sponsor(this)">×</a>\n' +
+        '            </div>';
+    $(item).parents(".sponsorPanel").append(html);
+}
+//删除
+function del_sponsor(item){
+    $(item).parents(".sponsor_label").remove();
+}
 
 $(function () {
     //MD编辑
diff --git a/app/assets/stylesheets/admins/competition_settings.scss b/app/assets/stylesheets/admins/competition_settings.scss
index 690cc2207..cef12cae3 100644
--- a/app/assets/stylesheets/admins/competition_settings.scss
+++ b/app/assets/stylesheets/admins/competition_settings.scss
@@ -40,6 +40,33 @@
     line-height: 20px;
   }
 
+  .sponsor_label{
+    border:1px solid #4CACFF;
+    border-radius: 5px;
+    background-color: rgba(76,172,255,0.3);
+    color: #333;
+    padding:0px 4px;
+    height: 30px;
+    line-height: 30px;
+    float: left;
+    margin: 4px 5px;
+
+    span{
+      display: block;
+      float: left;
+      height: 28px;
+      line-height: 28px;
+      margin-right: 5px;
+    }
+
+    a{
+      font-size: 18px;
+      float: left;
+      height: 28px;
+      line-height: 28px;
+    }
+  }
+
   .large_panel{
     padding:0px 15px;
 
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 90cdef268..19df03619 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -29,6 +29,7 @@ input.form-control {
 .flex-1 {
   flex: 1;
 }
+.fl{float: left}
 .no_padding{padding: 0px!important;}
 .font-12 { font-size: 12px !important; }
 .font-14 { font-size: 14px !important; }
diff --git a/app/views/admins/competition_settings/index.html.erb b/app/views/admins/competition_settings/index.html.erb
index 34a326dee..580b9b585 100644
--- a/app/views/admins/competition_settings/index.html.erb
+++ b/app/views/admins/competition_settings/index.html.erb
@@ -93,12 +93,31 @@
           </div>
         </div>
 
-        <div class="row align-items-center mb-2">
+        <div class="row align-items-center d-flex mb-2">
           <div class="col-1 text-right">
             主办方
           </div>
-          <div class="col-5 text-left">
+          <div class="flex-1 text-left sponsorPanel">
+            <a href="javascript:void(0)" class="btn btn-white fl ml10" onclick="addSponsor(this)">+</a>
+            <div class="sponsor_label">
+              <input type="hidden" value="school_id" />
+              <span>caicai</span>
+              <a href="javascript:void(0)" onclick="del_sponsor(this)">×</a>
+            </div>
+          </div>
+        </div>
 
+        <div class="row align-items-center d-flex mb-2">
+          <div class="col-1 text-right">
+            开放范围
+          </div>
+          <div class="flex-1 text-left sponsorPanel">
+            <a href="javascript:void(0)" class="btn btn-white fl ml10" onclick="addSponsor(this)">+</a>
+            <div class="sponsor_label">
+              <input type="hidden" value="school_id" />
+              <span>caicai</span>
+              <a href="javascript:void(0)" onclick="del_sponsor(this)">×</a>
+            </div>
           </div>
         </div>