diff --git a/jnpf-app/pages/login/index.vue b/jnpf-app/pages/login/index.vue
index f6e6d65..2401037 100644
--- a/jnpf-app/pages/login/index.vue
+++ b/jnpf-app/pages/login/index.vue
@@ -1,5 +1,65 @@
 <template>
-	<view class="logo-v">
+  <view class="viewport">
+    <image
+      src="/static/images/bg1@2x.png"
+      class="hd"
+      mode="'aspectFit'"
+    ></image>
+    <image src="/static/images/logorhd.png" class="rhd" mode="scaleToFill" />
+    <view class="md">
+      <view class="form-title">
+        <view class="title"> 用户登录 </view>
+        <view class="desc"> USER LOGIN </view>
+      </view>
+      <u-form :rules="rules" :model="formData" ref="dataForm" label-width="90px">
+        <u-form-item prop="account" class="form-item" label="员工工号：">
+          <input
+            class="input"
+            placeholder="请填写员工工号"
+            v-model="formData.account"
+          />
+        </u-form-item>
+        <u-form-item prop="password" class="form-item" label="登录密码：">
+          <input
+            class="input"
+            type="password"
+            placeholder="请填写登录密码"
+            :maxlength="11"
+            v-model="formData.password"
+          />
+        </u-form-item>
+      </u-form>
+	  <u-button
+        :style="{
+          margin: '35px',
+          background: 'linear-gradient(45deg, #6f89dd, #2a4bb4)',
+        }"
+        @click="login"
+        type="primary"
+        :loading="loading"
+        >{{ loading ? "登录中..." : "登录" }}
+      </u-button>
+    </view>
+    <view class="foot">
+      <view class="desc"> 请联系管理员获取工号和密码 </view>
+      <view class="copy-right"
+        >Copyright ©上海长江云息数字科技有限公司,All Rights Reserved.
+        专注工业信息化-供应链解决方案</view
+      >
+      <!-- <u-button
+        :style="{
+          height: '64px',
+          radius: '0px',
+          background: 'linear-gradient(45deg, #6f89dd, #2a4bb4)',
+        }"
+        @click="login"
+        type="primary"
+        :loading="loading"
+        >{{ loading ? "登录中..." : "登录" }}
+      </u-button> -->
+    </view>
+  </view>
+  <!-- <view class="logo-v">
 		<view class="login-bg">
 			<image src="https://app.cdn.jnpfsoft.com/image/login-bg.png" mode="widthFix"></image>
 			<view class="logoImg">
@@ -45,26 +105,18 @@
 						<u-divider margin-top='40' margin-bottom='40' half-width='100%'>其他登录方式</u-divider>
 						<view class="other-list">
 							<block v-for="(item,i) in socialsList" :key="i">
-								<!--#ifdef MP-WEIXIN -->
 								<view class="other-item" v-if="item.enname==='wechat_open'" :title="item.name"
 									@click="wechatLogin()"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
-								<!-- #ifndef MP-WEIXIN -->
-								<!--#ifdef APP-PLUS-->
 								<view class="other-item" v-if="item.enname==='qq'" :title="item.name"
 									@click="qqOtherlogin()"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
-								<!-- #ifdef H5 || MP-WEIXIN -->
 								<view class="other-item" v-if="item.enname==='qq'" :title="item.name"
 									@click="otherslogin(item.enname,item.renderUrl)"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
 								<view class="other-item" v-else :title="item.name"
 									@click="otherslogin(item.enname,item.renderUrl)"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
 							</block>
 						</view>
 					</template>
@@ -105,622 +157,740 @@
 				</view>
 			</view>
 		</u-popup>
-	</view>
+	</view> -->
 </template>
 
 <script>
-	import {
-		login,
-		getCodeConfig,
-		getCallback,
-		otherlogin,
-		getLoginConfig,
-		getSocialsUserList,
-		socialsLogin,
-		getTicket
-	} from '@/api/common.js'
-	import md5Libs from "uview-ui/libs/function/md5";
-	import resources from '@/libs/resources'
-	export default {
-		data() {
-			return {
-				imgUrl: '',
-				loading: false,
-				formData: {
-					account: "",
-					password: "",
-					code: "",
-					origin: 'password'
-				},
-				needCode: false,
-				codeLength: 4,
-				isCode: false,
-				rules: {
-					account: [{
-						required: true,
-						message: '请输入账号',
-						trigger: 'blur',
-					}],
-					password: [{
-						required: true,
-						message: '请输入密码',
-						trigger: 'blur',
-					}],
-				},
-				sysConfigInfo: {},
-				appIcon: '',
-				sysName: '',
-				copyright: '',
-				isCopyright: true,
-				socialsList: [],
-				show: false,
-				tenantUserInfo: [],
-				ssoLoading: true,
-				isSso: false,
-				ssoTicket: '',
-				ssoUrl: '',
-				preUrl: '',
-				ticketParams: "",
-				loginCode: '',
-			}
-		},
-		computed: {
-			baseURL() {
-				return this.define.baseURL
-			},
-			cid() {
-				return this.$store.getters.cid
-			}
-		},
-		onReady() {
-			this.$refs.dataForm.setRules(this.rules);
-		},
-		onLoad(options) {
-			this.ssoTicket = uni.getStorageSync('ssoTicket')
-			this.sysConfigInfo = uni.getStorageSync('sysConfigInfo')
-			this.appIcon = !!this.sysConfigInfo.appIcon ? this.baseURL + this.sysConfigInfo.appIcon :
-				'/static/logo.png'
-			this.sysName = !!this.sysConfigInfo.companyName ? this.sysConfigInfo.sysName :
-				'JNPF快速开发平台'
-			this.copyright = !!this.sysConfigInfo.copyright ? this.sysConfigInfo.copyright :
-				this.define.copyright
-			let needCode = uni.getStorageSync('app_loginNeedCode')
-			this.isCode = needCode
-			this.changeCode()
-			this.getLoginConfig()
-			this.formData.password = '';
-			if (options.data) {
-				this.tenantUserInfo = JSON.parse(options.data)
-				if (this.tenantUserInfo) this.show = true
-			}
-		},
-		methods: {
-			loginToken(res) {
-				if (res.data.status != 2) {
-					// 登录成功
-					if (res.data.status == 1) {
-						uni.showLoading({
-							title: '登录中'
-						})
-						this.$store.commit('user/SET_TOKEN', res.data.value)
-						uni.setStorageSync('token', res.data.value)
-						this.$store.dispatch('user/getCurrentUser').then((res) => {
-							uni.hideLoading()
-							uni.reLaunch({
-								url: '/pages/index/portal'
-							});
-						}).catch(() => {
-							uni.hideLoading()
-							uni.reLaunch({
-								url: '/pages/login/index'
-							});
-						})
-					} else if (res.data.status == 6) {
-						this.tenantUserInfo = JSON.parse(res.data.value)
-						if (this.tenantUserInfo.length == 1) {
-							uni.showLoading({
-								title: '登录中'
-							})
-							this.$store.commit('user/SET_TOKEN', res.data.value)
-							uni.setStorageSync('token', res.data.value)
-							this.$store.dispatch('user/getCurrentUser').then((res) => {
-								uni.hideLoading()
-								uni.reLaunch({
-									url: '/pages/index/portal'
-								});
-							}).catch(() => {
-								uni.hideLoading()
-								uni.reLaunch({
-									url: '/pages/login/index'
-								})
-							})
-						} else {
-							this.show = true
-						}
-					} else {
-						this.show = false
-						this.ssoUrl = ''
-						uni.showToast({
-							title: res.data.value || '操作超时，请重新点击登录',
-							icon: 'none'
-						})
-					}
-				}
-			},
-			wechatLogin() {
-				// #ifdef MP-WEIXIN
-				getTicket().then(res => {
-					this.ssoTicket = res.data
-					uni.login({
-						provider: 'weixin',
-						success: (loginRes) => {
-							this.loginCode = loginRes.code
-						}
-					})
-					uni.getUserProfile({
-						desc: '获取你的昵称、头像、地区及性别',
-						success: (info) => {
-							let qurey = {
-								encryptedData: info.encryptedData,
-								iv: info.iv,
-								signature: info.signature,
-								code: this.loginCode,
-								jnpf_ticket: this.ssoTicket,
-								socialName: info.userInfo.nickName,
-								source: 'wechat_applets'
-							}
-							socialsLogin(qurey).then(res => {
-								this.loginToken(res)
-							})
-						}
-					})
-				})
-				//  #endif
-				// #ifdef APP-PLUS
-				getTicket().then(res => {
-					this.ssoTicket = res.data
-					uni.login({
-						provider: 'weixin',
-						success: (loginRes) => {
-							// 登录成功
-							uni.getUserProfile({
-								provider: 'weixin',
-								success: (info) => {
-									let data = {
-										source: 'wechat_open',
-										uuid: info.userInfo.unionId,
-										socialName: info.userInfo.nickName,
-										jnpf_ticket: this.ssoTicket
-									};
-									socialsLogin(data).then(res => {
-										this.loginToken(res)
-									})
-								},
-								fail: function(err) {
-									// 登录授权失败  
-									// err.code是错误码
-								}
-							})
-						},
-						fail: function(err) {
-							// 登录授权失败  
-							// err.code是错误码
-						}
-					});
-				})
-				//  #endif
-
-			},
-			qqOtherlogin() {
-				getTicket().then(res => {
-					this.ssoTicket = res.data
-					uni.login({
-						provider: 'qq',
-						success: (loginRes) => {
-							// 登录成功
-							uni.getUserInfo({
-								provider: 'qq',
-								success: (info) => {
-									let data = {
-										source: 'qq',
-										jnpf_ticket: this.ssoTicket,
-										socialName: info.userInfo.nickName,
-										uuid: info.userInfonickName.unionid,
-									};
-									socialsLogin(data).then(res => {
-										this.loginToken(res)
-									}).catch((err) => {})
-									// 获取用户信息成功, info.authResult保存用户信息
-								}
-							})
-						},
-						fail: function(err) {
-							// 登录授权失败  
-							// err.code是错误码
-						}
-					});
-				})
-			},
-			socailsLogin(item) {
-				item.tenantLogin = true
-				socialsLogin(item).then(res => {
-					if (res.code == 200) {
-						uni.showLoading({
-							title: '登录中'
-						})
-						this.$store.commit('user/SET_TOKEN', res.data.token)
-						uni.setStorageSync('token', res.data.token)
-						this.$store.dispatch('user/getCurrentUser').then((res) => {
-							uni.hideLoading()
-							uni.switchTab({
-								url: '/pages/index/portal'
-							});
-							this.show = false
-						}).catch(() => {
-							uni.hideLoading()
-							uni.switchTab({
-								url: '/pages/login/index'
-							});
-						})
-					}
-				}).catch(() => {
-					uni.hideLoading()
-					uni.switchTab({
-						url: '/pages/login/index'
-					});
-				})
-			},
-			otherslogin(key, url) {
-				if (key === 'wechat_open') {
-					this.wechatLogin();
-				} else {
-					getTicket().then(res => {
-						this.ssoTicket = res.data
-						url = url.replace('JNPF_TICKET', this.ssoTicket)
-						uni.setStorageSync('ssoUrl', url)
-						uni.navigateTo({
-							url: `/pages/login/otherLogin?ssoTicket=` + this.ssoTicket
-						})
-					}).catch(() => {})
-				}
-			},
-			onFocus(e) {
-				this.getCodeConfig(e)
-			},
-			onBlur(e) {
-				this.getCodeConfig(e)
-			},
-			// 获取登陆配置
-			getLoginConfig() {
-				getLoginConfig().then(res => {
-					this.isSso = res.data.redirect
-					this.preUrl = res.data.url
-					this.ticketParams = res.data.ticketParams
-					let socialsList = res.data.socialsList || []
-					this.socialsList = socialsList.filter(o => o.latest && o.enname !=
-						'github' && o
-						.enname !=
-						'wechat_enterprise')
-					this.ssoLoading = false
-				}).catch(() => {
-					this.isSso = false
-					this.ssoLoading = false
-				})
-			},
-			getCodeConfig(val) {
-				if (!val) return
-				getCodeConfig(val).then(res => {
-					this.needCode = !!res.data.enableVerificationCode
-					if (this.needCode) {
-						this.codeLength = res.data.verificationCodeNumber || 4
-						this.changeCode()
-					}
-				})
-			},
-			changeCode() {
-				let timestamp = Math.random()
-				this.timestamp = timestamp
-				this.imgUrl = `/api/oauth/ImageCode/${this.codeLength || 4}/${timestamp}`
-			},
-			login() {
-				this.$refs.dataForm.validate(valid => {
-					if (valid) {
-						this.loading = true
-						let query = {
-							account: this.formData.account,
-							password: md5Libs.md5(this.formData.password),
-							timestamp: this.timestamp,
-							code: this.formData.code,
-							origin: this.formData.origin,
-							jnpf_ticket: this.ssoTicket
-						}
-						// #ifdef  APP-PLUS
-						const clientId = plus.push.getClientInfo().clientid;
-						query.clientId = clientId
-						/* unipush2.0 */
-						// query.Client_Id = this.cid
-						// #endif
-						login(query).then(res => {
-							let token = res.data.token
-							this.$store.commit('user/SET_TOKEN', token)
-							uni.setStorageSync('token', token)
-							this.$store.dispatch('user/getCurrentUser').then((res) => {
-								this.loading = false
-								uni.switchTab({
-									url: '/pages/index/portal'
-								});
-							}).catch(() => {
-								this.loading = false
-							})
-						}).catch((err) => {
-							this.loading = false
-						})
-					}
-				});
-			},
-			ssoLogin() {
-				getTicket().then(res => {
-					this.ssoTicket = res.data
-					this.ssoUrl = this.preUrl + '?' + this.ticketParams + '=' + this.ssoTicket
-					uni.setStorageSync('ssoUrl', this.ssoUrl)
-					uni.navigateTo({
-						url: `/pages/login/otherLogin?ssoTicket=${this.ssoTicket}`
-					})
-				})
-			}
-		}
-	}
+import {
+  login,
+  getCodeConfig,
+  getCallback,
+  otherlogin,
+  getLoginConfig,
+  getSocialsUserList,
+  socialsLogin,
+  getTicket,
+} from "@/api/common.js";
+import md5Libs from "uview-ui/libs/function/md5";
+import resources from "@/libs/resources";
+export default {
+  data() {
+    return {
+      imgUrl: "",
+      loading: false,
+      formData: {
+        account: "",
+        password: "",
+        code: "",
+        origin: "password",
+      },
+      needCode: false,
+      codeLength: 4,
+      isCode: false,
+      rules: {
+        account: [
+          {
+            required: true,
+            message: "请输入账号",
+            trigger: "blur",
+          },
+        ],
+        password: [
+          {
+            required: true,
+            message: "请输入密码",
+            trigger: "blur",
+          },
+        ],
+      },
+      sysConfigInfo: {},
+      appIcon: "",
+      sysName: "",
+      copyright: "",
+      isCopyright: true,
+      socialsList: [],
+      show: false,
+      tenantUserInfo: [],
+      ssoLoading: true,
+      isSso: false,
+      ssoTicket: "",
+      ssoUrl: "",
+      preUrl: "",
+      ticketParams: "",
+      loginCode: "",
+    };
+  },
+  computed: {
+    baseURL() {
+      return this.define.baseURL;
+    },
+    cid() {
+      return this.$store.getters.cid;
+    },
+  },
+  onReady() {
+    this.$refs.dataForm.setRules(this.rules);
+  },
+  onLoad(options) {
+    this.ssoTicket = uni.getStorageSync("ssoTicket");
+    this.sysConfigInfo = uni.getStorageSync("sysConfigInfo");
+    this.appIcon = !!this.sysConfigInfo.appIcon
+      ? this.baseURL + this.sysConfigInfo.appIcon
+      : "/static/logo.png";
+    this.sysName = !!this.sysConfigInfo.companyName
+      ? this.sysConfigInfo.sysName
+      : "JNPF快速开发平台";
+    this.copyright = !!this.sysConfigInfo.copyright
+      ? this.sysConfigInfo.copyright
+      : this.define.copyright;
+    let needCode = uni.getStorageSync("app_loginNeedCode");
+    this.isCode = needCode;
+    this.changeCode();
+    this.getLoginConfig();
+    this.formData.password = "";
+    if (options.data) {
+      this.tenantUserInfo = JSON.parse(options.data);
+      if (this.tenantUserInfo) this.show = true;
+    }
+  },
+  methods: {
+    loginToken(res) {
+      if (res.data.status != 2) {
+        // 登录成功
+        if (res.data.status == 1) {
+          uni.showLoading({
+            title: "登录中",
+          });
+          this.$store.commit("user/SET_TOKEN", res.data.value);
+          uni.setStorageSync("token", res.data.value);
+          this.$store
+            .dispatch("user/getCurrentUser")
+            .then((res) => {
+              uni.hideLoading();
+              uni.reLaunch({
+                url: "/pages/index/portal",
+              });
+            })
+            .catch(() => {
+              uni.hideLoading();
+              uni.reLaunch({
+                url: "/pages/login/index",
+              });
+            });
+        } else if (res.data.status == 6) {
+          this.tenantUserInfo = JSON.parse(res.data.value);
+          if (this.tenantUserInfo.length == 1) {
+            uni.showLoading({
+              title: "登录中",
+            });
+            this.$store.commit("user/SET_TOKEN", res.data.value);
+            uni.setStorageSync("token", res.data.value);
+            this.$store
+              .dispatch("user/getCurrentUser")
+              .then((res) => {
+                uni.hideLoading();
+                uni.reLaunch({
+                  url: "/pages/index/portal",
+                });
+              })
+              .catch(() => {
+                uni.hideLoading();
+                uni.reLaunch({
+                  url: "/pages/login/index",
+                });
+              });
+          } else {
+            this.show = true;
+          }
+        } else {
+          this.show = false;
+          this.ssoUrl = "";
+          uni.showToast({
+            title: res.data.value || "操作超时，请重新点击登录",
+            icon: "none",
+          });
+        }
+      }
+    },
+    wechatLogin() {
+      // #ifdef MP-WEIXIN
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
+        uni.login({
+          provider: "weixin",
+          success: (loginRes) => {
+            this.loginCode = loginRes.code;
+          },
+        });
+        uni.getUserProfile({
+          desc: "获取你的昵称、头像、地区及性别",
+          success: (info) => {
+            let qurey = {
+              encryptedData: info.encryptedData,
+              iv: info.iv,
+              signature: info.signature,
+              code: this.loginCode,
+              jnpf_ticket: this.ssoTicket,
+              socialName: info.userInfo.nickName,
+              source: "wechat_applets",
+            };
+            socialsLogin(qurey).then((res) => {
+              this.loginToken(res);
+            });
+          },
+        });
+      });
+      //  #endif
+      // #ifdef APP-PLUS
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
+        uni.login({
+          provider: "weixin",
+          success: (loginRes) => {
+            // 登录成功
+            uni.getUserProfile({
+              provider: "weixin",
+              success: (info) => {
+                let data = {
+                  source: "wechat_open",
+                  uuid: info.userInfo.unionId,
+                  socialName: info.userInfo.nickName,
+                  jnpf_ticket: this.ssoTicket,
+                };
+                socialsLogin(data).then((res) => {
+                  this.loginToken(res);
+                });
+              },
+              fail: function (err) {
+                // 登录授权失败
+                // err.code是错误码
+              },
+            });
+          },
+          fail: function (err) {
+            // 登录授权失败
+            // err.code是错误码
+          },
+        });
+      });
+      //  #endif
+    },
+    qqOtherlogin() {
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
+        uni.login({
+          provider: "qq",
+          success: (loginRes) => {
+            // 登录成功
+            uni.getUserInfo({
+              provider: "qq",
+              success: (info) => {
+                let data = {
+                  source: "qq",
+                  jnpf_ticket: this.ssoTicket,
+                  socialName: info.userInfo.nickName,
+                  uuid: info.userInfonickName.unionid,
+                };
+                socialsLogin(data)
+                  .then((res) => {
+                    this.loginToken(res);
+                  })
+                  .catch((err) => {});
+                // 获取用户信息成功, info.authResult保存用户信息
+              },
+            });
+          },
+          fail: function (err) {
+            // 登录授权失败
+            // err.code是错误码
+          },
+        });
+      });
+    },
+    socailsLogin(item) {
+      item.tenantLogin = true;
+      socialsLogin(item)
+        .then((res) => {
+          if (res.code == 200) {
+            uni.showLoading({
+              title: "登录中",
+            });
+            this.$store.commit("user/SET_TOKEN", res.data.token);
+            uni.setStorageSync("token", res.data.token);
+            this.$store
+              .dispatch("user/getCurrentUser")
+              .then((res) => {
+                uni.hideLoading();
+                uni.switchTab({
+                  url: "/pages/index/portal",
+                });
+                this.show = false;
+              })
+              .catch(() => {
+                uni.hideLoading();
+                uni.switchTab({
+                  url: "/pages/login/index",
+                });
+              });
+          }
+        })
+        .catch(() => {
+          uni.hideLoading();
+          uni.switchTab({
+            url: "/pages/login/index",
+          });
+        });
+    },
+    otherslogin(key, url) {
+      if (key === "wechat_open") {
+        this.wechatLogin();
+      } else {
+        getTicket()
+          .then((res) => {
+            this.ssoTicket = res.data;
+            url = url.replace("JNPF_TICKET", this.ssoTicket);
+            uni.setStorageSync("ssoUrl", url);
+            uni.navigateTo({
+              url: `/pages/login/otherLogin?ssoTicket=` + this.ssoTicket,
+            });
+          })
+          .catch(() => {});
+      }
+    },
+    onFocus(e) {
+      this.getCodeConfig(e);
+    },
+    onBlur(e) {
+      this.getCodeConfig(e);
+    },
+    // 获取登陆配置
+    getLoginConfig() {
+      getLoginConfig()
+        .then((res) => {
+          this.isSso = res.data.redirect;
+          this.preUrl = res.data.url;
+          this.ticketParams = res.data.ticketParams;
+          let socialsList = res.data.socialsList || [];
+          this.socialsList = socialsList.filter(
+            (o) =>
+              o.latest &&
+              o.enname != "github" &&
+              o.enname != "wechat_enterprise"
+          );
+          this.ssoLoading = false;
+        })
+        .catch(() => {
+          this.isSso = false;
+          this.ssoLoading = false;
+        });
+    },
+    getCodeConfig(val) {
+      if (!val) return;
+      getCodeConfig(val).then((res) => {
+        this.needCode = !!res.data.enableVerificationCode;
+        if (this.needCode) {
+          this.codeLength = res.data.verificationCodeNumber || 4;
+          this.changeCode();
+        }
+      });
+    },
+    changeCode() {
+      let timestamp = Math.random();
+      this.timestamp = timestamp;
+      this.imgUrl = `/api/oauth/ImageCode/${this.codeLength || 4}/${timestamp}`;
+    },
+    login() {
+      this.$refs.dataForm.validate((valid) => {
+        if (valid) {
+          this.loading = true;
+          let query = {
+            account: this.formData.account,
+            password: md5Libs.md5(this.formData.password),
+            timestamp: this.timestamp,
+            code: this.formData.code,
+            origin: this.formData.origin,
+            jnpf_ticket: this.ssoTicket,
+          };
+          // #ifdef  APP-PLUS
+          const clientId = plus.push.getClientInfo().clientid;
+          query.clientId = clientId;
+          /* unipush2.0 */
+          // query.Client_Id = this.cid
+          // #endif
+          login(query)
+            .then((res) => {
+              let token = res.data.token;
+              this.$store.commit("user/SET_TOKEN", token);
+              uni.setStorageSync("token", token);
+              this.$store
+                .dispatch("user/getCurrentUser")
+                .then((res) => {
+                  this.loading = false;
+                  uni.switchTab({
+                    url: "/pages/index/portal",
+                  });
+                })
+                .catch(() => {
+                  this.loading = false;
+                });
+            })
+            .catch((err) => {
+              this.loading = false;
+            });
+        }
+      });
+    },
+    ssoLogin() {
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
+        this.ssoUrl =
+          this.preUrl + "?" + this.ticketParams + "=" + this.ssoTicket;
+        uni.setStorageSync("ssoUrl", this.ssoUrl);
+        uni.navigateTo({
+          url: `/pages/login/otherLogin?ssoTicket=${this.ssoTicket}`,
+        });
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-	page {
-		width: 100%;
-		min-height: 100vh;
-	}
-
-	.logo-v {
-		height: 100vh;
-		display: flex;
-		flex-direction: column;
-
-		.login-version {
-			position: fixed;
-			right: 0px;
-			top: 0px;
-			width: 120rpx;
-			height: 120rpx;
-			background: url('../../static/image/login_version.png') no-repeat center;
-			background-size: 100%;
-
-			.login-version-text {
-				width: 120rpx;
-				height: 120rpx;
-				line-height: 70rpx;
-				text-align: center;
-				color: #fff;
-				font-size: 28rpx;
-				transform: rotate(45deg);
-			}
-		}
-
-		.login-bg {
-			height: 500rpx;
-			position: relative;
-
-			image {
-				width: 100%;
-				height: 100%;
-			}
-
-			.logoImg {
-				width: 160rpx;
-				height: 160rpx;
-				margin: 0 auto;
-				position: absolute;
-				/* #ifdef APP-PLUS */
-				bottom: -90rpx;
-				/* #endif */
-				/* #ifndef APP-PLUS */
-				bottom: 0;
-				/* #endif */
-				left: 0;
-				right: 0;
-
-				/deep/uni-image {
-					border-radius: 10px !important;
-				}
-
-				image {
-					width: 100%;
-					height: 100%;
-					border-radius: 20%;
-				}
-			}
-		}
-
-		.logo-hd {
-			width: 100%;
-
-			.introduce {
-				justify-content: center;
-				align-items: center;
-
-				.text-one {
-					height: 70rpx;
-					font-weight: 700;
-				}
-
-				.text-two {
-					color: #999999;
-				}
-			}
-
-			.loginSwitch {
-				margin-top: 40rpx;
-				justify-content: center;
-				align-items: center;
-
-				.tabs {
-					color: #999999;
-					position: relative;
-
-					&::after {
-						content: "";
-						width: 64rpx;
-						height: 4rpx;
-						background-color: #356efe;
-						margin-top: 15rpx;
-						position: absolute;
-						left: 0;
-						bottom: -15rpx;
-						display: block;
-						border-radius: 50rpx;
-					}
-
-					// &.active1 {
-					// 	&::after {
-					// 		left: 0;
-					// 	}
-					// }
-
-					&.active2 {
-						&::after {
-							left: 70%;
-						}
-					}
-
-					.tab {
-						width: 50%;
-						height: 80upx;
-						text-align: center;
-						color: #AEAFB5;
-						font-size: 32upx;
-
-						&.active {
-							color: #3281ff;
-						}
-					}
-
-				}
-
-				.loginInputBox {
-					width: 100%;
-					/* #ifdef APP-PLUS */
-					margin-top: 120rpx;
-					/* #endif */
-					/* #ifndef APP-PLUS */
-					margin-top: 80rpx;
-					/* #endif */
-					padding: 0 64rpx;
-
-					.code-box {
-						width: 100%;
-					}
-
-					.loginBtnBox {}
-				}
-			}
-		}
-
-		.copyright {
-			position: fixed;
-			bottom: 40rpx;
-			left: 0;
-			right: 0;
-			text-align: center;
-			color: #9A9A9A;
-			font-size: 24rpx;
-		}
-
-		.sso-login-btn {
-			width: 100%;
-			padding: 0 64rpx;
-			/* #ifdef APP-PLUS */
-			margin-top: 404rpx;
-			/* #endif */
-			/* #ifndef APP-PLUS */
-			margin-top: 364rpx;
-			/* #endif */
-		}
-	}
-
-	.other-list {
-		display: flex;
-		align-items: center;
-		justify-content: space-around;
-
-		.other-item {
-			width: 30px;
-			height: 30px;
-			line-height: 30px;
-			text-align: center;
-			cursor: pointer;
-			border-radius: 50%;
-
-			i {
-				font-size: 20px;
-				color: #a0acb7;
-			}
-
-			// &:hover {
-			// 	background-color: #1890ff;
-
-			// 	i {
-			// 		color: #fff;
-			// 	}
-			// }
-		}
-	}
-
-	.mian {
-		background: url('/static/image/tenancy.png');
-		height: 100%;
-	}
-
-	.img {
-		margin-top: 20rpx;
-		margin-left: 30%;
-	}
-
-	.title {
-		margin-top: -55rpx;
-		margin-left: 260rpx;
-		font-size: 32rpx;
-	}
-
-	.info {
-		margin: auto auto;
-		width: 96%;
-		height: 300rpx;
-		background-color: #fff;
-		margin-bottom: 20rpx;
-		border-radius: 10rpx;
-		border-left: 10rpx solid #9DC8FA;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.user-name {
-		font-weight: bold;
-		font-size: 32rpx;
-		margin-left: 20rpx;
-		margin-bottom: 20rpx;
-		margin-top: 30rpx;
-		width: 100%;
-		height: 60rpx;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.user-tenancy {
-		font-size: 28rpx;
-		margin-left: 20rpx;
-		margin-bottom: 20rpx;
-		width: 100%;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-</style>
\ No newline at end of file
+page {
+  height: 100%;
+}
+
+.viewport {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
+
+  .hd {
+    width: 100%;
+    height: 300rpx;
+    position: relative;
+  }
+  .rhd {
+    width: 200rpx;
+    height: 200rpx;
+    position: absolute;
+    right: -10px;
+    top: 190rpx;
+  }
+
+  .md {
+    flex: 1;
+    padding: 80rpx 60rpx;
+
+    .form-title {
+      .title {
+        font-size: 48rpx;
+      }
+
+      .desc {
+        font-size: 28rpx;
+        color: #888888;
+      }
+    }
+
+    .u-form {
+      color: #888888;
+      margin: 80rpx 0 20rpx;
+
+      .form-item {
+        margin: 40rpx 0;
+      }
+
+      .label {
+        font-size: 32rpx;
+      }
+
+      .input {
+        background: #f5f7fa;
+        color: #595959;
+        font-size: 28rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+        display: flex;
+        align-items: center;
+        padding: 0 20rpx;
+        margin-top: 20rpx;
+        border-radius: 8rpx;
+      }
+
+      .forget {
+        color: #356899;
+        font-size: 28rpx;
+      }
+    }
+  }
+
+  .foot {
+    .desc {
+      color: #888888;
+      text-align: center;
+      font-size: 32rpx;
+      margin: 20rpx 0;
+    }
+    .copy-right {
+      text-align: center;
+      color: #b3bec9;
+      font-size: 20rpx;
+      margin: 30rpx auto;
+      width: 600rpx;
+    }
+
+    .login {
+      font-size: 36rpx;
+      font-weight: 600;
+      background: linear-gradient(45deg, rgb(111, 137, 221), rgb(42, 75, 180));
+      height: 120rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+    }
+  }
+}
+/*
+page {
+  width: 100%;
+  min-height: 100vh;
+}
+
+.logo-v {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  .login-version {
+    position: fixed;
+    right: 0px;
+    top: 0px;
+    width: 120rpx;
+    height: 120rpx;
+    background: url("../../static/image/login_version.png") no-repeat center;
+    background-size: 100%;
+
+    .login-version-text {
+      width: 120rpx;
+      height: 120rpx;
+      line-height: 70rpx;
+      text-align: center;
+      color: #fff;
+      font-size: 28rpx;
+      transform: rotate(45deg);
+    }
+  }
+
+  .login-bg {
+    height: 500rpx;
+    position: relative;
+
+    image {
+      width: 100%;
+      height: 100%;
+    }
+
+    .logoImg {
+      width: 160rpx;
+      height: 160rpx;
+      margin: 0 auto;
+      position: absolute;
+      bottom: -90rpx;
+      bottom: 0;
+      left: 0;
+      right: 0;
+
+      /deep/uni-image {
+        border-radius: 10px !important;
+      }
+
+      image {
+        width: 100%;
+        height: 100%;
+        border-radius: 20%;
+      }
+    }
+  }
+
+  .logo-hd {
+    width: 100%;
+
+    .introduce {
+      justify-content: center;
+      align-items: center;
+
+      .text-one {
+        height: 70rpx;
+        font-weight: 700;
+      }
+
+      .text-two {
+        color: #999999;
+      }
+    }
+
+    .loginSwitch {
+      margin-top: 40rpx;
+      justify-content: center;
+      align-items: center;
+
+      .tabs {
+        color: #999999;
+        position: relative;
+
+        &::after {
+          content: "";
+          width: 64rpx;
+          height: 4rpx;
+          background-color: #356efe;
+          margin-top: 15rpx;
+          position: absolute;
+          left: 0;
+          bottom: -15rpx;
+          display: block;
+          border-radius: 50rpx;
+        }
+
+        // &.active1 {
+        // 	&::after {
+        // 		left: 0;
+        // 	}
+        // }
+
+        &.active2 {
+          &::after {
+            left: 70%;
+          }
+        }
+
+        .tab {
+          width: 50%;
+          height: 80upx;
+          text-align: center;
+          color: #aeafb5;
+          font-size: 32upx;
+
+          &.active {
+            color: #3281ff;
+          }
+        }
+      }
+
+      .loginInputBox {
+        width: 100%;
+        margin-top: 120rpx;
+        margin-top: 80rpx;
+        padding: 0 64rpx;
+
+        .code-box {
+          width: 100%;
+        }
+
+        .loginBtnBox {
+        }
+      }
+    }
+  }
+
+  .copyright {
+    position: fixed;
+    bottom: 40rpx;
+    left: 0;
+    right: 0;
+    text-align: center;
+    color: #9a9a9a;
+    font-size: 24rpx;
+  }
+
+  .sso-login-btn {
+    width: 100%;
+    padding: 0 64rpx;
+    margin-top: 404rpx;
+    margin-top: 364rpx;
+  }
+}
+
+.other-list {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+
+  .other-item {
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 50%;
+
+    i {
+      font-size: 20px;
+      color: #a0acb7;
+    }
+
+    // &:hover {
+    // 	background-color: #1890ff;
+
+    // 	i {
+    // 		color: #fff;
+    // 	}
+    // }
+  }
+}
+
+.mian {
+  background: url("/static/image/tenancy.png");
+  height: 100%;
+}
+
+.img {
+  margin-top: 20rpx;
+  margin-left: 30%;
+}
+
+.title {
+  margin-top: -55rpx;
+  margin-left: 260rpx;
+  font-size: 32rpx;
+}
+
+.info {
+  margin: auto auto;
+  width: 96%;
+  height: 300rpx;
+  background-color: #fff;
+  margin-bottom: 20rpx;
+  border-radius: 10rpx;
+  border-left: 10rpx solid #9dc8fa;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.user-name {
+  font-weight: bold;
+  font-size: 32rpx;
+  margin-left: 20rpx;
+  margin-bottom: 20rpx;
+  margin-top: 30rpx;
+  width: 100%;
+  height: 60rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.user-tenancy {
+  font-size: 28rpx;
+  margin-left: 20rpx;
+  margin-bottom: 20rpx;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+*/
+</style>
diff --git a/jnpf-app/static/images/0.png b/jnpf-app/static/images/0.png
new file mode 100644
index 0000000..b559fc9
Binary files /dev/null and b/jnpf-app/static/images/0.png differ
diff --git a/jnpf-app/static/images/111.png b/jnpf-app/static/images/111.png
new file mode 100644
index 0000000..d5ae31c
Binary files /dev/null and b/jnpf-app/static/images/111.png differ
diff --git a/jnpf-app/static/images/approveOrder-default.png b/jnpf-app/static/images/approveOrder-default.png
new file mode 100644
index 0000000..dd15778
Binary files /dev/null and b/jnpf-app/static/images/approveOrder-default.png differ
diff --git a/jnpf-app/static/images/assembleReport-default.png b/jnpf-app/static/images/assembleReport-default.png
new file mode 100644
index 0000000..94d0fb0
Binary files /dev/null and b/jnpf-app/static/images/assembleReport-default.png differ
diff --git a/jnpf-app/static/images/assembleReport.png b/jnpf-app/static/images/assembleReport.png
new file mode 100644
index 0000000..9b22d3e
Binary files /dev/null and b/jnpf-app/static/images/assembleReport.png differ
diff --git a/jnpf-app/static/images/baogongqueren-wuquanxian@1x.png b/jnpf-app/static/images/baogongqueren-wuquanxian@1x.png
new file mode 100644
index 0000000..b4d84d0
Binary files /dev/null and b/jnpf-app/static/images/baogongqueren-wuquanxian@1x.png differ
diff --git a/jnpf-app/static/images/baogongqueren@1x.png b/jnpf-app/static/images/baogongqueren@1x.png
new file mode 100644
index 0000000..fb55512
Binary files /dev/null and b/jnpf-app/static/images/baogongqueren@1x.png differ
diff --git a/jnpf-app/static/images/bg1@2x.png b/jnpf-app/static/images/bg1@2x.png
new file mode 100644
index 0000000..53f55d3
Binary files /dev/null and b/jnpf-app/static/images/bg1@2x.png differ
diff --git a/jnpf-app/static/images/blank.png b/jnpf-app/static/images/blank.png
new file mode 100644
index 0000000..a74df51
Binary files /dev/null and b/jnpf-app/static/images/blank.png differ
diff --git a/jnpf-app/static/images/caigouxietong-wuquanxian@1x.png b/jnpf-app/static/images/caigouxietong-wuquanxian@1x.png
new file mode 100644
index 0000000..35634bf
Binary files /dev/null and b/jnpf-app/static/images/caigouxietong-wuquanxian@1x.png differ
diff --git a/jnpf-app/static/images/caigouxietong@1x.png b/jnpf-app/static/images/caigouxietong@1x.png
new file mode 100644
index 0000000..7d10223
Binary files /dev/null and b/jnpf-app/static/images/caigouxietong@1x.png differ
diff --git a/jnpf-app/static/images/home-empty.png b/jnpf-app/static/images/home-empty.png
new file mode 100644
index 0000000..6f4ca06
Binary files /dev/null and b/jnpf-app/static/images/home-empty.png differ
diff --git a/jnpf-app/static/images/iconlb.png b/jnpf-app/static/images/iconlb.png
new file mode 100644
index 0000000..96c87ab
Binary files /dev/null and b/jnpf-app/static/images/iconlb.png differ
diff --git a/jnpf-app/static/images/login-hd.png b/jnpf-app/static/images/login-hd.png
new file mode 100644
index 0000000..f6e8fe6
Binary files /dev/null and b/jnpf-app/static/images/login-hd.png differ
diff --git a/jnpf-app/static/images/login.9.png b/jnpf-app/static/images/login.9.png
new file mode 100644
index 0000000..296b406
Binary files /dev/null and b/jnpf-app/static/images/login.9.png differ
diff --git a/jnpf-app/static/images/logo-app.png b/jnpf-app/static/images/logo-app.png
new file mode 100644
index 0000000..3fa2a70
Binary files /dev/null and b/jnpf-app/static/images/logo-app.png differ
diff --git a/jnpf-app/static/images/logo.png b/jnpf-app/static/images/logo.png
new file mode 100644
index 0000000..623c6a8
Binary files /dev/null and b/jnpf-app/static/images/logo.png differ
diff --git a/jnpf-app/static/images/logorhd.png b/jnpf-app/static/images/logorhd.png
new file mode 100644
index 0000000..3f2bf14
Binary files /dev/null and b/jnpf-app/static/images/logorhd.png differ
diff --git a/jnpf-app/static/images/my-empty.png b/jnpf-app/static/images/my-empty.png
new file mode 100644
index 0000000..30eeb9b
Binary files /dev/null and b/jnpf-app/static/images/my-empty.png differ
diff --git a/jnpf-app/static/images/my.avatar.png b/jnpf-app/static/images/my.avatar.png
new file mode 100644
index 0000000..4d29a57
Binary files /dev/null and b/jnpf-app/static/images/my.avatar.png differ
diff --git a/jnpf-app/static/images/order_auto_my.png b/jnpf-app/static/images/order_auto_my.png
new file mode 100644
index 0000000..35e8954
Binary files /dev/null and b/jnpf-app/static/images/order_auto_my.png differ
diff --git a/jnpf-app/static/images/productionReport-default.png b/jnpf-app/static/images/productionReport-default.png
new file mode 100644
index 0000000..8aea408
Binary files /dev/null and b/jnpf-app/static/images/productionReport-default.png differ
diff --git a/jnpf-app/static/images/productionReport-detail-complate.png b/jnpf-app/static/images/productionReport-detail-complate.png
new file mode 100644
index 0000000..c2760d1
Binary files /dev/null and b/jnpf-app/static/images/productionReport-detail-complate.png differ
diff --git a/jnpf-app/static/images/productionReport-detail-index.png b/jnpf-app/static/images/productionReport-detail-index.png
new file mode 100644
index 0000000..4017b32
Binary files /dev/null and b/jnpf-app/static/images/productionReport-detail-index.png differ
diff --git a/jnpf-app/static/images/productionReport-page.png b/jnpf-app/static/images/productionReport-page.png
new file mode 100644
index 0000000..3cc0b22
Binary files /dev/null and b/jnpf-app/static/images/productionReport-page.png differ
diff --git a/jnpf-app/static/images/productionReport.png b/jnpf-app/static/images/productionReport.png
new file mode 100644
index 0000000..dd66571
Binary files /dev/null and b/jnpf-app/static/images/productionReport.png differ
diff --git a/jnpf-app/static/images/remove.png b/jnpf-app/static/images/remove.png
new file mode 100644
index 0000000..97b35e3
Binary files /dev/null and b/jnpf-app/static/images/remove.png differ
diff --git a/jnpf-app/static/images/scan-report.png b/jnpf-app/static/images/scan-report.png
new file mode 100644
index 0000000..ce1713c
Binary files /dev/null and b/jnpf-app/static/images/scan-report.png differ
diff --git a/jnpf-app/static/images/seting_my.png b/jnpf-app/static/images/seting_my.png
new file mode 100644
index 0000000..8fed772
Binary files /dev/null and b/jnpf-app/static/images/seting_my.png differ
diff --git a/jnpf-app/static/images/site_selected.png b/jnpf-app/static/images/site_selected.png
new file mode 100644
index 0000000..565be97
Binary files /dev/null and b/jnpf-app/static/images/site_selected.png differ
diff --git a/jnpf-app/static/images/unqualifiedNotification-add.png b/jnpf-app/static/images/unqualifiedNotification-add.png
new file mode 100644
index 0000000..6f35673
Binary files /dev/null and b/jnpf-app/static/images/unqualifiedNotification-add.png differ
diff --git a/jnpf-app/static/images/unqualifiedNotification-agree.png b/jnpf-app/static/images/unqualifiedNotification-agree.png
new file mode 100644
index 0000000..c7ad277
Binary files /dev/null and b/jnpf-app/static/images/unqualifiedNotification-agree.png differ
diff --git a/jnpf-app/static/images/unqualifiedNotification-default.png b/jnpf-app/static/images/unqualifiedNotification-default.png
new file mode 100644
index 0000000..51353ac
Binary files /dev/null and b/jnpf-app/static/images/unqualifiedNotification-default.png differ
diff --git a/jnpf-app/static/images/unqualifiedNotification.png b/jnpf-app/static/images/unqualifiedNotification.png
new file mode 100644
index 0000000..63df8a1
Binary files /dev/null and b/jnpf-app/static/images/unqualifiedNotification.png differ
diff --git a/jnpf-app/static/images/warn_home.png b/jnpf-app/static/images/warn_home.png
new file mode 100644
index 0000000..0235945
Binary files /dev/null and b/jnpf-app/static/images/warn_home.png differ
diff --git a/jnpf-app/static/images/yyslogo.png b/jnpf-app/static/images/yyslogo.png
new file mode 100644
index 0000000..9d2f23e
Binary files /dev/null and b/jnpf-app/static/images/yyslogo.png differ
diff --git a/jnpf-app/static/tabs/1.png b/jnpf-app/static/tabs/1.png
new file mode 100644
index 0000000..5e27524
Binary files /dev/null and b/jnpf-app/static/tabs/1.png differ
diff --git a/jnpf-app/static/tabs/2.png b/jnpf-app/static/tabs/2.png
new file mode 100644
index 0000000..6b96f21
Binary files /dev/null and b/jnpf-app/static/tabs/2.png differ
diff --git a/jnpf-app/static/tabs/home_default.png b/jnpf-app/static/tabs/home_default.png
new file mode 100644
index 0000000..f2d8046
Binary files /dev/null and b/jnpf-app/static/tabs/home_default.png differ
diff --git a/jnpf-app/static/tabs/home_selected.png b/jnpf-app/static/tabs/home_selected.png
new file mode 100644
index 0000000..d0188d5
Binary files /dev/null and b/jnpf-app/static/tabs/home_selected.png differ
diff --git a/jnpf-app/static/tabs/user_default.png b/jnpf-app/static/tabs/user_default.png
new file mode 100644
index 0000000..908385e
Binary files /dev/null and b/jnpf-app/static/tabs/user_default.png differ
diff --git a/jnpf-app/static/tabs/user_selected.png b/jnpf-app/static/tabs/user_selected.png
new file mode 100644
index 0000000..843a19b
Binary files /dev/null and b/jnpf-app/static/tabs/user_selected.png differ