添加字典

index.html

@@ -166,19 +166,49 @@
         </div>
         <div class="form-item">
             <label for="reason">登记类型*</label>
-            <select class="selectview" id="testSelect" οnchange="selectChange()">
+            <select class="selectview" id="testSelect" οnchange="selectChange()" required>
                 <option value="1">进山</option>
                 <option value="2">下山</option>
             </select>
         </div>
-        <div class="form-item" id="inreason">
+        <div class="form-item" id="inreason-item">
+            <label for="inreasonSelect" >进山原因</label>
+            <select class="selectview" id="inreasonSelect" οnchange="selectChange()" required>
+                
+            </select>
+        </div>
+        <!-- <div class="form-item" id="inreason">
             <label for="reason">进山原因</label>
             <input type="text" id="reason" name="reason" placeholder="请输入进山原因">
-        </div>
+        </div> -->
         <input type="submit" value="登记">
     </form>
 </body>
 <script>
+    // 获取进出山原因字典数据
+    function getReason(){
+        $.ajax({
+            method: 'GET',
+            url: `${URL}/api/Categorys/LoadList?typeid=PERSONAL_TYPE`,
+            contentType: 'application/json;charset=utf-8',
+            success: function (response) {
+                if (response.code === 200) {
+                   let reasons = response.result;
+                   var areaSelect = document.getElementById("inreasonSelect");
+                   reasons.forEach((item,index)=>{
+                        var option = document.createElement("option");
+                        option.value = item.name;
+                        option.innerHTML = item.name;
+                        areaSelect.appendChild(option);
+                   })
+                   initFormData();
+                } else {
+                    
+                }
+            }
+        })
+    }
+    getReason();
     let message = new $message()
     let urlParams = getUrlParse(window.location.search)
     if (!urlParams.siteId) {
@@ -186,36 +216,40 @@
     }
     $("#testSelect").change(function(){
         if($("#testSelect").val() == 1){
-            $("#inreason").show()
+            $("#inreason-item").show()
         }else{
-            $("#inreason").hide()
-            document.getElementById('reason').value = ""
+            $("#inreason-item").hide()
         }
     });
-    // 获取表单元素
-    const form = document.querySelector('form');
-    const nameInput = document.getElementById('name');
-    const phoneInput = document.getElementById('phone');
-    const idCardInput = document.getElementById('idCard');
-    const addressInput = document.getElementById('address');
-    const reasonInput = document.getElementById('reason');
-    const testSelect = document.getElementById('testSelect');
-    // 从localStorage里读取数据
-    const name = localStorage.getItem('name');
-    const phone = localStorage.getItem('phone');
-    const idCard = localStorage.getItem('idCard');
-    const address = localStorage.getItem('address');
-    const reason = localStorage.getItem('reason');
-    const testSelects = localStorage.getItem('testSelects');
-    // 将数据填充到表单里
-    nameInput.value = name;
-    phoneInput.value = phone;
-    idCardInput.value = idCard;
-    addressInput.value = address;
-    reasonInput.value = reason;
-    testSelect.value = testSelects || 1;
-    if(testSelects == 2){
-        $("#inreason").hide()
+
+    // 初始化表单数据
+    function initFormData(){
+            // 获取表单元素
+        const form = document.querySelector('form');
+        const nameInput = document.getElementById('name');
+        const phoneInput = document.getElementById('phone');
+        const idCardInput = document.getElementById('idCard');
+        const addressInput = document.getElementById('address');
+        const reasonInput = document.getElementById('inreasonSelect');
+        const testSelect = document.getElementById('testSelect');
+        // 从localStorage里读取数据
+        const name = localStorage.getItem('name');
+        const phone = localStorage.getItem('phone');
+        const idCard = localStorage.getItem('idCard');
+        const address = localStorage.getItem('address');
+        const reason = localStorage.getItem('reason');
+        const testSelects = localStorage.getItem('testSelects');
+        // 将数据填充到表单里
+        nameInput.value = name;
+        phoneInput.value = phone;
+        idCardInput.value = idCard;
+        addressInput.value = address;
+        reasonInput.value = reason;
+        testSelect.value = testSelects || 1;
+
+        if(testSelects == 2){
+            $("#inreason-item").hide()
+        }
     }
     // 监听表单提交事件
     form.addEventListener('submit', function (event) {
@@ -228,6 +262,7 @@
         const address = addressInput.value;
         const reason = reasonInput.value;
         const registrationType = testSelect.value;
+
         // 存储到localStorage
         localStorage.setItem('name', name);
         localStorage.setItem('phone', phone);
@@ -235,6 +270,7 @@
         localStorage.setItem('address', address);
         localStorage.setItem('reason', reason);
         localStorage.setItem('testSelects', registrationType);
+        
         // 表单验证
         let IDCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
         if (!/[\u4E00-\u9FA5]/.test(name) || /[ ,\\`,\\~,\\!,\\@,\#,\\$,\\%,\\^,\\+,\\*,\\&,\\\\,\\/,\\?,\\|,\\:,\\.,\\<,\\>,\\{,\\},\\(,\\),\\',\\;,\\=,\"]/g.test(name) || /[0-9]/.test(name)) {
@@ -253,12 +289,12 @@
                 "cardNo": idCard,
                 "userAddress": address,
                 "siteId": urlParams.siteId,
-                'reason': reason,
+                'reason':registrationType == 1 ? reason : null,
                 'registrationType': registrationType
             })
         }
     });
-
+    
     function postMessage(data) {
         $.ajax({
             method: 'POST',

welcome.html

@@ -124,7 +124,7 @@
         contentType: 'application/json;charset=utf-8',
         success: function (response) {
             if (response.code === 200) {
-                let res = response.result
+                let res = response.data
                 site.innerHTML = res.siteName
                 time.innerHTML = getNowDate()
                 name.innerHTML = localStorage.getItem('name');