代充身份-子代理

.env.development

@@ -1,2 +1,2 @@
-VUE_APP_API_BASE_URL='http://beta.admin.pekolive.com'
+VUE_APP_API_BASE_URL='http://localhost:8080'
 VUE_APP_DEBUG_MODE=true

src/views/recharge/RechargeUserView.vue

@@ -78,19 +78,15 @@
           <form class="form-horizontal">
             <input type="hidden" name="id" id="id" />
             <div class="form-group">
-              <label for="erbanNo" class="col-sm-3 control-label"
+              <label for="erbanNo" class="col-sm-3 control-label">Peko ID：</label>
-                >Peko ID：</label
-              >
               <div class="col-sm-9">
                 <input type="text" class="form-control" id="erbanNo" />
               </div>
             </div>
             <div class="form-group">
-              <label for="starLevel" class="col-sm-3 control-label"
+              <label for="starLevel" class="col-sm-3 control-label">信誉值:</label>
-                >信誉值:</label
-              >
               <div class="col-sm-9">
-                <select name="starLevel" id="starLevel">
+                <select name="starLevel" id="starLevel" class="form-control">
                   <option value="">-- 请选择 --</option>
                   <option value="1">1</option>
                   <option value="2">2</option>
@@ -100,6 +96,50 @@
                 </select>
               </div>
             </div>
+            <div class="form-group">
+              <label class="col-sm-3 control-label">展示子代理</label>
+              <div class="col-sm-9">
+                <select name="hasCharge" id="hasCharge" class="form-control">
+                  <option value="1">是</option>
+                  <option value="0">否</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group" id="subErbanNoFormGroup">
+              <label class="col-sm-3 control-label">子代理</label>
+              <div class="col-sm-9" id="subErbanNoInputGroup">
+                <div class="input-group">
+                  <input name="subErbanNo" type="number" class="form-control" placeholder="子代理id" />
+                  <span class="input-group-btn">
+                    <button class="btn btn-default" type="button">-</button>
+                  </span>
+                </div>
+                <div class="input-group">
+                  <input name="subErbanNo" type="number" class="form-control" placeholder="子代理id" />
+                  <span class="input-group-btn">
+                    <button class="btn btn-default" type="button">-</button>
+                  </span>
+                </div>
+                <div class="input-group">
+                  <input name="subErbanNo" type="number" class="form-control" placeholder="子代理id" />
+                  <span class="input-group-btn">
+                    <button class="btn btn-default" type="button">-</button>
+                  </span>
+                </div>
+                <div class="input-group">
+                  <input name="subErbanNo" type="number" class="form-control" placeholder="子代理id" />
+                  <span class="input-group-btn">
+                    <button class="btn btn-default" type="button">-</button>
+                  </span>
+                </div>
+                <div class="input-group">
+                  <input name="subErbanNo" type="number" class="form-control" placeholder="子代理id" />
+                  <span class="input-group-btn">
+                    <button class="btn btn-default" type="button">-</button>
+                  </span>
+                </div>
+              </div>
+            </div>
             <div class="form-group">
               <label class="col-sm-3 control-label">代充地区</label>
             </div>
@@ -366,6 +406,7 @@ export default {
           $("#id").val("");
           $("#erbanNo").val("");
           $("#starLevel").val("");
+          $("input[name='subErbanNo']").each(function() {$(this).val("");});
           showRegion();
           $("#editModal").modal("show");
         });
@@ -423,6 +464,16 @@ export default {
               $("#tipModal").modal("show");
               return;
             }
+            const subErbanNoValues = [];
+            const subErbanNoInputs = $("input[name='subErbanNo']");
+            subErbanNoInputs.each(function() {
+              const subErbanNo = $(this).val();
+              if (subErbanNo){
+                subErbanNoValues.push(subErbanNo);
+              }
+            });
+            console.info("sub", subErbanNoValues);
+
             var userRegionArray = [];
             for (let i = 0; i < regionArray.length; i++) {
               var region = regionArray[i];
@@ -448,7 +499,9 @@ export default {
             var data = {
               erbanNo: $("#erbanNo").val(),
               starLevel: $("#starLevel").val(),
+              hasCharge: $("#hasCharge").val(),
               userRegions: JSON.stringify(userRegionArray),
+              subErbanNos: subErbanNoValues.join(","),
             };
             if (id) {
               data.id = id;
@@ -482,6 +535,18 @@ export default {
           var id = currentData.id;
           var erbanNo = currentData.erbanNo;
           var starLevel = currentData.starLevel;
+
+          var subErbanNos = currentData.subErbanNos;
+          // 回显 subErbanNos 到 input[name='subErbanNo']
+          const subErbanNoInputs = $("input[name='subErbanNo']");
+          subErbanNoInputs.each(function(index) {
+            if (subErbanNos && subErbanNos[index]) {
+              $(this).val(subErbanNos[index]);
+            } else {
+              $(this).val("");
+            }
+          });
+
           var userRegions = currentData.userRegions;
           $("#erbanNo").val(erbanNo);
           $("#starLevel").val(starLevel);

vue.config.js

@@ -30,6 +30,7 @@ module.exports = defineConfig({
     ],
   },
   devServer: {
+    port: 8081,
     headers: {
       'Access-Control-Allow-Origin': '*',
     },