asd init

css/common.css

+[v-cloak] {
+	display: none;
+}
+
+
+/* 基础工具样式类 */
+.pd-01rem {
+	padding-bottom: 0.1rem;
+}
+
+
+.searchfuntionBtnWrapper {
+	display: flex;
+	background-color: #fff;
+	justify-content: flex-end;
+	padding-right: 0.4rem;
+	padding-top: 0.3rem;
+
+}
+
+
+/* 列表相关 */
+.list-item-wrapper {
+	box-shadow: 0.03rem 0.03rem 0.03rem #eee, -0.03rem -0.03rem 0.015rem #eee;
+	border-radius: 0.15rem;
+	overflow: hidden;
+	padding-left: 0.3rem;
+}
+
+.list-content-fz {
+	font-size: 0.3rem;
+}
+
+.list-status-tag {
+	position: absolute;
+	top: 0;
+	right: 0.2rem;
+}
+
+.list-function-btn-wrapper {
+	display: flex;
+	justify-content: flex-end;
+	padding-right: 0.18rem;
+}
+
+/* 禁用元素样式： 输入框 单选  下拉picker */
+.disable-van-cell .van-cell__value--alone,
+.van-radio__label--disabled,
+.van-field__control:disabled,
+.van-field--disabled .van-field__label{color: #9b9fab; cursor: not-allowed;opacity: 1; }
+	
\ No newline at end of file

css/index.css

+body {
+    min-width: 320px;
+    max-width: 750px;
+    width: 10rem;
+    margin: 0 auto;
+    line-height: 1.5;
+    font-family: Arial, Helvetica;
+    background: #f2f2f2;
+}
+/* 如果屏幕超过了750px,就按照750px显示 */
+@media screen and (min-width: 750px) {
+    html {
+        /* 提高权重 */
+        font-size: 75px!important;
+    }
+}
+a {
+    text-decoration: none;
+    font-size: .3333rem;
+}
+.search-content {
+    display: flex;
+    position: fixed;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 10rem;
+    height: 1.1733rem;
+    background-color: #ffc001;
+}
+.search-content .classify {
+    width: .5867rem;
+    height: .9333rem;
+    margin: .16rem .3333rem .1333rem;
+    background: url(../images/classify.png) no-repeat;
+    background-size: .5867rem .9333rem;
+} 
+.search-content .search {
+    flex: 1;
+}
+.search-content .search input {
+    outline: none;
+    border: 0;
+    width: 100%;
+    height: .88rem;
+    font-size: .3333rem;
+    background-color: #fff2cc;
+    margin-top: .1333rem;
+    border-radius: .44rem;
+    color: #757575;
+    padding-left: .7333rem;
+}
+.search-content .login {
+    width: 1rem;
+    height: .9333rem;
+    margin: .1333rem;
+    color: #fff;
+    text-align: center;
+    line-height: .9333rem;
+}
\ No newline at end of file

css/normalize.css

+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+
+/* Document
+   ========================================================================== */
+
+html {
+  font-family: sans-serif; /* 1 */
+  line-height: 1.15; /* 2 */
+  -ms-text-size-adjust: 100%; /* 3 */
+  -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+  display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+  outline-width: 0;
+}
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}

index.js

+/**
+ * author: dabao
+ */
+window.addEventListener("load", function() {
+	var VUE = new Vue({
+		el: '#app',
+		data() {
+			return {
+			}
+		},
+		mounted() {
+		},
+		methods: {
+			nav(type){
+				gemhoUtil.navigatePage('./views/'+ type +'.html')
+			},
+		},
+	});
+});
\ No newline at end of file

js/axios.min.js

+/* axios v0.21.1 | (c) 2020 by Matt Zabriskie */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.axios=t():e.axios=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function r(e){var t=new i(e),n=s(i.prototype.request,t);return o.extend(n,i.prototype,t),o.extend(n,t),n}var o=n(2),s=n(3),i=n(4),a=n(22),u=n(10),c=r(u);c.Axios=i,c.create=function(e){return r(a(c.defaults,e))},c.Cancel=n(23),c.CancelToken=n(24),c.isCancel=n(9),c.all=function(e){return Promise.all(e)},c.spread=n(25),c.isAxiosError=n(26),e.exports=c,e.exports.default=c},function(e,t,n){"use strict";function r(e){return"[object Array]"===R.call(e)}function o(e){return"undefined"==typeof e}function s(e){return null!==e&&!o(e)&&null!==e.constructor&&!o(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}function i(e){return"[object ArrayBuffer]"===R.call(e)}function a(e){return"undefined"!=typeof FormData&&e instanceof FormData}function u(e){var t;return t="undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer}function c(e){return"string"==typeof e}function f(e){return"number"==typeof e}function p(e){return null!==e&&"object"==typeof e}function d(e){if("[object Object]"!==R.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function l(e){return"[object Date]"===R.call(e)}function h(e){return"[object File]"===R.call(e)}function m(e){return"[object Blob]"===R.call(e)}function y(e){return"[object Function]"===R.call(e)}function g(e){return p(e)&&y(e.pipe)}function v(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams}function x(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}function w(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)}function b(e,t){if(null!==e&&"undefined"!=typeof e)if("object"!=typeof e&&(e=[e]),r(e))for(var n=0,o=e.length;n<o;n++)t.call(null,e[n],n,e);else for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.call(null,e[s],s,e)}function E(){function e(e,n){d(t[n])&&d(e)?t[n]=E(t[n],e):d(e)?t[n]=E({},e):r(e)?t[n]=e.slice():t[n]=e}for(var t={},n=0,o=arguments.length;n<o;n++)b(arguments[n],e);return t}function j(e,t,n){return b(t,function(t,r){n&&"function"==typeof t?e[r]=S(t,n):e[r]=t}),e}function C(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}var S=n(3),R=Object.prototype.toString;e.exports={isArray:r,isArrayBuffer:i,isBuffer:s,isFormData:a,isArrayBufferView:u,isString:c,isNumber:f,isObject:p,isPlainObject:d,isUndefined:o,isDate:l,isFile:h,isBlob:m,isFunction:y,isStream:g,isURLSearchParams:v,isStandardBrowserEnv:w,forEach:b,merge:E,extend:j,trim:x,stripBOM:C}},function(e,t){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},function(e,t,n){"use strict";function r(e){this.defaults=e,this.interceptors={request:new i,response:new i}}var o=n(2),s=n(5),i=n(6),a=n(7),u=n(22);r.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{},e.url=arguments[0]):e=e||{},e=u(this.defaults,e),e.method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[a,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach(function(e){t.unshift(e.fulfilled,e.rejected)}),this.interceptors.response.forEach(function(e){t.push(e.fulfilled,e.rejected)});t.length;)n=n.then(t.shift(),t.shift());return n},r.prototype.getUri=function(e){return e=u(this.defaults,e),s(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},o.forEach(["delete","get","head","options"],function(e){r.prototype[e]=function(t,n){return this.request(u(n||{},{method:e,url:t,data:(n||{}).data}))}}),o.forEach(["post","put","patch"],function(e){r.prototype[e]=function(t,n,r){return this.request(u(r||{},{method:e,url:t,data:n}))}}),e.exports=r},function(e,t,n){"use strict";function r(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var o=n(2);e.exports=function(e,t,n){if(!t)return e;var s;if(n)s=n(t);else if(o.isURLSearchParams(t))s=t.toString();else{var i=[];o.forEach(t,function(e,t){null!==e&&"undefined"!=typeof e&&(o.isArray(e)?t+="[]":e=[e],o.forEach(e,function(e){o.isDate(e)?e=e.toISOString():o.isObject(e)&&(e=JSON.stringify(e)),i.push(r(t)+"="+r(e))}))}),s=i.join("&")}if(s){var a=e.indexOf("#");a!==-1&&(e=e.slice(0,a)),e+=(e.indexOf("?")===-1?"?":"&")+s}return e}},function(e,t,n){"use strict";function r(){this.handlers=[]}var o=n(2);r.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},r.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},r.prototype.forEach=function(e){o.forEach(this.handlers,function(t){null!==t&&e(t)})},e.exports=r},function(e,t,n){"use strict";function r(e){e.cancelToken&&e.cancelToken.throwIfRequested()}var o=n(2),s=n(8),i=n(9),a=n(10);e.exports=function(e){r(e),e.headers=e.headers||{},e.data=s(e.data,e.headers,e.transformRequest),e.headers=o.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),o.forEach(["delete","get","head","post","put","patch","common"],function(t){delete e.headers[t]});var t=e.adapter||a.adapter;return t(e).then(function(t){return r(e),t.data=s(t.data,t.headers,e.transformResponse),t},function(t){return i(t)||(r(e),t&&t.response&&(t.response.data=s(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)})}},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t,n){return r.forEach(n,function(n){e=n(e,t)}),e}},function(e,t){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},function(e,t,n){"use strict";function r(e,t){!s.isUndefined(e)&&s.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}function o(){var e;return"undefined"!=typeof XMLHttpRequest?e=n(12):"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process)&&(e=n(12)),e}var s=n(2),i=n(11),a={"Content-Type":"application/x-www-form-urlencoded"},u={adapter:o(),transformRequest:[function(e,t){return i(t,"Accept"),i(t,"Content-Type"),s.isFormData(e)||s.isArrayBuffer(e)||s.isBuffer(e)||s.isStream(e)||s.isFile(e)||s.isBlob(e)?e:s.isArrayBufferView(e)?e.buffer:s.isURLSearchParams(e)?(r(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):s.isObject(e)?(r(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},s.forEach(["delete","get","head"],function(e){u.headers[e]={}}),s.forEach(["post","put","patch"],function(e){u.headers[e]=s.merge(a)}),e.exports=u},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){r.forEach(e,function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])})}},function(e,t,n){"use strict";var r=n(2),o=n(13),s=n(16),i=n(5),a=n(17),u=n(20),c=n(21),f=n(14);e.exports=function(e){return new Promise(function(t,n){var p=e.data,d=e.headers;r.isFormData(p)&&delete d["Content-Type"];var l=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(h+":"+m)}var y=a(e.baseURL,e.url);if(l.open(e.method.toUpperCase(),i(y,e.params,e.paramsSerializer),!0),l.timeout=e.timeout,l.onreadystatechange=function(){if(l&&4===l.readyState&&(0!==l.status||l.responseURL&&0===l.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in l?u(l.getAllResponseHeaders()):null,s=e.responseType&&"text"!==e.responseType?l.response:l.responseText,i={data:s,status:l.status,statusText:l.statusText,headers:r,config:e,request:l};o(t,n,i),l=null}},l.onabort=function(){l&&(n(f("Request aborted",e,"ECONNABORTED",l)),l=null)},l.onerror=function(){n(f("Network Error",e,null,l)),l=null},l.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",l)),l=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||c(y))&&e.xsrfCookieName?s.read(e.xsrfCookieName):void 0;g&&(d[e.xsrfHeaderName]=g)}if("setRequestHeader"in l&&r.forEach(d,function(e,t){"undefined"==typeof p&&"content-type"===t.toLowerCase()?delete d[t]:l.setRequestHeader(t,e)}),r.isUndefined(e.withCredentials)||(l.withCredentials=!!e.withCredentials),e.responseType)try{l.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&l.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&l.upload&&l.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then(function(e){l&&(l.abort(),n(e),l=null)}),p||(p=null),l.send(p)})}},function(e,t,n){"use strict";var r=n(14);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},function(e,t,n){"use strict";var r=n(15);e.exports=function(e,t,n,o,s){var i=new Error(e);return r(i,t,n,o,s)}},function(e,t){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){return{write:function(e,t,n,o,s,i){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(s)&&a.push("domain="+s),i===!0&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}}():function(){return{write:function(){},read:function(){return null},remove:function(){}}}()},function(e,t,n){"use strict";var r=n(18),o=n(19);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},function(e,t){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},function(e,t){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},function(e,t,n){"use strict";var r=n(2),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,n,s,i={};return e?(r.forEach(e.split("\n"),function(e){if(s=e.indexOf(":"),t=r.trim(e.substr(0,s)).toLowerCase(),n=r.trim(e.substr(s+1)),t){if(i[t]&&o.indexOf(t)>=0)return;"set-cookie"===t?i[t]=(i[t]?i[t]:[]).concat([n]):i[t]=i[t]?i[t]+", "+n:n}}),i):i}},function(e,t,n){"use strict";var r=n(2);e.exports=r.isStandardBrowserEnv()?function(){function e(e){var t=e;return n&&(o.setAttribute("href",t),t=o.href),o.setAttribute("href",t),{href:o.href,protocol:o.protocol?o.protocol.replace(/:$/,""):"",host:o.host,search:o.search?o.search.replace(/^\?/,""):"",hash:o.hash?o.hash.replace(/^#/,""):"",hostname:o.hostname,port:o.port,pathname:"/"===o.pathname.charAt(0)?o.pathname:"/"+o.pathname}}var t,n=/(msie|trident)/i.test(navigator.userAgent),o=document.createElement("a");return t=e(window.location.href),function(n){var o=r.isString(n)?e(n):n;return o.protocol===t.protocol&&o.host===t.host}}():function(){return function(){return!0}}()},function(e,t,n){"use strict";var r=n(2);e.exports=function(e,t){function n(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function o(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(s[o]=n(void 0,e[o])):s[o]=n(e[o],t[o])}t=t||{};var s={},i=["url","method","data"],a=["headers","auth","proxy","params"],u=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],c=["validateStatus"];r.forEach(i,function(e){r.isUndefined(t[e])||(s[e]=n(void 0,t[e]))}),r.forEach(a,o),r.forEach(u,function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(s[o]=n(void 0,e[o])):s[o]=n(void 0,t[o])}),r.forEach(c,function(r){r in t?s[r]=n(e[r],t[r]):r in e&&(s[r]=n(void 0,e[r]))});var f=i.concat(a).concat(u).concat(c),p=Object.keys(e).concat(Object.keys(t)).filter(function(e){return f.indexOf(e)===-1});return r.forEach(p,o),s}},function(e,t){"use strict";function n(e){this.message=e}n.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},n.prototype.__CANCEL__=!0,e.exports=n},function(e,t,n){"use strict";function r(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise(function(e){t=e});var n=this;e(function(e){n.reason||(n.reason=new o(e),t(n.reason))})}var o=n(23);r.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},r.source=function(){var e,t=new r(function(t){e=t});return{token:t,cancel:e}},e.exports=r},function(e,t){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},function(e,t){"use strict";e.exports=function(e){return"object"==typeof e&&e.isAxiosError===!0}}])});
+//# sourceMappingURL=axios.min.map
\ No newline at end of file

js/common.js

+
+
+
+var userInfo = {
+	"dataScopes": [],
+	"roles": ["admin"],
+	"user": {
+		"avatarName": "avatar-2024022311175854.png",
+		"avatarPath": "C:\\eladmin\\avatar\\avatar-2024022311175854.png",
+		"companyId": null,
+		"companyName": null,
+		"county": "371071000000",
+		"createBy": null,
+		"createTime": null,
+		"dept": null,
+		"deptId": null,
+		"email": null,
+		"enabled": true,
+		"gender": null,
+		"groupId": null,
+		"id": 1,
+		"jobs": [{
+			"id": 11,
+			"name": "全栈开发"
+		}],
+		"nickName": "admin",
+		"phone": "1",
+		"pwdResetTime": null,
+		"qx": null,
+		"remarks": null,
+		"roles": [{
+			"dataScope": "全部",
+			"id": 1,
+			"level": 1,
+			"name": "超级管理员",
+			"permissions": []
+		}],
+		"tag": "2",
+		"thIndustryChargeDept": null,
+		"town": null,
+		"updateBy": null,
+		"updateTime": null,
+		"username": "admin",
+		"vNetNum": null,
+		"verifyStatus": null,
+		"wechat": null
+	}
+}
+// 宇合公司下的普通用户
+
+var token ="Bearer eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiI4ZTdlYjI0NTc1YzY0MWRiODc4YTEzNGU0ZmI2Mjc2MCIsInVzZXIiOiJ5aCIsInN1YiI6InloIn0.Zrh4GJ6fzDmofgWniU3_5xnskct-X0M9er25HTffndJPk7a6LLZi0AOAivNtpeJkXeHudqjX4jqKCcPMoKS-2w";
+localStorage.setItem('Authorization', token)
+
+localStorage.setItem('appCounty', userInfo.user.county)
+localStorage.setItem('companyId', userInfo.user.companyId)
+localStorage.setItem('userInfo', JSON.stringify(userInfo))
+
+
+   // curSelectCounty: '威海火炬高技术开发区', //当前选择区域 eg：环翠
+   //  curSelectCountyValue: '371071000000',
+   
+   localStorage.setItem('appCounty', '371071000000')
+

js/flexible.js

+(function flexible (window, document) {
+  var docEl = document.documentElement
+  var dpr = window.devicePixelRatio || 1
+
+  // adjust body font size
+  function setBodyFontSize () {
+    if (document.body) {
+      document.body.style.fontSize = (12 * dpr) + 'px'
+    }
+    else {
+      document.addEventListener('DOMContentLoaded', setBodyFontSize)
+    }
+  }
+  setBodyFontSize();
+
+  // set 1rem = viewWidth / 7.5  // 使用7.5， 使得在750px的设计稿中，1rem = 100px换算十分方便！！！！！！！！
+  function setRemUnit () {
+    var rem = docEl.clientWidth / 7.5
+    docEl.style.fontSize = rem + 'px'
+  }
+
+  setRemUnit()
+
+  // reset rem unit on page resize
+  window.addEventListener('resize', setRemUnit)
+  window.addEventListener('pageshow', function (e) {
+    if (e.persisted) {
+      setRemUnit()
+    }
+  })
+
+  // detect 0.5px supports
+  if (dpr >= 2) {
+    var fakeBody = document.createElement('body')
+    var testElement = document.createElement('div')
+    testElement.style.border = '.5px solid transparent'
+    fakeBody.appendChild(testElement)
+    docEl.appendChild(fakeBody)
+    if (testElement.offsetHeight === 1) {
+      docEl.classList.add('hairlines')
+    }
+    docEl.removeChild(fakeBody)
+  }
+}(window, document))

js/http.js

+/** axios封装
+ * 请求拦截、相应拦截、错误统一处理
+ */
+// 环境的切换
+axios.defaults.baseURL = 'http://192.168.3.37:8036'
+axios.defaults.timeout = 50000
+// post请求头
+// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
+axios.defaults.headers.post['Content-Type'] = 'application/json'
+axios.defaults.headers.common['systemId'] = '1'
+axios.defaults.headers.common['Authorization'] = localStorage.getItem('Authorization')
+// 请求拦截器
+
+axios.interceptors.request.use(config => {
+	console.log('request拦截器', config)
+	vant.Toast.loading({
+		message: '加载中...',
+		forbidClick: true,
+		loadingType: 'spinner',
+	});
+	return config
+})
+
+// 响应拦截器
+axios.interceptors.response.use((res) => {
+	// 成功的响应数据  服务器的相关的数据返回来之后，响应拦截器能够检测到，可以做一些事
+
+	vant.Toast.clear()
+	return res;
+}, (error) => {
+	// 响应失败的时候的回调函数
+	return Promise.reject(new Error(error))
+})
+
+
+var http = {
+	get: function(url, params) {
+		return new Promise((resolve, reject) => {
+			axios
+				.get(url, {
+					params: params
+				})
+				.then(res => {
+					resolve(res.data)
+				})
+				.catch(err => {
+					reject(err.data)
+				})
+		})
+	},
+	post: function(url, params) {
+		return new Promise((resolve, reject) => {
+			axios
+				.post(url, {
+					// params: params
+					...params
+				})
+				.then(res => {
+					let response = res.data
+					console.log('res.statusCode', response)
+					if (response.statusCode >= 300 || response.status >= 300) {
+						// alert('系统发生错误')
+						vant.Dialog.alert({
+							title: '信息提示',
+							message: response.message,
+						})
+						return
+					}
+					resolve(res.data)
+				})
+				.catch(err => {
+					reject(err.data)
+				})
+		})
+	},
+	delete: function(url, params) {
+		return new Promise((resolve, reject) => {
+			axios({
+					url,
+					method: 'post',
+					data: params,
+					headers: {
+						// 'Content-Type': 'application/json', // 'multipart/form-data;',
+						'Authorization': localStorage.getItem('Authorization'),
+						'requestType': 'delete'
+
+					},
+				})
+				.then(res => {
+					let response = res.data
+					console.log('res.statusCode', response)
+					if (response.statusCode >= 300 || response.status >= 300) {
+						// alert('系统发生错误')
+						vant.Dialog.alert({
+							title: '信息提示',
+							message: response.message,
+						})
+						return
+					}
+					resolve(res.data)
+				})
+				.catch(err => {
+					reject(err.data)
+				})
+		})
+	},
+	put: function(url, params) {
+		return new Promise((resolve, reject) => {
+			axios({
+					url,
+					method: 'post',
+					data: params,
+					headers: {
+						// 'Content-Type': 'application/json', // 'multipart/form-data;',
+						'Authorization': localStorage.getItem('Authorization'),
+						'requestType': 'put'
+
+					},
+				})
+				.then(res => {
+					let response = res.data
+					console.log('res.statusCode', response)
+					if (response.statusCode >= 300 || response.status >= 300) {
+						// alert('系统发生错误')
+						vant.Dialog.alert({
+							title: '信息提示',
+							message: response.message,
+						})
+						return
+					}
+					resolve(res.data)
+				})
+				.catch(err => {
+					reject(err.data)
+				})
+		})
+	},
+	postFile: function(url, params) {
+		return new Promise((resolve, reject) => {
+			axios({
+					url,
+					method: 'post',
+					data: params,
+					headers: {
+						'Content-Type': 'application/json', // 'multipart/form-data;',
+						'Authorization': localStorage.getItem('Authorization')
+					},
+				}).then(res => {
+					let response = res.data
+					console.log('res.statusCode', response)
+					if (response.statusCode >= 300 || response.status >= 300) {
+						// alert('系统发生错误')
+						vant.Dialog.alert({
+							title: '信息提示',
+							message: response.message,
+						})
+						return
+					}
+					resolve(res.data)
+				})
+				.catch(err => {
+					reject(err.data)
+				})
+		})
+	},
+	downloadFile: function(url, params) {
+		console.log('downloadfILE', params)
+		return new Promise((resolve, reject) => {
+			axios({
+					url,
+					method: 'get',
+					// data: params,
+					params: params,
+					headers: {
+						// 'Content-Type': 'application/json', // 'multipart/form-data;',
+						'Authorization': localStorage.getItem('Authorization')
+					},
+					responseType: 'blob' //在请求中加上这一行，特别重要
+				}).then(res => {
+					// 返回格式是文件流格式
+					// 在请求拿到文件流res以后，使用a标签下载
+					let fileData = res.data
+					let blob = new Blob([fileData], {
+							type: 'application/msword;charset=UTF-8'
+						}
+						/* , {
+										    type: `application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8;`
+										  } */
+					)
+
+					var a = document.createElement('a');
+					document.body.appendChild(a);
+					a.style = 'display: none';
+					var url = window.URL.createObjectURL(blob);
+					a.href = url;
+					a.setAttribute('download', 'YH-' + gemhoUtil.getTargetDateYMD().replaceAll('-',
+						'') + '.docx')
+					a.click();
+					a.remove();
+					window.URL.revokeObjectURL(url);
+				})
+				.catch(err => {
+					reject(err.data)
+				})
+		})
+	},
+}
\ No newline at end of file

js/includeHead.js

+var jsVersion = +(new Date()) // '?v=202106091751';
+var contextPath = '.'
+if(getPageN() === 'index'){
+	contextPath = '.'
+}else{
+	contextPath = '..'
+}
+// css
+document.write('<link rel="icon" href="https://whjqaqscxt.weihai.cn/favicon.ico">');
+document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/normalize.css" />');
+document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/vant.css" />');
+document.write('<link rel="stylesheet" type="text/css" href="' + contextPath + '/css/common.css?rev=' + jsVersion + '" />');
+
+// js
+				// <script type="text/javascript" src="' + contextPath + '/js/vant.min.js"></script>\
+document.write('<script type="text/javascript" src="' + contextPath + '/js/vue.min.js"></script>\
+				<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/vant/2.12.54/vant.min.js"></script>\
+				<script type="text/javascript" src="' + contextPath + '/js/axios.min.js"></script>\
+				<script type="text/javascript" src="' + contextPath + '/js/flexible.js"></script>\
+				<script type="text/javascript" src="' + contextPath + '/js/util.js?rev=' + jsVersion + '"></script>\
+				<script type="text/javascript" src="' + contextPath + '/js/common.js?rev=' + jsVersion + '"></script>\
+				<script type="text/javascript" src="' + contextPath + '/js/http.js?rev=' + jsVersion + '"></script>');
+				
+
+
+if (getPageN()) { // 加载同名js
+	document.write('<script type="text/javascript" src="./' + getPageN() + '.js?rev=' + jsVersion + '"></script>');
+}
+
+function getPageN(){
+	var pageN = window.location.pathname;
+	pageN = pageN.substring(pageN.lastIndexOf("/") + 1, pageN.indexOf("."));
+	return pageN
+}
\ No newline at end of file

js/util.js

+'use strict';
+var contextPath = ''
+var gemhoUtil = window.gemhoUtil || {}
+gemhoUtil.getTargetDateYMD = function(dayLength, type) {
+	var dayLength = dayLength || 0;
+	var tempDate = new Date();
+	tempDate.setDate(tempDate.getDate() + dayLength);
+	var year = tempDate.getFullYear();
+	var month = tempDate.getMonth() + 1 < 10 ? "0" + (tempDate.getMonth() + 1) : tempDate.getMonth() + 1;
+	var day = tempDate.getDate() < 10 ? "0" + tempDate.getDate() : tempDate.getDate();
+	return year + "-" + month + "-" + day;
+}
+gemhoUtil.getTargetDateYM = function(dayLength, type) {
+	var dayLength = dayLength || 0;
+	var tempDate = new Date();
+	tempDate.setDate(tempDate.getDate() + dayLength);
+	var year = tempDate.getFullYear();
+	var month = tempDate.getMonth() + 1 < 10 ? "0" + (tempDate.getMonth() + 1) : tempDate.getMonth() + 1;
+	return year + "-" + month;
+}
+/**
+ * 
+ * @functionName: getPageName
+ * @Description: get page name from URL 
+ * @author: zjb
+ * 
+ */
+gemhoUtil.getPageName = function() {
+	var pathname = window.location.pathname;
+	if (pathname) {
+		pathname = pathname.split('/');
+		return pathname[pathname.length - 1].split('.')[0];
+	} else {
+		return '';
+	}
+}
+
+/**
+ * 
+ * @functionName: getNavigator
+ * @Description: get navigator 
+ * @author: zjb
+ * 
+ */
+gemhoUtil.getNavigator = function() {
+	var ua = navigator.userAgent.toLowerCase();
+	if (ua.indexOf('chrome') != -1) {
+		return 'Chrome';
+	} else if (ua.indexOf('firefox') != -1) {
+		return 'Firefox';
+	} else if (ua.indexOf('safari') != -1) {
+		return 'Safari';
+	} else if (ua.indexOf('opera') != -1) {
+		return 'Opera';
+	} else {
+		return 'Unknow';
+	}
+}
+
+/**
+ * 
+ * @functionName: getParameter
+ * @Description: get parameter from URL 
+ * @author: zjb
+ * 
+ */
+gemhoUtil.getParameter = function(name) {
+	var search = location.search;
+	if (!search) {
+		return false;
+	}
+	search = search.split('?')
+	var data = search[1].split('=');
+	if (search[1].indexOf(name) == (-1)) {
+		return '';
+		return;
+	}
+	if (search[1].indexOf('&') == (-1)) {
+		data = search[1].split('=');
+		return data[1];
+	} else {
+		data = search[1].split('&');
+		for (var i = 0; i <= data.length - 1; i++) {
+			var l_data = data[i].split('=');
+			if (l_data[0] == name) {
+				return l_data[1];
+				break;
+			} else {
+				continue;
+			}
+		}
+	}
+}
+
+/**
+ * 
+ * @functionName: setParameter
+ * @Description: set parameter to URL 
+ * @author: zjb
+ * 
+ */
+gemhoUtil.setParameter = function() {
+	if (arguments.length) {
+		var url = arguments[0],
+			paramsObj = arguments[1];
+		if (paramsObj) {
+			var parameter = '';
+			for (var x in paramsObj) {
+				parameter += x + '=' + paramsObj[x] + '&';
+			}
+			url += '?' + parameter.substr(0, parameter.length - 1);
+		}
+		return url;
+	}
+}
+
+/**
+ * @functionName: setCookie
+ * @Description: set cookies 
+ * @author: zjb
+ */
+gemhoUtil.setCookie = function(name, value, days) {
+	var len = arguments.length;
+	if (len == 2) {
+		var exp = new Date();
+		exp.setTime(exp.getTime() + 30 * 24 * 60 * 60 * 1000);
+		document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString() + ';path=/';
+	} else if (len == 3) {
+		var exp = new Date();
+		exp.setDate(exp.getDate() + parseInt(days));
+		exp.setHours(1, 0, 0, 0);
+		document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString() + ';path=/';
+	}
+}
+
+/**
+ * 
+ * @functionName: getCookie
+ * @Description: get cookies 
+ * @author: zjb
+ * 
+ */
+gemhoUtil.getCookie = function(name) {
+	if (name === 'whMap' || name === 'columnArr') { // 页面搜索条件记录 更改存取方式
+		return localStorage.getItem(name);
+	}
+	var arr, reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');
+	if (arr = document.cookie.match(reg))
+		return unescape(arr[2]);
+	else
+		return null;
+}
+
+/**
+ * 
+ * @functionName: delCookie
+ * @Description: delete cookies 
+ * @author: zjb
+ * 
+ */
+gemhoUtil.delCookie = function(name) {
+	var exp = new Date();
+	exp.setTime(exp.getTime() - 1);
+	var cval = getCookie(name);
+	if (cval != null)
+		document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString() + ';path=/';
+}
+
+/**
+ * 
+ * @functionName: 
+ * @Description: 获取url页面名称方法 
+ * @param: date
+ */
+gemhoUtil.getPageName = function() {
+	var pageN = window.location.pathname;
+	pageN = pageN.substring(pageN.lastIndexOf("/") + 1, pageN.indexOf("."));
+	if (pageN) return pageN;
+}
+
+/**
+ * 跳转页面 更新版本号
+ * @param path
+ * @returns
+ * @demo  navigatePage('/warehouse/company/companyDetail.html?companyId=1002');
+ */
+gemhoUtil.navigatePage = function(path) {
+	if (!path) {
+		return;
+	}
+	var url = contextPath;
+	if (path.indexOf('?') > -1) { // 带有参数
+		url += path + '&rev=' + (+new Date())
+	} else {
+		url += path + '?rev=' + (+new Date())
+	}
+	location.href = url;
+}

views/yh-list-detail.html

+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport"
+			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
+		<title>隐患-详情</title>
+		<script type="text/javascript" src="../js/includeHead.js"></script>
+		<style>
+			html, body{
+				background-color: #fff;
+			}
+			.content{
+				
+			}
+			
+			.pd-01rem{
+				padding-bottom: 0.1rem;
+			}
+			/* 表单相关 */
+			.formValue{
+				float: right;
+			}
+			.formSubmitBtnWrapper{
+				display: flex;
+				justify-content: center;
+				margin-top: 0.2rem;
+				margin-bottom:0.2rem;
+			}
+			.formSubmitBtnWrapper .van-button{
+				width: 4rem;
+			}
+			
+			/**
+			 * 框架样式覆盖修改
+			 */
+			.van-cell__value{overflow: unset; }
+			.van-cell:after{border-bottom:none;}
+			.van-radio-group--horizontal{float: right;}
+		</style>
+	</head>
+	<body>
+		<div id="app">
+			<div class="content" v-cloak>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				<van-cell is-link @click="showPopup('showPopup4hdInspectDate')" >检查日期<span class="formValue">{{form.hdInspectDate}}</span></van-cell>
+				<van-popup v-model="showPopup4hdInspectDate" position="bottom" :style="{ height: '30%' }">
+					<van-datetime-picker v-model="hdInspectDateModel" type="date" title="选择年月日" @confirm="confirm4hdInspectDate" @cancel="showPopup4hdInspectDate=false" />
+				</van-cell-group>
+				
+				<van-cell-group>
+				  <van-field v-model="form.hdInspectExpert" :disabled="true" label="检查人员" placeholder="" />
+				</van-cell-group>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell>隐患类型：
+				  <van-radio-group v-model="form.hdLevel" :disabled="true" direction="horizontal">
+				    <van-radio name="1">一般隐患</van-radio>
+				    <van-radio name="2">重大隐患</van-radio>
+				  </van-radio-group>
+				  </van-cell>
+				  
+				</van-cell-group>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell is-link @click="showPopup('showPopup4secType')" >安全类别：<span class="formValue">{{form.curSelectSecType}}</span></van-cell>
+				  <van-popup v-model="showPopup4secType" round position="bottom">
+				  	<van-picker show-toolbar :columns="secType" value-key="name" @cancel="showPopup4secType = false" @confirm="onConfirm4secType" />
+				  </van-popup>
+				</van-cell-group>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell is-link @click="showPopup('showPopup4secCheckTypeReplace')" >安全检查类别：<span class="formValue">{{form.curSelectSecCheckTypeReplace}}</span></van-cell>
+				  <van-popup v-model="showPopup4secCheckTypeReplace" round position="bottom">
+				  	<van-picker show-toolbar :columns="secCheckTypeReplace"  value-key="name" @cancel="showPopup4secCheckTypeReplace = false" @confirm="onConfirm4secCheckTypeReplace" />
+				  </van-popup>
+				</van-cell-group>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell is-link @click="showPopup('showPopup4secCheckContent')" >安全检查内容：<span class="formValue">{{form.curSelectCheckContent}}</span></van-cell>
+				  <van-popup v-model="showPopup4secCheckContent" round position="bottom">
+				  	<van-picker show-toolbar :columns="secCheckContent"  value-key="name" @cancel="showPopup4secCheckContent = false" @confirm="onConfirm4secCheckContent" />
+				  </van-popup>
+				</van-cell-group>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell is-link @click="showPopup('showPopup4secCheckDiscover')" >发现问题：<span class="formValue">{{form.hdName}}</span></van-cell>
+				  <van-popup v-model="showPopup4secCheckDiscover" round position="bottom">
+				  	<van-picker show-toolbar :columns="secCheckDiscover"  value-key="name" @cancel="showPopup4secCheckDiscover = false" @confirm="onConfirm4secCheckDiscover" />
+				  </van-popup>
+				</van-cell-group>
+				<van-cell-group>
+				  <van-field v-model="form.hdDesc" :disabled="true" label="隐患描述" placeholder="" />
+				</van-cell-group>
+				<van-cell-group>
+				  <van-field v-model="form.basis" :disabled="true" label="检查依据" placeholder="" />
+				</van-cell-group>
+				<van-cell-group>
+				  <van-field v-model="form.suggestion" :disabled="true" label="整改建议" placeholder="" />
+				</van-cell-group>
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell is-link @click="showPopup('showPopup4hdRectificationDate')">整改期限<span class="formValue">{{form.hdRectificationDate}}</span></van-cell>
+				  <van-popup v-model="showPopup4hdRectificationDate" position="bottom" :style="{ height: '30%' }">
+				  	<van-datetime-picker v-model="hdRectificationDateModel" type="date" title="选择年月日" @confirm="confirm4hdRectificationDate" @cancel="showPopup4hdRectificationDate=false" />
+				  		
+				  </van-popup>
+				</van-cell-group>
+				
+				<van-cell-group :class="{'disable-van-cell': true}">
+				  <van-cell>隐患照片：
+				  <div style="width: 2.5rem;">
+					<van-image
+					  width="100"
+					  height="100"
+					   :src="'data:image/jpg;base64,' + form.hdPic"
+					/>
+				 
+				  </div></van-cell>
+				</van-cell-group>
+				
+				<van-cell-group :class="{'disable-van-cell': !editAble}">
+				  <van-cell>整改照片：
+				  <div style="width: 2.5rem;">
+				  	<van-uploader v-model="fileList" :max-count="1" :deletable="editAble" :preview-full-image="false">
+				  	</van-uploader>
+				  </div></van-cell>
+				</van-cell-group>
+				<div v-if="form.hdStatus===1||form.hdStatus===3">
+					<van-cell-group>
+					  <van-field v-model="form.hdInspectDate" :disabled="true" label="审核日期" placeholder="" />
+					</van-cell-group>
+					<van-cell-group>
+					  <van-field v-model="form.hdAcceptancePerson" :disabled="true" label="审核人员" placeholder="" />
+					</van-cell-group>
+					<van-cell-group>
+					  <van-field v-model="form.hdRectificationRecord" :disabled="true" type="textarea" label="审核记录"  autosize placeholder="" />
+					</van-cell-group>
+				</div>
+				
+				
+				<div class="formSubmitBtnWrapper" v-if="editAble"><van-button type="info" size="small" @click="submit">提交</van-button></div>
+				
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file

views/yh-list-detail.js

+/**
+ * author: dabao
+ */
+var VUE = null
+window.addEventListener("load", function() {
+	VUE = new Vue({
+		el: '#app',
+		data() {
+			return {
+				form: {
+					// 检查日期
+					hdInspectDate: '',//2024-03-08 00:00:00',
+					// 检查人员
+					hdInspectExpert: '',//'发发发',
+					// 隐患类型
+					hdLevel: '1',
+					// 安全类别
+					curSelectSecType: '',//'安全资料类',
+					// 安全检查类别
+					curSelectSecCheckTypeReplace: '',//'测试资料',
+					// 当前选择的安全检查内容
+					curSelectCheckContent: '',//'测试内容',
+					// 发现问题
+					hdName: '',//'测试问题',
+					// 隐患描述
+					hdDesc: '',//"水电费双方都",
+					// 检查依据
+					basis: '',//'测试依据',
+					// 隐患整改建议
+					suggestion: '',//'测试建议',
+					// 隐患图片
+					// hdPic: null,
+					// 隐患整改日期
+					hdRectificationDate: '',//'2024-03-08',
+					// 隐患整改图片
+					// hdRectificationPic: null,
+					// 整改图片文件路径
+					rectFilePath: '',
+					// 审核人
+					hdAcceptancePerson: "刘德华",
+					hdRectificationRecord: '24年02月22日 审核未通过;24年02月22日 审核未通过',
+					hdStatus: 0, // 整改中
+				},
+				// 企业id
+				companyId: localStorage.getItem('companyId'),
+				editAble: true,
+
+				// 安全类别列表数据
+				secType: [{
+					name: '安全资料类',
+				}, {
+					name: '现场检查类',
+				}],
+				showPopup4secType: false,
+
+				// 安全检查类别列表数据
+				secCheckTypeReplace: [],
+				showPopup4secCheckTypeReplace: false,
+				// 安全检查内容列表数据
+				secCheckContent: [],
+				showPopup4secCheckContent: false,
+				// 安全发现问题列表数据
+				secCheckDiscover: [],
+				showPopup4secCheckDiscover: false,
+
+				// 检查日期的模态框
+				hdInspectDateModel: '', // 时间的临时model值
+				showPopup4hdInspectDate: false,
+
+				// 整改日期模态框
+				hdRectificationDateModel: '',
+				showPopup4hdRectificationDate: false,
+
+				fileList: [],
+			}
+		},
+		mounted() {
+			if(gemhoUtil.getParameter('type') === 'detail'){
+				this.editAble = false
+				this.detail()
+			}else if(gemhoUtil.getParameter('type') === 'edit'){
+				
+				
+				this.detail()
+			}else{ // 新增
+				this.editAble = true
+				this.resetData()
+			}
+		},
+
+		methods: {
+			resetData() {
+			  // 使用 Object.assign 来重写 this.$data，以达到重置 data 的目的
+			  Object.assign(this.$data, this.$options.data.call(this));
+			},
+			showPopup(popupType){
+			},
+			detail(){
+				var hdId = gemhoUtil.getParameter('companyId')
+				http.get('/api/thHiddenDanger',{
+					page: 0,// 每次请求增加下一页
+					size: 1,
+					companyId: gemhoUtil.getParameter('companyId'),
+					hdId: gemhoUtil.getParameter('hdId'),
+					sort: 'hdId,asc',
+				}).then((res)=>{
+					console.log('响应结果', res.content)
+					this.form = res.content[0]
+					this.form.hdLevel = this.form.hdLevel+''
+					
+					this.form.curSelectSecType = this.form.type // 安全类别
+					this.form.curSelectSecCheckTypeReplace = this.form.category // 安全检查类别
+					this.form.curSelectCheckContent = this.form.inspectionContent // 安全检查内容
+					this.form.hdName = this.form.hdName // 安全发现问题
+					// 详情图片设置
+					this.fileList.push({
+						content: 'data:image/jpg;base64,' + this.form.hdRectificationPic
+					})
+					
+					this.editAble = this.form.hdStatus === 0 || this.form.hdStatus === 2 || this.form.hdStatus === 3
+				})
+			},
+			submit() {
+				if (!this.form.hdInspectDate) {
+					vant.Dialog.alert({
+						message: '检查日期不能为空',
+					})
+					return
+				}
+				if (!this.form.curSelectSecType) {
+					vant.Dialog.alert({
+						message: '请选择安全类别',
+					})
+					return;
+				}
+				if (!this.form.curSelectSecCheckTypeReplace) {
+					vant.Dialog.alert({
+						message: '请选择安全检查类别',
+					})
+					return;
+				}
+				if (!this.form.curSelectCheckContent) {
+					vant.Dialog.alert({
+						message: '请选择安全检查内容',
+					})
+					return;
+				}
+				if (!this.form.hdName) {
+					vant.Dialog.alert({
+						message: '请选择发现问题',
+					})
+					return;
+				}
+				if (!this.fileList.length) {
+					vant.Dialog.alert({
+						message: '没有整改照片',
+					})
+					return
+				}
+
+				let formData = new FormData()
+				for (const key of Object.keys(this.form)) {
+					formData.append(key, this.form[key]);
+				  }
+
+				formData.append('companyId', gemhoUtil.getParameter('companyId'))
+				
+				formData.delete('hdPic');
+				formData.delete('hdRectificationPic');
+				formData.delete('recDeadLine');
+				
+				if (!this.form.comment) {
+					delete formData.comment
+				}
+				if (!formData.hdInspectDate) {
+					delete formData.hdInspectDate
+				}
+				if (!formData.hdRectificationDate) {
+					delete formData.hdRectificationDate
+				}
+				
+				if(this.fileList[0].file){ // 只有file存在的时候，证明新改过的图片，需要传参更新，否则不更新（回显的时候filelist只有content属性有值）
+					formData.append('hdRectificationPic', this.fileList[0].file )
+				}
+				
+				var url = this.form.hdId ? "/api/thHiddenDanger/update" : "/api/thHiddenDanger"
+         
+				http.postFile(url, formData).then((res) => {
+					console.log('添加结果', res)
+					vant.Toast({
+						message: '操作成功',
+					})
+					if(!this.form.hdId){ // 添加时则
+						location.reload()
+					}
+				})
+			},
+			formatDate(date, type) {
+				var ymd = `${date.getFullYear() + 1}-${((date.getMonth()+1)>9?'':'0')+(date.getMonth() + 1)}-${(date.getDate()>9?'':'0')+date.getDate()}`;
+				if(type === 'YYYY-MM-DD HH:MM:SS'){
+					return ymd +' 00:00:00';
+				}
+				return ymd
+			},
+			onConfirm4secType(value, index) {
+				console.log('value', value)
+				this.form.curSelectSecType = value.name
+				this.showPopup4secType = false
+
+				/**
+					逻辑处理相关
+					1、清理安全检查类别、检查内容和发现问题的相关信息
+					2、请求获取下级列表数据 检查类别
+				 */
+				this.secCheckTypeReplace = []
+				this.secCheckContent = []
+				this.secCheckDiscover = []
+				// 安全检查类别
+				this.form.curSelectSecCheckTypeReplace = ''
+				// 当前选择的安全检查内容
+				this.form.curSelectCheckContent = ''
+				// 发现问
+				this.form.hdName = ''
+
+				http.get('/api/enterpriseSafetyInspectionContent', {
+					county: localStorage.getItem('appCounty'),
+					level: 1,
+					type: value.name,
+					page: 0,
+					size: 99999,
+				}).then((res) => {
+					this.secCheckTypeReplace = res.content || []
+
+				})
+
+
+
+			},
+			onConfirm4secCheckTypeReplace(value, index) {
+				console.log('value', value)
+				this.form.curSelectSecCheckTypeReplace = value.name
+				this.showPopup4secCheckTypeReplace = false
+
+				/**
+					逻辑处理相关
+					1、清理安全检查类别、检查内容和发现问题的相关信息
+					2、请求获取下级列表数据 检查类别
+				 */
+				this.secCheckContent = []
+				this.secCheckDiscover = []
+				// 当前选择的安全检查内容
+				this.form.curSelectCheckContent = ''
+				// 发现问题
+				this.form.hdName = ''
+
+				http.get('/api/enterpriseSafetyInspectionContent', {
+					county: localStorage.getItem('appCounty'),
+					level: 2,
+					pid: value.id,
+					page: 0,
+					size: 99999,
+				}).then((res) => {
+					this.secCheckContent = res.content || []
+				})
+			},
+			onConfirm4secCheckContent(value) {
+				this.form.curSelectCheckContent = value.name
+				this.showPopup4secCheckContent = false
+
+				/**
+					逻辑处理相关
+					1、清理安全检查类别、检查内容和发现问题的相关信息
+					2、请求获取下级列表数据 检查类别
+				 */
+				this.secCheckDiscover = []
+				// 发现问题
+				this.form.hdName = ''
+
+				http.get('/api/enterpriseSafetyMatter', {
+					inspectionContentId: value.id,
+					page: 0,
+					size: 99999,
+				}).then((res) => {
+					this.secCheckDiscover = res.content || []
+				})
+			},
+			onConfirm4secCheckDiscover(value) {
+				this.form.hdName = value.name
+				this.showPopup4secCheckDiscover = false
+
+				// 给检查依据和整改建议赋默认值
+				this.form.basis = value.basis
+				this.form.suggestion = value.suggestion
+			},
+
+			confirm4hdInspectDate(value) {
+				console.log('value', value)
+				this.form.hdInspectDate = this.formatDate(new Date(value), 'YYYY-MM-DD HH:MM:SS')
+				this.showPopup4hdInspectDate = false
+
+			},
+			confirm4hdRectificationDate(value) {
+				console.log('value', value)
+				this.form.hdRectificationDate = this.formatDate(new Date(value))
+				this.showPopup4hdRectificationDate = false
+
+			},
+		},
+	});
+});
\ No newline at end of file

views/yh-list.html

+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport"
+			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
+		<title>隐患-列表</title>
+		<script type="text/javascript" src="../js/includeHead.js"></script>
+		<style>
+			/**
+			 * 框架样式覆盖修改
+			 */
+			.van-cell__value{overflow: unset; }
+			.van-cell:after{border-bottom:none;}
+		</style>
+	</head>
+	<body>
+		<div id="app">
+			<div class="content" v-cloak>
+				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
+					<van-cell v-for="(item, index) in list" :key="item">
+						<div class="list-item-wrapper" >
+							<p class="">
+								<span id="">
+									{{item.hdDesc}}
+								</span>
+							</p>
+							<p class="list-content-fz" v-if="item.hdStatus==0">
+								<van-tag type="warning" size="mini">整改中</van-tag>
+							</p>
+							<p class="list-content-fz" v-if="item.hdStatus==3">
+								<van-tag type="warning">待审核</van-tag>
+							</p>
+							<p class="list-content-fz" v-if="item.hdStatus==1">
+								<van-tag type="primary">审核通过</van-tag>
+							</p>
+							<p class="list-content-fz" v-if="item.hdStatus==2">
+								<van-tag type="danger">审核未通过</van-tag>
+							</p>
+							<div class="list-function-btn-wrapper pd-01rem">
+								<van-button v-if="item.hdStatus===1||item.hdStatus===3" type="info" size="mini" @click="detail(item)">查看</van-button>
+								<van-button v-if="item.hdStatus===0||item.hdStatus===2" type="info" size="mini" @click="edit(item)">提交</van-button>
+							</div>
+						</div>
+					</van-cell>
+				</van-list>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file

views/yh-list.js

+/**
+ * author: dabao
+ */
+var VUE = null
+window.addEventListener("load", function() {
+	VUE = new Vue({
+		el: '#app',
+		data() {
+			return {
+				value: '',
+				list: [],
+				loading: false,
+				finished: false,
+				page: 0,
+				size: 10,
+				total: 0
+			}
+		},
+		mounted() {
+			this.getList()
+		},
+		methods: {
+			detail(item){
+				gemhoUtil.navigatePage('./yh-list-detail.html?companyId='+gemhoUtil.getParameter('companyId')+'&hdId='+item.hdId+'&type=detail')
+			},
+			edit(item){
+				gemhoUtil.navigatePage('./yh-list-detail.html?companyId='+gemhoUtil.getParameter('companyId')+'&hdId='+item.hdId+'&type=edit')
+			},
+			getList(){
+				http.get('/api/thHiddenDanger',{
+					page: this.page++,// 每次请求增加下一页
+					size: this.size,
+					companyId: gemhoUtil.getParameter('companyId'),
+					county: localStorage.getItem('appCounty'),
+					sort: 'hdId,desc',
+				}).then((res)=>{
+					
+					this.loading = false; // 加载状态结束
+					this.list.push(...res.content);
+					this.total = res.totalElements
+					
+					if(this.page*this.size >= this.total){
+						 this.finished = true; // 下滑不在刷新数据
+					}
+				})
+				
+			}
+		},
+	});
+});
\ No newline at end of file