初始化
This commit is contained in:
commit
05d4a24009
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
node_modules/
|
||||
dist/
|
||||
https/
|
||||
app-saas/
|
||||
.git/
|
||||
1
app-saas-src/.apicloud/.project
Normal file
1
app-saas-src/.apicloud/.project
Normal file
@ -0,0 +1 @@
|
||||
{"appid":"A6073227892248","appname":"电务通SaaS","apptype":"app"}
|
||||
203
app-saas-src/.filelist.txt
Normal file
203
app-saas-src/.filelist.txt
Normal file
@ -0,0 +1,203 @@
|
||||
/A6949758164458/image/avatar.png
|
||||
/A6949758164458/script/feature/logQuery/inspectLogList.js
|
||||
/A6949758164458/image/func-energy.svg
|
||||
/A6949758164458/html/feature/rtDataRightPanel.html
|
||||
/A6949758164458/script/index/messageFrame.js
|
||||
/A6949758164458/config.xml
|
||||
/A6949758164458/css/message/messageList.css
|
||||
/A6949758164458/script/feature/logQuery/workTicketList.js
|
||||
/A6949758164458/html/feature/historyData.html
|
||||
/A6949758164458/script/feature/historyDataRightPanel.js
|
||||
/A6949758164458/image/repair-keeper-icon.png
|
||||
/A6949758164458/css/feature/logQuery/workTicketDetail.css
|
||||
/A6949758164458/html/feature/alarmQuery.html
|
||||
/A6949758164458/image/chang-pwd.png
|
||||
/A6949758164458/css/feature/energyRightPanel.css
|
||||
/A6949758164458/image/bottombtn0102.png
|
||||
/A6949758164458/script/common.js
|
||||
/A6949758164458/html/feature/statistic.html
|
||||
/A6949758164458/image/scheme.png
|
||||
/A6949758164458/image/left-panel-logo.png
|
||||
/A6949758164458/html/message/messageListFrame.html
|
||||
Query/workTicketList.html
|
||||
/A6949758164458/launch/launch1080x1920.png
|
||||
/A6949758164458/html/feature/logQuery/operateTicketDetail.html
|
||||
/A6949758164458/html/feature/historyDataRightPanel.html
|
||||
/A6949758164458/script/feature/logQuery/log-query-main.js
|
||||
/A6949758164458/css/index/rtAlaramFrame.css
|
||||
/A6949758164458/image/right-middle-bg.png
|
||||
/A6949758164458/html/about.html
|
||||
/A6949758164458/script/user/updatePassword.js
|
||||
/A6949758164458/image/rtAlarm-active.png
|
||||
/A6949758164458/css/feature/rtDataRightPanel.css
|
||||
/A6949758164458/image/log.png
|
||||
/A6949758164458/image/work-ticket-assistantor-icon.png
|
||||
/A6949758164458/css/user/login.css
|
||||
/A6949758164458/css/feature/logQuery/inspectLogList.css
|
||||
/A6949758164458/image/img-error.png
|
||||
/A6949758164458/html/feature/alarmQueryRightPanel.html
|
||||
/A6949758164458/html/feature/logQuery/operateTicketList.html
|
||||
/A6949758164458/script/user/resetPassword.js
|
||||
/A6949758164458/电务通APP 需求说明说.docx
|
||||
/A6949758164458/image/func-alarm.png
|
||||
/A6949758164458/script/rtAlarm/rtAlarmList.js
|
||||
/A6949758164458/css/feature/logQuery/workTicketList.css
|
||||
/A/A6949758164458/image/avatar.png
|
||||
/A6949758164458/image/bottombtn0301.png
|
||||
/A6949758164458/image/contact-active.png
|
||||
/A6949758164458/css/user/updatePassword.css
|
||||
/A6949758164458/html/index/contactFrame.html
|
||||
/A6949758164458/html/index/featureFrame.html
|
||||
/A6949758164458/html/user/login.html
|
||||
/A6949758164458/image/func-log.png
|
||||
tml/user/updatePassword.html
|
||||
/A6949758164458/css/index.css
|
||||
/A6949758164458/script/dao/messageDao.js
|
||||
/A6949758164458/script/feature/rtDataRightPanel.js
|
||||
/A6949758164458/css/index/contactFrame.css
|
||||
/A6949758164458/html/message/messageList.html
|
||||
/A6949758164458/script/feature/historyData.js
|
||||
/A6949758164458/css/feature/energy.css
|
||||
/A6949758164458/image/work-ticket.svg
|
||||
/A6949758164458/html/user/protocol.html
|
||||
/A6949758164458/css/index/messageFrame.css
|
||||
/A6949758164458/css/feature/logQuery/operateTicketDetail.css
|
||||
/A6949758164458/image/more.png
|
||||
/A6949758164458/css/index/index.css
|
||||
/A6949758164458/image/func-rtdata.svg
|
||||
/A6949758164458/html/index/rtAlaramFrame.html
|
||||
/A6949758164458/image/left-bg.png
|
||||
6949758164458/image/drop-down.png
|
||||
8/html/feature/energyRightPanel.html
|
||||
/A6949758164458/image/bottombtn0202.png
|
||||
/A6949758164458/css/feature/logQuery/logQuery.css
|
||||
/A6949758164458/image/func-rtdata.png
|
||||
/A6949758164458/script/feature/energyRightPanel.js
|
||||
/A6949758164458/h/A6949758164458/image/avatar.png
|
||||
/A6949758164458/css/index/featureFrame.css
|
||||
/A6949758164458/html/user/resetPassword.html
|
||||
/A6949758164458/image/operate-ticket.svg
|
||||
/A694/A6949758164458/image/avatar.png
|
||||
/A6949758164458/script/user/findPassWord.js
|
||||
/A6949758164458/image/shishishuju.svg
|
||||
/A6949758164458/script/feature/logQuery/repairLogDetail.js
|
||||
/A6949758164458/html/feature/logQuery/repairLogList.html
|
||||
/A6949758164458/css/feature/logQuery/repairLogDetail.css
|
||||
/A6949758164458/image/bottombtn0101.png
|
||||
/A6949758164458/script/zepto.min.js
|
||||
/A6949758164458/image/qrcode.png
|
||||
/A6949758164458/css/user/findPassWord.css
|
||||
/A6949758164458/image/right-bottom-bg.png
|
||||
/A6949758164458/css/about.css
|
||||
/A6949758164458/html/index/rtAlarmFrame.html
|
||||
/A6949758164458/script/user/protocol.js
|
||||
/A6949758164458/script/echarts.min.js
|
||||
/A6949758164458/script/about.js
|
||||
/A6949758164458/script/guide.js
|
||||
/A6949758164458/script/feature/logQuery/repairLogList.js
|
||||
/A6949758164458/html/feature/energy.html
|
||||
/A6949758164458/html/guide.html
|
||||
/A6949758164458/image/red-alarm-icon.png
|
||||
/A6949758164458/image/func-history.png
|
||||
/A6949758164458/script/feature/logQuery/operateTicketList.js
|
||||
/A6949758164458/css/feature/alarmQuery.css
|
||||
/A6949758164458/image/rtAlarm-normal.png
|
||||
/A6949758164458/script/user/login.js
|
||||
/A6949758164458/image/contact-normal.png
|
||||
/A6949758164458/image/empty-tips.png
|
||||
/A6949758164458/css/feature/alarmQueryRightPanel.css
|
||||
/A6949758164458/css/user/resetPassword.css
|
||||
/A6949758164458/script/index/rtAlaramFrame.js
|
||||
/A6949758164458/image/feature-active.png
|
||||
/A6949758164458/image/func-log.svg
|
||||
/A6949758164458/image/bottombtn0401.png
|
||||
/A6949758164458/index.html
|
||||
/A6949758164458/html/feature/logQuery/repairLogDetail.html
|
||||
/A6949758164458/image/inspect-log.svg
|
||||
/A6949758164458/css/feature/logQuery/repairLogList.css
|
||||
/A6949758164458/image/message-active.png
|
||||
/A6949758164458/css/index/rtAlarmFrame.css
|
||||
/A6949758164458/css/feature/statistic.css
|
||||
/A6949758164458/html/feature/logQuery/workTicketList.html
|
||||
/A6949758164458/script/feature/logQuery/operateTicketDetail.js
|
||||
/A6949758164458/image/repair-log.svg
|
||||
/A6949758164458/image/work-ticket.png
|
||||
/A6949758164458/image/operate-ticket.png
|
||||
/A6949758164458/html/index.html
|
||||
/A6949758164458/resource/isNew.txt
|
||||
/A6949758164458/image/message-normal.png
|
||||
/A6949758164458/css/style.css
|
||||
/A6949758164458/image/bee-icon.png
|
||||
/A6949758164458/css/feature/historyData.css
|
||||
/A6949758164458/script/index/index.js
|
||||
/A6949758164458/image/bottombtn0402.png
|
||||
/A6949758164458/script/feature/statistic.js
|
||||
/A6949758164458/image/loading_more.gif
|
||||
/A6949758164458/html/user/findPassWord.html
|
||||
/A6949758164458/css/feature/logQuery/operateTicketList.css
|
||||
/A6949758164458/image/bottombtn0302.png
|
||||
/A6949758164458/image/oper-ticket-assistantor-icon.png
|
||||
/A6949758164458/image/arrow.png
|
||||
/A6949758164458/css/api.css
|
||||
/A6949758164458/script/message/messageList.js
|
||||
/A6949758164458/html/feature/logQuery/logQuery.html
|
||||
/A6949758164458/css/index/leftPanel.css
|
||||
/A6949758164458/image/arrow-right.png
|
||||
/A6949758164458/image/right-top-bg.png
|
||||
/A6949758164458/image/func-history.svg
|
||||
/A694975816445/A6949758164458/image/avatar.png
|
||||
/A6949758164458/css/feature/logQuery/inspectLogDetail.css
|
||||
/A6949758164458/css/contact.css
|
||||
/A6949758164458/html/index/index.html
|
||||
/A6949758164458/image/about.png
|
||||
/A6949758164458/css/user/protocol.css
|
||||
/A6949758164458/image/text-logo.png
|
||||
/A6949758164458/image/arrow-bottom.png
|
||||
/A6949758164458/script/feature/logQuery/workTicketDetail.js
|
||||
/A6949758164458/html/rtAlarm/rtAlarmList.html
|
||||
/A6949758164458/script/moment.min.js
|
||||
/A6949758164458/image/func-alarm.svg
|
||||
/A6949758164458/script/feature/logQuery/logQuery.js
|
||||
/A6949758164458/html/feature/logQuery/inspectLogList.html
|
||||
/A6949758164458/css/feature/historyDataRightPanel.css
|
||||
/A6949758164458/image/malfunction.png
|
||||
/A6949758164458/css/feature/rtData.css
|
||||
/A6949758164458/html/index/messageFrame.html
|
||||
/A6949758164458/script/feature/alarmQueryRightPanel.js
|
||||
/A6949758164458/image/clear.png
|
||||
/A6949758164458/html/feature/rtData.html
|
||||
/A6949758164458/script/index/featureFrame.js
|
||||
/A6949758164458/image/logout.png
|
||||
/A6949758164458/image/func-energy.png
|
||||
/A6949758164458/css/message/messageListFrame.css
|
||||
/A6949758164458/icon/icon150x150.png
|
||||
/A6949758164458/script/feature/energy.js
|
||||
/A6949758164458/script/feature/alarmQuery.js
|
||||
/A6949758164458/html/feature/logQuery/workTicketDetail.html
|
||||
/A6949758164458/script/feature/logQuery/inspectLogDetail.js
|
||||
/A6949758164458/resource/version.txt
|
||||
/A6949758164458/image/inspect-keeper-icon.png
|
||||
/A6949758164458/image/back.png
|
||||
/A6949758164458/html/feature/logQuery/logQuery-main.html
|
||||
/A6949758164458/image/logo.png
|
||||
/A6949758164458/script/feature/rtData.js
|
||||
/A6949758164458/image/inspect-log.png
|
||||
/A6949758164458/css/rtAlarm/rtAlarmList.css
|
||||
/A6949758164458/script/api.js
|
||||
/A6949758164458/script/message/messageListFrame.js
|
||||
/A6949758164458/image/black-pr-icon.png
|
||||
/A6949758164458/html/user/updatePassword.html
|
||||
/A6949758164458/image/feature-normal.png
|
||||
/A6949758164458/html/feature/energyRightPanel.html
|
||||
/A6949758164458/image/drop-down.png
|
||||
/A6949758164458/css/guide.css
|
||||
9758164458/image/repair-log.png
|
||||
/A6949758164458/script/index/contactFrame.js
|
||||
/A6949758164458/script/index/leftPanel.js
|
||||
/A6949758164458/script/index.js
|
||||
/A6949758164458/image/logo-.png
|
||||
/A6949758164458/html/feature/logQuery/inspectLogDetail.html
|
||||
/A6949758164458/image/repair-log.png
|
||||
/A6949758164458/image/bottombtn0201.png
|
||||
/A6949758164458/html/index/leftPanel.html
|
||||
/A6949758164458/html/feature/log/A6949758164458/script/feature/logQuery/inspectLogList.js
|
||||
11
app-saas-src/.project
Normal file
11
app-saas-src/.project
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<projectDescription>
|
||||
<name>dianwutong</name>
|
||||
<comment></comment>
|
||||
<projects>
|
||||
</projects>
|
||||
<buildSpec>
|
||||
</buildSpec>
|
||||
<natures>
|
||||
</natures>
|
||||
</projectDescription>
|
||||
1
app-saas-src/.yonstudio/.project
Normal file
1
app-saas-src/.yonstudio/.project
Normal file
@ -0,0 +1 @@
|
||||
{"appid":"A6073227892248","appname":"电务通SaaS","apptype":"mx-app"}
|
||||
92
app-saas-src/README.md
Normal file
92
app-saas-src/README.md
Normal file
@ -0,0 +1,92 @@
|
||||
# App Saas Src
|
||||
|
||||
|
||||
|
||||
## Getting started
|
||||
|
||||
To make it easy for you to get started with GitLab, here's a list of recommended next steps.
|
||||
|
||||
Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
|
||||
|
||||
## Add your files
|
||||
|
||||
- [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
|
||||
- [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
|
||||
|
||||
```
|
||||
cd existing_repo
|
||||
git remote add origin https://git.saas.dianwutong.com/dwt/front-end/app-saas-src.git
|
||||
git branch -M master
|
||||
git push -uf origin master
|
||||
```
|
||||
|
||||
## Integrate with your tools
|
||||
|
||||
- [ ] [Set up project integrations](http://59.110.13.144:9980/dwt/front-end/app-saas-src/-/settings/integrations)
|
||||
|
||||
## Collaborate with your team
|
||||
|
||||
- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/)
|
||||
- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
|
||||
- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
|
||||
- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/)
|
||||
- [ ] [Automatically merge when pipeline succeeds](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
|
||||
|
||||
## Test and Deploy
|
||||
|
||||
Use the built-in continuous integration in GitLab.
|
||||
|
||||
- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html)
|
||||
- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing(SAST)](https://docs.gitlab.com/ee/user/application_security/sast/)
|
||||
- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
|
||||
- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/)
|
||||
- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html)
|
||||
|
||||
***
|
||||
|
||||
# Editing this README
|
||||
|
||||
When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thank you to [makeareadme.com](https://www.makeareadme.com/) for this template.
|
||||
|
||||
## Suggestions for a good README
|
||||
Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
|
||||
|
||||
## Name
|
||||
Choose a self-explaining name for your project.
|
||||
|
||||
## Description
|
||||
Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
|
||||
|
||||
## Badges
|
||||
On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
|
||||
|
||||
## Visuals
|
||||
Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
|
||||
|
||||
## Installation
|
||||
Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
|
||||
|
||||
## Usage
|
||||
Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
|
||||
|
||||
## Support
|
||||
Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
|
||||
|
||||
## Roadmap
|
||||
If you have ideas for releases in the future, it is a good idea to list them in the README.
|
||||
|
||||
## Contributing
|
||||
State if you are open to contributions and what your requirements are for accepting them.
|
||||
|
||||
For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
|
||||
|
||||
You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
|
||||
|
||||
## Authors and acknowledgment
|
||||
Show your appreciation to those who have contributed to the project.
|
||||
|
||||
## License
|
||||
For open source projects, say how it is licensed.
|
||||
|
||||
## Project status
|
||||
If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.
|
||||
52
app-saas-src/config.xml
Normal file
52
app-saas-src/config.xml
Normal file
@ -0,0 +1,52 @@
|
||||
<widget id="A6073227892248" version="0.0.1">
|
||||
|
||||
<name>电务通SaaS</name>
|
||||
|
||||
<description/>
|
||||
|
||||
<!-- <author email="526379113@qq.com" href="http://www.apicloud.com">自然茧</author> -->
|
||||
|
||||
<content src="index.html"/>
|
||||
|
||||
<preference name="appBackground" value="rgba(0,0,0,0)"/>
|
||||
|
||||
<preference name="windowBackground" value="rgba(0,0,0,0)"/>
|
||||
|
||||
<preference name="frameBackgroundColor" value="rgba(0,0,0,0)"/>
|
||||
|
||||
<preference name="autoLaunch" value="true"/>
|
||||
|
||||
<preference name="autoUpdate" value="true"/>
|
||||
|
||||
<preference name="smartUpdate" value="true"/>
|
||||
|
||||
<preference name="debug" value="true"/>
|
||||
|
||||
<preference name="statusBarAppearance" value="true"/>
|
||||
|
||||
<preference name="backgroundMode" value="remote-notification"/>
|
||||
|
||||
<preference name="fullScreen" value="true"/>
|
||||
|
||||
<permission name="location"/>
|
||||
|
||||
<permission name="internet"/>
|
||||
|
||||
<access origin="*"/>
|
||||
|
||||
<meta-data name="JPUSH_CHANNEL" value="2372dc4d3a017daff636eae4"/>
|
||||
|
||||
<meta-data name="JPUSH_APPKEY" value="7963461de4dba76991798f51"/>
|
||||
<!-- <meta-data name="JPUSH_CHANNEL" value="2372dc4d3a017daff636eae4"/> -->
|
||||
<!-- <meta-data name="JPUSH_CHANNEL" value="A6073227892248"/> -->
|
||||
|
||||
<feature name="ajpush">
|
||||
|
||||
<param name="app_key" value="7963461de4dba76991798f51"/>
|
||||
|
||||
<!-- <param name="channel" value="CA6073227892248"/> -->
|
||||
<param name="channel" value="2372dc4d3a017daff636eae4"/>
|
||||
|
||||
</feature>
|
||||
|
||||
</widget>
|
||||
90
app-saas-src/css/about.css
Normal file
90
app-saas-src/css/about.css
Normal file
@ -0,0 +1,90 @@
|
||||
.blackMask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.item {
|
||||
display:flex;
|
||||
height:4.08rem;
|
||||
align-items:center;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding:0 0.7rem;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
.item>div:nth-child(1) {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
margin: 0 0 0 1rem;
|
||||
}
|
||||
|
||||
.item>div:nth-child(2) {
|
||||
margin: 0 1rem 0 0;
|
||||
}
|
||||
|
||||
.item img {
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.banner {
|
||||
height: 13rem;
|
||||
background: #e4e4e4;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.horizon-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
background: white;
|
||||
border-radius: 1rem;
|
||||
height: 6.66rem;
|
||||
width: 6.66rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.text-logo {
|
||||
width: 5.25rem;
|
||||
margin: 1.32rem 0 0 0;
|
||||
}
|
||||
|
||||
.text-version {
|
||||
margin: 0.5rem 0 0 0;
|
||||
}
|
||||
|
||||
.article{
|
||||
padding:1.7rem;
|
||||
}
|
||||
82
app-saas-src/css/api.css
Normal file
82
app-saas-src/css/api.css
Normal file
@ -0,0 +1,82 @@
|
||||
html{
|
||||
font-family: sans-serif;
|
||||
}
|
||||
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
|
||||
margin:0;
|
||||
border:0;
|
||||
padding:0;
|
||||
font-style:normal;
|
||||
}
|
||||
html,body {
|
||||
-webkit-touch-callout:none;
|
||||
-webkit-text-size-adjust:none;
|
||||
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
|
||||
-webkit-user-select:none;
|
||||
background-color: #fff;
|
||||
}
|
||||
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{
|
||||
display: block;
|
||||
}
|
||||
img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{
|
||||
display:inline-block;
|
||||
}
|
||||
header,section,footer {
|
||||
position:relative;
|
||||
}
|
||||
ol,ul{
|
||||
list-style:none;
|
||||
}
|
||||
input,button,textarea {
|
||||
border:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
border-radius:0;
|
||||
font-size:1em;
|
||||
line-height:1em;
|
||||
/* -webkit-appearance:none; */
|
||||
background-color:rgba(0, 0, 0, 0);
|
||||
}
|
||||
span{
|
||||
display:inline-block;
|
||||
}
|
||||
a:active, a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
a, a:visited{
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
label, .wordWrap{
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
td,th {
|
||||
padding: 0;
|
||||
}
|
||||
.clearfix:after{
|
||||
content: ' ';
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility:hidden;
|
||||
line-height: 0;
|
||||
height:0;
|
||||
}
|
||||
.loading_more{
|
||||
display: block;
|
||||
height: 1.5em;
|
||||
width: 100%;
|
||||
}
|
||||
.loading_more:before {
|
||||
display: inline-block; vertical-align: text-bottom;
|
||||
content: ' '; height: 16px; width: 16px; margin-right: 6px;
|
||||
background: url(../image/loading_more.gif) no-repeat center;
|
||||
-webkit-background-size: contain;
|
||||
background-size: contain;
|
||||
}
|
||||
.loading_more:after {
|
||||
content: '加载更多';
|
||||
}
|
||||
3
app-saas-src/css/contact.css
Normal file
3
app-saas-src/css/contact.css
Normal file
@ -0,0 +1,3 @@
|
||||
body {
|
||||
|
||||
}
|
||||
45
app-saas-src/css/feature/alarmDetail.css
Normal file
45
app-saas-src/css/feature/alarmDetail.css
Normal file
@ -0,0 +1,45 @@
|
||||
body {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 1.42rem;
|
||||
background: #ffffff;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.content-head {
|
||||
height: 4.75rem;
|
||||
padding: 0 0.2rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
|
||||
.pr-name {
|
||||
font-size: 1.33rem;
|
||||
}
|
||||
|
||||
.alarm-time {
|
||||
font-size: 0.83rem;
|
||||
}
|
||||
|
||||
.content-body {
|
||||
padding: 1.5rem 0.2rem;
|
||||
}
|
||||
|
||||
.content-body>div {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
#create-order-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
159
app-saas-src/css/feature/alarmQuery.css
Normal file
159
app-saas-src/css/feature/alarmQuery.css
Normal file
@ -0,0 +1,159 @@
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.alarmList-content{
|
||||
overflow-y: scroll;
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
}
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.alarm{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.alarm .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.alarm .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.alarm .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.alarm .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.alarm .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.alarm .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.alarm .right{
|
||||
/*width:7rem;*/
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
69
app-saas-src/css/feature/alarmQueryRightPanel.css
Normal file
69
app-saas-src/css/feature/alarmQueryRightPanel.css
Normal file
@ -0,0 +1,69 @@
|
||||
.container {
|
||||
padding: 2.9rem 1rem 3rem 1rem
|
||||
}
|
||||
|
||||
.container span {
|
||||
font-size: 1.2rem
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
margin: 0.5rem 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0 1.25rem 0;
|
||||
}
|
||||
|
||||
#pr-group .btn {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.btn:nth-child(4n+2) {
|
||||
margin: 0 0 1.25rem 2.6%;
|
||||
}
|
||||
|
||||
.btn:nth-child(4n+3) {
|
||||
margin: 0 2.6% 1.25rem 2.6%;
|
||||
}
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.submitbtn-common {
|
||||
width: 50%;
|
||||
height: 3.2rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
|
||||
.submitbtn-gray {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
65
app-saas-src/css/feature/camera.css
Normal file
65
app-saas-src/css/feature/camera.css
Normal file
@ -0,0 +1,65 @@
|
||||
html,body{
|
||||
background:#f4f4f4;
|
||||
}
|
||||
|
||||
.panel{
|
||||
width:100%;
|
||||
height:10%;
|
||||
background:black;
|
||||
}
|
||||
|
||||
.panel video {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
margin: 1.25rem 0 1.5rem 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
}
|
||||
|
||||
.btn-free-width {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
min-width: 23%;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
padding:0 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/*.btn-free-width:nth-child(4n+4){
|
||||
margin: 0 0rem 1.25rem 0;
|
||||
}*/
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
.btns-container {
|
||||
padding: 2rem 1rem 0 1rem;
|
||||
}
|
||||
.btns-title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
104
app-saas-src/css/feature/circuit.css
Normal file
104
app-saas-src/css/feature/circuit.css
Normal file
@ -0,0 +1,104 @@
|
||||
html,body{
|
||||
background:#f4f4f4;
|
||||
}
|
||||
|
||||
.panel{
|
||||
width:100%;
|
||||
height:10%;
|
||||
background:black;
|
||||
}
|
||||
|
||||
.panel video {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
padding: 1rem 1.2rem;
|
||||
display: none;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 3rem;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
/* height: 2.4rem; */
|
||||
/* width: 6rem; */
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 0.5rem 0.2rem;
|
||||
}
|
||||
|
||||
.btn-free-width {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
min-width: 23%;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
padding:0 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/*.btn-free-width:nth-child(4n+4){
|
||||
margin: 0 0rem 1.25rem 0;
|
||||
}*/
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
.btns-container {
|
||||
padding: 0.5rem 1rem 0 1rem;
|
||||
}
|
||||
.btns-title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.circuit-content {
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
}
|
||||
|
||||
#circuit-selector {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background-color: #eabe2a;
|
||||
height: 3rem;
|
||||
width: 100%;
|
||||
line-height: 3rem;
|
||||
padding: 0 1rem;
|
||||
margin-top: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#circuit-selector img, #circuit-selector span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#circuit-selector img {
|
||||
width: 1rem;
|
||||
/* height: 1rem; */
|
||||
|
||||
}
|
||||
253
app-saas-src/css/feature/energy.css
Normal file
253
app-saas-src/css/feature/energy.css
Normal file
@ -0,0 +1,253 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
padding:0;
|
||||
margin:0;
|
||||
padding-top:1.25rem;
|
||||
height: 2.75rem;
|
||||
z-index:99999999;
|
||||
}
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.top-bar {
|
||||
height: 2.75rem;
|
||||
line-height: 2.75rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
padding:0px;
|
||||
font-size:1.125rem;
|
||||
}
|
||||
|
||||
.top-bar .left{
|
||||
width:2rem;
|
||||
height:100%;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.top-bar .left img{
|
||||
width:0.656rem;
|
||||
height:1.1875rem;
|
||||
}
|
||||
|
||||
.top-bar span{
|
||||
margin:auto;
|
||||
color:rgba(0,0,0,1)
|
||||
}
|
||||
|
||||
.top-bar .right{
|
||||
width: 2rem;
|
||||
height: 100%;
|
||||
}
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:4rem;
|
||||
width: 100%;
|
||||
z-index:99999999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.searcher{
|
||||
/*padding:0.4rem 1rem 0 1rem;*/
|
||||
padding-top: 0.4rem;
|
||||
display:flex;
|
||||
font-size:1rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.btn{
|
||||
border-radius:0.25rem;
|
||||
border:1px solid #dad9da;
|
||||
box-sizing:border-box;
|
||||
height:1.875rem;
|
||||
width:5.125rem;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:0.8rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.btn.active{
|
||||
background:#e9be2b;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
.picker{
|
||||
display:flex;
|
||||
justify-content:space-around;
|
||||
align-items:center;
|
||||
height:2rem;
|
||||
line-height: 2rem;
|
||||
font-size:1rem;
|
||||
min-width:14rem;
|
||||
}
|
||||
|
||||
.picker .date{
|
||||
background: red;
|
||||
border-bottom:1px solid #E9BE2B;
|
||||
width:6rem;
|
||||
height: 1.875rem;
|
||||
text-align:center;
|
||||
display:block;
|
||||
line-height:1.875rem;
|
||||
}
|
||||
|
||||
|
||||
.compare-AChart{
|
||||
width:100%;
|
||||
height:16rem;
|
||||
|
||||
}
|
||||
|
||||
.time-AChart{
|
||||
width:100%;
|
||||
height:16rem;
|
||||
}
|
||||
|
||||
.time-BCChart-con{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
.time-BCChart-con>div{
|
||||
width:49%;
|
||||
height:16rem;
|
||||
}
|
||||
|
||||
.compare-ATable-con{
|
||||
padding:1rem;
|
||||
}
|
||||
|
||||
table{
|
||||
padding:1rem;
|
||||
table-layout:fixed ;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
border:1px solid red;
|
||||
}
|
||||
|
||||
table tr{
|
||||
border-bottom:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
table tr:first-child{
|
||||
border-top:2px solid #03b679;
|
||||
}
|
||||
|
||||
table tr td{
|
||||
line-height:2.0rem;
|
||||
}
|
||||
|
||||
table tr>td{
|
||||
border-left:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
table tr>td:last-child{
|
||||
border-right:1px solid #eeeeee;
|
||||
}
|
||||
.tab-panel{
|
||||
padding-left: 1.5rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.time-select{
|
||||
border-radius:0.25rem;
|
||||
border:1px solid #dad9da;
|
||||
box-sizing:border-box;
|
||||
height:1.875rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
font-size:1rem;
|
||||
width:5.125rem;
|
||||
margin-right: 1rem;
|
||||
background-color: white;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*日期选择器*/
|
||||
.datetime-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
font-size:0.9rem;
|
||||
color:rgba(0,0,0,0.7)
|
||||
height: 1.875rem;
|
||||
line-height: 1.875rem;
|
||||
text-align: center;
|
||||
width: 7rem;
|
||||
}
|
||||
.datetime-range{
|
||||
height: 1.875rem;
|
||||
line-height: 1.875rem;
|
||||
text-align: center;
|
||||
width: 3rem;
|
||||
}
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 1.875rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
width: 0.83rem;
|
||||
height: 0.4rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height:1.875rem;
|
||||
opacity: 0;
|
||||
}
|
||||
.search-criteria {
|
||||
margin-left: 2%;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 1.7rem;
|
||||
width: 23%;
|
||||
font-size:0.9rem;
|
||||
}
|
||||
49
app-saas-src/css/feature/energyRightPanel.css
Normal file
49
app-saas-src/css/feature/energyRightPanel.css
Normal file
@ -0,0 +1,49 @@
|
||||
body {
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.container{
|
||||
padding:1.25rem 0.5rem 3rem 0.5rem;
|
||||
}
|
||||
|
||||
.class-name{
|
||||
font-size:1rem;
|
||||
color:#000000;
|
||||
padding-top:0.6rem;
|
||||
}
|
||||
|
||||
.number{
|
||||
font-size:0.9rem;
|
||||
color:#4c4c4c;
|
||||
padding-top:0.3rem;
|
||||
}
|
||||
|
||||
.number.active{
|
||||
color:#E9BE2B;
|
||||
}
|
||||
|
||||
.btns{
|
||||
position:fixed;
|
||||
bottom:0;
|
||||
height:2.5rem;
|
||||
width:100%;
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.btns .btn{
|
||||
height:2.5rem;
|
||||
display:block;
|
||||
line-height:2.5rem;
|
||||
text-align:center;
|
||||
font-size:1rem;
|
||||
flex-grow:1;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.btns .btn.cancel{
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.btns .btn.ok{
|
||||
background:#e9be2b;
|
||||
}
|
||||
196
app-saas-src/css/feature/historyData.css
Normal file
196
app-saas-src/css/feature/historyData.css
Normal file
@ -0,0 +1,196 @@
|
||||
::-webkit-scrollbar{width:0px}
|
||||
|
||||
td{
|
||||
white-space:nowrap;
|
||||
vertical-align:middle;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing:border-box; /* Firefox */
|
||||
-webkit-box-sizing:border-box; /* Safari */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.table-panel{
|
||||
/* Add start 2018/8/23 15:00 kangzhi */
|
||||
/* 给 echarts 表留出位置 */
|
||||
margin-top: 18.5rem;
|
||||
/* Add end 2018/8/23 15:00 kangzhi */
|
||||
position:absolute;
|
||||
display:flex;
|
||||
width:100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-head{
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
width:100%;
|
||||
height:5.16rem;
|
||||
z-index:1000;
|
||||
}
|
||||
|
||||
.table-head-right{
|
||||
overflow:scroll;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
#header-table{
|
||||
border-top:1px solid #d9d9d9;
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
box-sizing:content-box;
|
||||
-moz-box-sizing:content-box; /* Firefox */
|
||||
-webkit-box-sizing:content-box; /* Safari */
|
||||
}
|
||||
|
||||
#table-head-left {
|
||||
position:relative;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.time-title-cell{
|
||||
height:5.2rem;
|
||||
width:10.4rem;
|
||||
display:table-cell;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#E9BE2B;
|
||||
border-top:2px solid #E9BE2B;
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.table-head-right td{
|
||||
height:2.6rem;
|
||||
}
|
||||
|
||||
#table-header-list td:not(:last-child){
|
||||
border-right:1px solid #d9d9d9;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:content-box; /* Firefox */
|
||||
-webkit-box-sizing:content-box; /* Safari */
|
||||
}
|
||||
|
||||
#table-title-list {
|
||||
border-top:1px solid #d9d9d9;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:border-box; /* Firefox */
|
||||
-webkit-box-sizing:border-box; /* Safari */
|
||||
height:2.58rem;
|
||||
}
|
||||
|
||||
#table-title-list td:nth-child(even){
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
.table-body{
|
||||
width:100%;
|
||||
position:absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-body-right tr,.table-body-left tr{
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
box-sizing:content-box;
|
||||
-moz-box-sizing:content-box; /* Firefox */
|
||||
-webkit-box-sizing:content-box; /* Safari */
|
||||
}
|
||||
|
||||
.table-body-right td, .table-body-left td{
|
||||
height:2.6rem;
|
||||
|
||||
}
|
||||
|
||||
.table-body-left{
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:10.4rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.table-body-right{
|
||||
position:absolute;
|
||||
top:0;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.table-body-left td{
|
||||
width:10.4rem;
|
||||
text-align:center;
|
||||
vertical-align:center;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#tbHistroyValue tr>td:nth-child(even){
|
||||
background:#f7f7f7;
|
||||
}
|
||||
/* Add start 2018/8/23 10:01 kangzhi */
|
||||
/* echarts 容器样式 */
|
||||
#echarts-container {
|
||||
box-sizing: border-box;
|
||||
margin-top: 11.5rem;
|
||||
height: 19rem;
|
||||
width: 100%;
|
||||
}
|
||||
/* Add end 2018/8/23 10:01 kangzhi */
|
||||
73
app-saas-src/css/feature/historyDataRightPanel.css
Normal file
73
app-saas-src/css/feature/historyDataRightPanel.css
Normal file
@ -0,0 +1,73 @@
|
||||
.container {
|
||||
padding: 2.9rem 1rem 0 1rem
|
||||
}
|
||||
|
||||
.container span {
|
||||
font-size: 1.2rem
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap:wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
margin: 1.25rem 0 4.5rem 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
}
|
||||
|
||||
.btn-free-width {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
min-width: 23%;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
padding:0 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/*.btn-free-width:nth-child(4n+4){
|
||||
margin: 0 0rem 1.25rem 0;
|
||||
}*/
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.submitbtn-common {
|
||||
width: 50%;
|
||||
height: 3.2rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
|
||||
.submitbtn-gray {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
172
app-saas-src/css/feature/inspectionArrange.css
Normal file
172
app-saas-src/css/feature/inspectionArrange.css
Normal file
@ -0,0 +1,172 @@
|
||||
.container {
|
||||
padding-bottom: 3.1rem;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.inspectionList-content{
|
||||
overflow-y: scroll;
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
}
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 18%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.inspection{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.inspection .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.inspection .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.inspection .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.inspection .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.inspection .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.inspection .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.inspection .right{
|
||||
/*width:7rem;*/
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#create-inspection-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
212
app-saas-src/css/feature/inspectionArrangeCreate.css
Normal file
212
app-saas-src/css/feature/inspectionArrangeCreate.css
Normal file
@ -0,0 +1,212 @@
|
||||
.container {
|
||||
padding-bottom: 3.1rem;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.prList-content{
|
||||
overflow-y: scroll;
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
}
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
border-bottom:1px solid #d9d9d9
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
display: inline-block;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 10%;
|
||||
padding: 0.4rem 0.6rem;
|
||||
color: #e9be2b;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 10%;
|
||||
padding: 0.4rem 0.6rem;
|
||||
color: #ff0000;
|
||||
font-size: 12px;
|
||||
}
|
||||
.pr-num-box {
|
||||
padding: 0.6rem 2rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
.pr-num-box .btn-normal {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.pr-num {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.pr{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.pr .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pr .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.pr .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.pr .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.pr .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr .right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.inspect-type {
|
||||
color: #e9be2b;
|
||||
}
|
||||
|
||||
#save-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
174
app-saas-src/css/feature/inspectionArrangeCreateRightPanel.css
Normal file
174
app-saas-src/css/feature/inspectionArrangeCreateRightPanel.css
Normal file
@ -0,0 +1,174 @@
|
||||
.container {
|
||||
padding: 2.9rem 1rem 5rem 1rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.container span {
|
||||
font-size: 1.2rem
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap:wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
margin: 1.25rem 0 1.25rem 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
}
|
||||
|
||||
.btn-free-width {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
min-width: 23%;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
padding:0 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/*.btn-free-width:nth-child(4n+4){
|
||||
margin: 0 0rem 1.25rem 0;
|
||||
}*/
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.submitbtn-common {
|
||||
width: 50%;
|
||||
height: 3.2rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
|
||||
.submitbtn-gray {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
.pr-list {
|
||||
|
||||
}
|
||||
|
||||
.pr-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin: 0.6rem 0;
|
||||
padding: 0 1rem;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
.pr-name {
|
||||
width: 59%;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
overflow-wrap: break-all;
|
||||
}
|
||||
.count-controler {
|
||||
width: 39%;
|
||||
}
|
||||
|
||||
.inspect-type-radio {
|
||||
padding: 0.6rem 0 0.5rem 0;
|
||||
}
|
||||
|
||||
.inspect-type-radio input, .inspect-type-radio label {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.inspect-type-radio label {
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
|
||||
.count-controler {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.sub, .sum {
|
||||
display: inline-block;
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
text-align: center;
|
||||
line-height: 1.2rem;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 9rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 9rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
369
app-saas-src/css/feature/inspectionArrangeDetail.css
Normal file
369
app-saas-src/css/feature/inspectionArrangeDetail.css
Normal file
@ -0,0 +1,369 @@
|
||||
.container {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:999;
|
||||
}
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
position: relative;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
/* top: 5.34rem; */
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: absolute;
|
||||
/* z-index: 100; */
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
border-bottom:1px solid #d9d9d9
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: scroll;
|
||||
}
|
||||
.pr-num-box {
|
||||
padding: 0.6rem 2rem;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
text-align: center;
|
||||
}
|
||||
.pr-num-box .btn-normal {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.pr-num {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.pr{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.pr .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pr .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.pr .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.pr .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.pr .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr .right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#start-inspect-btn, #finish-inspect-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inspect-type {
|
||||
color: #e9be2b;
|
||||
}
|
||||
|
||||
.start-btn {
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
background-color: #E9BE2B;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.empty-tips {
|
||||
display: none;
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.problem-list-container {
|
||||
padding: 0 1rem;
|
||||
padding-top: 4.6rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
padding: 0.8rem 0;
|
||||
border-top: 1px solid #e9be2b;
|
||||
border-bottom: 1px solid #e9be2b;
|
||||
}
|
||||
|
||||
.problem-index, .problem-desc, .problem-pic {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.problem-index {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
}
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-desc textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.desc {
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
box-sizing: border-box;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
#problem-status-btns {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
/* height: 2rem; */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
42
app-saas-src/css/feature/logQuery/inspectArrangement.css
Normal file
42
app-saas-src/css/feature/logQuery/inspectArrangement.css
Normal file
@ -0,0 +1,42 @@
|
||||
html,body{
|
||||
background:#DFDFDF;
|
||||
}
|
||||
|
||||
.list:nth-child(1){
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
|
||||
.list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
}
|
||||
|
||||
.con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
color:rgba(0,0,0,0.7)
|
||||
}
|
||||
49
app-saas-src/css/feature/logQuery/inspectBug.css
Normal file
49
app-saas-src/css/feature/logQuery/inspectBug.css
Normal file
@ -0,0 +1,49 @@
|
||||
.content{
|
||||
padding:1.833rem 1.67rem 4rem 1.833rem;
|
||||
background: white;
|
||||
font-size: 1rem;
|
||||
line-height: 1.8rem;
|
||||
}
|
||||
|
||||
/*.content .pic-con{
|
||||
display:flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
}*/
|
||||
.content .pic-con{
|
||||
min-height: 6rem;
|
||||
width: 100%;
|
||||
}
|
||||
/*.content .pic-con img {
|
||||
width: 31%;
|
||||
margin-top: 1rem
|
||||
}*/
|
||||
.content .pic-con img {
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 31%;
|
||||
margin: 0 0.2rem;
|
||||
}
|
||||
|
||||
.content .pic-con img:nth-child(3n+2){
|
||||
margin-right: 3%;
|
||||
margin-left: 3%;
|
||||
}
|
||||
.toRepairDetail:active{
|
||||
color: #e9be2b;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.hide{
|
||||
display: none;
|
||||
}
|
||||
#create-order-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
198
app-saas-src/css/feature/logQuery/inspectBugList.css
Normal file
198
app-saas-src/css/feature/logQuery/inspectBugList.css
Normal file
@ -0,0 +1,198 @@
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.alarmList-content{
|
||||
overflow-y: scroll;
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
}
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.pr-select {
|
||||
margin: 1rem 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.pr-select .btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
/* top: 5.34rem; */
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
.select-panel {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 3;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
}
|
||||
|
||||
.select-btn-groups {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
.select-btn-groups .btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
.select-btn-groups .btn-active {
|
||||
background: #e9be2b;
|
||||
}
|
||||
.record-tip {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
.record-tip span {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
.bug-item {
|
||||
display:flex;
|
||||
padding:0.58rem 0.83rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
.bug-item .left {
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
.bug-item .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
.bug-item .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.bug-item .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.bug-item .pr-name{
|
||||
font-size : 1.25rem;
|
||||
display:inline-block;
|
||||
padding-right: 0.3rem;
|
||||
}
|
||||
|
||||
.bug-item .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
.status {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.right div:nth-child(1),.right div:nth-child(5) {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.right div:nth-child(4) {
|
||||
font-size: 0.83rem;
|
||||
}
|
||||
@ -0,0 +1,69 @@
|
||||
.container {
|
||||
padding: 2.9rem 1rem 3rem 1rem
|
||||
}
|
||||
|
||||
.container span {
|
||||
font-size: 1.2rem
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
margin: 0.5rem 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0 1.25rem 0;
|
||||
}
|
||||
|
||||
#pr-group .btn {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.btn:nth-child(4n+2) {
|
||||
margin: 0 0 1.25rem 2.6%;
|
||||
}
|
||||
|
||||
.btn:nth-child(4n+3) {
|
||||
margin: 0 2.6% 1.25rem 2.6%;
|
||||
}
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.submitbtn-common {
|
||||
width: 50%;
|
||||
height: 3.2rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
|
||||
.submitbtn-gray {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
94
app-saas-src/css/feature/logQuery/inspectLogDetail.css
Normal file
94
app-saas-src/css/feature/logQuery/inspectLogDetail.css
Normal file
@ -0,0 +1,94 @@
|
||||
html,body {
|
||||
background:#fff;
|
||||
}
|
||||
.list .item,.detail{
|
||||
padding:0 1.4rem;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
.list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
}
|
||||
/*.con .con-item span{
|
||||
margin-left:0.17rem;
|
||||
}*/
|
||||
.title{
|
||||
font-size:1.25rem;
|
||||
height:2.25rem;/* //3.08-0.83 */
|
||||
line-height:2.25rem;
|
||||
}
|
||||
.more{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
padding:0.5rem;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.more.close{
|
||||
transform:rotate(-90deg);
|
||||
-ms-transform:rotate(-90deg); /* IE 9 */
|
||||
-moz-transform:rotate(-90deg); /* Firefox */
|
||||
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
|
||||
-o-transform:rotate(-90deg); /* Opera */
|
||||
}
|
||||
|
||||
.inspect-con{
|
||||
padding:0.67rem 1.4rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.inspect-con table{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.inspect-con table thead td{
|
||||
padding:0.2rem;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
.inspect-con table tbody td{
|
||||
padding:0.2rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.inspect-con table tr td:last-child{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.detail-con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.detail-con .detail-item{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
margin-bottom:0.83rem;
|
||||
}
|
||||
.detail-desc{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: flex-top;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.detail-item p{
|
||||
display:inline-block;
|
||||
margin-right:2.83rem;
|
||||
}
|
||||
.detail-status{
|
||||
white-space:nowrap;
|
||||
}
|
||||
111
app-saas-src/css/feature/logQuery/inspectLogDetailNew.css
Normal file
111
app-saas-src/css/feature/logQuery/inspectLogDetailNew.css
Normal file
@ -0,0 +1,111 @@
|
||||
html,body {
|
||||
background:#fff;
|
||||
}
|
||||
.list .item,.detail,.problem-content{
|
||||
padding:0 1.4rem;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.nav, .problem-title{
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
.list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
}
|
||||
/*.con .con-item span{
|
||||
margin-left:0.17rem;
|
||||
}*/
|
||||
.title{
|
||||
font-size:1.25rem;
|
||||
height:2.25rem;/* //3.08-0.83 */
|
||||
line-height:2.25rem;
|
||||
}
|
||||
|
||||
.problem-list{
|
||||
padding:0.67rem 1.4rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.problem-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
padding: 0.6rem 0;
|
||||
}
|
||||
.problem-desc {
|
||||
word-wrap: break-word;
|
||||
max-width: 70%;
|
||||
}
|
||||
.detail-btn {
|
||||
color: #e9be2b;
|
||||
}
|
||||
|
||||
.detail-status{
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.guide {
|
||||
padding: 0 1rem 1rem 1rem;
|
||||
/* border-bottom: 1px solid #e5e5e5; */
|
||||
}
|
||||
|
||||
.guide-title {
|
||||
font-size: 1.2rem;
|
||||
margin: 0.6rem 0;
|
||||
}
|
||||
|
||||
.task-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.task-item img {
|
||||
width: 2rem;
|
||||
margin-left: 0.8rem;
|
||||
}
|
||||
|
||||
.task-item-desc {
|
||||
max-width: 70%;
|
||||
min-height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding: 0 0.5rem;
|
||||
font-size: 1.25rem;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.category-name img {
|
||||
width: 1rem;
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
.task-panel {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 3.8rem;
|
||||
}
|
||||
|
||||
.category-item li {
|
||||
padding: 0 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.category-item li:nth-child(even) {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#guide-panel-ul .hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#guide-panel-ul .transform {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
134
app-saas-src/css/feature/logQuery/inspectLogList.css
Normal file
134
app-saas-src/css/feature/logQuery/inspectLogList.css
Normal file
@ -0,0 +1,134 @@
|
||||
html,body{
|
||||
background:#DFDFDF;
|
||||
}
|
||||
|
||||
.time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.list:nth-child(1){
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
.list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
.list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
display: flex;
|
||||
}
|
||||
.con-item > div{
|
||||
width: 30%;
|
||||
}
|
||||
.con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
134
app-saas-src/css/feature/logQuery/inspectLogListNew.css
Normal file
134
app-saas-src/css/feature/logQuery/inspectLogListNew.css
Normal file
@ -0,0 +1,134 @@
|
||||
html,body{
|
||||
background:#DFDFDF;
|
||||
}
|
||||
|
||||
.time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.list:nth-child(1){
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
.list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
.list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
display: flex;
|
||||
}
|
||||
.con-item > div{
|
||||
width: 30%;
|
||||
}
|
||||
.con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
40
app-saas-src/css/feature/logQuery/logQuery.css
Normal file
40
app-saas-src/css/feature/logQuery/logQuery.css
Normal file
@ -0,0 +1,40 @@
|
||||
html,body{
|
||||
background:#f4f4f4;
|
||||
}
|
||||
|
||||
section{
|
||||
display: flex;
|
||||
display:-webkit-flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: space-between;
|
||||
}
|
||||
|
||||
section .item{
|
||||
padding-top:3.1rem;
|
||||
/*margin:auto;*/
|
||||
text-align:center;
|
||||
width:49%;
|
||||
height:8.33rem;
|
||||
background:white;
|
||||
margin-bottom:2%;
|
||||
|
||||
}
|
||||
|
||||
section .item:nth-child(2n+1){
|
||||
margin-right:2%;
|
||||
}
|
||||
.column {
|
||||
flex-basis: 100%;
|
||||
display: flex;
|
||||
display:-webkit-flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
img{
|
||||
width: 2.83rem;
|
||||
height:2.83rem;
|
||||
}
|
||||
.title{
|
||||
font-size:1.2rem;
|
||||
margin-top:0.7rem;
|
||||
}
|
||||
37
app-saas-src/css/feature/logQuery/operateTicketDetail.css
Normal file
37
app-saas-src/css/feature/logQuery/operateTicketDetail.css
Normal file
@ -0,0 +1,37 @@
|
||||
html，body{
|
||||
background：#dfdfdf;
|
||||
}
|
||||
.con .item{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
font-size:1rem;
|
||||
box-sizing:border-box;
|
||||
justify-content:space-between;
|
||||
padding: 1.2rem 2.5rem;
|
||||
/* height:3.33rem;
|
||||
line-height: 3.33rem; */
|
||||
border-bottom: 1px solid #F4F4F4
|
||||
|
||||
}
|
||||
.title{
|
||||
width:30%;
|
||||
}
|
||||
.item-con{
|
||||
width:70%;
|
||||
}
|
||||
.task{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: flex-start;
|
||||
justify-content:space-between;
|
||||
padding: 1.25rem 2.5rem;
|
||||
}
|
||||
|
||||
.task-list{
|
||||
padding-bottom:1.25rem;
|
||||
}
|
||||
|
||||
.task-item{
|
||||
width:70%;
|
||||
}
|
||||
127
app-saas-src/css/feature/logQuery/operateTicketList.css
Normal file
127
app-saas-src/css/feature/logQuery/operateTicketList.css
Normal file
@ -0,0 +1,127 @@
|
||||
html,body{
|
||||
background:#dfdfdf;
|
||||
|
||||
}
|
||||
.time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
.list .item:first-child{
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0.58rem 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
.list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
/*height: 2.3rem;
|
||||
line-height: 2.3rem;*/
|
||||
}
|
||||
.list .item .con{
|
||||
font-size:1rem;
|
||||
}
|
||||
.list .item:nth-child(1) .con{
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
.con-item span{
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
121
app-saas-src/css/feature/logQuery/repairLogDetail.css
Normal file
121
app-saas-src/css/feature/logQuery/repairLogDetail.css
Normal file
@ -0,0 +1,121 @@
|
||||
html,body {
|
||||
background:#fff;
|
||||
}
|
||||
.con{
|
||||
padding:0 0.41rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.con .header{
|
||||
padding:0 0.8rem;
|
||||
border-bottom:1px solid #F4F4F4;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
height：3.33rem;
|
||||
line-height: 3.33rem;
|
||||
font-size:1.25rem;
|
||||
z-index: 999;
|
||||
}
|
||||
.title{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
height：3.33rem;
|
||||
line-height: 3.33rem;
|
||||
}
|
||||
.title img{
|
||||
width:1.5rem;
|
||||
height:1.5rem;
|
||||
margin-right:1rem;
|
||||
}
|
||||
.bt-detail{
|
||||
height:100%;
|
||||
padding-left:3rem;
|
||||
}
|
||||
.bt-detail img{
|
||||
width:0.83rem;
|
||||
height:0.5rem;
|
||||
}
|
||||
.con .item{
|
||||
padding:1.2rem 3.2rem;
|
||||
border-bottom:1px solid #F4F4F4;
|
||||
}
|
||||
.malfunction-item:not(:first-child){
|
||||
margin-top:0.5rem;
|
||||
}
|
||||
.rectangle{
|
||||
width: 6.1rem;
|
||||
height: 2.9rem;
|
||||
border-right: 1px solid #D9D9D9;
|
||||
padding-bottom:0.5rem;
|
||||
position: relative;
|
||||
padding-right:0.7rem;
|
||||
}
|
||||
.circle,.circle-green,.circle-start{
|
||||
width:0.4rem;
|
||||
height:0.4rem;
|
||||
border-radius:50%;
|
||||
position: absolute;
|
||||
right:-0.3rem;
|
||||
top:0;
|
||||
z-index: 99;
|
||||
border: 1px solid #D9D9D9;
|
||||
background:#fff;
|
||||
}
|
||||
.circle-green{
|
||||
border-radius:50%;
|
||||
border: 1px solid #00b75f;
|
||||
background:#00b75f;
|
||||
}
|
||||
.process-item{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
}
|
||||
.item-desc{
|
||||
padding-left:0.7rem;
|
||||
}
|
||||
.circle-start{
|
||||
position: absolute;
|
||||
right:-0.3rem;
|
||||
top:3.4rem;
|
||||
}
|
||||
.circle-start-green{
|
||||
position: absolute;
|
||||
right:-0.3rem;
|
||||
top:3.4rem;
|
||||
border-radius:50%;
|
||||
border: 1px solid #00b75f;
|
||||
background:#00b75f;
|
||||
}
|
||||
|
||||
.pic{
|
||||
min-height: 4rem;
|
||||
width: 100%;
|
||||
}
|
||||
.pic img{
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 31%;
|
||||
margin: 0.1rem 0.2rem;
|
||||
}
|
||||
.displayNone{
|
||||
display:none;
|
||||
}
|
||||
.close{
|
||||
transform:rotate(-90deg);
|
||||
-ms-transform:rotate(-90deg); /* IE 9 */
|
||||
-moz-transform:rotate(-90deg); /* Firefox */
|
||||
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
|
||||
-o-transform:rotate(-90deg); /* Opera */
|
||||
}
|
||||
.survey-pic{
|
||||
min-height: 4rem;
|
||||
width: 100%;
|
||||
}
|
||||
.survey-pic img{
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 31%;
|
||||
margin: 0.3rem 0.2rem;
|
||||
}
|
||||
134
app-saas-src/css/feature/logQuery/repairLogList.css
Normal file
134
app-saas-src/css/feature/logQuery/repairLogList.css
Normal file
@ -0,0 +1,134 @@
|
||||
html,body{
|
||||
background:#dfdfdf;
|
||||
|
||||
}
|
||||
.time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
z-index:999;
|
||||
}
|
||||
.time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.list .item:first-child{
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
.list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0.58rem 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
/*height: 2.3rem;
|
||||
line-height: 2.3rem;*/
|
||||
}
|
||||
.list .item .con{
|
||||
/*padding:0.58rem 0rem;*/
|
||||
font-size:1rem;
|
||||
margin-right:0rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding-bottom: 0.17rem;
|
||||
}
|
||||
.con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
101
app-saas-src/css/feature/logQuery/workTicketDetail.css
Normal file
101
app-saas-src/css/feature/logQuery/workTicketDetail.css
Normal file
@ -0,0 +1,101 @@
|
||||
html,body{
|
||||
|
||||
}
|
||||
a:focus, button:focus {
|
||||
outline: none;
|
||||
}
|
||||
textarea {
|
||||
|
||||
|
||||
border: none;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
textarea:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.height-tip {
|
||||
position: absolute;
|
||||
width: 3px;
|
||||
background-color: #ccc;
|
||||
left: 0;
|
||||
transition: top .2s;
|
||||
}
|
||||
|
||||
.content {
|
||||
/*background:red;
|
||||
-webkit-transform:scale(0.5);*/
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
margin: 0 auto;
|
||||
overflow-y: auto;
|
||||
width: 880px;
|
||||
font-size: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content p, .content h1, .content h2, .content h3, .content h4, .content h5 {
|
||||
margin: 10px 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.content p *, .content h1 *, .content h2 *, .content h3 *, .content h4 *, .content h5 * {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.content ul, .content ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.content img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.content img.clicked {
|
||||
box-shadow: 1px 1px 10px #999;
|
||||
}
|
||||
|
||||
.content table.clicked {
|
||||
box-shadow: 1px 1px 10px #999;
|
||||
}
|
||||
|
||||
.content pre code {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.content:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.content blockquote {
|
||||
display: block;
|
||||
border-left: 8px solid #d0e5f2;
|
||||
padding: 5px 10px;
|
||||
margin: 10px 0;
|
||||
line-height: 1.4;
|
||||
font-size: 100%;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.content table {
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.content table td, .content table th {
|
||||
border: 1px solid #999;
|
||||
padding: 3px 5px;
|
||||
min-width: 50px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.content pre {
|
||||
border: 1px solid #ccc;
|
||||
background-color: #f8f8f8;
|
||||
padding: 10px;
|
||||
margin: 5px 0px;
|
||||
font-size: 0.8em;
|
||||
border-radius: 3px;
|
||||
}
|
||||
145
app-saas-src/css/feature/logQuery/workTicketList.css
Normal file
145
app-saas-src/css/feature/logQuery/workTicketList.css
Normal file
@ -0,0 +1,145 @@
|
||||
html, body {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
|
||||
.time-fixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
background: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
background: white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 3.33rem;
|
||||
line-height: 3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ticket-item:first-child {
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
.ticket-item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.ticket-item {
|
||||
background: #fff;
|
||||
padding: 0.58rem 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
/*display: flex;
|
||||
display: -webkit-flex;
|
||||
justify-content: space-between;*/
|
||||
/*margin:0.5rem 0.83rem;
|
||||
padding:1.0rem 1rem;
|
||||
background:#ffffff;
|
||||
border:1px solid #ffffff;
|
||||
box-shadow: 0px 2px 2px rgba(0,0,0,0.10);
|
||||
border-radius: 4px;
|
||||
line-height:1.4rem;
|
||||
color:#585858;*/
|
||||
}
|
||||
|
||||
.ticket-item div {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.isComplete{
|
||||
font-size:0.9rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/*.ticket-item:hover{
|
||||
border:1px solid #B7B7B7;
|
||||
}*/
|
||||
|
||||
.power-room {
|
||||
color: #000;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.number{
|
||||
padding: 0.17rem 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
117
app-saas-src/css/feature/rtData.css
Normal file
117
app-saas-src/css/feature/rtData.css
Normal file
@ -0,0 +1,117 @@
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
}
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.search-criteria:nth-child(2) {
|
||||
margin: 0 0 0 2.6%;
|
||||
}
|
||||
|
||||
.search-criteria:nth-child(3) {
|
||||
margin: 0 2.6%;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
tr {
|
||||
border-top: 1px solid #d9d9d9;
|
||||
background: white;
|
||||
}
|
||||
|
||||
tr td:nth-child(odd) {
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
tr:last-child {
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
height: 2.58rem;
|
||||
}
|
||||
|
||||
.ai-table td:nth-child(1) {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.ai-table td:nth-child(2) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.ai-table td:nth-child(3) {
|
||||
width: 15%;
|
||||
display: table-cell;
|
||||
}
|
||||
.ai-table td:nth-child(4) {
|
||||
width: 20%;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.di-table td:nth-child(1) {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.di-table td:nth-child(2) {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.di-table td:nth-child(3) {
|
||||
width: 0%;
|
||||
display: none;
|
||||
}
|
||||
.di-table td:nth-child(4) {
|
||||
width: 0%;
|
||||
display: none;
|
||||
}
|
||||
.enableClick {
|
||||
color: #e9be2b;
|
||||
}
|
||||
.disableClick {
|
||||
color: rgba(148,148,147,0.8);
|
||||
}
|
||||
.table-content {
|
||||
/*加上此样式后，子元素table-header 的fixed将相对此父类名来说*/
|
||||
transform:translate(0,0);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
/*top: 16rem;*/
|
||||
}
|
||||
.table-header {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.chart {
|
||||
height:20rem;
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:white;
|
||||
}
|
||||
.table-body tr:nth-child(1) {
|
||||
border-top: none;
|
||||
}
|
||||
66
app-saas-src/css/feature/rtDataRightPanel.css
Normal file
66
app-saas-src/css/feature/rtDataRightPanel.css
Normal file
@ -0,0 +1,66 @@
|
||||
.container {
|
||||
padding: 2.9rem 1rem 0 1rem
|
||||
}
|
||||
|
||||
historyDataRightPanel.container {
|
||||
padding: 2.9rem 1rem 0 1rem
|
||||
}
|
||||
|
||||
.container span {
|
||||
font-size: 1.2rem
|
||||
}
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
margin: 1.25rem 0 4.5rem 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0 1.25rem 0;
|
||||
}
|
||||
|
||||
.btn:nth-child(4n+2) {
|
||||
margin: 0 0 1.25rem 2.6%;
|
||||
}
|
||||
|
||||
.btn:nth-child(4n+3) {
|
||||
margin: 0 2.6% 1.25rem 2.6%;
|
||||
}
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.submitbtn-common {
|
||||
width: 50%;
|
||||
height: 3.2rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
|
||||
.submitbtn-gray {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
3
app-saas-src/css/feature/statistic.css
Normal file
3
app-saas-src/css/feature/statistic.css
Normal file
@ -0,0 +1,3 @@
|
||||
body {
|
||||
|
||||
}
|
||||
181
app-saas-src/css/feature/systemOrder.css
Normal file
181
app-saas-src/css/feature/systemOrder.css
Normal file
@ -0,0 +1,181 @@
|
||||
.container {
|
||||
padding-bottom: 3.1rem;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.workorderList-content{
|
||||
overflow-y: scroll;
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
}
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 18%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.systemOrder{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.systemOrder .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.systemOrder .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.systemOrder .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.systemOrder .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.systemOrder .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.systemOrder .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.systemOrder .right{
|
||||
/*width:7rem;*/
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.delivery-btn {
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
margin-left: 0.4rem;
|
||||
text-align: center;
|
||||
background-color: #E9BE2B;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#create-systemOrder-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
200
app-saas-src/css/feature/systemOrderCreate.css
Normal file
200
app-saas-src/css/feature/systemOrderCreate.css
Normal file
@ -0,0 +1,200 @@
|
||||
.content {
|
||||
padding: 0 2rem 3.1rem 2rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-select {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-selector {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pr-selected {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 2.2rem;
|
||||
line-height: 2.2rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0 0.5rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pr-selected img {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.pr-picker-modal{
|
||||
position: absolute;
|
||||
top: 2.4rem;
|
||||
width:100%;
|
||||
height:30vh;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #dad9da;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background:#ffffff;
|
||||
color:#000000;
|
||||
border-top:1px solid #dad9da;
|
||||
height:2.6rem;
|
||||
line-height:2.6rem;
|
||||
font-size: 1.25rem;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr .icon-con{
|
||||
margin: 0 0.5rem 0 0.5rem;
|
||||
flex-shrink:0;
|
||||
width:2rem;
|
||||
height:2rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
font-size:1rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr-picker-modal .icon-con img{
|
||||
width:1.6rem;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap:wrap;
|
||||
flex-direction: row;
|
||||
margin: 1.25rem 0 0 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
}
|
||||
|
||||
.btn-free-width {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
min-width: 23%;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
padding:0 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/*.btn-free-width:nth-child(4n+4){
|
||||
margin: 0 0rem 1.25rem 0;
|
||||
}*/
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
|
||||
.problem-desc {
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
#problem-text {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.25rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.problem-pic img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-pic {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pic-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#save-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
|
||||
b {
|
||||
color: red;
|
||||
}
|
||||
152
app-saas-src/css/feature/systemOrderDetail.css
Normal file
152
app-saas-src/css/feature/systemOrderDetail.css
Normal file
@ -0,0 +1,152 @@
|
||||
.content {
|
||||
padding: 0 2rem 3rem 2rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-select, .order-person, .order-result-person, .order-result, .order-pic {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-selector {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pr-selected {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 2.2rem;
|
||||
line-height: 2.2rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0 0.5rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pr-selected img {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.pr-picker-modal{
|
||||
position: absolute;
|
||||
top: 2.4rem;
|
||||
width:100%;
|
||||
height:30vh;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #dad9da;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background:#ffffff;
|
||||
color:#000000;
|
||||
border-top:1px solid #dad9da;
|
||||
height:2.6rem;
|
||||
line-height:2.6rem;
|
||||
font-size: 1.25rem;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr .icon-con{
|
||||
margin: 0 0.5rem 0 0.5rem;
|
||||
flex-shrink:0;
|
||||
width:2rem;
|
||||
height:2rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
font-size:1rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr-picker-modal .icon-con img{
|
||||
width:1.6rem;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.order-desc {
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
#order-text {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.25rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.order-pic img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.pic-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#delete-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
193
app-saas-src/css/feature/systemOrderEdit.css
Normal file
193
app-saas-src/css/feature/systemOrderEdit.css
Normal file
@ -0,0 +1,193 @@
|
||||
.content {
|
||||
padding: 0 2rem 3rem 2rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-select, .order-person, .order-result-person, .order-result, .order-pic {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-selector {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pr-selected {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 2.2rem;
|
||||
line-height: 2.2rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0 0.5rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pr-selected img {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.pr-picker-modal{
|
||||
position: absolute;
|
||||
top: 2.4rem;
|
||||
width:100%;
|
||||
height:30vh;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #dad9da;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background:#ffffff;
|
||||
color:#000000;
|
||||
border-top:1px solid #dad9da;
|
||||
height:2.6rem;
|
||||
line-height:2.6rem;
|
||||
font-size: 1.25rem;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr .icon-con{
|
||||
margin: 0 0.5rem 0 0.5rem;
|
||||
flex-shrink:0;
|
||||
width:2rem;
|
||||
height:2rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
font-size:1rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr-picker-modal .icon-con img{
|
||||
width:1.6rem;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.order-desc {
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
#order-text {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.25rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.order-pic img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.pic-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#save-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
|
||||
.btngroup {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap:wrap;
|
||||
flex-direction: row;
|
||||
margin: 1.25rem 0 0 0
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
width: 23%;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
}
|
||||
|
||||
.btn-free-width {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.4rem;
|
||||
line-height: 2.4rem;
|
||||
color: #000000;
|
||||
min-width: 23%;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0.2rem 1.25rem 0.2rem;
|
||||
padding:0 0.4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
/*.btn-free-width:nth-child(4n+4){
|
||||
margin: 0 0rem 1.25rem 0;
|
||||
}*/
|
||||
|
||||
.btn-highlight {
|
||||
color: #eabe2a;
|
||||
border: 1px solid #eabe2a;
|
||||
}
|
||||
3
app-saas-src/css/guide.css
Normal file
3
app-saas-src/css/guide.css
Normal file
@ -0,0 +1,3 @@
|
||||
body {
|
||||
|
||||
}
|
||||
4
app-saas-src/css/index.css
Normal file
4
app-saas-src/css/index.css
Normal file
@ -0,0 +1,4 @@
|
||||
|
||||
header .user img{
|
||||
height:2rem;
|
||||
}
|
||||
60
app-saas-src/css/index/contactFrame.css
Normal file
60
app-saas-src/css/index/contactFrame.css
Normal file
@ -0,0 +1,60 @@
|
||||
.item {
|
||||
display:flex;
|
||||
height:4.08rem;
|
||||
align-items:center;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding:0 0.7rem;
|
||||
justify-content:space-between;
|
||||
}
|
||||
|
||||
.label{
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.value{
|
||||
font-size: 1.0rem;
|
||||
color:rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.item>div:nth-child(1) {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
margin: 0 0 0 1rem;
|
||||
}
|
||||
|
||||
.item>div:nth-child(2) {
|
||||
margin: 0 1rem 0 0;
|
||||
}
|
||||
|
||||
.item img {
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.blackMask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
opacity: 0.9;
|
||||
background-color: #333;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.qrcodeContianer {
|
||||
width: 60vw;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.qrcodeContianer img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
95
app-saas-src/css/index/featureFrame.css
Normal file
95
app-saas-src/css/index/featureFrame.css
Normal file
@ -0,0 +1,95 @@
|
||||
html,body{
|
||||
background:#f4f4f4;
|
||||
}
|
||||
.func-line {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
margin: 0rem 0rem 0.16rem 0rem;
|
||||
}
|
||||
|
||||
.func-block {
|
||||
/*width: 32%;*/
|
||||
height: 9rem;
|
||||
background: #FFFFFF;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.func-block:nth-child(2) {
|
||||
margin: 0 0.16rem;
|
||||
}
|
||||
|
||||
.func-block span {
|
||||
margin: 0.5rem 0 0 0;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.func-block img{
|
||||
margin: 0 auto;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
.func-block-hide {
|
||||
/*width: 32%;*/
|
||||
height: 9rem;
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.func-block-hide span {
|
||||
margin: 1rem 0 0 0;
|
||||
font-size:1.25rem;
|
||||
}
|
||||
|
||||
.pr-picker-modal{
|
||||
position:fixed;
|
||||
width:100vw;
|
||||
height:100vh;
|
||||
overflow-y: auto;
|
||||
background:rgba(0,0,0,0.2);
|
||||
z-index:100;
|
||||
top:0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background:#ffffff;
|
||||
color:#000000;
|
||||
border-top:1px solid #dad9da;
|
||||
height:4rem;
|
||||
line-height:4rem;
|
||||
font-size: 1.5rem;
|
||||
align-items:center;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr .icon-con{
|
||||
margin: 0 0 0 1rem;
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
.bg-touch:active{
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
132
app-saas-src/css/index/index.css
Normal file
132
app-saas-src/css/index/index.css
Normal file
@ -0,0 +1,132 @@
|
||||
|
||||
.index-header{
|
||||
width:100%;
|
||||
position:fixed;
|
||||
z-index:99;
|
||||
background: #E9BE2B;
|
||||
font-size:1.5rem;
|
||||
}
|
||||
.index-header .icon-con{
|
||||
width: 2.5rem;
|
||||
height:100%;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.index-header .content{
|
||||
display: flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
padding:0 0.67rem;
|
||||
margin:0;
|
||||
height: 3.67rem;
|
||||
position: relative;
|
||||
}
|
||||
.project-picker {
|
||||
font-size: 1.25rem;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.header-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.index-header .user img{
|
||||
height:2.4rem;
|
||||
}
|
||||
.user img:active{
|
||||
opacity:0.5;
|
||||
filter:alpha(opacity=50);
|
||||
}
|
||||
#pr-name-con{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#pr-name{
|
||||
display:none;
|
||||
padding:0 1.6rem 0 0.8rem;
|
||||
background:url("../../image/arrow.png");
|
||||
background-position:right;
|
||||
background-repeat:no-repeat;
|
||||
background-size:1.2rem;
|
||||
}
|
||||
|
||||
#pr-arrow{
|
||||
width:0.9rem;
|
||||
height:0.5rem;
|
||||
}
|
||||
|
||||
footer{
|
||||
height:4.08rem;
|
||||
background:#1b1708;
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
color:white;
|
||||
width: 100%;
|
||||
align-items:center;
|
||||
font-size: 0.83rem;
|
||||
overflow: hidden;
|
||||
/*box-sizing: border-box;*/
|
||||
}
|
||||
|
||||
footer>div{
|
||||
flex-grow: 1;
|
||||
text-align:center;
|
||||
opacity: 0.7;
|
||||
|
||||
}
|
||||
|
||||
footer>div img{
|
||||
width: 2.4rem;
|
||||
height:2.4rem;
|
||||
display:block;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
footer .active{
|
||||
color:#e9be2b;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav-item{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.badge{
|
||||
position:absolute;
|
||||
right:1.5rem;
|
||||
top:0rem;
|
||||
min-width:12px;
|
||||
height:12px;
|
||||
line-height:12px;
|
||||
text-align:center;
|
||||
padding:1px;
|
||||
color:#FFFFFF;
|
||||
font-size:8px;
|
||||
border-radius:7px;
|
||||
background:#ff0000;
|
||||
display: none;
|
||||
-webkit-transform: scale(1);
|
||||
}
|
||||
|
||||
.litlle-badge{
|
||||
position:absolute;
|
||||
right:2rem;
|
||||
top:0.5rem;
|
||||
min-width:6px;
|
||||
height:6px;
|
||||
line-height:12px;
|
||||
text-align:center;
|
||||
padding:1px;
|
||||
color:#FFFFFF;
|
||||
font-size:8px;
|
||||
border-radius:7px;
|
||||
background:#ff0000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inspectionFrame, #systemOrderFrame {
|
||||
display: none;
|
||||
}
|
||||
141
app-saas-src/css/index/inspectionFrame.css
Normal file
141
app-saas-src/css/index/inspectionFrame.css
Normal file
@ -0,0 +1,141 @@
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
/* top:1rem; */
|
||||
width: 100%;
|
||||
z-index:99999999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.container {
|
||||
overflow-y: scroll;
|
||||
padding: 2.5rem 0 1.6rem 0;
|
||||
}
|
||||
|
||||
.inspection .icon-con {
|
||||
background: #E9BE2B;
|
||||
}
|
||||
|
||||
.inspection>div:nth-child(1) img {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.inspection>div:nth-child(2) {
|
||||
font-size: 0.9rem;
|
||||
text-align: right;
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.inspection{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.inspection .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.inspection .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.inspection .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.inspection .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.inspection .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.inspection .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.accept-btn {
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
background-color: #E9BE2B;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#inspection-task-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inspect-type-btns {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
/* height: 2rem; */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
#inspection-content {
|
||||
margin-top: 4.6rem;
|
||||
}
|
||||
|
||||
#inspection-empty-tips {
|
||||
display: none;
|
||||
}
|
||||
119
app-saas-src/css/index/leftPanel.css
Normal file
119
app-saas-src/css/index/leftPanel.css
Normal file
@ -0,0 +1,119 @@
|
||||
/* .menu>div{
|
||||
display:block;
|
||||
font-size:1.2rem;
|
||||
color:white;
|
||||
padding:1rem 2rem;
|
||||
} */
|
||||
|
||||
.real-name{
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.user-img {
|
||||
position: relative;
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
line-height: 5rem;
|
||||
border-radius: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.user-img img {
|
||||
width: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.menu .item {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items:center;
|
||||
justify-content: space-between;
|
||||
height: 4.5rem;
|
||||
line-height: 4.5rem;
|
||||
padding: 0 2rem 0 2rem;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
font-size:1.1rem;
|
||||
}
|
||||
|
||||
.item .left img {
|
||||
width: 2.0rem;
|
||||
height: 2.0rem;
|
||||
margin-right: 1.6rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.item .right{
|
||||
text-align: right;
|
||||
height:4.5rem;
|
||||
line-height: 4.5rem;
|
||||
}
|
||||
.item .right img {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* add s 2023/7/11 */
|
||||
#roles {
|
||||
/* border-bottom: 0; */
|
||||
}
|
||||
|
||||
#roles .right img {
|
||||
width: 1rem;
|
||||
height: 0.6rem;
|
||||
}
|
||||
|
||||
#role-list {
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
max-height: 10rem;
|
||||
overflow-y: scroll;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.role-item {
|
||||
padding: 0 2rem 0 6rem;
|
||||
margin:0;
|
||||
/* width:100%; */
|
||||
height:3rem;
|
||||
line-height:3rem;
|
||||
font-size:1.1rem;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.role-item b, .role-item span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.role-item b {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.role-item span {
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
background: #fff;
|
||||
border: 0.1rem solid #555;
|
||||
position: relative;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.role-item-active i {
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 0.2rem solid #555;
|
||||
}
|
||||
/* add e 2023/7/11 */
|
||||
157
app-saas-src/css/index/messageFrame.css
Normal file
157
app-saas-src/css/index/messageFrame.css
Normal file
@ -0,0 +1,157 @@
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.projectName {
|
||||
line-height: 2.5rem;
|
||||
padding-left: 0.67rem;
|
||||
background: #eaeaea;
|
||||
font-size: 1rem;
|
||||
color: #5a5a5a;
|
||||
}
|
||||
|
||||
.project-panel {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
top: 0rem;
|
||||
right: 1.5rem;
|
||||
width: 50vw;
|
||||
max-height: 100vh;
|
||||
background: #FFF;
|
||||
box-shadow: 0px 0px 1px rgba(0,0, 0, 0.3);
|
||||
}
|
||||
|
||||
.project-panel li {
|
||||
box-sizing: border-box;
|
||||
line-height: 3rem;
|
||||
padding-left: 0.67rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.project-panel li.active {
|
||||
background: #eaeaea;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
height: 55px;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding: 0 0.7rem;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.item .name {
|
||||
font-size: 1.25rem;
|
||||
white-space: nowrap;
|
||||
;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item .status, .safe-content {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.safe-content, .time {
|
||||
color: rgba(0, 0, 0, 0.7)
|
||||
}
|
||||
|
||||
.item .days {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
|
||||
.item .icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
border-radius: 50%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 1rem;
|
||||
font-size: 1.25rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.pr .icon-con {
|
||||
background: #E9BE2B;
|
||||
}
|
||||
|
||||
.item>div:nth-child(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 40vw;
|
||||
width: calc(100% - 8rem);
|
||||
}
|
||||
|
||||
.pr>div:nth-child(1) img {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.item>div:nth-child(2) {
|
||||
font-size: 0.9rem;
|
||||
text-align: right;
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.messager .icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
border-radius: 50%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.messager .icon-con img {
|
||||
width: 1.6rem;
|
||||
}
|
||||
|
||||
.messager .icon-con .badge {
|
||||
min-width: 12px;
|
||||
height: 12px;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
color: #FFFFFF;
|
||||
font-size: 8px;
|
||||
border-radius: 7px;
|
||||
position: absolute;
|
||||
left: 2rem;
|
||||
top: 0rem;
|
||||
background: #ff0000;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.repair-keeper .icon-con {
|
||||
background: #ffb400;
|
||||
}
|
||||
|
||||
.inspect-keeper .icon-con {
|
||||
background: #00b7ee;
|
||||
}
|
||||
|
||||
.report-keeper .icon-con {
|
||||
background: #fa759e;
|
||||
}
|
||||
|
||||
.alarm-keeper .icon-con {
|
||||
background: #ff6363;
|
||||
}
|
||||
|
||||
.oper-ticket-assistantor .icon-con {
|
||||
background: #03b679;
|
||||
}
|
||||
|
||||
.work-ticket-assistantor .icon-con {
|
||||
background: #b23bf0;
|
||||
}
|
||||
|
||||
.bee .icon-con {
|
||||
background: #eeeeee;
|
||||
}
|
||||
136
app-saas-src/css/index/rtAlarmFrame.css
Normal file
136
app-saas-src/css/index/rtAlarmFrame.css
Normal file
@ -0,0 +1,136 @@
|
||||
.top{
|
||||
padding:0.83rem;
|
||||
display:flex;
|
||||
font-size:1rem;
|
||||
position:fixed;
|
||||
width:100%;
|
||||
box-sizing: border-box;
|
||||
background:white;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.top-placeholder{
|
||||
height:14.82rem;
|
||||
width:100px;
|
||||
}
|
||||
|
||||
.top .left{
|
||||
position:relative;
|
||||
background-image:url("../../image/left-bg0.png");
|
||||
background-size:cover;
|
||||
height:13.16rem;
|
||||
flex-grow:1;
|
||||
margin-right:0.33rem;
|
||||
border-radius:0.25rem;
|
||||
display: flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
|
||||
}
|
||||
.top .right{
|
||||
height:13.16rem;
|
||||
flex-grow:1;
|
||||
}
|
||||
|
||||
.top .right .item{
|
||||
position:relative;
|
||||
height:4.16rem;
|
||||
border-radius:0.25rem;
|
||||
display: flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.top .right .item:nth-child(2){
|
||||
margin:0.33rem 0;
|
||||
}
|
||||
|
||||
.alarm{
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
padding:0.58rem;
|
||||
border-top:1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.alarm:last-child{
|
||||
border-bottom:1px solid #dad9da;
|
||||
}
|
||||
|
||||
.alarm .left{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
flex-grow:1;
|
||||
|
||||
}
|
||||
.alarm .left .content{
|
||||
flex-grow:1;
|
||||
}
|
||||
|
||||
.alarm .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.alarm .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.alarm .pr-name{
|
||||
font-size : 1.25rem;
|
||||
}
|
||||
|
||||
.alarm .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.alarm .right{
|
||||
width:8rem;
|
||||
color: rgba(0,0,0,0.7);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
.bg-shadow{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
background:rgba(0,0,0,0.5);
|
||||
width:100%;
|
||||
height:100%;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.top .left-con{
|
||||
color:#E9BE2B;
|
||||
z-index: 999;
|
||||
}
|
||||
.item-top{
|
||||
background:url('../../image/right-top-bg.png');
|
||||
background-size:cover;
|
||||
}
|
||||
.item-middle{
|
||||
background-image:url("../../image/right-middle-bg.png");
|
||||
background-size:cover;
|
||||
}
|
||||
.item-bottom{
|
||||
background-image:url("../../image/right-bottom-bg.png");
|
||||
background-size:cover;
|
||||
}
|
||||
.item-con{
|
||||
color:#fff;
|
||||
z-index: 999;
|
||||
}
|
||||
141
app-saas-src/css/index/systemOrderFrame.css
Normal file
141
app-saas-src/css/index/systemOrderFrame.css
Normal file
@ -0,0 +1,141 @@
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
/* top:1rem; */
|
||||
width: 100%;
|
||||
z-index:99999999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.container {
|
||||
overflow-y: scroll;
|
||||
padding: 2.5rem 0 1.6rem 0;
|
||||
}
|
||||
|
||||
.order .icon-con {
|
||||
background: #E9BE2B;
|
||||
}
|
||||
|
||||
.order>div:nth-child(1) img {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.order>div:nth-child(2) {
|
||||
font-size: 0.9rem;
|
||||
text-align: right;
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.order{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.order .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.order .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.order .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.order .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.order .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.accept-btn {
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
background-color: #E9BE2B;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#order-task-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#order-type-btns {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
/* height: 2rem; */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
#order-content {
|
||||
margin-top: 4.6rem;
|
||||
}
|
||||
|
||||
#order-empty-tips {
|
||||
display: none;
|
||||
}
|
||||
367
app-saas-src/css/inspection/inspectionListDetail.css
Normal file
367
app-saas-src/css/inspection/inspectionListDetail.css
Normal file
@ -0,0 +1,367 @@
|
||||
.container {
|
||||
padding-bottom: 3.1rem;
|
||||
}
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:999;
|
||||
}
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
position: relative;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
/* top: 5.34rem; */
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: absolute;
|
||||
/* z-index: 100; */
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
border-bottom:1px solid #d9d9d9
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.pr-num-box {
|
||||
padding: 0.6rem 2rem;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
text-align: center;
|
||||
}
|
||||
.pr-num-box .btn-normal {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.pr-num {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.pr{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.pr .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pr .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.pr .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.pr .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.pr .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr .right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#start-inspect-btn, #finish-inspect-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inspect-type {
|
||||
color: #e9be2b;
|
||||
}
|
||||
|
||||
.start-btn {
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
background-color: #E9BE2B;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.empty-tips {
|
||||
display: none;
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.problem-list-container {
|
||||
padding: 0 1rem;
|
||||
padding-top: 4.6rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
padding: 0.8rem 0;
|
||||
border-top: 1px solid #e9be2b;
|
||||
border-bottom: 1px solid #e9be2b;
|
||||
}
|
||||
|
||||
.problem-index, .problem-desc, .problem-pic {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.problem-index {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
}
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-desc textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.desc {
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
box-sizing: border-box;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
#problem-status-btns {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
/* height: 2rem; */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
353
app-saas-src/css/inspection/inspectionPrDetail.css
Normal file
353
app-saas-src/css/inspection/inspectionPrDetail.css
Normal file
@ -0,0 +1,353 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.empty-div {
|
||||
height: 4rem;
|
||||
}
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.task-item img {
|
||||
width: 2rem;
|
||||
margin-left: 0.8rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.task-item-img {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.success-light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.error-light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item-img .light .success-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item-img .light .success-light {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.task-item-img .light .error-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item-img .light .error-light {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.task-item-desc {
|
||||
max-width: 70%;
|
||||
min-height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
/* 底部功能按钮 */
|
||||
#bottom-btn {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0.3rem 0.6rem;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* 巡检完成按钮 */
|
||||
#inspection-finished {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
background-color: #e9be2b;
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
/* 自动勾选剩余项 */
|
||||
#auto-checked-all {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
#auto-checked-all img {
|
||||
width: 1.4rem;
|
||||
margin: 0 0.4rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* 日常检查项 */
|
||||
|
||||
.category-name {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding: 0 0.5rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.category-name img {
|
||||
width: 1rem;
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
.task-panel {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 3.8rem;
|
||||
}
|
||||
|
||||
.category-item li {
|
||||
padding: 0 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.category-item li:nth-child(even) {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#guide-panel .hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#guide-panel .transform {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
#inspectionitem-empty-tips {
|
||||
position: absolute;
|
||||
top: 15rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#new-add-btn {
|
||||
font-size:1.5rem;
|
||||
text-align: center;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
#new-add-btn>div {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 3.5rem;
|
||||
line-height: 3.5rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 0.5rem;
|
||||
box-sizing: border-box;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#new-add-btn span {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
#inspect-finish-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
/* display: none; */
|
||||
}
|
||||
|
||||
.problem-list-container {
|
||||
/* overflow-y: scroll; */
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
padding: 0.8rem 0;
|
||||
border-top: 1px solid #e9be2b;
|
||||
border-bottom: 1px solid #e9be2b;
|
||||
}
|
||||
|
||||
.problem-index, .problem-desc, .problem-pic {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.problem-index {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
/* background-color: #e5e5e5; */
|
||||
}
|
||||
|
||||
.btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
width: 3.6rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 1rem;
|
||||
margin-right: 0.4rem;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
width: 3.6rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
background-color: #e9be2b;
|
||||
text-align: center;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.finished {
|
||||
display: none;
|
||||
color: #03b679;
|
||||
}
|
||||
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-desc textarea, .remark textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.weather-selector, .remark, .guide {
|
||||
padding: 0 1rem 1rem 1rem;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.weather-selector-title, .remark-title, .guide-title {
|
||||
font-size: 1.2rem;
|
||||
margin: 0.6rem 0;
|
||||
}
|
||||
|
||||
.weather-type-radio, .remark-box {
|
||||
padding-top: 0.6rem;
|
||||
}
|
||||
|
||||
.weather-type-radio input, .weather-type-radio label {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.weather-type-radio label {
|
||||
margin-right: 0.6rem;
|
||||
}
|
||||
|
||||
b {
|
||||
color: red;
|
||||
}
|
||||
367
app-saas-src/css/inspection/inspectionTaskDetail.css
Normal file
367
app-saas-src/css/inspection/inspectionTaskDetail.css
Normal file
@ -0,0 +1,367 @@
|
||||
.container {
|
||||
padding-bottom: 3.1rem;
|
||||
}
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:999;
|
||||
}
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
position: relative;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fix-top {
|
||||
/* top: 5.34rem; */
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: absolute;
|
||||
/* z-index: 100; */
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
border-bottom:1px solid #d9d9d9
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.pr-num-box {
|
||||
padding: 0.6rem 2rem;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
text-align: center;
|
||||
}
|
||||
.pr-num-box .btn-normal {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.pr-num {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
.datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
.img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
.iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.pr{
|
||||
display:flex;
|
||||
padding:0.58rem;
|
||||
border-bottom: 1px solid #dad9da;
|
||||
flex-wrap:nowrap;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.pr .left{
|
||||
display:flex;
|
||||
flex-grow:1;
|
||||
width:0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pr .left .content{
|
||||
flex-grow:1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.pr .pr-name-con{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr .pr-name-con img{
|
||||
height:1.2rem;
|
||||
}
|
||||
|
||||
.pr .pr-name{
|
||||
font-size : 1.16rem;
|
||||
}
|
||||
|
||||
.pr .icon-con{
|
||||
flex-shrink:0;
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr .right{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color:#6d6d6d;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color:#03b679;
|
||||
}
|
||||
|
||||
.icon-con img{
|
||||
width:2rem;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#start-inspect-btn, #finish-inspect-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inspect-type {
|
||||
color: #e9be2b;
|
||||
}
|
||||
|
||||
.start-btn {
|
||||
width: 4rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
background-color: #E9BE2B;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.empty-tips {
|
||||
display: none;
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
#problem-panel {
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.problem-list-container {
|
||||
padding: 0 1rem;
|
||||
padding-top: 4.6rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
padding: 0.8rem 0;
|
||||
border-top: 1px solid #e9be2b;
|
||||
border-bottom: 1px solid #e9be2b;
|
||||
}
|
||||
|
||||
.problem-index, .problem-desc, .problem-pic {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.problem-index {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
}
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-desc textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.desc {
|
||||
width: 100%;
|
||||
padding-left: 1rem;
|
||||
box-sizing: border-box;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
.text-yellow {
|
||||
color:#ff9c00;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
#problem-status-btns {
|
||||
padding: 1rem 0;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
width: 100%;
|
||||
/* height: 2rem; */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.search-line {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
391
app-saas-src/css/inspectionRepair/inspection.css
Normal file
391
app-saas-src/css/inspectionRepair/inspection.css
Normal file
@ -0,0 +1,391 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.content-container>div {
|
||||
padding-bottom: 3.6rem;
|
||||
}
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:99999999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.pr-msg:nth-child(1) {
|
||||
border-bottom: 2px solid #ccc;
|
||||
}
|
||||
|
||||
.pr-msg {
|
||||
box-sizing: border-box;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.pr-msg .title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.pr-msg .title .name {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.pr-msg .title img {
|
||||
width: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.pr-msg .msg {
|
||||
line-height: 2rem;
|
||||
padding: 0 0.5rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
.list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0.58rem 0.83rem;
|
||||
border-bottom: 0.1rem solid #dfdfdf;
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
/*height: 2.3rem;
|
||||
line-height: 2.3rem;*/
|
||||
}
|
||||
.list .item .con{
|
||||
/*padding:0.58rem 0rem;*/
|
||||
font-size:1rem;
|
||||
margin-right:0rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding-bottom: 0.17rem;
|
||||
}
|
||||
.con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
#start-inspect-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
|
||||
.empty-div {
|
||||
height: 3.6rem;
|
||||
}
|
||||
|
||||
/* 巡检日志 */
|
||||
#inspection-log-panel, #repair-log-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inspection-log-panel .time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
#inspection-log-panel .stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#inspection-log-panel .stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#inspection-log-panel .fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#inspection-log-panel .search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#inspection-log-panel .search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
#inspection-log-panel .datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#inspection-log-panel .datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
#inspection-log-panel .center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#inspection-log-panel .datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#inspection-log-panel .underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
#inspection-log-panel .img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
#inspection-log-panel .iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#inspection-log-panel .iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#inspection-log-panel .list:nth-child(1){
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
#inspection-log-panel .list .item{
|
||||
background:#fff;
|
||||
padding:0 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
#inspection-log-panel .list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
#inspection-log-panel .list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
#inspection-log-panel .list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
#inspection-log-panel .item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
display: flex;
|
||||
}
|
||||
#inspection-log-panel .con-item > div{
|
||||
width: 30%;
|
||||
}
|
||||
#inspection-log-panel .con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
#inspection-log-panel .date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
|
||||
/* 抢修日志 */
|
||||
#repair-log-panel .time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
z-index:999;
|
||||
}
|
||||
#repair-log-panel .time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
#repair-log-panel .stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#repair-log-panel .stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#repair-log-panel .fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#repair-log-panel .search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#repair-log-panel .search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
#repair-log-panel .datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#repair-log-panel .datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
#repair-log-panel .center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#repair-log-panel .datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#repair-log-panel .underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
#repair-log-panel .img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
#repair-log-panel .iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#repair-log-panel .iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#repair-log-panel .list .item:first-child{
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
#repair-log-panel .list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
#repair-log-panel .list .item{
|
||||
background:#fff;
|
||||
padding:0.58rem 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
#repair-log-panel .list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
/*height: 2.3rem;
|
||||
line-height: 2.3rem;*/
|
||||
}
|
||||
#repair-log-panel .list .item .con{
|
||||
/*padding:0.58rem 0rem;*/
|
||||
font-size:1rem;
|
||||
margin-right:0rem;
|
||||
}
|
||||
#repair-log-panel .item .con .con-item{
|
||||
padding-bottom: 0.17rem;
|
||||
}
|
||||
#repair-log-panel .con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
#repair-log-panel .date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
206
app-saas-src/css/inspectionRepair/inspectionItem.css
Normal file
206
app-saas-src/css/inspectionRepair/inspectionItem.css
Normal file
@ -0,0 +1,206 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.empty-div {
|
||||
height: 4rem;
|
||||
}
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:99999999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
#review-task-panel, #new-task-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.task-item img {
|
||||
width: 2rem;
|
||||
margin-left: 0.8rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.task-item-img {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.success-light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.error-light {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item-img .light .success-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item-img .light .success-light {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.task-item-img .light .error-dark {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.task-item-img .light .error-light {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.category-name {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.task-item-desc {
|
||||
max-width: 70%;
|
||||
min-height: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.task-item-status-box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.task-item-status-ok {
|
||||
position: absolute;
|
||||
top: -2.2rem;
|
||||
left: -5.8rem;
|
||||
width: 12rem;
|
||||
background-color: #eee;
|
||||
line-height: 2rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
padding: 0 0.2rem;
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
}
|
||||
.task-item-status-ok>label, .task-item-status-ok>input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.task-item-status-ok.display {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* 底部功能按钮 */
|
||||
#bottom-btn {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0.3rem 0.6rem;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* 巡检完成按钮 */
|
||||
#inspection-finished {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
background-color: #e9be2b;
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
/* 自动勾选剩余项 */
|
||||
#auto-checked-all {
|
||||
width: 8rem;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
#auto-checked-all img {
|
||||
width: 1.4rem;
|
||||
margin: 0 0.4rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* 日常检查项 */
|
||||
|
||||
.category-name {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
padding: 0 0.5rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.category-name img {
|
||||
width: 1rem;
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
.task-panel {
|
||||
padding-bottom: 3.8rem;
|
||||
}
|
||||
|
||||
.category-item li {
|
||||
padding: 0 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.category-item li:nth-child(even) {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#usual-task-panel .hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#usual-task-panel .transform {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
#inspectionitem-empty-tips {
|
||||
position: absolute;
|
||||
top: 15rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#new-add-btn {
|
||||
font-size:1.5rem;
|
||||
text-align: center;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
#new-add-btn>div {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 3.5rem;
|
||||
line-height: 3.5rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 0.5rem;
|
||||
box-sizing: border-box;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#new-add-btn span {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
94
app-saas-src/css/inspectionRepair/inspectionLogDetail.css
Normal file
94
app-saas-src/css/inspectionRepair/inspectionLogDetail.css
Normal file
@ -0,0 +1,94 @@
|
||||
html,body {
|
||||
background:#fff;
|
||||
}
|
||||
.list .item,.detail{
|
||||
padding:0 1.4rem;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
height: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
border-bottom: 1px solid #f4f4f4;
|
||||
}
|
||||
.list .item .con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding: 0.17rem 0;
|
||||
}
|
||||
/*.con .con-item span{
|
||||
margin-left:0.17rem;
|
||||
}*/
|
||||
.title{
|
||||
font-size:1.25rem;
|
||||
height:2.25rem;/* //3.08-0.83 */
|
||||
line-height:2.25rem;
|
||||
}
|
||||
.more{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
padding:0.5rem;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.more.close{
|
||||
transform:rotate(-90deg);
|
||||
-ms-transform:rotate(-90deg); /* IE 9 */
|
||||
-moz-transform:rotate(-90deg); /* Firefox */
|
||||
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
|
||||
-o-transform:rotate(-90deg); /* Opera */
|
||||
}
|
||||
|
||||
.inspect-con{
|
||||
padding:0.67rem 1.4rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
|
||||
.inspect-con table{
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.inspect-con table thead td{
|
||||
padding:0.2rem;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
.inspect-con table tbody td{
|
||||
padding:0.2rem;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.inspect-con table tr td:last-child{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.detail-con{
|
||||
padding:0.67rem 0rem;
|
||||
font-size:1rem;
|
||||
}
|
||||
.detail-con .detail-item{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
margin-bottom:0.83rem;
|
||||
}
|
||||
.detail-desc{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: flex-top;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.detail-item p{
|
||||
display:inline-block;
|
||||
margin-right:2.83rem;
|
||||
}
|
||||
.detail-status{
|
||||
white-space:nowrap;
|
||||
}
|
||||
111
app-saas-src/css/inspectionRepair/inspectionProblem.css
Normal file
111
app-saas-src/css/inspectionRepair/inspectionProblem.css
Normal file
@ -0,0 +1,111 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-grade .problem-grade-item {
|
||||
padding: 1rem 1.5rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.problem-grade .problem-grade-item label, .problem-grade .problem-grade-item input{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.problem-desc textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#problem-submit-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
312
app-saas-src/css/inspectionRepair/repair.css
Normal file
312
app-saas-src/css/inspectionRepair/repair.css
Normal file
@ -0,0 +1,312 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.content-container>div {
|
||||
padding-bottom: 3.6rem;
|
||||
}
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:99999999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.pr-msg:nth-child(1) {
|
||||
border-bottom: 2px solid #ccc;
|
||||
}
|
||||
|
||||
.pr-msg {
|
||||
box-sizing: border-box;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.pr-msg .title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.pr-msg .title .name {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.pr-msg .title img {
|
||||
width: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.pr-msg .msg {
|
||||
line-height: 2rem;
|
||||
padding: 0 0.5rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
|
||||
.list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
.list .item{
|
||||
background:#fff;
|
||||
padding:0.58rem 0.83rem;
|
||||
border-bottom: 0.1rem solid #dfdfdf;
|
||||
}
|
||||
.list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
/*height: 2.3rem;
|
||||
line-height: 2.3rem;*/
|
||||
}
|
||||
.list .item .con{
|
||||
/*padding:0.58rem 0rem;*/
|
||||
font-size:1rem;
|
||||
margin-right:0rem;
|
||||
}
|
||||
.item .con .con-item{
|
||||
padding-bottom: 0.17rem;
|
||||
}
|
||||
.con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
.date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
#start-repair-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
|
||||
.empty-div {
|
||||
height: 3.6rem;
|
||||
}
|
||||
|
||||
#pr-msg-panel, #task-log-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 任务详情 */
|
||||
#order-detail-panel .order-detail-item{
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
padding: 0.6rem 1.6rem;
|
||||
}
|
||||
|
||||
#order-detail-panel .order-detail-item:last-child{
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
#order-detail-panel .title {
|
||||
font-size: 1.25rem;
|
||||
padding-bottom: 0.6rem;
|
||||
}
|
||||
|
||||
#order-detail-panel .problem-item-content {
|
||||
/* padding: 0 1rem; */
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#order-detail-panel .pic-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#order-detail-panel #pic-place {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#pic-place {
|
||||
border-radius: 0.3rem;
|
||||
color: #e5e5e5;
|
||||
padding-top: 0.3rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
#pic-place img {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
}
|
||||
.pic-item img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 抢修日志 */
|
||||
#task-log-panel .time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
z-index:999;
|
||||
}
|
||||
#task-log-panel .time-fixed{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
z-index:999;
|
||||
}
|
||||
#task-log-panel .stackpanel-vertical {
|
||||
background:white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#task-log-panel .stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#task-log-panel .fix-top {
|
||||
top: 5.34rem;
|
||||
width: 100%;
|
||||
background: white;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#task-log-panel .search-line {
|
||||
background:white;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.83rem;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#task-log-panel .search-criteria {
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height: 2.5rem;
|
||||
width: 23%;
|
||||
}
|
||||
|
||||
#task-log-panel .datetime-line {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#task-log-panel .datetime {
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
#task-log-panel .center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#task-log-panel .datetime {
|
||||
line-height: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#task-log-panel .underline-yellow {
|
||||
border-bottom: 1px solid #e9be2b
|
||||
}
|
||||
|
||||
#task-log-panel .img-drop-down {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
margin: 0 0.625rem 0 0;
|
||||
}
|
||||
|
||||
#task-log-panel .iptime-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#task-log-panel .iptime {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 7.825rem;
|
||||
height: 2.5rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#task-log-panel .list .item:first-child{
|
||||
margin-top: 0.41rem;
|
||||
}
|
||||
#task-log-panel .list .item:active{
|
||||
background:rgba(255,255,255,0.7);
|
||||
}
|
||||
#task-log-panel .list .item{
|
||||
background:#fff;
|
||||
padding:0.58rem 0.83rem;
|
||||
margin-bottom: 0.41rem;
|
||||
}
|
||||
#task-log-panel .list .item .nav{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
font-size:1.25rem;
|
||||
/*height: 2.3rem;
|
||||
line-height: 2.3rem;*/
|
||||
}
|
||||
#task-log-panel .list .item .con{
|
||||
/*padding:0.58rem 0rem;*/
|
||||
font-size:1rem;
|
||||
margin-right:0rem;
|
||||
}
|
||||
#task-log-panel .item .con .con-item{
|
||||
padding-bottom: 0.17rem;
|
||||
}
|
||||
#task-log-panel .con .con-item span{
|
||||
margin-left:0rem;
|
||||
}
|
||||
#task-log-panel .date-time{
|
||||
font-size:0.9rem;
|
||||
}
|
||||
121
app-saas-src/css/inspectionRepair/repairLogDetail.css
Normal file
121
app-saas-src/css/inspectionRepair/repairLogDetail.css
Normal file
@ -0,0 +1,121 @@
|
||||
html,body {
|
||||
background:#fff;
|
||||
}
|
||||
.con{
|
||||
padding:0 0.41rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.con .header{
|
||||
padding:0 0.8rem;
|
||||
border-bottom:1px solid #F4F4F4;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
height：3.33rem;
|
||||
line-height: 3.33rem;
|
||||
font-size:1.25rem;
|
||||
z-index: 999;
|
||||
}
|
||||
.title{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
height：3.33rem;
|
||||
line-height: 3.33rem;
|
||||
}
|
||||
.title img{
|
||||
width:1.5rem;
|
||||
height:1.5rem;
|
||||
margin-right:1rem;
|
||||
}
|
||||
.bt-detail{
|
||||
height:100%;
|
||||
padding-left:3rem;
|
||||
}
|
||||
.bt-detail img{
|
||||
width:0.83rem;
|
||||
height:0.5rem;
|
||||
}
|
||||
.con .item{
|
||||
padding:1.2rem 3.2rem;
|
||||
border-bottom:1px solid #F4F4F4;
|
||||
}
|
||||
.malfunction-item:not(:first-child){
|
||||
margin-top:0.5rem;
|
||||
}
|
||||
.rectangle{
|
||||
width: 6.1rem;
|
||||
height: 2.9rem;
|
||||
border-right: 1px solid #D9D9D9;
|
||||
padding-bottom:0.5rem;
|
||||
position: relative;
|
||||
padding-right:0.7rem;
|
||||
}
|
||||
.circle,.circle-green,.circle-start{
|
||||
width:0.4rem;
|
||||
height:0.4rem;
|
||||
border-radius:50%;
|
||||
position: absolute;
|
||||
right:-0.3rem;
|
||||
top:0;
|
||||
z-index: 99;
|
||||
border: 1px solid #D9D9D9;
|
||||
background:#fff;
|
||||
}
|
||||
.circle-green{
|
||||
border-radius:50%;
|
||||
border: 1px solid #00b75f;
|
||||
background:#00b75f;
|
||||
}
|
||||
.process-item{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
}
|
||||
.item-desc{
|
||||
padding-left:0.7rem;
|
||||
}
|
||||
.circle-start{
|
||||
position: absolute;
|
||||
right:-0.3rem;
|
||||
top:3.4rem;
|
||||
}
|
||||
.circle-start-green{
|
||||
position: absolute;
|
||||
right:-0.3rem;
|
||||
top:3.4rem;
|
||||
border-radius:50%;
|
||||
border: 1px solid #00b75f;
|
||||
background:#00b75f;
|
||||
}
|
||||
|
||||
.pic{
|
||||
min-height: 4rem;
|
||||
width: 100%;
|
||||
}
|
||||
.pic img{
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 31%;
|
||||
margin: 0.1rem 0.2rem;
|
||||
}
|
||||
.displayNone{
|
||||
display:none;
|
||||
}
|
||||
.close{
|
||||
transform:rotate(-90deg);
|
||||
-ms-transform:rotate(-90deg); /* IE 9 */
|
||||
-moz-transform:rotate(-90deg); /* Firefox */
|
||||
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
|
||||
-o-transform:rotate(-90deg); /* Opera */
|
||||
}
|
||||
.survey-pic{
|
||||
min-height: 4rem;
|
||||
width: 100%;
|
||||
}
|
||||
.survey-pic img{
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 31%;
|
||||
margin: 0.3rem 0.2rem;
|
||||
}
|
||||
111
app-saas-src/css/inspectionRepair/repairProblem.css
Normal file
111
app-saas-src/css/inspectionRepair/repairProblem.css
Normal file
@ -0,0 +1,111 @@
|
||||
body{
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.top{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content-container{
|
||||
overflow-y: scroll;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-grade .problem-grade-item {
|
||||
padding: 1rem 1.5rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.problem-grade .problem-grade-item label, .problem-grade .problem-grade-item input{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.problem-desc textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#problem-submit-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
}
|
||||
275
app-saas-src/css/message/messageListFrame.css
Normal file
275
app-saas-src/css/message/messageListFrame.css
Normal file
@ -0,0 +1,275 @@
|
||||
html, body {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
|
||||
body.edit-mode .content {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding-top: .4rem;
|
||||
}
|
||||
|
||||
.msg_title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 0.9rem;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-bottom: 0.4rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.unread .unread-badge {
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: red;
|
||||
border-radius: 50%;
|
||||
top: 0rem;
|
||||
right: 0.7rem;
|
||||
}
|
||||
|
||||
@keyframes checkboxFadeIn {
|
||||
from {
|
||||
opacity: 0
|
||||
}
|
||||
to {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes checkboxFadeIn {
|
||||
from {
|
||||
opacity: 0
|
||||
}
|
||||
to {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
body .message .check-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.edit-mode .message .check-panel {
|
||||
display: flex;
|
||||
width: 25px;
|
||||
animation: checkboxFadeIn .6s normal forwards;
|
||||
-webkit-animation: checkboxFadeIn .6s normal forwards;
|
||||
/* Safari 和 Chrome */
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.more-arrow {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.icon-con.icon_2001 {
|
||||
background: #efc44b;
|
||||
}
|
||||
|
||||
.icon-con.icon_2002 {
|
||||
background: #80ccff;
|
||||
}
|
||||
|
||||
.icon-con.icon_3001 {
|
||||
background: #9e83ff;
|
||||
}
|
||||
|
||||
.icon-con.icon_3002 {
|
||||
background: #80ccff;
|
||||
}
|
||||
|
||||
.icon-con.icon_4001 {
|
||||
background: #3ebaff;
|
||||
}
|
||||
|
||||
.icon-con.icon_4002 {
|
||||
background: #42d39f;
|
||||
}
|
||||
|
||||
.icon-con.icon_5001 {
|
||||
background: #3ebaff;
|
||||
}
|
||||
|
||||
/*.icon-con.icon_5002 {
|
||||
background: #42d39f;
|
||||
}*/
|
||||
.icon-con.icon_5002 {
|
||||
background: #c58fff;
|
||||
}
|
||||
|
||||
.icon-con.icon_6001 {
|
||||
background: #ffd237;
|
||||
}
|
||||
.icon-con.icon_6002 {
|
||||
background: #ffa752;
|
||||
}
|
||||
.icon-con.icon_6003 {
|
||||
background: #ff6363;
|
||||
}
|
||||
.icon-con.icon_7001 {
|
||||
background: #c58fff;
|
||||
}
|
||||
@keyframes actPanelShow {
|
||||
from {
|
||||
bottom: -60px
|
||||
}
|
||||
to {
|
||||
bottom: 0px
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes actPanelShow {
|
||||
from {
|
||||
bottom: -60px
|
||||
}
|
||||
to {
|
||||
bottom: 0px
|
||||
}
|
||||
}
|
||||
|
||||
body .act-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.edit-mode .act-panel {
|
||||
font-size: 1.2rem;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
background: #eee;
|
||||
padding: 0px 1rem;
|
||||
line-height: 60px;
|
||||
border-top: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
animation: actPanelShow .3s normal forwards;
|
||||
-webkit-animation: actPanelShow .3s normal forwards;
|
||||
/* Safari 和 Chrome */
|
||||
}
|
||||
|
||||
/*新闻消息的样式*/
|
||||
|
||||
.news-message {
|
||||
padding: 0.1rem 1rem;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.news-message .left {
|
||||
padding: 0.8rem 0;
|
||||
padding-right: 1rem;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.news-message .right {
|
||||
-webkit-flex-grow: 0;
|
||||
flex-shrink-grow: 0;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink-shrink: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.news-message .right .img {
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.news-message.unread .msg_title {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.news-message.unread .message-content {
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.news-message .msg_title {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.news-message .message-content {
|
||||
word-wrap: break-word;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
.news-message img {
|
||||
margin-left: 1rem;
|
||||
max-height: 2rem;
|
||||
}
|
||||
|
||||
|
||||
/*默认消息样式*/
|
||||
|
||||
.default-message {
|
||||
display: -webkit-flex;
|
||||
/* Safari */
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 0.9rem 1rem;
|
||||
box-sizing: border-box;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.default-message .left {
|
||||
padding-right: 1rem;
|
||||
position: relative;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.default-message .middle {
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.default-message .right {
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.default-message .msg_title {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.default-message .message-content {
|
||||
color: #7e7e7e;
|
||||
padding-right: 1rem;
|
||||
flex-grow: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.default-message .icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.default-message .icon-con img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
13
app-saas-src/css/message/news.css
Normal file
13
app-saas-src/css/message/news.css
Normal file
@ -0,0 +1,13 @@
|
||||
.content-con{
|
||||
padding:0.5rem;
|
||||
}
|
||||
|
||||
.title{
|
||||
font-size: 1.25rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.extra{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
13
app-saas-src/css/message/operateTicketCommon.css
Normal file
13
app-saas-src/css/message/operateTicketCommon.css
Normal file
@ -0,0 +1,13 @@
|
||||
.content{
|
||||
padding:1rem;
|
||||
text-indent: 2rem;
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.time{
|
||||
padding: 1rem;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
font-size: .9rem
|
||||
}
|
||||
13
app-saas-src/css/message/workTicketCommon.css
Normal file
13
app-saas-src/css/message/workTicketCommon.css
Normal file
@ -0,0 +1,13 @@
|
||||
.content{
|
||||
padding:1rem;
|
||||
text-indent: 2rem;
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.time{
|
||||
padding: 1rem;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
font-size: .9rem
|
||||
}
|
||||
131
app-saas-src/css/report/reportData.css
Normal file
131
app-saas-src/css/report/reportData.css
Normal file
@ -0,0 +1,131 @@
|
||||
::-webkit-scrollbar{width:0px}
|
||||
body {
|
||||
background:#fff;
|
||||
}
|
||||
.heightGap {
|
||||
background:#DFDFDF;
|
||||
height: 0.41rem;
|
||||
width: 100%;
|
||||
}
|
||||
td{
|
||||
white-space:nowrap;
|
||||
vertical-align:middle;
|
||||
text-align:center;
|
||||
}
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.table-panel{
|
||||
position:absolute;
|
||||
display:flex;
|
||||
width:100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-head{
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
width:100%;
|
||||
height:5.16rem;
|
||||
z-index:1000;
|
||||
}
|
||||
|
||||
.table-head-right{
|
||||
overflow:scroll;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
#header-table{
|
||||
/*border-top:1px solid #d9d9d9;*/
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
box-sizing:content-box;
|
||||
-moz-box-sizing:content-box; /* Firefox */
|
||||
-webkit-box-sizing:content-box; /* Safari */
|
||||
}
|
||||
|
||||
#table-head-left {
|
||||
position:relative;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.time-title-cell{
|
||||
height:5.2rem;
|
||||
width:10.4rem;
|
||||
display:table-cell;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#E9BE2B;
|
||||
border-top:2px solid #E9BE2B;
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.table-head-right td{
|
||||
height:2.6rem;
|
||||
}
|
||||
|
||||
#table-header-list td:not(:last-child){
|
||||
border-right:1px solid #d9d9d9;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:content-box; /* Firefox */
|
||||
-webkit-box-sizing:content-box; /* Safari */
|
||||
}
|
||||
|
||||
#table-title-list {
|
||||
border-top:1px solid #d9d9d9;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:border-box; /* Firefox */
|
||||
-webkit-box-sizing:border-box; /* Safari */
|
||||
height:2.58rem;
|
||||
}
|
||||
|
||||
#table-title-list td:nth-child(even){
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
.table-body{
|
||||
width:100%;
|
||||
position:absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-body-right tr,.table-body-left tr{
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
box-sizing:content-box;
|
||||
-moz-box-sizing:content-box; /* Firefox */
|
||||
-webkit-box-sizing:content-box; /* Safari */
|
||||
}
|
||||
|
||||
.table-body-right td, .table-body-left td{
|
||||
height:2.6rem;
|
||||
|
||||
}
|
||||
|
||||
.table-body-left{
|
||||
position:absolute;
|
||||
top:0;
|
||||
width:10.4rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.table-body-right{
|
||||
position:absolute;
|
||||
top:0;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.table-body-left td{
|
||||
width:10.4rem;
|
||||
text-align:center;
|
||||
vertical-align:center;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#tbHistroyValue tr>td:nth-child(even){
|
||||
background:#f7f7f7;
|
||||
}
|
||||
98
app-saas-src/css/report/reportDdhListFrame.css
Normal file
98
app-saas-src/css/report/reportDdhListFrame.css
Normal file
@ -0,0 +1,98 @@
|
||||
html, body {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
.search-content {
|
||||
position: fixed;
|
||||
z-index: 3;
|
||||
top: 0rem;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding: 0.9rem 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.search-content .search-box {
|
||||
width: 100%;
|
||||
height: 2.5rem;
|
||||
border: 1px solid #eee;
|
||||
padding: 0.1rem 0.2rem;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.search-placeholder {
|
||||
height:5rem;
|
||||
width: 100%;
|
||||
background: #dfdfdf;
|
||||
}
|
||||
.item {
|
||||
margin-bottom: 0.4rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
padding: 0.9rem 1rem;
|
||||
box-sizing: border-box;
|
||||
background: #ffffff;
|
||||
}
|
||||
.item .left {
|
||||
padding-right: 1rem;
|
||||
position: relative;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.item .middle {
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
width: 50%;
|
||||
}
|
||||
.item .prName {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.item .content {
|
||||
color: #7e7e7e;
|
||||
padding-right: 1rem;
|
||||
flex-grow: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.item .icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.more-arrow {
|
||||
width: 1rem;
|
||||
}
|
||||
.pr .icon-con img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.item .right {
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.item .icon-con {
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
flex-shrink:0;
|
||||
background: rgb(197,143,255);
|
||||
}
|
||||
.item .icon-con img {
|
||||
width:1.6rem;
|
||||
display: block;
|
||||
}
|
||||
98
app-saas-src/css/report/reportPrFrame.css
Normal file
98
app-saas-src/css/report/reportPrFrame.css
Normal file
@ -0,0 +1,98 @@
|
||||
html, body {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
.search-content {
|
||||
position: fixed;
|
||||
z-index: 3;
|
||||
top: 0rem;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding: 0.9rem 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.search-content .search-box {
|
||||
width: 100%;
|
||||
height: 2.5rem;
|
||||
border: 1px solid #eee;
|
||||
padding: 0.1rem 0.2rem;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.search-placeholder {
|
||||
height:5rem;
|
||||
width: 100%;
|
||||
background: #dfdfdf;
|
||||
}
|
||||
.pr {
|
||||
margin-bottom: 0.4rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
padding: 0.9rem 1rem;
|
||||
box-sizing: border-box;
|
||||
background: #ffffff;
|
||||
}
|
||||
.pr .left {
|
||||
padding-right: 1rem;
|
||||
position: relative;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.pr .middle {
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
width: 50%;
|
||||
}
|
||||
.pr .prName {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.pr .content {
|
||||
color: #7e7e7e;
|
||||
padding-right: 1rem;
|
||||
flex-grow: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.pr .icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.more-arrow {
|
||||
width: 1rem;
|
||||
}
|
||||
.pr .icon-con img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.pr .right {
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.pr .icon-con {
|
||||
width:3rem;
|
||||
height:3rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
margin-right:1rem;
|
||||
font-size:1.25rem;
|
||||
flex-shrink:0;
|
||||
background: rgb(197,143,255);
|
||||
}
|
||||
.pr .icon-con img {
|
||||
width:1.6rem;
|
||||
display: block;
|
||||
}
|
||||
73
app-saas-src/css/report/reportProjectFrame.css
Normal file
73
app-saas-src/css/report/reportProjectFrame.css
Normal file
@ -0,0 +1,73 @@
|
||||
html, body {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding-top: .4rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-size: 0.9rem;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.project {
|
||||
margin-bottom: 0.4rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.more-arrow {
|
||||
width: 1rem;
|
||||
}
|
||||
.default-project {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 0.9rem 1rem;
|
||||
box-sizing: border-box;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
.default-project .left {
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.default-project .right {
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.default-project .title {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.default-project .content {
|
||||
color: #7e7e7e;
|
||||
padding-right: 1rem;
|
||||
flex-grow: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.default-project .icon-con {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.default-project .icon-con img {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
3
app-saas-src/css/rtAlarm/rtAlarmList.css
Normal file
3
app-saas-src/css/rtAlarm/rtAlarmList.css
Normal file
@ -0,0 +1,3 @@
|
||||
body {
|
||||
|
||||
}
|
||||
321
app-saas-src/css/style.css
Normal file
321
app-saas-src/css/style.css
Normal file
File diff suppressed because one or more lines are too long
144
app-saas-src/css/systemOrder/systemOrderDetail.css
Normal file
144
app-saas-src/css/systemOrder/systemOrderDetail.css
Normal file
@ -0,0 +1,144 @@
|
||||
.content {
|
||||
padding: 0 2rem 5rem 2rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-select, .order-person, .order-result-person, .order-result, .order-pic {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-selector {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pr-selected {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 2.2rem;
|
||||
line-height: 2.2rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0 0.5rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pr-selected img {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.pr-picker-modal{
|
||||
position: absolute;
|
||||
top: 2.4rem;
|
||||
width:100%;
|
||||
height:30vh;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #dad9da;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background:#ffffff;
|
||||
color:#000000;
|
||||
border-top:1px solid #dad9da;
|
||||
height:2.6rem;
|
||||
line-height:2.6rem;
|
||||
font-size: 1.25rem;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr .icon-con{
|
||||
margin: 0 0.5rem 0 0.5rem;
|
||||
flex-shrink:0;
|
||||
width:2rem;
|
||||
height:2rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
font-size:1rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr-picker-modal .icon-con img{
|
||||
width:1.6rem;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.order-desc {
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
#order-text {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.25rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.order-pic img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.pic-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.handle-detail {
|
||||
display: none;
|
||||
}
|
||||
339
app-saas-src/css/systemOrder/systemOrderEdit.css
Normal file
339
app-saas-src/css/systemOrder/systemOrderEdit.css
Normal file
@ -0,0 +1,339 @@
|
||||
.tabs{
|
||||
display: flex;
|
||||
font-size:1.125rem;
|
||||
position:fixed;
|
||||
top:6rem;
|
||||
width: 100%;
|
||||
z-index:999;
|
||||
}
|
||||
|
||||
.tab{
|
||||
flex-grow:1;
|
||||
height:2.5rem;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
background:#f2f2f2;
|
||||
}
|
||||
|
||||
.tab.active{
|
||||
background:#ffffff;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 2rem 3.1rem 3rem;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-select, .order-person, .order-result-person, .order-result, .order-pic {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.pr-selector {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pr-selected {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 2.2rem;
|
||||
line-height: 2.2rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0 0.5rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.pr-selected img {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.pr-picker-modal{
|
||||
position: absolute;
|
||||
top: 2.4rem;
|
||||
width:100%;
|
||||
height:30vh;
|
||||
overflow-y: auto;
|
||||
border: 1px solid #dad9da;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background:#ffffff;
|
||||
color:#000000;
|
||||
border-top:1px solid #dad9da;
|
||||
height:2.6rem;
|
||||
line-height:2.6rem;
|
||||
font-size: 1.25rem;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.pr-picker-modal .pr .icon-con{
|
||||
margin: 0 0.5rem 0 0.5rem;
|
||||
flex-shrink:0;
|
||||
width:2rem;
|
||||
height:2rem;
|
||||
display:flex;
|
||||
border-radius:50%;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
font-size:1rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
|
||||
.pr-picker-modal .icon-con img{
|
||||
width:1.6rem;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.order-desc {
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
#result-desc {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.25rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.order-pic img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.pic-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#start-btn, #finish-btn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
background-color: #e9be2b;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.start-show {
|
||||
display: none;
|
||||
}
|
||||
|
||||
b {
|
||||
color: red;
|
||||
}
|
||||
|
||||
|
||||
/* 设备缺陷tab */
|
||||
|
||||
#problem-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#new-add-btn {
|
||||
font-size:1.5rem;
|
||||
text-align: center;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
#new-add-btn>div {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 3.5rem;
|
||||
line-height: 3.5rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 0.5rem;
|
||||
box-sizing: border-box;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#new-add-btn span {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.problem-list-container {
|
||||
/* overflow-y: scroll; */
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.problem-item {
|
||||
padding: 0.8rem 0;
|
||||
border-top: 1px solid #e9be2b;
|
||||
border-bottom: 1px solid #e9be2b;
|
||||
}
|
||||
|
||||
.problem-index, .problem-desc, .problem-pic {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.problem-index {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 2.6rem;
|
||||
line-height: 2.6rem;
|
||||
/* background-color: #e5e5e5; */
|
||||
}
|
||||
|
||||
.btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
width: 3.6rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 1rem;
|
||||
margin-right: 0.4rem;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
width: 3.6rem;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
background-color: #e9be2b;
|
||||
text-align: center;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.finished {
|
||||
display: none;
|
||||
color: #03b679;
|
||||
}
|
||||
|
||||
.problem-item-title {
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.problem-desc textarea, .remark textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0.3rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.problem-pic img, .problem-audio img {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.problem-item-content {
|
||||
padding: 0 1rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.pic-item, .audio-item {
|
||||
display: inline-block;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
box-sizing: border-box;
|
||||
margin: 0 1rem 1rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pic-item i, .audio-item i {
|
||||
position: absolute;
|
||||
right: -0.8rem;
|
||||
top: -0.8rem;
|
||||
display: inline-block;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
background-image: url('../../image/close.png');
|
||||
background-size: contain;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pic-item img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#pic-review {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pic-review img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
47
app-saas-src/css/user/findPassWord.css
Normal file
47
app-saas-src/css/user/findPassWord.css
Normal file
@ -0,0 +1,47 @@
|
||||
section{
|
||||
padding: 0 0.83rem;
|
||||
}
|
||||
.form-control{
|
||||
width:100%;
|
||||
}
|
||||
.form-control .phone{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
padding:0 1.25rem;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 0.25rem;
|
||||
height:3.33rem;
|
||||
line-height: 3.33rem;
|
||||
}
|
||||
.form-control .phone-tip,.form-control .code-tip{
|
||||
color:red;
|
||||
white-space:noWrap;
|
||||
}
|
||||
.code-tip{
|
||||
width:30%;
|
||||
}
|
||||
.form-control .confirm-code{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
border: 1px solid #d9d9d9;
|
||||
height:3.33rem;
|
||||
border-radius: 6px;
|
||||
line-height: 3.33rem;
|
||||
}
|
||||
.form-control .code-value{
|
||||
padding-left:1.25rem;
|
||||
}
|
||||
.form-control .get-code{
|
||||
width:30%;
|
||||
height:3.33rem;
|
||||
background:#E9BE2B;
|
||||
}
|
||||
.submit{
|
||||
display:block;
|
||||
width:100%;
|
||||
height:3.33rem;
|
||||
line-height: 3.33rem;
|
||||
border: 1px solid #d9d9d9;
|
||||
background:#e4e4e4;
|
||||
border-radius: 6px;
|
||||
}
|
||||
173
app-saas-src/css/user/login.css
Normal file
173
app-saas-src/css/user/login.css
Normal file
@ -0,0 +1,173 @@
|
||||
body,html {
|
||||
background:#e9be2b;
|
||||
text-align:center;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
.container{
|
||||
padding:0 0.08rem;
|
||||
}
|
||||
.logo{
|
||||
margin:auto;
|
||||
width:8.3rem;
|
||||
height:9.25rem;
|
||||
}
|
||||
.logo img{
|
||||
display:inline-block;
|
||||
width: 100%;
|
||||
height:100%;
|
||||
}
|
||||
.user-panel{
|
||||
padding:0 0.83rem;
|
||||
}
|
||||
.control-group{
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
color: rgba(0,0,0,1);
|
||||
|
||||
}
|
||||
.control-group .account{
|
||||
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
.control-group .password,.control-group .account{
|
||||
width:100%;
|
||||
height:3.33rem;
|
||||
line-height: 3.33rem;
|
||||
display: flex;
|
||||
}
|
||||
.control-group .input-line{
|
||||
display:flex;
|
||||
width:76%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
font-size:0.91rem;
|
||||
color:rgba(0,0,0,0.7);
|
||||
padding-right: 0.4rem;
|
||||
}
|
||||
.control-group .input-line input{
|
||||
display:block;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
.control-group .label{
|
||||
width: 20%;
|
||||
font-size:0.92rem;
|
||||
}
|
||||
.user-panel .button{
|
||||
margin:auto;
|
||||
width:100%;
|
||||
height:3.33rem;
|
||||
line-height:3.33rem;
|
||||
background:#fff;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.user-panel .forget-password{
|
||||
margin:auto;
|
||||
width:100%;
|
||||
height:1rem;
|
||||
line-height:1rem;
|
||||
font-size:0.83rem;
|
||||
text-align:right;
|
||||
}
|
||||
.user-panel .forget-password a{
|
||||
display:inline-block;
|
||||
color:rgba(0,0,0,1);
|
||||
font-size:0.83rem;
|
||||
}
|
||||
.user-bottom{
|
||||
display:flex;
|
||||
align-items: center;
|
||||
width:100%;
|
||||
margin:auto;
|
||||
}
|
||||
.user-bottom .protocol{
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.user-bottom .protocol input{
|
||||
vertical-align:middle;
|
||||
}
|
||||
.user-bottom .cus,.protocol{
|
||||
display:inline-block;
|
||||
color:rgba(0,0,0,1);
|
||||
font-size:0.83rem;
|
||||
}
|
||||
|
||||
.cus-experence{
|
||||
text-align:right;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.cus{
|
||||
width: 100%;
|
||||
padding: 0.5rem ;
|
||||
}
|
||||
.account-tip,.password-tip{
|
||||
color:red;
|
||||
white-space:nowrap
|
||||
}
|
||||
.protocol-detail{
|
||||
text-decoration: underline;
|
||||
}
|
||||
.btn-success:active{
|
||||
background: #efefef;
|
||||
}
|
||||
.touch-color:active{
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
input::-webkit-input-placeholder{
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
/*add start 2019/4/29 kangzhi*/
|
||||
.rem-forget-password {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.rem-forget-password b, .rem-forget-password span{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.rem-forget-password input {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.remember {
|
||||
margin:0;
|
||||
width:100%;
|
||||
height:1rem;
|
||||
line-height:1rem;
|
||||
font-size:0.83rem;
|
||||
text-align:left;
|
||||
}
|
||||
.remember b {
|
||||
font-weight: normal;
|
||||
}
|
||||
.remember span {
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
background: #fff;
|
||||
border: 0.2rem solid #fff;
|
||||
position: relative;
|
||||
}
|
||||
.is-remember i {
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 0.2rem solid #555;
|
||||
}
|
||||
.is-remember span {
|
||||
|
||||
}
|
||||
/*add end 2019/4/29 kangzhi*/
|
||||
18
app-saas-src/css/user/protocol.css
Normal file
18
app-saas-src/css/user/protocol.css
Normal file
@ -0,0 +1,18 @@
|
||||
|
||||
.stackpanel-vertical {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stackpanel-horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.horizon-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.article span {
|
||||
margin: 0 0.83rem;
|
||||
}
|
||||
29
app-saas-src/css/user/resetPassword.css
Normal file
29
app-saas-src/css/user/resetPassword.css
Normal file
@ -0,0 +1,29 @@
|
||||
section{
|
||||
padding: 0 0.83rem;
|
||||
}
|
||||
.form-control{
|
||||
width:100%;
|
||||
}
|
||||
.form-control .password,.form-control .confirm-password{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
padding:0 1.25rem;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 6px;
|
||||
height:3.33rem;
|
||||
line-height: 3.33rem;
|
||||
}
|
||||
.form-control .password-tip{
|
||||
color:red;
|
||||
white-space:noWrap;
|
||||
}
|
||||
|
||||
.submit{
|
||||
display:block;
|
||||
width:100%;
|
||||
height:3.33rem;
|
||||
line-height: 3.33rem;
|
||||
border: 1px solid #d9d9d9;
|
||||
background:#d9d9d9;
|
||||
border-radius: 6px;
|
||||
}
|
||||
53
app-saas-src/css/user/updatePassword.css
Normal file
53
app-saas-src/css/user/updatePassword.css
Normal file
@ -0,0 +1,53 @@
|
||||
html,body{
|
||||
background:#fff;
|
||||
}
|
||||
section{
|
||||
padding:0 0.83rem;
|
||||
margin:auto;
|
||||
}
|
||||
.form{
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
width:100%;
|
||||
box-sizing:border-box;
|
||||
height:3.25rem;
|
||||
border: 1px solid #dad9da;
|
||||
padding: 0rem 0.375rem;
|
||||
margin:auto;
|
||||
border-radius:0.25rem;
|
||||
}
|
||||
.form .title{
|
||||
font-size:0.83rem;
|
||||
color:#737373;
|
||||
width:6.25rem;
|
||||
height:2.5rem;
|
||||
line-height:2.5rem;
|
||||
border-right:1px solid #dad9da;
|
||||
}
|
||||
.form .title img{
|
||||
padding-right:0.83rem;
|
||||
width:1.25rem;
|
||||
height:1.25rem;
|
||||
vertical-align:text-top;
|
||||
}
|
||||
.pwd-con{
|
||||
border-box:border-box;
|
||||
font-size:0.83rem;
|
||||
width:70%;
|
||||
padding:0 0.5rem;
|
||||
display:flex;
|
||||
display:-webkit-flex;
|
||||
align-items: center;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.confirm {
|
||||
text-align:center;
|
||||
background:#e4e4e4;
|
||||
border: none;
|
||||
}
|
||||
.confirm input{
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
}
|
||||
77
app-saas-src/gulpFile.js
Normal file
77
app-saas-src/gulpFile.js
Normal file
@ -0,0 +1,77 @@
|
||||
var gulp = require('gulp');
|
||||
var gutil = require('gulp-util');
|
||||
var watch = require('gulp-watch');
|
||||
var uglify = require('gulp-uglify');
|
||||
var livereload = require('gulp-livereload');
|
||||
var imagemin = require('gulp-imagemin');
|
||||
var cleancss = require('gulp-clean-css');
|
||||
|
||||
var distBase = "../app-saas/widget"
|
||||
|
||||
gulp.task("watch", function () {
|
||||
|
||||
watch("./script/**/*.js", function (e) {
|
||||
gulp.src(e.path, { base: './script' })
|
||||
//.pipe(uglify())
|
||||
.pipe(gulp.dest(distBase + "/script"))
|
||||
})
|
||||
|
||||
watch("./css/**/*.css", function (e) {
|
||||
gulp.src(e.path, { base: './css' })
|
||||
.pipe(gulp.dest(distBase + "/css"))
|
||||
})
|
||||
|
||||
watch("./image/**/*", function (e) {
|
||||
gulp.src(e.path, { base: './image' })
|
||||
.pipe(gulp.dest(distBase + "/image"))
|
||||
})
|
||||
|
||||
|
||||
watch(["./index.html", "./config.xml"], function (e) {
|
||||
gulp.src(e.path, { base: './' })
|
||||
.pipe(gulp.dest(distBase))
|
||||
})
|
||||
|
||||
watch("./resource/**/*", function (e) {
|
||||
gulp.src(e.path, { base: './resource' })
|
||||
.pipe(gulp.dest(distBase + "/resource"))
|
||||
})
|
||||
|
||||
watch("./icon/**/*", function (e) {
|
||||
gulp.src(e.path, { base: './icon' })
|
||||
.pipe(gulp.dest(distBase + "/icon"))
|
||||
})
|
||||
|
||||
watch("./html/**/*", function (e) {
|
||||
gulp.src(e.path, { base: './html' })
|
||||
.pipe(gulp.dest(distBase + "/html"))
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
gulp.task("release", function () {
|
||||
gulp.src("./script/**/*.js", { base: './script' })
|
||||
.pipe(uglify())
|
||||
.on('error', function (err) {
|
||||
gutil.log(gutil.colors.red('[Error1]'), err.toString())
|
||||
})
|
||||
.pipe(gulp.dest(distBase + "/script"))
|
||||
|
||||
gulp.src("./css/**/*.css", { base: "./css" })
|
||||
.pipe(gulp.dest(distBase + "/css"))
|
||||
|
||||
gulp.src("./image/**/*", { base: "./image" })
|
||||
.pipe(gulp.dest(distBase + "/image"))
|
||||
|
||||
gulp.src(["./index.html", "./config.xml"], { base: './' })
|
||||
.pipe(gulp.dest(distBase))
|
||||
|
||||
gulp.src("./resource/**/*", { base: './resource' })
|
||||
.pipe(gulp.dest(distBase + "/resource"))
|
||||
|
||||
gulp.src("./icon/**/*", { base: './icon' })
|
||||
.pipe(gulp.dest(distBase + "/icon"))
|
||||
|
||||
gulp.src("./html/**/*", { base: './html' })
|
||||
.pipe(gulp.dest(distBase + "/html"))
|
||||
})
|
||||
76
app-saas-src/html/about.html
Normal file
76
app-saas-src/html/about.html
Normal file
@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
|
||||
/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>关于我们</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../css/about.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="blackMask" class="blackMask hidden">
|
||||
<div id="deviceInfoContianer" class="deviceInfoContianer">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back"><img src="../image/back.png" /></div>
|
||||
<span>关于我们</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<div class="banner">
|
||||
<div class="stackpanel-vertical horizon-center">
|
||||
<div class="logo" id="logo-icon">
|
||||
<img src="../image/left-panel-logo.png" />
|
||||
</div>
|
||||
<span class="text-version" id="lbVersion"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-touch" id="lbGrade">
|
||||
<div>
|
||||
<div >给我评分</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="../image/arrow-right.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div style="white-space:nowrap;">
|
||||
电话
|
||||
</div>
|
||||
<div class="text-align-r" id="phoneCall">
|
||||
010-87927007
|
||||
</div>
|
||||
</div>
|
||||
<div class="item bg-touch">
|
||||
<div style="white-space:nowrap;">
|
||||
地址
|
||||
</div>
|
||||
<div class="text-align-r">
|
||||
北京经济技术开发区经海四路35号院2号楼
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<span> 北京电务通能源科技（集团）有限公司坐落于北京经济技术开发区，是一家专业致力于变配电设施智能运维，系统软硬件研发并提供解决方案为一体的国家级高新技术企业。凭借在电力运维、数据传输、移动互联、大数据、云计算等方面的综合优势，已经成为了物联网时代的开拓者。</span>
|
||||
<div style="height: 1.83rem"></div>
|
||||
<span> 电务通以“倡导、链接、共享”为企业经营理念；立足增长快速、收益稳定的能源互联网行业，通过“现代电力运维和数据服务”产业整合者的角色定位，打造全方位的增值服务和大数据服务平台，帮助用户提升经济效益和运行效率，建设全新的用电生态，引领中国能源行业管理创新。</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../script/api.js"></script>
|
||||
<script type="text/javascript" src="../script/common.js"></script>
|
||||
<script type="text/javascript" src="../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../script/about.js"></script>
|
||||
|
||||
</html>
|
||||
55
app-saas-src/html/feature/alarmDetail.html
Normal file
55
app-saas-src/html/feature/alarmDetail.html
Normal file
@ -0,0 +1,55 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/alarmDetail.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../image/back.png" /></div>
|
||||
<span>报警详情</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<div class="content" id="content">
|
||||
|
||||
<div class="content-head">
|
||||
<div class="pr-name" id="pr-name"></div>
|
||||
</div>
|
||||
|
||||
<div class="content-body" id="content-body">
|
||||
<!-- <div>变压器故障</div>
|
||||
<div>报警值：12摄氏度</div>
|
||||
<div>实时值：12.5℃</div>
|
||||
<div>历史报警：10次</div>
|
||||
<div>历史抢修：0次</div>
|
||||
<div>确认报警：3次</div>
|
||||
<div>上次报警：2013-23-12 12:32:01</div> -->
|
||||
</div>
|
||||
<div class="height"></div>
|
||||
</div>
|
||||
<div class="empty-tips" id="empty-tips" style="display: none; margin: 5rem 0 0 0">
|
||||
<div></div>
|
||||
<span style="margin:1rem 0 0 0">获取报警失败</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 生成工单按钮 -->
|
||||
<div id="create-order-btn">
|
||||
生成工单
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/moment.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/alarmDetail.js"></script>
|
||||
</html>
|
||||
103
app-saas-src/html/feature/alarmQuery.html
Normal file
103
app-saas-src/html/feature/alarmQuery.html
Normal file
@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
|
||||
/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>报警查询</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/alarmQuery.css" />
|
||||
<style>
|
||||
body {
|
||||
background: #ffffff
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="class"><img src="../../image/back.png" /></div>
|
||||
<span>报警查询</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader" ></div>
|
||||
<div class="stackpanel-vertical fix-top" id="searcher">
|
||||
<div style="height: 2rem"></div>
|
||||
<div class="search-line">
|
||||
<input class="search-criteria bg-touch" id="btn-location" type="button" value="全部位置" />
|
||||
<input class="search-criteria bg-touch" id="btn-classification" type="button" value="全部类型" />
|
||||
<input class="search-criteria bg-touch" id="btn-process" type="button" value="全部状态" />
|
||||
<input class="search-criteria bg-touch" id="btn-filter" type="button" value="筛选" />
|
||||
</div>
|
||||
<div style="height: 1.3rem"></div>
|
||||
<div class="search-line">
|
||||
<div class="datetime-line">
|
||||
<div class="center iptime-group" id="divStartTime">
|
||||
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||||
<span class="datetime underline-yellow" id="lbStartTime">开始日期</span>
|
||||
<input class="iptime" type="date" id="ipStartTime">
|
||||
</div>
|
||||
<span class="datetime">至</span>
|
||||
<div class="center iptime-group" id="divEndTime">
|
||||
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||||
<span class="datetime underline-yellow" id="lbEndTime">结束日期</span>
|
||||
<input class="iptime" type="date" id="ipEndTime">
|
||||
</div>
|
||||
</div>
|
||||
<input class="search-criteria bg-yellow btn-touch" id="btn-query" type="button" value="查询" />
|
||||
</div>
|
||||
<div style="height: 2rem;border-bottom:1px solid #d9d9d9"></div>
|
||||
</div>
|
||||
<div style="height: 10.68rem"></div>
|
||||
<div class="empty-tips" id="empty-tips" style="display: none; margin: 2rem 0 0 0">
|
||||
<div></div>
|
||||
<span style="margin:1rem 0 0 0">找不到报警记录</span>
|
||||
</div>
|
||||
<div class="alarmList-content">
|
||||
<div class="stackpanel-vertical" id="alarmList">
|
||||
<!--<div class="alarm">
|
||||
<div class="left">
|
||||
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
||||
<div class="content font1">
|
||||
<div class="pr-name-con"><span class="pr-name">敦豪配电室</span> <img src="../../image/red-alarm-icon.png"></div>
|
||||
<div class="width100 ellipsis">1#变压器 A相线圈温度 低低 报警值:45℃</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right text-align-r">
|
||||
<div class="text-gray">昨天10:23</div>
|
||||
<div class="height4"></div>
|
||||
<div class="text-red">未处理</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alarm">
|
||||
<div class="left">
|
||||
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
||||
<div class="content font1">
|
||||
<div class="pr-name-con"><span class="pr-name">敦豪配电室</span> <img src="../../image/red-alarm-icon.png"></div>
|
||||
<div><span>1#变压器 A相线圈温度 低低 报警值:45℃</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right text-align-r">
|
||||
<span class="text-gray">昨天10:23</span>
|
||||
<span class="text-gray">已确认</span>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/moment.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/alarmQuery.js"></script>
|
||||
|
||||
</html>
|
||||
58
app-saas-src/html/feature/alarmQueryRightPanel.html
Normal file
58
app-saas-src/html/feature/alarmQueryRightPanel.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>筛选条件</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/alarmQueryRightPanel.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container stackpanel-vertical">
|
||||
<span>位置</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="location-group">
|
||||
<input class="btn btn-highlight" type="button" value="全部" group="loc" locvalue="-1" />
|
||||
<input class="btn" type="button" value="高压侧" group="loc" locvalue="1" />
|
||||
<input class="btn" type="button" value="低压侧" group="loc" locvalue="2" />
|
||||
<input class="btn" type="button" value="变压器" group="loc" locvalue="3" />
|
||||
<input class="btn" type="button" value="直流屏" group="loc" locvalue="4" />
|
||||
<input class="btn" type="button" value="信号屏" group="loc" locvalue="5" />
|
||||
<input class="btn" type="button" value="其他" group="loc" locvalue="6" />
|
||||
</div>
|
||||
<span>全部时效</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="type-group">
|
||||
<input class="btn btn-highlight" type="button" value="全部" group="type" tpvalue="-1" />
|
||||
<input class="btn" type="button" value="实时报警" group="type" tpvalue="1" />
|
||||
<input class="btn" type="button" value="历史报警" group="type" tpvalue="2" />
|
||||
</div>
|
||||
<span>处理状态</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="process-group">
|
||||
<input class="btn btn-highlight" type="button" value="全部" group="process" psvalue="-1">
|
||||
<input class="btn" type="button" value="未处理" group="process" psvalue="0" />
|
||||
<input class="btn" type="button" value="处理中" group="process" psvalue="1" />
|
||||
<input class="btn" type="button" value="已完成" group="process" psvalue="2" />
|
||||
<!-- 客户登录不显示已确认 -->
|
||||
<input id="ignoredAlarm" class="btn" type="button" value="已确认" group="process" psvalue="3"/>
|
||||
</div>
|
||||
<span class="pr">配电室</span>
|
||||
<div class="stackpanel-horizontal btngroup pr" id="pr-group">
|
||||
<input class="btn btn-highlight" type="button" value="全部" group="pr" pridvalue="-1" />
|
||||
<input class="btn" type="button" value="配电室1" group="pr" pridvalue="1" />
|
||||
<input class="btn" type="button" value="配电室2" group="pr" pridvalue="2" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="stackpanel-horizontal bottom" id="footer">
|
||||
<input class="submitbtn-common submitbtn-gray" type="button" id="btn-cancel" value="取消" />
|
||||
<input class="submitbtn-common bg-yellow" type="button" id="btn-ok" value="确定" />
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/alarmQueryRightPanel.js"></script>
|
||||
|
||||
</html>
|
||||
63
app-saas-src/html/feature/camera.html
Normal file
63
app-saas-src/html/feature/camera.html
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>title</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/camera.css" />
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back">
|
||||
<img src="../../image/back.png" />
|
||||
</div>
|
||||
<span>视频监控</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<div id="content">
|
||||
<div id="slaver-panel" class="panel">
|
||||
<!-- 三星 autoplay 可能有问题，导致视频无法播放 -->
|
||||
<!-- <video autoplay="autoplay" id="video" height="210" controls></video> -->
|
||||
<video id="video" height="210" controls></video>
|
||||
</div>
|
||||
<div class="btns-container">
|
||||
<div class="btns-title">清晰度</div>
|
||||
<div class="stackpanel-horizontal btngroup" id="definition">
|
||||
<input class="btn btn-highlight" type="button" value="流畅" ctvalue="low" />
|
||||
<input class="btn" type="button" value="高清" ctvalue="high" />
|
||||
</div>
|
||||
<div class="btns-title">摄像头列表</div>
|
||||
<div class="stackpanel-horizontal btngroup" id="video-group">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 空记录提示 -->
|
||||
<div class="empty-tips" id="camera-empty-tips">
|
||||
<p class="height50"></p>
|
||||
<div></div>
|
||||
<span>查找不到监控资源</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/menu-privilege.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<!-- <script type="text/javascript" src="../../script/hls.min.js"></script> -->
|
||||
<script type="text/javascript" src="../../script/feature/camera.js"></script>
|
||||
|
||||
</html>
|
||||
59
app-saas-src/html/feature/circuit.html
Normal file
59
app-saas-src/html/feature/circuit.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>title</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/circuit.css" />
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back">
|
||||
<img src="../../image/back.png" />
|
||||
</div>
|
||||
<span>一次系统图</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<div id="content">
|
||||
<div id="circuit-selector">
|
||||
<span>111</span>
|
||||
<img src="../../image/arrow.png" alt="">
|
||||
</div>
|
||||
<div class="stackpanel-horizontal btngroup" id="circuit-btns-group">
|
||||
|
||||
</div>
|
||||
<div style=" height: 100%; overflow: scroll;">
|
||||
<div style="width: 1920px; height: 1080px; position: relative; border: 0;">
|
||||
<div style="width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; border: 0;"></div>
|
||||
<iframe id="circuit-frame" width="100%" height="100%" src="https://cdycircuit.saas.dianwutong.com/run.html?circuitId=51&prId=248&flag=1"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 空记录提示 -->
|
||||
<div class="empty-tips" id="circuit-empty-tips">
|
||||
<p class="height50"></p>
|
||||
<div></div>
|
||||
<span>查找不到一次图</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/menu-privilege.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/circuit.js"></script>
|
||||
|
||||
</html>
|
||||
106
app-saas-src/html/feature/energy.html
Normal file
106
app-saas-src/html/feature/energy.html
Normal file
@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/energy.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="top-bar">
|
||||
<div class="left" id="back"><img src="../../image/back.png" /></div>
|
||||
<span>能耗分析</span>
|
||||
<div class="right"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div style="height:6.5rem;"></div>
|
||||
|
||||
|
||||
<div class="tabs bg-white">
|
||||
<div class="tab active" id="compare-tab">对比分析</div>
|
||||
<div class="tab" id="time-tab">分时分析</div>
|
||||
</div>
|
||||
<div class="content-container">
|
||||
<div class="searcher">
|
||||
|
||||
<div class="btn" id="btn-pick-number">选择回路</div>
|
||||
<div>
|
||||
<select class="time-select" name="time-select" id="time-selector">
|
||||
<option value="2" id="day"> 日数据</option>
|
||||
<option value="3"> 月数据</option>
|
||||
<option value="4"> 年数据</option>
|
||||
<option value="1" class="hour"> 时数据</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="search-line">
|
||||
|
||||
<div class="datetime-line">
|
||||
<div class="center iptime-group" id="start-time">
|
||||
<img class="img-drop-down" src="../../image/arrow.png" />
|
||||
<span class="datetime underline-yellow" id="lbStartTime">开始日期</span>
|
||||
<input class="iptime" type="date" id="startTime-select">
|
||||
</div>
|
||||
<span class="datetime-range">至</span>
|
||||
<div class="center iptime-group" id="end-time">
|
||||
<img class="img-drop-down" src="../../image/arrow.png" />
|
||||
<span class="datetime underline-yellow" id="lbEndTime">结束日期</span>
|
||||
<input class="iptime" type="date" id="endTime-select">
|
||||
</div>
|
||||
<input class="search-criteria bg-yellow btn-touch" id="query" type="button" value="查询" />
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="height2"></div>
|
||||
<div class="content bg-white">
|
||||
<div class="tab-panel" id="compare-tab-panel">
|
||||
<div class="compare-AChart" id="compare-AChart"></div>
|
||||
<div class="compare-ATable-con" id="compare-ATable-con">
|
||||
<table id="compareATable">
|
||||
</table>
|
||||
</div>
|
||||
<div class="empty-tips" id="compare-panel-empty-tips">
|
||||
<div></div>
|
||||
<span>查找不到数据</span>
|
||||
</div>
|
||||
<div class="height30"></div>
|
||||
</div>
|
||||
|
||||
<div class="tab-panel" id="time-tab-panel" style="display: none;font-size:0.8rem;">
|
||||
<div class="time-AChart" id="time-AChart"></div>
|
||||
<div class="time-BCChart-con">
|
||||
<div class="time-BChart" id="time-BChart"></div>
|
||||
<div class="time-CChart" id="time-CChart"></div>
|
||||
</div>
|
||||
<div class="empty-tips" id="time-panel-empty-tips">
|
||||
<div></div>
|
||||
<span>查找不到数据</span>
|
||||
</div>
|
||||
<div class="height30"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/echarts.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/dateUtils.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/energy.js"></script>
|
||||
|
||||
</html>
|
||||
28
app-saas-src/html/feature/energyRightPanel.html
Normal file
28
app-saas-src/html/feature/energyRightPanel.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>title</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/energyRightPanel.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<!--调度号选择面板-->
|
||||
<div class="container" id="list">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="btns">
|
||||
<button id="cancel" class="btn cancel">取消</button>
|
||||
<button id="ok" class="btn ok">确定</button>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/energyRightPanel.js"></script>
|
||||
|
||||
</html>
|
||||
139
app-saas-src/html/feature/historyData.html
Normal file
139
app-saas-src/html/feature/historyData.html
Normal file
@ -0,0 +1,139 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>历史数据</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/historyData.css" />
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #ffffff
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header id="header">
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../image/back.png" /></div>
|
||||
<span>历史数据</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<div class="stackpanel-vertical fix-top" id="searcher">
|
||||
<div style="height: 2rem"></div>
|
||||
<div class="search-line">
|
||||
<input class="search-criteria bg-touch" id="btn-location" type="button" value="-" />
|
||||
<input class="search-criteria bg-touch" id="btn-ddnumber" type="button" value="-" />
|
||||
<input class="search-criteria bg-touch" id="btn-time" type="button" value="-" />
|
||||
<input class="search-criteria bg-touch" id="btn-filter" type="button" value="筛选" />
|
||||
</div>
|
||||
<div style="height: 1.3rem"></div>
|
||||
<div class="search-line">
|
||||
<div class="datetime-line">
|
||||
<div class="center" id="divStartTime">
|
||||
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||||
<span class="datetime underline-yellow" id="lbStartTime">2017-01-16</span>
|
||||
</div>
|
||||
<span class="datetime">至</span>
|
||||
<div class="center" id="divEndTime">
|
||||
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||||
<span class="datetime underline-yellow" id="lbEndTime">2017-03-16</span>
|
||||
</div>
|
||||
</div>
|
||||
<input class="search-criteria bg-yellow btn-touch" id="btn-quary" type="button" value="查询" />
|
||||
</div>
|
||||
<div style="height: 2rem"></div>
|
||||
<div style="height: 1rem;border-top:1px solid #d9d9d9"></div>
|
||||
</div>
|
||||
<!-- Add start 2018/8/23 10:01 kangzhi -->
|
||||
<!-- 展示 chart 图表 start -->
|
||||
<div id="echarts-container">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- 展示 chart 图表 end -->
|
||||
<!-- Add end 2018/8/23 10:01 kangzhi -->
|
||||
|
||||
<div class="empty-tips" id="empty-tips" style="margin: 2rem 0 0 0">
|
||||
<p style="height:10rem"></p>
|
||||
<div></div>
|
||||
<span style="margin:1rem 0 0 0">没有数据，请重新选择查询条件</span>
|
||||
</div>
|
||||
<div class="table-panel" id="table-panel">
|
||||
<div class="table-head" id="table-head">
|
||||
<table id="table-head-left">
|
||||
<tr>
|
||||
<td class="time-title-cell bg-yellow">时间</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="table-head-right" class="table-head-right">
|
||||
<table id="header-table">
|
||||
<tbody>
|
||||
<tr id="table-header-list">
|
||||
<td colspan="3">-</td>
|
||||
</tr>
|
||||
<tr id="table-title-list">
|
||||
<td style="width: 3rem">-</td>
|
||||
<td style="width: 3rem">-</td>
|
||||
<td style="width: 3rem">-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-body" id="table-body">
|
||||
|
||||
<div class="table-body-left" id="table-body-left">
|
||||
<table id="timeColumn">
|
||||
<tr>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-body-right" id="table-body-right">
|
||||
|
||||
<table id="tbHistroyValue">
|
||||
<tr>
|
||||
<td style="width: 3rem">-</td>
|
||||
<td style="width: 3rem">-</td>
|
||||
<td style="width: 3rem">-</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/moment.min.js"></script>
|
||||
<!-- Add start 2018/8/23 10:00 kangzhi -->
|
||||
<!-- 引入 echarts -->
|
||||
<script type="text/javascript" src="../../script/echarts.min.js"></script>
|
||||
<!-- Add end 2018/8/23 10:00 kangzhi -->
|
||||
<script type="text/javascript" src="../../script/feature/historyData.js"></script>
|
||||
|
||||
</html>
|
||||
91
app-saas-src/html/feature/historyDataRightPanel.html
Normal file
91
app-saas-src/html/feature/historyDataRightPanel.html
Normal file
@ -0,0 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
|
||||
/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>筛选条件</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/historyDataRightPanel.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container stackpanel-vertical">
|
||||
<span>位置</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="location-group">
|
||||
<input class="btn btn-highlight" type="button" value="高压侧" group="loc" ctvalue="1" />
|
||||
<input class="btn" type="button" value="低压侧" group="loc" ctvalue="2" />
|
||||
<input class="btn" type="button" value="变压器" group="loc" ctvalue="3" />
|
||||
<input class="btn" type="button" value="直流屏" group="loc" ctvalue="4" />
|
||||
<input class="btn" type="button" value="信号屏" group="loc" ctvalue="5" />
|
||||
<input class="btn" type="button" value="其他" group="loc" ctvalue="6" />
|
||||
</div>
|
||||
<span>调度号</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="ddnumber-group">
|
||||
<!--<input class="btn btn-highlight" type="button" value="201" group="ddNumber" />
|
||||
<input class="btn" type="button" value="202" group="ddNumber" />
|
||||
<input class="btn" type="button" value="211" group="ddNumber" />
|
||||
<input class="btn" type="button" value="201-1" group="ddNumber" />
|
||||
<input class="btn" type="button" value="201" group="ddNumber" />
|
||||
<input class="btn" type="button" value="201-2" group="ddNumber" />
|
||||
<input class="btn" type="button" value="202-1" group="ddNumber" />
|
||||
<input class="btn" type="button" value="202-2" group="ddNumber" />-->
|
||||
</div>
|
||||
<!-- 调度号不存在时的占位符 -->
|
||||
<div class="stackpanel-horizontal btngroup" id="ddnumber-group-none" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="无"/>
|
||||
</div>
|
||||
<span>时间粒度</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="time-group">
|
||||
<input class="btn" type="button" value="1天" group="time" interval="86400" />
|
||||
<input class="btn btn-highlight" type="button" value="1小时" group="time" interval="3600" />
|
||||
<input class="btn" type="button" value="30分钟" group="time" interval="1800" />
|
||||
<input class="btn" type="button" value="15分钟" group="time" interval="900" />
|
||||
<input class="btn" type="button" value="10分钟" group="time" interval="600" />
|
||||
<input class="btn" type="button" value="5分钟" group="time" interval="300" />
|
||||
<!-- <input class="btn" type="button" value="30秒" group="time" interval="30" /> -->
|
||||
</div>
|
||||
<span>类型</span>
|
||||
<div class="btngroup" id="vartype-group">
|
||||
<!--<input class="btn-free-width btn-highlight" type="button" value="电流" group="vartype" typeId=""/>
|
||||
<input class="btn-free-width" type="button" value="电压" group="vartype" typeId=""/>
|
||||
<input class="btn-free-width" type="button" value="电度" group="vartype" typeId=""/>-->
|
||||
</div>
|
||||
<!-- 类型不存在时的占位符 -->
|
||||
<div class="stackpanel-horizontal btngroup" id="vartype-group-none" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="无"/>
|
||||
</div>
|
||||
<div class="stackpanel-horizontal btngroup" id="vartype-group-loading" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="载入中" />
|
||||
</div>
|
||||
|
||||
<!-- Add start 2018/8/22 15:00 kangzhi -->
|
||||
<!-- '选择查看类型曲线' -->
|
||||
<span>选择查看类型曲线</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="chart-group">
|
||||
|
||||
</div>
|
||||
<!-- 类型曲线按钮不存在时的占位符 -->
|
||||
<div class="stackpanel-horizontal btngroup" id="chart-group-none" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="无"/>
|
||||
</div>
|
||||
<div class="stackpanel-horizontal btngroup" id="chart-group-loading" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="载入中" />
|
||||
</div>
|
||||
<!-- Add end 2018/8/22 15:00 kangzhi -->
|
||||
|
||||
</div>
|
||||
<div class="stackpanel-horizontal bottom" id="footer">
|
||||
<input class="submitbtn-common submitbtn-gray" type="button" id="btn-cancel" value="取消" />
|
||||
<input class="submitbtn-common bg-yellow" type="button" id="btn-ok" value="确定" />
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/historyDataRightPanel.js"></script>
|
||||
|
||||
</html>
|
||||
109
app-saas-src/html/feature/inspectionArrange.html
Normal file
109
app-saas-src/html/feature/inspectionArrange.html
Normal file
@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>title</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/inspectionArrange.css" />
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../image/back.png" /></div>
|
||||
<span>巡检安排</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader" ></div>
|
||||
<div class="fix-top" id="searcher">
|
||||
<div style="height: 2rem"></div>
|
||||
<div class="search-line">
|
||||
<input class="search-criteria bg-touch bg-yellow" id="all" type="button" value="全部" />
|
||||
<input class="search-criteria bg-touch" id="btn-accept" type="button" value="未接单" />
|
||||
<input class="search-criteria bg-touch" id="btn-nostart" type="button" value="未开始" />
|
||||
<input class="search-criteria bg-touch" id="btn-inspecting" type="button" value="巡检中" />
|
||||
<input class="search-criteria bg-touch" id="btn-finished" type="button" value="已完成" />
|
||||
</div>
|
||||
<div style="height: 1.3rem;"></div>
|
||||
<div class="search-line">
|
||||
<div class="datetime-line">
|
||||
<div class="center iptime-group" id="divStartTime">
|
||||
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||||
<span class="datetime underline-yellow" id="lbStartTime">开始日期</span>
|
||||
<input class="iptime" type="date" id="ipStartTime">
|
||||
</div>
|
||||
<span class="datetime">至</span>
|
||||
<div class="center iptime-group" id="divEndTime">
|
||||
<img class="img-drop-down" src="../../image/drop-down.png" />
|
||||
<span class="datetime underline-yellow" id="lbEndTime">结束日期</span>
|
||||
<input class="iptime" type="date" id="ipEndTime">
|
||||
</div>
|
||||
</div>
|
||||
<input class="search-criteria bg-yellow btn-touch" id="btn-query" type="button" value="查询" />
|
||||
</div>
|
||||
<div style="height: 2rem;border-bottom:1px solid #d9d9d9"></div>
|
||||
</div>
|
||||
<div style="height: 10.68rem"></div>
|
||||
<div class="empty-tips" id="empty-tips" style="display: none; margin: 2rem 0 0 0">
|
||||
<div></div>
|
||||
<span style="margin:1rem 0 0 0">找不到巡检记录</span>
|
||||
</div>
|
||||
<div class="inspectionList-content">
|
||||
<div class="stackpanel-vertical" id="inspectionList">
|
||||
<div class="inspection">
|
||||
<div class="left">
|
||||
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
||||
<div class="content font1">
|
||||
<div class="pr-name-con"><span class="pr-name">敦豪配电室等共10个</span>
|
||||
</div>
|
||||
<div class="width100 ellipsis color-red">共3个设备缺陷</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right text-align-r">
|
||||
<div class="text-gray">2023-11-12</div>
|
||||
<div class="height4"></div>
|
||||
<div>张三</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inspection">
|
||||
<div class="left">
|
||||
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
||||
<div class="content font1">
|
||||
<div class="pr-name-con"><span class="pr-name">敦豪配电室等共4个</span>
|
||||
<img src="../../image/red-alarm-icon.png">
|
||||
</div>
|
||||
<div class="width100 ellipsis color-red">共1个设备缺陷</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right text-align-r">
|
||||
<div class="text-gray">2023-11-13</div>
|
||||
<div class="height4"></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 新增巡检按钮 -->
|
||||
<div id="create-inspection-btn">
|
||||
新增巡检任务
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/menu-privilege.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/inspectionArrange.js"></script>
|
||||
|
||||
</html>
|
||||
100
app-saas-src/html/feature/inspectionArrangeCreate.html
Normal file
100
app-saas-src/html/feature/inspectionArrangeCreate.html
Normal file
@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>title</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/inspectionArrangeCreate.css" />
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container" id="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../image/back.png" /></div>
|
||||
<span id="title">新增巡检单</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader" ></div>
|
||||
<div class="stackpanel-vertical fix-top" id="searcher">
|
||||
<div class="search-line">
|
||||
<span class="msg-item">巡检日期：</span>
|
||||
<div class="center " id="xjDate">
|
||||
2023-11-21
|
||||
</div>
|
||||
<div class="btn-normal show-right-panel">
|
||||
日期选择
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1.3rem"></div>
|
||||
<div class="search-line">
|
||||
<span class="msg-item">巡检人员：</span>
|
||||
<div class="center " id="inspector">
|
||||
无
|
||||
</div>
|
||||
<div class="btn-normal show-right-panel">
|
||||
人员选择
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div style="height: 1.3rem"></div>
|
||||
<div class="search-line">
|
||||
<span class="msg-item">上班时间：</span>
|
||||
<div class="center " id="workTime">
|
||||
08:00
|
||||
</div>
|
||||
<div class="btn-normal show-right-panel">
|
||||
上班时间
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div style="height: 9.78rem"></div>
|
||||
<div class="pr-num-box">
|
||||
<div>已选择<span class="pr-num" id="prCount">0</span>个配电室</div>
|
||||
<div class="btn-normal show-right-panel">
|
||||
选择配电室
|
||||
</div>
|
||||
</div>
|
||||
<div class="empty-tips" id="empty-tips" style="display: none; margin: 2rem 0 0 0">
|
||||
<div></div>
|
||||
<span style="margin:1rem 0 0 0">未选择配电室</span>
|
||||
</div>
|
||||
<div class="prList-content" id="prList-content">
|
||||
<div class="stackpanel-vertical" id="prList">
|
||||
<!-- <div class="pr">
|
||||
<div class="left">
|
||||
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
||||
<div class="content font1">
|
||||
<div class="pr-name-con"><span class="pr-name">敦豪配电室</span>
|
||||
</div>
|
||||
<div> < <span class="inspect-type">例行巡检</span> > </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="btn-danger show-right-panel">删除</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 保存按钮 -->
|
||||
<div id="save-btn">
|
||||
保存
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/menu-privilege.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/inspectionArrangeCreate.js"></script>
|
||||
|
||||
</html>
|
||||
126
app-saas-src/html/feature/inspectionArrangeCreateRightPanel.html
Normal file
126
app-saas-src/html/feature/inspectionArrangeCreateRightPanel.html
Normal file
@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
|
||||
/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>巡检信息修改</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/inspectionArrangeCreateRightPanel.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container stackpanel-vertical">
|
||||
<span>巡检日期</span>
|
||||
<div class="stackpanel-horizontal btngroup">
|
||||
<div class="center iptime-group" id="divStartTime">
|
||||
<span class="datetime underline-yellow" id="xjDateStr">巡检日期</span>
|
||||
<input class="iptime" type="date" id="xjDate">
|
||||
</div>
|
||||
</div>
|
||||
<span>巡检人员</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="inspector-group">
|
||||
<!-- <input class="btn btn-highlight" type="button" value="无" group="loc" data-inspectorid="1" />
|
||||
<input class="btn" type="button" value="李四" group="loc" data-inspectorid="2" />
|
||||
<input class="btn" type="button" value="王五" group="loc" data-inspectorid="3" />
|
||||
<input class="btn" type="button" value="李六" group="loc" data-inspectorid="4" /> -->
|
||||
</div>
|
||||
<!-- <span>上班时间</span>
|
||||
<div class="stackpanel-horizontal btngroup" id="work-time-group">
|
||||
<input class="btn" type="button" value="00:00" group="worktime" />
|
||||
<input class="btn" type="button" value="00:30" group="worktime" />
|
||||
<input class="btn" type="button" value="01:00" group="worktime" />
|
||||
<input class="btn" type="button" value="01:30" group="worktime" />
|
||||
<input class="btn" type="button" value="02:00" group="worktime" />
|
||||
<input class="btn" type="button" value="02:30" group="worktime" />
|
||||
<input class="btn" type="button" value="03:00" group="worktime" />
|
||||
<input class="btn" type="button" value="03:30" group="worktime" />
|
||||
<input class="btn" type="button" value="04:00" group="worktime" />
|
||||
<input class="btn" type="button" value="04:30" group="worktime" />
|
||||
<input class="btn" type="button" value="05:00" group="worktime" />
|
||||
<input class="btn" type="button" value="05:30" group="worktime" />
|
||||
<input class="btn" type="button" value="06:00" group="worktime" />
|
||||
<input class="btn" type="button" value="06:30" group="worktime" />
|
||||
<input class="btn" type="button" value="07:00" group="worktime" />
|
||||
<input class="btn" type="button" value="07:30" group="worktime" />
|
||||
<input class="btn btn-highlight" type="button" value="08:00" group="worktime" />
|
||||
<input class="btn" type="button" value="08:30" group="worktime" />
|
||||
<input class="btn" type="button" value="09:00" group="worktime" />
|
||||
<input class="btn" type="button" value="09:30" group="worktime" />
|
||||
<input class="btn" type="button" value="10:00" group="worktime" />
|
||||
<input class="btn" type="button" value="10:30" group="worktime" />
|
||||
<input class="btn" type="button" value="11:00" group="worktime" />
|
||||
<input class="btn" type="button" value="11:30" group="worktime" />
|
||||
<input class="btn" type="button" value="12:00" group="worktime" />
|
||||
<input class="btn" type="button" value="12:30" group="worktime" />
|
||||
<input class="btn" type="button" value="13:00" group="worktime" />
|
||||
<input class="btn" type="button" value="13:30" group="worktime" />
|
||||
<input class="btn" type="button" value="14:00" group="worktime" />
|
||||
<input class="btn" type="button" value="14:30" group="worktime" />
|
||||
<input class="btn" type="button" value="15:00" group="worktime" />
|
||||
<input class="btn" type="button" value="15:30" group="worktime" />
|
||||
<input class="btn" type="button" value="16:00" group="worktime" />
|
||||
<input class="btn" type="button" value="16:30" group="worktime" />
|
||||
<input class="btn" type="button" value="17:00" group="worktime" />
|
||||
<input class="btn" type="button" value="17:30" group="worktime" />
|
||||
<input class="btn" type="button" value="18:00" group="worktime" />
|
||||
<input class="btn" type="button" value="18:30" group="worktime" />
|
||||
<input class="btn" type="button" value="19:00" group="worktime" />
|
||||
<input class="btn" type="button" value="19:30" group="worktime" />
|
||||
<input class="btn" type="button" value="20:00" group="worktime" />
|
||||
<input class="btn" type="button" value="20:30" group="worktime" />
|
||||
<input class="btn" type="button" value="21:00" group="worktime" />
|
||||
<input class="btn" type="button" value="21:30" group="worktime" />
|
||||
<input class="btn" type="button" value="22:00" group="worktime" />
|
||||
<input class="btn" type="button" value="22:30" group="worktime" />
|
||||
<input class="btn" type="button" value="23:00" group="worktime" />
|
||||
<input class="btn" type="button" value="23:30" group="worktime" />
|
||||
</div> -->
|
||||
<!-- 调度号不存在时的占位符 -->
|
||||
<div class="stackpanel-horizontal btngroup" id="ddnumber-group-none" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="无"/>
|
||||
</div>
|
||||
<span>配电室</span>
|
||||
<div class="stackpanel-horizontal pr-list" id="pr-list">
|
||||
<!-- <div class="pr-item" data-prid="{prId}" data-count="{count}">
|
||||
<div class="pr-name">1#配电配电配电配电配电配电室</div>
|
||||
<div class="count-controler">
|
||||
<span class="sub">-</span>
|
||||
<span class="count">10</span>
|
||||
<span class="sum">+</span>
|
||||
</div>
|
||||
<div class="inspect-type-radio">
|
||||
<label><input name="inspect-type-" class="routine" type="radio" checked> 例行</label>
|
||||
<label><input name="inspect-type-" class="special" type="radio"> 特殊</label>
|
||||
<label><input name="inspect-type-" class="huizhen" type="radio"> 会诊</label>
|
||||
<label><input name="inspect-type-" class="xideng" type="radio"> 熄灯</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pr-item">
|
||||
<div>2#配电室</div>
|
||||
<div class="count-controler">
|
||||
<span class="sub">-</span>
|
||||
<span class="count">10</span>
|
||||
<span class="sum">+</span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="stackpanel-horizontal btngroup" id="vartype-group-loading" style="display: none;">
|
||||
<input class="btn btn-highlight" type="button" value="载入中" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="stackpanel-horizontal bottom" id="footer">
|
||||
<input class="submitbtn-common submitbtn-gray" type="button" id="btn-cancel" value="取消" />
|
||||
<input class="submitbtn-common bg-yellow" type="button" id="btn-ok" value="确定" />
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/inspectionArrangeCreateRightPanel.js"></script>
|
||||
|
||||
</html>
|
||||
84
app-saas-src/html/feature/inspectionArrangeDetail.html
Normal file
84
app-saas-src/html/feature/inspectionArrangeDetail.html
Normal file
@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>title</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/feature/inspectionArrangeDetail.css"/>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../image/back.png" /></div>
|
||||
<span>安排详情</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader" ></div>
|
||||
<div class="stackpanel-vertical fix-top" id="searcher">
|
||||
<div class="search-line">
|
||||
<span class="msg-item">巡检日期：</span>
|
||||
<div class="center " id="inspect-date">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div style="height: 1.3rem"></div>
|
||||
<div class="search-line">
|
||||
<span class="msg-item">巡检人员：</span>
|
||||
<div class="center " id="inspect-person">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div style="height: 1.3rem"></div>
|
||||
<div class="search-line">
|
||||
<span class="msg-item">上班时间：</span>
|
||||
<div class="center " id="">
|
||||
08:00
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div style="height: 8rem"></div>
|
||||
<div class="prList-content">
|
||||
<div class="pr-num-box">
|
||||
<div>共<span class="pr-num" id="prCount"></span>个配电室</div>
|
||||
</div>
|
||||
<div class="stackpanel-vertical" id="prList">
|
||||
<!-- <div class="pr">
|
||||
<div class="left">
|
||||
<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>
|
||||
<div class="content font1">
|
||||
<div class="pr-name-con"><span class="pr-name">敦豪配电室</span>
|
||||
</div>
|
||||
<div> < <span class="inspect-type">{type}</span> > </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<span class="color-green">已完成</span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="empty-tips" id="empty-tips" style="display: none; margin: 2rem 0 0 0">
|
||||
<div></div>
|
||||
<span style="margin:1rem 0 0 0">找不到巡检配电室</span>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../script/menu-privilege.js"></script>
|
||||
<script type="text/javascript" src="../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../script/feature/inspectionArrangeDetail.js"></script>
|
||||
|
||||
</html>
|
||||
48
app-saas-src/html/feature/logQuery/inspectArrangement.html
Normal file
48
app-saas-src/html/feature/logQuery/inspectArrangement.html
Normal file
@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
|
||||
/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>巡检安排</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../css/feature/logQuery/inspectArrangement.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../../image/back.png" />
|
||||
</div>
|
||||
<span>巡检安排</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<section>
|
||||
<div class="list" id="inspectList">
|
||||
<!--<div class="item">
|
||||
<div class="nav">
|
||||
<span class="pr-name">{prName}</span>
|
||||
<span class="date-time">{date}</span>
|
||||
</div>
|
||||
<div class="con">
|
||||
<div class="con-item"><span>巡检次数：</span><span>{count}次</span></div>
|
||||
<div class="con-item"><span>巡检组长：</span><span>{person}</span><span> 电话：</span><span>{tel}</span></div>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../../script/feature/logQuery/inspectArrangement.js"></script>
|
||||
|
||||
</html>
|
||||
61
app-saas-src/html/feature/logQuery/inspectBug.html
Normal file
61
app-saas-src/html/feature/logQuery/inspectBug.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
|
||||
/>
|
||||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||||
<title>巡检安排</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../css/api.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../css/feature/logQuery/inspectBug.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="statusBarHeight"></div>
|
||||
<div class="top-bar">
|
||||
<div class="back" id="back"><img src="../../../image/back.png" />
|
||||
</div>
|
||||
<span>设备缺陷</span>
|
||||
<div class="width-back"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="heightHeader" id="heightHeader"></div>
|
||||
<section>
|
||||
<div class="content">
|
||||
<div class="">配电室：<span id="pr-name"></span></div>
|
||||
|
||||
<div class="">巡检人：<span id="inspector"></span></div>
|
||||
<!-- <div class="">巡检电话：<span id="mobile"></span></div> -->
|
||||
<div class="">提交时间：<span id="time"></span></div>
|
||||
|
||||
<div class="">问题描述:<span id="desc"></span></div>
|
||||
|
||||
<!-- <div><a href="javaScript:;" class="toRepairDetail hide color-yellow" id="toRepairDetail">点击查看抢修日志</a></div> -->
|
||||
|
||||
<div class="height10"></div>
|
||||
<div class="pic-con" id="pic-con">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="empty-tips" id="alarm-list-empty-tips" style="padding-top:4rem;">
|
||||
<div></div>
|
||||
<span>查找不到数据</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- 生成工单按钮 -->
|
||||
<div id="create-order-btn">
|
||||
生成工单
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../../../script/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="../../../script/api.js"></script>
|
||||
<script type="text/javascript" src="../../../script/common.js"></script>
|
||||
<script type="text/javascript" src="../../../script/dateUtils.js"></script>
|
||||
<script type="text/javascript" src="../../../script/feature/logQuery/inspectBug.js"></script>
|
||||
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user